Diseñño de la interfaz

Modelando el diseño

Diseño de la interfaz.










Diseño del contenido





Diseño arquitectónico

La arquitectura que se utilizara es la lineal con esta arquitectura se manejara la secuencia de las interacciones con la posible variación de la webapp.
El usuario realiza una acción en la interfaz implementada mediante páginas Web, tiene como misión la captura dedatos de usuario al pulsar el botón de agendar citas, este lo llevara a un enlace en que se encontrara un formulario y el servicio a escoger, se da clic al botón de guardar, después el usuario puede consultar citas de igual forma pulsando el boto el cual lo enlazara a la página y se llenara le formulario de y después se dará clic al botón de consultar. El lenguaje de programación es de HTML,Framework. Net 1.1
El modelo revisa la base de datos, el modelo le envía respuesta con los datos al controlador. El lenguaje para la base de datos es de SQL Server.
El controlador gestionara las acciones que el usuario ha ejecutado y que por medio de un gestor de eventos (handler), se realizaran las acciones correspondientes.
El controlador es el encargado de realizar la petición debúsqueda, así se actualizara el modelo de una forma adecuado y coherente, con la información nueva y se actualiza la vista con los nuevos datos.
El controlador puede utilizar los lenguajes de PHP, NET o Java.
La vista pide los nuevos datos al modelo para iniciarla y mostrarla. En las vistas se utilizan las páginas de HTML.
El modelo notificara al controlador asociado que el estado hasido cambiado, por lo que se actualizaran las vistas que estén asociadas con el modelo. Que están programados en un lenguaje de SQL.






Diseño de navegación
Para las declaraciones indicamos la versión de HTML el cual usa la página y la DTD con la que se realiza la validación.
En el diseño de la WebApps se crea la semántica de navegación de USN en la cual se crearan las metas queestarán asociadas a los roles de los usuarios.
Se evaluara la estructura de la webapp, se identifican los nodos de navegación en este caso las páginas web y se realizan los enlaces que ayudan a la navegación entre ellos.
A medida que avanzo el diseño se identifico la mecánica de los enlaces de la navegación, los cuales se encuentran los enlaces que están basados en texto y botones, los cualesson adecuados al contenido y de consecuentes con la heurística el cual nos conduce al diseño de la interfaz de alta calidad.
Otros mecanismos a utilizar son los de navegación vertical que es la única opción de navegación que se le permite desplegar a otra sub-opciones as cuales le permiten avanzar, retroceder o regresar al índice.
Después de elegir la mecánica de navegación se debenestablecer las convenciones y ayudas adecuadas las cuales pueden ser los mapas de sitio, las tablas de contenido, mecanismos de búsquedas de servicios que sean dinámicos de ayuda.


Descripción del mapa de sitio.
El mapa de sitio se especifica los enlaces a los que pertenece la webapp, en los que se enlista los datos importantes sobre la interfaz grafica.
El mapa de sitio comienzacon la página de inicio en el cual el usuario al ingresar a la página puede escoger entre dos opciones las cuales son agendar cita y consulta de citas.
Si el usuario escoge la opción de agendar cita este lo llevara al enlace y mostrara la página en la cual tienen que llenar un formulario con sus datos los cuales son nombre del paciente, hora y fecha de la cita, dirección, teléfono y sexo,en esa misma página se muestran los servicios que ofrece salud dental los cuales son limpieza dental, colocación y cambio de amalgama, colocación y cambio de resina, extracción de piezas, colocación y cambio de resina y la atención del cirujano dental. El usuario elije la opción que requiera en seguida pulsara el botón de guardar así la información se guardara en la agenda y...