Diseño de la Aplicación Web:

4.2.3.3.1. Diseño de Páginas Informativas:

a). Pantalla Principal: La dirección para ingresar a la Aplicación Web es:

www.appdieto.clinicasermens.com

88

Esta pantalla muestra tres menús dos horizontales, los cuales constan de: inicio que muestra la

pág. principal, quienes somos que muestra una pág. en donde se describe la Clínica SER-

MENS, servicios que muestra con que servicios cuenta la clínica, historia que muestra cómo

empezó la clínica, sistema que muestra la pág. de ingreso al sistema, Gestión de calidad que

muestra una pág. donde muestra información sobre los principios y valores que posee la

institución, contáctenos que muestra información de cómo y dónde el usuario puede

comunicarse con la clínica, y un vertical, que consta de: Guía para pacientes, diálisis,

hemodiálisis, que muestran pdfs con información que al paciente de insuficiencia renal le

será muy útil, Guía nutricional que brinda información de cómo un usuario puede

alimentarse correctamente, Buena salud que muestra una serie de pasos para mantener una

buena salud y Consejos prácticos que brinda información de cómo alimentarse

correctamente, también cuenta con varios enlaces en los que el usuario puede ir navegando libremente y aprendiendo más de cómo tener una buena nutrición y dieta.

b). Pantalla Quienes somos: Esta pantalla muestra una galería de fotos e información que

corresponde a la Clínica de Servicios Médicos Nefrológicos Especiales “SER-MENS”. También cuenta con los mismos menús explicados en el anterior formulario.

89

c). Pantalla Servicios: esta pantalla muestra información de todos los servicios que presta la

Clínica de Servicios Médicos Nefrológicos Especiales “SER-MENS”.

Figura 13. Pantalla de Servicios

d). Pantalla Historia: Esta pantalla muestra información de cuando fue fundada la Clínica de

Servicios Médicos Nefrológicos Especiales “SER-MENS”.

90

e). Pantalla Gestión de calidad: Esta pantalla se muestra información que corresponde a la

gestión de calidad de la Clínica como: Misión, Visión, Principios y valores de la misma.

Figura 15. Pantalla Gestión de Calidad

4.2.3.3.2. Diseño de Entradas

a). Pantalla Contáctenos: Esta pantalla muestra la dirección, teléfonos, e-mail de la Clínica

de Servicios Médicos Nefrológicos Especiales “SER-MENS”.

91

b). Pantalla del Sistema: En esta pantalla el usuario tiene que ingresar una contraseña y un

nombre de usuario, en caso de que no posea dichas solicitudes tendrá que proceder a registrarse dando un clic en el enlace de registrarse.

Figura 17. Pantalla de Sistema

c). Pantalla de registro de usuarios: en esta pantalla el usuario debe escribir el nombre de

usuario y una contraseña la cual deberá repetir nuevamente para poder registrarse con éxito y poder ingresar al sistema.

92

d). Pantalla de registro de pacientes: en esta pantalla el Nutricionista o la Secretaria pueden

ingresar los datos personales del paciente para luego crear su historial clínico.

Figura 19. Pantalla de Registro de pacientes

e). Pantalla de registro de Historia Clínica: en este formulario se selecciona al paciente

para crear su historia clínica, con la que se lleva todos los datos personales como clínicos del individuo.

93

f). Pantalla de ingreso de Datos Antropométricos: en este formulario se ingresa el peso y

talla para poder determinar el estado nutricional del paciente.

Figura 21. Pantalla de Ingreso de datos Antropométricos

g). Pantalla de ingreso de Requerimientos Nutricionales: En este formulario se ingresa

todos los porcentajes y gramos de proteínas, grasas y carbohidratos que el paciente debe consumir.

Figura 22. Pantalla de Ingreso de requerimientos Nutricionales

4.2.3.3.3. Pantallas de Salida

Al ingresar en la Aplicación Web se ha diseñado cuatro los siguientes menús: pacientes, nutricionista, administrador, se diferencian por las opciones y privilegios que tiene cada uno.

94

a). Menú del Administrador: en esta pantalla se observa las distintas opciones que tiene el

Administrador como son: otorgar permisos a usuarios, ingresos de pacientes, ingreso de nuevos datos como países, provincias, patologías, trastornos digestivos, alimentos, nutrientes, reparaciones, realizar reportes, entre las opciones más importantes.

Figura 23. Pantalla del Menú Administrador

b). Menú del Nutricionista: el nutricionista tiene las opciones de ingresar nuevos pacientes,

generara las Historias Clínicas, mismo que tienen las opciones para controlar al paciente evaluar su estado nutricional y dar los respectivos requerimientos nutricionales y plan dietético a seguir:

95

c). Menú del Paciente: en esta pantalla el paciente puede verificar su Historial Clínico, el

control de su peso y la evolución que ha logrado desde la primera consulta; además de poder observar el plan nutricional que debe seguir.

Figura 25. Pantalla del Menú Paciente

d). Pantalla de Búsquedas: en esta pantalla se puede buscar a los pacientes por cédula,

nombre, apellidos entre otros criterios; para verificar sus datos personales y nutricionales.

96

e). Pantalla de evolución del estado nutricional del paciente: aquí se muestran los datos

antropométricos de las diferentes consultas que ha tenido el paciente, mostrando con un gráfico estadístico su evolución.

Figura 27. Pantalla de evolución del paciente

f). Pantalla del Plan Nutricional: en la siguiente pantalla muestra cómo se conformara el

plan nutricional que debe seguir el paciente para su recuperación.

97

g). Pantalla de Reporte de la Historia Clínica: en la siguiente pantalla muestra como se

puede obtener los datos del paciente en caso que desee imprimirlos.

Figura 29. Pantalla del Menú Nutricionista