PROGRAMACION WEB

INSTITUTO TECNOLOGICO SUPERIOR

DE RIOVERDE

Materia:
Programación Web

Profesor:
I.S.C. Bernardo Martínez Santiago

Alumnos:
Luís Felipe Bernal Gómez
Omar Alfonso Sánchez Torres

Trabajo:
Reporte De Práctica “hospital”

Octubre de 2010

Proyecto Hospital 1
Omar Alfonso Sánchez Torres nightmare_in_the_darkness_666@hotmail.com
Luis Felipe Bernal Gómez bernal.chapo@hotmail.com
 PROGRAMACION WEB

INDICE:

ARQUITECTURA: .............................................................................................. 3

LENGUAJES QUE SE UTILIZARAN: ................................................................. 5

HERRAMIENTAS QUE SE UTILIZARAN:....................................................... 6

TIPOS DE USUARIOS Y ROLES DE USUARIOS ............................................ 8

METODOLOGIA................................................................................................. 9

DIAGRAMAS DE CASO DE USO .................................................................... 10

DISEÑO DE VISTAS ........................................................................................ 11

DISEÑO DE NAVEGACION ............................................................................. 14

SEGURIDAD DEL PROYECTO ....................................................................... 16

RESPUESTA.................................................................................................... 17

Proyecto Hospital 2
Omar Alfonso Sánchez Torres nightmare_in_the_darkness_666@hotmail.com
Luis Felipe Bernal Gómez bernal.chapo@hotmail.com
 PROGRAMACION WEB

ARQUITECTURA:
Nuestro proyecto va a utilizar un modelo de 3 capas, que consta de las capas
de:
1.- Presentación
2.- Negocio
3.- Datos

1. Capa de presentación: es la que ve el usuario (también se la denomina

"capa de usuario"), presenta el sistema al usuario, le comunica la
información y captura la información del usuario en un mínimo de
proceso (realiza un filtrado previo para comprobar que no hay errores de
formato). También es conocida como interfaz gráfica y debe tener la
característica de ser "amigable" (entendible y fácil de usar) para el
usuario. Esta capa se comunica únicamente con la capa de negocio.
2. Capa de negocio: es donde residen los programas que se ejecutan, se
reciben las peticiones del usuario y se envían las respuestas tras el
proceso. Se denomina capa de negocio (e incluso de lógica del negocio)
porque es aquí donde se establecen todas las reglas que deben
cumplirse. Esta capa se comunica con la capa de presentación, para
recibir las solicitudes y presentar los resultados, y con la capa de datos,
para solicitar al gestor de base de datos almacenar o recuperar datos de
él. También se consideran aquí los programas de aplicación.
3. Capa de datos: es donde residen los datos y es la encargada de acceder
a los mismos. Está formada por uno o más gestores de bases de datos
que realizan todo el almacenamiento de datos, reciben solicitudes de
almacenamiento o recuperación de información desde la capa de
negocio.

Proyecto Hospital 3
Omar Alfonso Sánchez Torres nightmare_in_the_darkness_666@hotmail.com
Luis Felipe Bernal Gómez bernal.chapo@hotmail.com
 PROGRAMACION WEB

Para este proyecto utilizaremos esta arquitectura porque cada capa se adapta
a las necesidades de nuestra página ya que:

La primera capa que es la de presentación que será la interfaz con la que

interactuara el cliente, que van a ser las personas que trabajen en el hospital,
para ingresar los datos de las personas que lleguen al hospital para ser
atendidos, o simplemente a realizarse una consulta o un chequeo.

La segunda capa que es la de negocio contendrá todo el diseño de la página,

con esto nos referimos a las personas que estamos realizando el proyecto,
toda la programación del sistema, aspectos a tratar y demás cosas que se
pondrán al momento de estar diseñando nuestra pagina.

La tercera capa que es la capa de base de datos contendrá toda la información

de los usuarios, tal información será las veces que el usuario (paciente) a
ingresado a el hospital, la medicina que dicho paciente necesitara, el medico
que lo atendió, la habitación y camilla donde estuvo (solo si requirió ser
internado).

Proyecto Hospital 4
Omar Alfonso Sánchez Torres nightmare_in_the_darkness_666@hotmail.com
Luis Felipe Bernal Gómez bernal.chapo@hotmail.com
 PROGRAMACION WEB

LENGUAJES QUE SE UTILIZARAN:

El lenguaje que vamos a utilizar por parte de cliente es el HTML porque al
utilizar este por que trabaja alado del php y trae muchas herramientas y ala vez
es compatible con Linux es mucho más simple. Es una manera de describir
cómo un conjunto de texto e imágenes deben desplegarse en el navegador,
similar en concepto a las marcas que hace un editor.
El html es muy fácil de usar; porque diseñado en este sentido no tienes que ser
un programador para usarlo. Si no que tú puedes editar un archivo de texto,
entonces puedes escribir en html

Por lado del servidor vamos a usar el PHP por que es originalmente para la
creación de páginas Web. Es usado principalmente en interpretación del lado
del servidor pero actualmente puede ser utilizado desde una interfaz de línea
de comandos incluyendo aplicaciones con interfaz gráfica usando

PHP es un recursivo que Fue creado originalmente por para la creación de las
páginas web; sin embargo la implementación principal de php es producida
ahora y sirve como el estándar de facto para php al no haber una
especificación formal. Y también lo vamos a utilizar porque es un software libre.

Proyecto Hospital 5
Omar Alfonso Sánchez Torres nightmare_in_the_darkness_666@hotmail.com
Luis Felipe Bernal Gómez bernal.chapo@hotmail.com
 PROGRAMACION WEB

HERRAMIENTAS QUE SE UTILIZARAN:

1.-WINDOWS.- Nosotros vamos a necesitar esta herramienta ya que es

compatible con muchas aplicaciones para la elaboración de la página web
Además de esto los programas utilizados y la manera de programación son
iguales bajo cualquier sistema operativo y se llega al mismo objetivo.

2.- MySQL WORKBENCH.- esta herramienta es para poder hacer la bases

de datos va a ser muy necesario para nosotros.

3.- APACHE.- vamos a utilizar esta herramienta porque vamos a necesitar un

servidor.

4.-BLOCK DE NOTAS.- otra herramienta que se va a utilizar es el block de

notas esto es para hacer la pagina desde cero. Continuación algunas
herramientas del block como es el HTML estos de abajo están ligados con el
block de notas para la programación de la pagina

a).-HTML es una implementación la definición de

Texto electrónico independiente de dispositivos, sistemas y aplicaciones.
Metalenguaje para definir lenguajes de diseño descriptivos; proporciona
Un medio de codificar documentos hipertexto cuyo destino sea el intercambio

Proyecto Hospital 6
Omar Alfonso Sánchez Torres nightmare_in_the_darkness_666@hotmail.com
Luis Felipe Bernal Gómez bernal.chapo@hotmail.com
 PROGRAMACION WEB

Directo entre sistemas o aplicaciones.

El lenguaje de html funciona por medio de “etiquetas” que describen la

apariencia o función del texto enmarcado. Este lenguaje puede llegar a incluir
un script o código que tenga incidencia en el comportamiento del navegador
web de elección.
la funcionalidad del html es tan sencilla que puede ser creado y editado en
cualquier editor de textos básicos, como el bloc de notas típico del sistema
operativo Windows. También puede editarse en procesadores de textos,
software de diseño web o aplicaciones web directamente, como lo más
convencionales programas de administración de contenido como wordpress.
Introducirse en html es una forma sencilla y didáctica de aprender a diseñar en
web obteniendo resultados visibles de manera práctica para crear tanto sitios
básicos como muy avanzados.
Que te permite hacer lo siguiente
Permite crear lenguajes de codificación descriptivos.
Define una estructura de documentos jerárquica, con elementos y
Componentes interconectados.
Proporciona una especificación formal completa del documento.
No tiene un conjunto implícito de convenciones de señalización.
Soporta, por tanto, un conjunto flexible de juegos de etiquetas.
Los documentos generados por él son legibles.

2.-PHP es un lenguaje de programación muy potente que, junto con html,

permite crear sitios web dinámicos. Php se instala en el servidor y funciona con
versiones de apache.

La forma de usar php es insertando código php dentro del código html de un
sitio web. Cuando un cliente (cualquier persona en la web) visita la página web
que contiene éste código, el servidor lo ejecuta y el cliente sólo recibe el
resultado. Su ejecución, es por tanto en el servidor, a diferencia de otros
lenguajes de programación que se ejecutan en el navegador.

Proyecto Hospital 7
Omar Alfonso Sánchez Torres nightmare_in_the_darkness_666@hotmail.com
Luis Felipe Bernal Gómez bernal.chapo@hotmail.com
 PROGRAMACION WEB

TIPOS DE USUARIOS Y ROLES DE USUARIOS

Los tipos de usuarios que se necesitan en este proyecto son el usuario y el
administrador

1.- El usuario es la persona que se va utilizar el sistema, la pagina también es

la persona por la que se crea este proyecto para que pueda saber sobre una
consulta que pueda sabes los tipos de enfermedades las medicinas para que
son algunas de ellas entre otras cosas

Las funciones de usuario tienen un papel muy importante dentro en el sistema

Un usuario es la persona que utiliza o trabaja con algún objeto o que es
destinataria de algún servicio público, privado, empresarial o profesional. Otra
cosa que nos dice sobres los usuarios es cualquiera que se registre a tu pagina
esa persona se le denomina usuario.

2.- el administrador vamos a hacer esas personas o esa persona que es el

creador de la página en este caso Omar y Felipe nosotros son los encargados
de la seguridad del mantenimiento y todos esos detalles

Define la carga de trabajo para el diseño y asigna el personal adecuado para

las necesidades.

Su trabajo también incluye mantener la excelencia técnica de los recursos,

reclutar, entrenar y manejar a la gente.

Ejecuta tareas de diseño y prepara planes detallados y de tareas consistente

con todo el plan de proyecto, incluyendo la definición inicial de requerimientos.

Proyecto Hospital 8
Omar Alfonso Sánchez Torres nightmare_in_the_darkness_666@hotmail.com
Luis Felipe Bernal Gómez bernal.chapo@hotmail.com
 PROGRAMACION WEB

METODOLOGIA

Utilizaremos la metodología WSDM, que es un método para sitios Web donde

hay un acercamiento al usuario que define los objetos de información basado
en sus requisitos de información para el uso de la Web. En este método se
definen una aplicación Web a partir de los diferentes grupos de usuarios que
vaya a reconocer el sistema.
Este modelo propone tres etapas que son: “Modelo Usuario, Diseño
Conceptual, Diseño de Implementación. El tratamiento de requisitos se lleva a
cabo en la etapa inicial, donde, en primer lugar, se identifican y clasifican los
usuarios que van a hacer uso de la aplicación Web.

Proyecto Hospital 9
Omar Alfonso Sánchez Torres nightmare_in_the_darkness_666@hotmail.com
Luis Felipe Bernal Gómez bernal.chapo@hotmail.com
 PROGRAMACION WEB

DIAGRAMAS DE CASO DE USO

Administrador
Crea aquí la
Crea aquí la seguridad
pagina

Crea los
privilegios de
seguridad

Usuario

Consulta lo que quiere

Inicia la sección
ver en la página
de la página

Finaliza sección

Proyecto Hospital 10
Omar Alfonso Sánchez Torres nightmare_in_the_darkness_666@hotmail.com
Luis Felipe Bernal Gómez bernal.chapo@hotmail.com
 PROGRAMACION WEB

DISEÑO DE VISTAS

Proyecto Hospital 11
Omar Alfonso Sánchez Torres nightmare_in_the_darkness_666@hotmail.com
Luis Felipe Bernal Gómez bernal.chapo@hotmail.com
 PROGRAMACION WEB

Proyecto Hospital 12
Omar Alfonso Sánchez Torres nightmare_in_the_darkness_666@hotmail.com
Luis Felipe Bernal Gómez bernal.chapo@hotmail.com
 PROGRAMACION WEB

Proyecto Hospital 13
Omar Alfonso Sánchez Torres nightmare_in_the_darkness_666@hotmail.com
Luis Felipe Bernal Gómez bernal.chapo@hotmail.com
 PROGRAMACION WEB

DISEÑO DE NAVEGACION

Si estas en la pagina principal y le das clic en donde te dice quirófano te manda

ala pagina del quirófano.

Si decides darle clic en rayos x te va mandar ala página de navegación de rayos x

Otra de las opciones es que si le das clic en el botón te manda ala pagina que en este
caso seria laboratorio

Proyecto Hospital 14
Omar Alfonso Sánchez Torres nightmare_in_the_darkness_666@hotmail.com
Luis Felipe Bernal Gómez bernal.chapo@hotmail.com
 PROGRAMACION WEB

Si el usuario decide ir a urgencias lo que tiene que hacer es darle clic en el

botón de urgencias

Si decides como usuario ver lo de terapia intensiva lo único que tienes que
hacer es dar clic en el nombre

Si tú como cliente quieres hacer una consulta lo que tienes que hacer en la
página principal darle clic y te va a mandar ala pagina de consultas y ahí te
tienes que registrar o solo acceder si es que ya estas registrado.

Proyecto Hospital 15
Omar Alfonso Sánchez Torres nightmare_in_the_darkness_666@hotmail.com
Luis Felipe Bernal Gómez bernal.chapo@hotmail.com
 PROGRAMACION WEB

SEGURIDAD DEL PROYECTO

La seguridad que vamos a emplear en el proyecto están bajo los protocolos
HTTP por que utilizar este protocolo, una porque es una de las más utilizadas o
sino es que las más utilizada otra, permite la transferencia de mensajes con
encabezados que describen el contenido de los mensajes mediante la
codificación.

El propósito del protocolo http es permitir la transferencia de archivos

principalmente, en formato html. Entre un navegador el cliente y un servidor
web

Lo que a continuación se muestra es como trabaja el http que es la solicitud y

respuesta

Solicitud

1.-El navegador realiza una solicitud HTTP a que se refiere esto Una solicitud
http es un conjunto de líneas que el navegador envía al servidor. Le enviara lo
siguiente una línea de solicitud, los campos del encabezado y el cuerpo,

A) Una línea de solicitud: es una línea que especifica el tipo de documento

solicitado. La línea está formada por tres elementos que deben estar separados
por un espacio: el método, la dirección url, la versión del protocolo utilizada.

B) Los campos del encabezado de solicitud: es un conjunto de líneas

opcionales que permiten aportar información adicional sobre la solicitud y/o el
cliente. Cada una de estas líneas está formada por un nombre que describe el
tipo de encabezado, seguido de dos puntos y el valor del encabezado.

C) El cuerpo de la solicitud: es un conjunto de líneas opcionales que deben

estar separadas de las líneas precedentes por una línea en blanco y, por
ejemplo, permiten que se envíen datos por un comando post durante la
transmisión de datos al servidor utilizando un formulario.

Proyecto Hospital 16
Omar Alfonso Sánchez Torres nightmare_in_the_darkness_666@hotmail.com
Luis Felipe Bernal Gómez bernal.chapo@hotmail.com
 PROGRAMACION WEB

RESPUESTA
El servidor procesa la solicitud y después envía una respuesta http

En realidad, la comunicación se realiza en más etapas si se considera el

procesamiento de la solicitud en el servidor.

Una respuesta http es un conjunto de líneas que el servidor envía al

navegador. Está constituida por

A) una línea de estado: es una línea que especifica la versión del protocolo
utilizada y el estado de la solicitud en proceso mediante un texto explicativo y
un código. la línea está compuesta por tres elementos la línea está formada por
tres elementos que deben estar separados por un espacio: 1.-la versión del
protocolo utilizada, 2.-el código de estado, 3.-el significado del código

B) los campos del encabezado de respuesta: es un conjunto de líneas

opcionales que permiten aportar información adicional sobre la respuesta y/o el
servidor. Cada una de estas líneas está compuesta por un nombre que califica
el tipo de encabezado, seguido por dos puntos y por el valor del encabezado
cada una de estas líneas está formada por un nombre que describe el tipo de
encabezado, seguido de dos puntos y el valor del encabezado.

C) el cuerpo de la respuesta: contiene el documento solicitado.

Proyecto Hospital 17
Omar Alfonso Sánchez Torres nightmare_in_the_darkness_666@hotmail.com
Luis Felipe Bernal Gómez bernal.chapo@hotmail.com