DESARROLLO DE UNA APLICACIÓN MÓVIL PARA LA...

88
1 DESARROLLO DE UNA APLICACIÓN MÓVIL PARA LA VISUALIZACIÓN DE INFORMACIÓN DE LAS CITAS MÉDICAS DE UN PACIENTE EN UNA ENTIDAD DE SALUD Edwin Mauricio Ariza Flórez Código: 20142373006 UNIVERSIDAD DISTRITAL FRANCISCO JOSÉ DE CALDAS FACULTAD TECNOLÓGICA INGENIERÍA EN TELECOMUNICACIONES BOGOTÁ D.C. 2017

Transcript of DESARROLLO DE UNA APLICACIÓN MÓVIL PARA LA...

Page 1: DESARROLLO DE UNA APLICACIÓN MÓVIL PARA LA ...repository.udistrital.edu.co/bitstream/11349/5968/1/ArizaFlorez... · 1 desarrollo de una aplicaciÓn mÓvil para la visualizaciÓn

1

DESARROLLO DE UNA APLICACIÓN MÓVIL PARA LA VISUALIZACIÓN

DE INFORMACIÓN DE LAS CITAS MÉDICAS DE UN PACIENTE EN UNA

ENTIDAD DE SALUD

Edwin Mauricio Ariza Flórez

Código: 20142373006

UNIVERSIDAD DISTRITAL FRANCISCO JOSÉ DE CALDAS

FACULTAD TECNOLÓGICA

INGENIERÍA EN TELECOMUNICACIONES

BOGOTÁ D.C.

2017

Page 2: DESARROLLO DE UNA APLICACIÓN MÓVIL PARA LA ...repository.udistrital.edu.co/bitstream/11349/5968/1/ArizaFlorez... · 1 desarrollo de una aplicaciÓn mÓvil para la visualizaciÓn

2

DESARROLLO DE UNA APLICACIÓN MÓVIL PARA LA

VISUALIZACIÓN DE INFORMACIÓN DE LAS CITAS MÉDICAS DE UN

PACIENTE EN UNA ENTIDAD DE SALUD

Edwin Mauricio Ariza Flórez

Código: 20142373006

DIRECTOR DE PROYECTO

Ing. GUSTAVO ADOLFO HIGUERA CASTRO MSc.

Trabajo de grado en modalidad de monografía

Para optar al título de profesional de

Ingeniero en Telecomunicaciones

UNIVERSIDAD DISTRITAL FRANCISCO JOSÉ DE CALDAS

FACULTAD TECNOLÓGICA

INGENIERÍA EN TELECOMUNICACIONES

BOGOTÁ D.C.

2017

Page 3: DESARROLLO DE UNA APLICACIÓN MÓVIL PARA LA ...repository.udistrital.edu.co/bitstream/11349/5968/1/ArizaFlorez... · 1 desarrollo de una aplicaciÓn mÓvil para la visualizaciÓn

3

CONTENIDO

LISTA DE ILUSTRACIONES ...................................................................................... 5

LISTA DE TABLAS ....................................................................................................... 5

LISTA DE DIAGRAMAS .............................................................................................. 6

INTRODUCCIÓN .......................................................................................................... 8

1. PLANTEAMIENTO DEL PROBLEMA ........................................................... 10

2. OBJETIVOS ......................................................................................................... 11

2.1. General. ........................................................................................................... 11

2.2. Específicos....................................................................................................... 11

3. MARCO TEÓRICO ............................................................................................. 12

3.1. Referente al Área de Medicina. .................................................................... 12

3.1.1. Tipos de Códigos ..................................................................................... 12

3.2. Referente Al Área De Las Telecomunicaciones .......................................... 17

3.2.1. Aplicaciones Móviles .............................................................................. 17

3.2.2. El proceso de diseño y desarrollo de una app ...................................... 18

3.2.2.1. Conceptualización ............................................................................... 18

3.2.2.1.1. Definición.......................................................................................... 19

3.2.2.1.2. Diseño................................................................................................ 19

3.2.2.1.3. Desarrollo ......................................................................................... 19

3.2.2.1.4. Publicación ....................................................................................... 19

3.2.2.1.5. Tipos de aplicaciones ....................................................................... 19

3.2.2.1.5.1. Aplicaciones nativas ........................................................................ 19

3.2.2.1.5.2. Aplicaciones Web. ........................................................................... 20

3.2.2.1.5.3. Aplicaciones híbridas. ..................................................................... 20

3.2.3. Base De Datos .......................................................................................... 20

3.2.3.1. Características ..................................................................................... 20

3.2.3.2. Desventajas de la base de datos ......................................................... 20

3.2.4. Plataforma Web ...................................................................................... 20

3.2.4.1. Características Plataforma web......................................................... 21

3.2.5. Windows Communication Foundation (WCF) .................................... 21

3.2.5.1. Características de WCF...................................................................... 21

3.2.6. Internet Information Services IIS ......................................................... 22

4. METODOLOGÍA PROPUESTA........................................................................ 23

5. DESARROLLO DEL PROYECTO ................................................................... 24

5.1. Esquema general ............................................................................................ 24

5.3. Configuración a nivel de Hardware ............................................................. 25

Page 4: DESARROLLO DE UNA APLICACIÓN MÓVIL PARA LA ...repository.udistrital.edu.co/bitstream/11349/5968/1/ArizaFlorez... · 1 desarrollo de una aplicaciÓn mÓvil para la visualizaciÓn

4

5.3.1. ODBC ....................................................................................................... 25

5.3.2. WCF (Windows Communication Foundation ).................................... 26

5.3.2.1. Publicación de servicios WCF............................................................ 28

5.4. Interfaz de usuario ......................................................................................... 30

5.4.1. Interfaz Web............................................................................................ 31

5.4.2. Aplicación móvil...................................................................................... 33

6. CASOS DE USO ................................................................................................... 36

6.1. Casos de uso aplicación móvil........................................................................... 36

6.1.1. Caso de uso Diagrama general aplicación móvil ........................................ 36

6.1.2. Caso de uso Histórico de citas ..................................................................... 37

6.1.3. Caso de uso Pagina inicio sesión aplicación móvil ...................................... 39

6.1.4. Caso de uso Página principal........................................................................ 40

6.2. Casos de usos plataforma WEB........................................................................ 43

6.2.1. Caso de uso Login ........................................................................................ 43

6.2.2. Caso de uso Pagina Administrador............................................................... 46

6.2.3. Caso de uso Creación cita............................................................................. 47

6.2.4. Caso de uso Creación Medico ...................................................................... 49

6.2.5. Caso de uso Creación Paciente ..................................................................... 50

6.2.6. Caso de uso Creación Administrador ........................................................... 51

6.2.7. Caso de uso Paginas Citas Doctor ................................................................ 53

7. DIAGRAMAS DE SECUENCIA ........................................................................ 55

7.1. Aplicación Móvil ............................................................................................. 55

7.1.1. Login ......................................................................................................... 55

7.1.2. Página principal ........................................................................................ 58

7.1.3. Agendadas................................................................................................. 61

7.2. Plataforma WEB .............................................................................................. 66

7.2.1. Página de inicio......................................................................................... 66

7.2.2. Creación Medico....................................................................................... 67

7.2.3. Creación Funcionario................................................................................ 68

7.2.4. Creación Paciente ..................................................................................... 69

7.2.6. Citas médicas en progreso ........................................................................ 72

8. RESULTADOS ..................................................................................................... 73

8.1. Base de datos................................................................................................... 73

8.2. Plataforma Web ............................................................................................. 75

8.3. Aplicación móvil ............................................................................................. 81

9. CONCLUSIONES ................................................................................................ 85

10. TRABAJOS FUTUROS .................................................................................... 86

Page 5: DESARROLLO DE UNA APLICACIÓN MÓVIL PARA LA ...repository.udistrital.edu.co/bitstream/11349/5968/1/ArizaFlorez... · 1 desarrollo de una aplicaciÓn mÓvil para la visualizaciÓn

5

11. REFERENCIAS BIBLIOGRÁFICAS ............................................................. 87

LISTA DE ILUSTRACIONES

Ilustración 1. El proceso de diseño abarca diferentes etapas donde diseñador y desarrollador trabajan simultáneamente, con más o menos carga de trabajo dependiendo

del momento ................................................................................................................... 18 Ilustración 4. ODBC (Open DataBase Connectivity) ..................................................... 26

Ilustración 5. WCF (Windows Communication Foundation )........................................ 27 Ilustración 7. IP fija perteneciente a la red local ........................................................... 28 Ilustración 8. servicios de world wide web ................................................................... 28

Ilustración 9. URL http://192.168.0.8/WCF/ServicePaciente.svc con lo cual se puede evidenciar el enlace que hace la ruta con la dirección IPV4 estática del equipo,........... 29

Ilustración 10. Dirección URL es asignada como referencia WEB al proyecto CITAAP2.0 ..................................................................................................................... 30 Ilustración 12. Visual studio 2015 utilizando el modelo de desarrollo ASP.NET ......... 31

Ilustración 14. Android, el sistema operativo más utilizado actualmente [39] .............. 33 Ilustración 15. Activando la depuración por USB .......................................................... 35

Ilustración 17. Página de inicio ...................................................................................... 75 Ilustración 18. Página Administrador ............................................................................. 76 Ilustración 19. Creación Doctor...................................................................................... 77

Ilustración 20. Creación Paciente ................................................................................... 77 Ilustración 21. Creación Funcionario ............................................................................. 77 Ilustración 22. Creación Citas......................................................................................... 78

Ilustración 23. Ingreso número de documento del paciente ........................................... 78 Ilustración 24. Proceso generación de cita ..................................................................... 79

Ilustración 25. Página citas medicas ............................................................................... 79 Ilustración 26. Citas médicas pendientes ........................................................................ 80 Ilustración 27. Proceso finalización citas médicas ......................................................... 81

Ilustración 28. Aplicación móvil .................................................................................... 81 Ilustración 29. Página principal aplicación móvil .......................................................... 82

Ilustración 30. Citas pendientes del paciente.................................................................. 82 Ilustración 31. Datos referentes a las citas o procedimientos médicos .......................... 83 Ilustración 32. HISTÓRICO DE CITAS ........................................................................ 84

Ilustración 33. Citas-el paciente no asistió a la cita asignada ......................................... 84

LISTA DE TABLAS

Tabla 1. Data set (DS) ................................................................................................... 27 Tabla 2. Caso de uso General aplicación móvil ............................................................. 36

Tabla 3. Caso de uso Información cita ........................................................................... 37 Tabla 4. Caso de uso Histórico de citas .......................................................................... 38 Tabla 5. Caso de uso Observaciones .............................................................................. 38

Tabla 6. Caso de uso Ingreso aplicación móvil .............................................................. 39

Page 6: DESARROLLO DE UNA APLICACIÓN MÓVIL PARA LA ...repository.udistrital.edu.co/bitstream/11349/5968/1/ArizaFlorez... · 1 desarrollo de una aplicaciÓn mÓvil para la visualizaciÓn

6

Tabla 7. Caso de uso Página inicio sesión ...................................................................... 40

Tabla 8. Caso de uso Cerrar sesión................................................................................. 41 Tabla 9. Caso de uso Citas.............................................................................................. 41

Tabla 10. Caso de uso Histórico de citas ........................................................................ 42 Tabla 11. Caso de uso Página principal .......................................................................... 42 Tabla 12. Caso de uso Ingreso a la plataforma ............................................................... 43

Tabla 13. Caso de uso Pagina Administrador................................................................. 44 Tabla 14. Caso de uso Pagina Medico ............................................................................ 45

Tabla 15. Caso de uso Página de inicio sesión ............................................................... 46 Tabla 16. Caso de uso Pagina Administrador................................................................. 47 Tabla 17. Caso de uso Creación cita............................................................................... 48

Tabla 18. Caso de uso Creación Medico ........................................................................ 50 Tabla 19. Caso de uso Creación Paciente ....................................................................... 51

Tabla 20. Caso de uso Creación Administrador ............................................................. 53 Tabla 21. Caso de uso Paginas Citas Doctor .................................................................. 54 Tabla 22. Cita registro principal ..................................................................................... 74

Tabla 23. Paciente y doctor ........................................................................................... 74

LISTA DE DIAGRAMAS

Diagrama 1. Esquema general ........................................................................................ 24 Diagrama 2. Diagrama de clases ODBC (Open DataBase Connectivity) ...................... 26

Diagrama 3. Diagrama de clases estructura principal Plataforma Web ......................... 32 Diagrama 4. Diagrama de clases estructura principal App............................................. 35 Diagrama 5. Caso de uso General aplicación móvil ....................................................... 36

Diagrama 6. Caso de uso Histórico de citas ................................................................... 37 Diagrama 7. Caso de uso Página inicio sesión aplicación móvil ................................... 39

Diagrama 8. Caso de uso Página principal ..................................................................... 40 Diagrama 9. Caso de uso Login...................................................................................... 43 Diagrama 10. Caso de uso Pagina Administrador .......................................................... 46

Diagrama 11. Caso de uso Creación cita ........................................................................ 47 Diagrama 12. Caso de uso Creación Medico.................................................................. 49

Diagrama 13. Caso de uso Creación Paciente ................................................................ 50 Diagrama 14. Caso de uso Creación Administrador ...................................................... 51 Diagrama 15. Caso de uso Paginas Citas Doctor ........................................................... 53

Diagrama 16. Diagrama de secuencia Aplicación Móvil Login_oncreate .................... 55 Diagrama 17. Diagrama de secuencia Aplicación Móvil Login_Boton ingresar ........... 56

Diagrama 18. Diagrama de secuencia Aplicación Móvil Login_Validate_paciente ...... 57 Diagrama 19. Diagrama de secuencia Aplicación Móvil Pagina principal_oncreate .... 58 Diagrama 20. Diagrama de secuencia Aplicación Móvil Pagina principal_Boton

Configuracion ................................................................................................................. 59 Diagrama 21. Diagrama de secuencia Aplicación Móvil Pagina

principal_Boton_historicos ............................................................................................. 59 Diagrama 22. Diagrama de secuencia Aplicación Móvil Pagina principal_Boton_Citas ........................................................................................................................................ 59

Diagrama 23. Diagrama de secuencia Aplicación Móvil Pagina principal_get_citas .... 60 Diagrama 24. Diagrama de secuencia Aplicación Móvil Pagina Agendadas_oncreate . 61

Page 7: DESARROLLO DE UNA APLICACIÓN MÓVIL PARA LA ...repository.udistrital.edu.co/bitstream/11349/5968/1/ArizaFlorez... · 1 desarrollo de una aplicaciÓn mÓvil para la visualizaciÓn

7

Diagrama 25. Diagrama de secuencia Aplicación Móvil Pagina Agendadas Cita

seleccionada .................................................................................................................... 61 Diagrama 26. Diagrama de secuencia Aplicación Móvil Pagina Datos cita ................. 62

Diagrama 27. Diagrama de secuencia Aplicación Móvil historico_oncreate ................. 63 Diagrama 28. Diagrama de secuencia Aplicación Móvil historica_Cita histórica ......... 63 Diagrama 29. Diagrama de secuencia Aplicación Móvil historico_citas_observaciones

........................................................................................................................................ 64 Diagrama 30. Diagrama de secuencia Aplicación Móvil configuración ........................ 65

Diagrama 31. Diagrama de secuencia Aplicación Móvil cerrar sesión .......................... 65 Diagrama 32. Diagrama de secuencia Página inicio plataforma WEB .......................... 66 Diagrama 33. Diagrama de secuencia Pagina creación Doctor ...................................... 67

Diagrama 34. Diagrama de secuencia Creación funcionario .......................................... 68 Diagrama 35. Diagrama de secuencia creación paciente ................................................ 69

Diagrama 36. Diagrama de secuencia Buscar paciente .................................................. 70 Diagrama 37. Diagrama de secuencia seleccionar procedimiento ................................. 70 Diagrama 38. Diagrama de secuencia Generar cita medica ........................................... 71

Diagrama 39. Diagrama de secuencia citas pendientes doctor. ...................................... 72 Diagrama 40. Diagrama de secuencia seleccionar cita pendiente .................................. 72

Diagrama 41. Modelo entidad relación .......................................................................... 75

Page 8: DESARROLLO DE UNA APLICACIÓN MÓVIL PARA LA ...repository.udistrital.edu.co/bitstream/11349/5968/1/ArizaFlorez... · 1 desarrollo de una aplicaciÓn mÓvil para la visualizaciÓn

8

INTRODUCCIÓN

La evolución y transformación de los sistemas informáticos de salud han hecho necesaria una descentralización y mayor autonomía en la gestión hospitalaria para poder mantener

los compromisos de eficacia, eficiencia y calidad en un proceso.

Resulta importante resaltar que la experiencia de los diversos actores involucrados en el sistema de salud está marcada por las distintas preocupaciones, lo cual hace que no haya un punto de encuentro entre las expectativas del paciente, médico y funcionarios públicos.

Aunque hay unas preocupaciones comunes entre todos, cada quien prioriza aspectos diferentes que no necesariamente se complementan en un acceso efectivo al servicio. Por

el lado del paciente, hay una preocupación por un acceso efectivo y rápido a un tratamiento que compromete su vida; por el otro lado está el funcionario público, cuya preocupación se centra en la sostenibilidad financiera del sistema y el medico por su parte,

se preocupa por ofrecer un mejor servicio de acuerdo a los avances actuales de la medicina, aun cuando el sistema de salud le presenta restricciones al respecto.

Se pretende dar a conocer que el paciente es el eje único, central y final de todos los actos que se desarrollan en las empresas de servicios médicos hospitalarios, siendo ellos los

beneficiados por cualquier avance tecnológico aplicado a la medicina y a la automatización de servicios en los procesos médicos que se llevan a cabo.

Actualmente los usuarios vinculados a las entidades de salud no cuentan con un sistema eficiente para la verificación o validación de sus citas médicas, las cuales se realizan por

vía telefónica o personalmente, siendo estos los dos únicos métodos para la realizac ión de la reserva en el donde su única validación o registro es un papel entregado por la

persona que asignó la cita en caso de que sea personal, por el contrario si es de manera telefónica la persona que solicita la cita es la encargada de tomar todos los datos, esto incrementa el riesgo de pérdida de la información o se cometa algún error al momento de

la toma de datos, Todos estos inconvenientes generan para los usuarios inconformidad en el servicio y desisten de asistir a sus citas, ya que para verificar o tener nuevamente la

información de su cita estos deben que comunicarse vía telefónica para validar la información, lo que en la mayoría de los casos genera congestión telefónica y largos intervalos de espera para esta actividad

Tras el desarrollo de nuevas tecnología y el avance que estas han tenido en los últimos

años se diseña un prototipo de un sistema de interconexión entre una base de datos y una aplicación móvil para una entidad de salud, ya que muchas de éstas incluso no cuentan con un sistema computarizado que permita llevar un control más estricto de sus pacientes,

la aplicación móvil estará disponible en un equipo celular con la funcionalidad de dar a conocer todos los datos básicos previos y posteriores a la cita o intervención médica, esto

con el fin de facilitarle al usuario un control más adecuado de su salud, ya que en algunos casos por factores como la edad, demasiada carga laboral/personal o simplemente descuido las personas olvidan las citas médicas las cuales en algunos casos y dependiendo

del examen pueden tardar hasta meses en conseguirse.

Page 9: DESARROLLO DE UNA APLICACIÓN MÓVIL PARA LA ...repository.udistrital.edu.co/bitstream/11349/5968/1/ArizaFlorez... · 1 desarrollo de una aplicaciÓn mÓvil para la visualizaciÓn

9

Se diseñó una aplicación móvil capaz de visualizar todos los datos necesarios para la cita médica, entre algunos de ellos se encuentran: la fecha y hora de la cita, la dirección donde

se va a realizar la intervención médica, nombre del doctor y procedimiento que se vaya a realizar, entre otros, también una base de datos capaz de adicionar, modificar y mostrar todos los datos necesarios del paciente así como también una interfaz donde se pueda

realizar la asignación de citas por parte de un funcionario administrativo de la entidad de salud. Lo que se espera con el desarrollo de este proyecto es que los pacientes tengan un

control de sus citas e intervenciones médicas de una manera fácil y confiable.

Page 10: DESARROLLO DE UNA APLICACIÓN MÓVIL PARA LA ...repository.udistrital.edu.co/bitstream/11349/5968/1/ArizaFlorez... · 1 desarrollo de una aplicaciÓn mÓvil para la visualizaciÓn

10

1. PLANTEAMIENTO DEL PROBLEMA

Los problemas identificados son los siguientes:

1. Facilidad con que se olvida una cita médica o procedimiento médico. Para tomar

una cita médica y más cuando se trata de un examen especializado no es raro encontrar citas que pueden tardar varios meses en conseguirse, como resultado de

todo esto se puede caer en el problema de olvidar la cita, adicional a esto hay personas que en momentos se encuentran muy ocupadas y no llevan un control de este tipo de cosas, se debe evaluar también que existen personas de la tercera edad

que debido a su edad tienen falencias de memoria lo que produciría el olvido de la intervención médica con facilidad.

2. Problemas de memoria o vivir muy ocupado. Ya sea por un problema mental o

una vida muy ocupada las personas normalmente olvidan o dejan en un segundo

plano la salud, como consecuencia de esto muchas de las citas, o procedimientos médicos no se efectúan.

3. No llevar un control de salud apropiado. Las personas hoy en día están

acostumbradas a que, si nada duele, no hay de qué preocuparse, ya que se dan por

enterados que nada malo está sucediendo, lo que no se tiene en cuenta es el gran riesgo que está corriendo la persona al no tener un control apropiado de su salud

y cuando realmente algo grave sucede, en algunas circunstancias, ya es muy tarde para solucionarlo.

4. Mucho tráfico en la ciudad. No debería ser una excusa, pero el tráfico es una de las muchas causas por la que una persona llega tarde a la entidad de salud y pierda

la cita médica, esto se debe a que en muchos casos las personas calculan el tiempo de desplazamiento hacia la entidad de salud muy justo sin tener en cuenta factores como: horas pico, accidentes de tránsito, clima, entre otros.

5. No llegar a tiempo a la cita médica. Perder una cita médica no es simplemente de

olvido, generalmente las citas médicas o intervenciones están establecidas por un horario y un tiempo de ejecución, si alguno de estos dos aspectos no se cumple correctamente ocasionara un atraso en la agenda del día, en consecuencia, se

verían afectados todos los pacientes en ese caso la solución más simple es la cancelación de la cita.

6. Perder la cita médica. Conlleva a que el paciente pierda el seguimiento de su salud.

solicitar nuevamente una cita médica es algo tedioso ya que en algunos casos las

intervenciones, necesitan autorización de un médico general, y como consecuencia el tiempo que se utiliza en este proceso es demasiado largo y

complejo, en otras ocasiones el paciente prefiere no volver a solicitarla.

Page 11: DESARROLLO DE UNA APLICACIÓN MÓVIL PARA LA ...repository.udistrital.edu.co/bitstream/11349/5968/1/ArizaFlorez... · 1 desarrollo de una aplicaciÓn mÓvil para la visualizaciÓn

11

2. OBJETIVOS

2.1.General.

Desarrollar una aplicación móvil que visualice la información de las citas médicas de un

paciente en una entidad de salud.

2.2.Específicos.

Implementar un prototipo de base de datos capaz de almacenar el historial clínico

del paciente (Datos básicos).

Desarrollar una aplicación móvil que permita notificar al usuario y verificar sus

citas médicas con anterioridad.

Elaborar una página web que permita al usuario ingresar los datos personales del

paciente, para crear su historia clínica.

Implementar una prueba piloto, donde se establezca una conexión entre la base de

datos, servicios web y la aplicación móvil.

Page 12: DESARROLLO DE UNA APLICACIÓN MÓVIL PARA LA ...repository.udistrital.edu.co/bitstream/11349/5968/1/ArizaFlorez... · 1 desarrollo de una aplicaciÓn mÓvil para la visualizaciÓn

12

3. MARCO TEÓRICO

3.1.Referente al Área de Medicina.

Un procedimiento médico es un plan de acción destinado a lograr un resultado en el cuidado de las personas con problemas de salud.

Un procedimiento médico con la intención de determinar, medir o diagnosticar una condición o parámetro del paciente, también se llama un examen médico. Otros tipos

comunes de los procedimientos son terapéuticos, incluyendo el gran grupo de procedimientos quirúrgicos. Los Procedimientos de rehabilitación se incluyen en este grupo[1].

Con respecto al procedimiento médico, existen varias definiciones de éste:

"Una actividad dirigida a un individuo con el objeto de mejorar la salud, el

tratamiento de la enfermedad o lesión, o de hacer un diagnóstico."

"El acto o conducta de diagnóstico, tratamiento u operación."

"Una serie de etapas por las que un resultado deseado se logra."

"La secuencia de pasos a seguir en el establecimiento de algún curso de acción."

CPT®-Current Procedural Terminology es una marca registrada de la Asociación Médica de Estados Unidos registrado. El Grupo Editorial CPT está involucrado en un

esfuerzo de mejora de proceso en curso que actualmente incluye un nuevo examen de la Categoría I y CPT Categoría III criterios. Sobre la base de estos esfuerzos se debe esperar cambios periódicos a este sitio web [2].

3.1.1. Tipos de Códigos

El conjunto de códigos, terminología procesal actual es un código médico establecido mantenida por la Asociación Médica de Estados Unidos a través del Grupo Editorial CPT.

El conjunto de códigos CPT describe los servicios médicos, quirúrgicos y de diagnóst ico, y está diseñado para comunicar información uniforme sobre los servicios médicos y

procedimientos entre los médicos, codificadores, pacientes, organizaciones de acreditación, y los pagadores de administrativo, financiero y propósitos analíticos [3].

Existen tres tipos de códigos CPT:

Códigos de categoría I-Básicos Códigos de categoría II - Para la Medición del desempeño Códigos de categoría III - Para tecnologías emergentes.

El CPT está actualmente reconocido como de nivel I por el Centro de Servicios Médicos

(CMS)[4].

Page 13: DESARROLLO DE UNA APLICACIÓN MÓVIL PARA LA ...repository.udistrital.edu.co/bitstream/11349/5968/1/ArizaFlorez... · 1 desarrollo de una aplicaciÓn mÓvil para la visualizaciÓn

13

Estos procedimientos ilustrados cubren una variedad de temas médicos y de salud, desde

condiciones gastrointestinales hasta cirugía plástica. Cada procedimiento puede verse de forma lineal o se puede llegar al mismo desde áreas específicas de interés [5].

A continuación, se abarcará algunos: Cirugías, Procedimientos y Exámenes médicos, que darán a entender un poco más el enfoque del proyecto.

1. Médico General

Es un profesional de atención primaria que en muchos casos, ejerce de mediador entre el paciente y otros especialistas [6].

Reconocimiento médico o clínico

2. Dermatología

Ciencia que se dedica al tratamiento y cuidado de la piel, así como también al análisis y

cura de algunas de sus enfermedades más comunes. La dermatología tiene fines tanto medicinales como también estéticos en lo que respecta al cuidado de la piel como parte de la belleza y cuidado de la imagen de una persona [7].

Procedimientos dermatológicos

Curetaje de lesiones superficiales de la piel

Crioterapia

Biopsias de piel

Onicectomía parcial o total

Infiltración

Electrocoagulación o cauterización

Fototerapia

3. Ortopedia

Busca mantener o volver a la normalidad, o al estado inicial, una determinada estructura, especialmente del aparato locomotor como es el caso de huesos, articulaciones o

músculos cuando en ella ocurre algún tipo de deformación. Para ello se vale tanto de procedimientos de tipo médico, es decir, conservadores y de procedimientos basados en

la cirugía [8].

Rayos X

Artrografía

Imágenes por Resonancia Magnética (MRI)

Tomografía computarizada (CT o CAT)

Electromiograma

Page 14: DESARROLLO DE UNA APLICACIÓN MÓVIL PARA LA ...repository.udistrital.edu.co/bitstream/11349/5968/1/ArizaFlorez... · 1 desarrollo de una aplicaciÓn mÓvil para la visualizaciÓn

14

Ecografía

Artroscopia

Mielograma

Escáner por radionúclidos de los huesos

4. Pediatría

La Pediatría es la rama dentro de la Medicina que se especializa en la salud y las

enfermedades de los niños.

Es decir, la pediatría estará cerca del niño desde el momento mismo del nacimiento

de éste hasta más o menos la adolescencia. Si bien la mencionada especialidad se

ocupará muy especialmente de diagnosticar enfermedades así como los mejores

tratamientos para curarlas, estudiando por tanto al niño enfermo, también se ocupará

de estudiar al niño sano, para de alguna manera prevenir las típicas enfermedades que

los acechan [9].

Control Pediatría

5. Reumatología

Rama de la medicina que se dedica al estudio y tratamiento de las afecciones del

aparato locomotor, es decir las enfermedades que afectan a los huesos, músculos,

ligamentos, tendones, que son comúnmente conocidas como enfermedades

reumáticas [10].

Biopsia Labial

Infiltración Intraarticular

Artrocentesis

6. Nefrología

Biopsia renal

Exploración de ultrasonido

Tomografía axial computarizada

La gammagrafía (medicina nuclear) [11]

7. Gastrología

Endoscopía Digestiva alta

Colonoscopía Larga

Page 15: DESARROLLO DE UNA APLICACIÓN MÓVIL PARA LA ...repository.udistrital.edu.co/bitstream/11349/5968/1/ArizaFlorez... · 1 desarrollo de una aplicaciÓn mÓvil para la visualizaciÓn

15

Sigmoidoscopía flexible[12]

8. Hematología

Estudio de laboratorio en el cual se reportan los valores correspondientes a la

cantidad y distribución porcentual de las distintas células de la sangre, el valor de

hemoglobina y los llamados índices hematimétricos.

Conteo sanguíneo completo

Esclerosis múltiple[13]

9. Internista

Especialidad médica que se dedica al estudio, diagnóstico y tratamiento de las

enfermedades propias del adulto.

La Medicina Interna abarca las llamadas enfermedades internas que no ameritan

un tratamiento con cirugía, el médico que practica esta especialidad es conocido

como Médico Internista [14].

10. Cardiología

Rama de la medicina encargada del estudio, tratamiento y prevención de las

enfermedades del corazón.

Los médicos que ejercen la cardiología son los médicos cardiólogos, quienes

luego de recibir el título de médico general deben cursar estudios de medicina

interna y posteriormente de cardiología [15].

11. Ginecología

Rama de la medicina que se encarga del estudio, diagnóstico y tratamiento de las

enfermedades de la mujer, englobando todos los aspectos de la salud femenina.

El campo de acción de la ginecología no se limita a la mujer adulta, las

adolescentes e incluso las niñas pueden presentar problemas en la esfera

ginecológica que ameriten una evaluación y tratamiento por parte de esta

especialidad[16].

Page 16: DESARROLLO DE UNA APLICACIÓN MÓVIL PARA LA ...repository.udistrital.edu.co/bitstream/11349/5968/1/ArizaFlorez... · 1 desarrollo de una aplicaciÓn mÓvil para la visualizaciÓn

16

12. Neumología

Rama de la medicina dedicada al estudio, tratamiento y prevención de las

enfermedades respiratorias que afectan a los pulmones y el árbol bronquial.

Los médicos neumólogos luego de obtener su título de médico general deben

cursar estudios de especialización en medicina interna y posteriormente en

neumología. La neumología abarca los aspectos médicos de las enfermedades

respiratorias, mientras que la parte quirúrgica queda a cargo de los cirujanos de

tórax [17].

13. Infectología

Rama de la Medicina Interna que se dedica al estudio, diagnóstico y tratamiento

del paciente de cualquier edad que cursa con enfermedades infecciosas tanto

agudas como crónicas.

El médico especialista en infectología es el médico infectólogo, este profesiona l

de la salud cuenta con tres años de especialización en medicina interna y

posteriormente tres años adicionales en la subespecialidad de infectología.

Los médicos infectólogos se encargan del manejo de pacientes con enfermedades

infecciosas producidas por cualquier microorganismo, bien sea virus, bacteria,

parásito, hongo o la infección simultánea por dos o más tipos de estos agentes

[18].

14. Cirugía General

Especialidad dentro de la Medicina cuya misión es curar las enfermedades o

malformaciones, según corresponda, mediante intervenciones quirúrgicas.

En tanto, dentro de la misma, hay diversas especialidades o ramas, como es la

cirugía general, que se ocupa de las operaciones gastrointestinales, esto incluye el

estómago, el bazo, el páncreas, el hígado, las que corresponden a las glándulas

endócrinas y las cirugías torácicas no cardiovasculares [19].

15. Urología

Rama de la medicina encargada del diagnóstico, tratamiento y prevención de los

trastornos del riñón, glándulas suprarrenales y de las vías urinarias, así como del

aparato reproductor masculino.

La urología se especializa básicamente en el manejo quirúrgico de estos

Page 17: DESARROLLO DE UNA APLICACIÓN MÓVIL PARA LA ...repository.udistrital.edu.co/bitstream/11349/5968/1/ArizaFlorez... · 1 desarrollo de una aplicaciÓn mÓvil para la visualizaciÓn

17

trastornos, mientras que el manejo médico de los trastornos del riñón los lleva a

cabo otra especialidad, la nefrología [20].

16. Medicina vascular

Es la especialidad médica que se ocupa de la prevención , el diagnóstico, el

tratamiento y el seguimiento de los pacientes que sufren patologías vasculares,

arteriales, venosas, linfáticas o de la microcirculación [21].

3.2.Referente Al Área De Las Telecomunicaciones

Se explica de forma general los pasos y características más básicas y relevantes a tener en cuenta al momento del desarrollo de una aplicación móvil, independiente del propósito

de la aplicación, ya que aplica para cualquier desarrollo.

3.2.1. Aplicaciones Móviles

Una App es una aplicación de software que se instala en dispositivos móviles o

tablets que ayuda al usuario en una labor concreta, ya sea de carácter profesional o de

ocio y entretenimiento, a diferencia de una webapp que no es instalable.

El objetivo de una app es facilitar la consecución de una tarea determinada o asistir en

operaciones y gestiones del día a día.

Existen infinidad de tipos de aplicaciones: Apps de noticias, juegos, herramientas de

comunicación como Whatsapp, redes sociales como Google+, apps, promociones

comerciales, aplicaciones para vender cosas usadas desde el móvil, entre otras, que

pueden ayudar en el trabajo o intentar hacer el día más ameno a las personas[22].

Están presentes en los teléfonos desde hace tiempo; de hecho, ya estaban incluidas en los

sistemas operativos de Nokia o Blackberry años atrás. Los móviles de esa época, contaban

con pantallas reducidas y muchas veces no táctiles, y son los que ahora se llaman

featurephones (teléfono básico), en contraposición a los smartphones, más actuales.

En esencia, una aplicación no deja de ser un software. Para entender un poco mejor el

concepto, se puede decir que las aplicaciones son para los móviles lo que los programas

son para los ordenadores de escritorio.

El término App es la abreviatura de Application y como tal, siempre se ha utilizado para

denominar a éstas en sus diferentes versiones.

Siendo una palabra de uso común en el mundo del software, el término App comenzó a

utilizarse especialmente para referirse a las aplicaciones para móviles en 2008, tras la

Page 18: DESARROLLO DE UNA APLICACIÓN MÓVIL PARA LA ...repository.udistrital.edu.co/bitstream/11349/5968/1/ArizaFlorez... · 1 desarrollo de una aplicaciÓn mÓvil para la visualizaciÓn

18

consecución de tres hitos importantes en la historia de las aplicaciones, el lanzamiento

del App Store de Apple, la publicación del primer SDK para Android y la posterior pero

casi inmediata inauguración del AndroidMarket.

Fruto de la rápida popularización del término y de la actual moda de las aplicaciones para

móviles, es habitual escuchar a personas familiarizadas con el mundo informático abusar

del término y utilizarlo indiscriminadamente para cualquier aplicación de software,

generando una confusión innecesaria [23].

3.2.2. El proceso de diseño y desarrollo de una app

El proceso de diseño y desarrollo de una aplicación, abarca desde la concepción de la idea

hasta el análisis posterior a su publicación en las tiendas. Durante las diferentes etapas,

véase la ilustración 1.

Ilustración 1. El proceso de diseño abarca diferentes etapas donde diseñador y desarrollador trabajan simultáneamente, con más o menos carga de trabajo

dependiendo del momento [23].

3.2.2.1.Conceptualización

El resultado de esta etapa es una idea de aplicación, que tiene en cuenta las necesidades

y problemas de los usuarios. La idea responde a una investigación preliminar y a la

posterior comprobación de la viabilidad del concepto.

Ideación

Investigación

Formalización de la idea

Page 19: DESARROLLO DE UNA APLICACIÓN MÓVIL PARA LA ...repository.udistrital.edu.co/bitstream/11349/5968/1/ArizaFlorez... · 1 desarrollo de una aplicaciÓn mÓvil para la visualizaciÓn

19

3.2.2.1.1. Definición

En este paso del proceso se describe con detalle a los usuarios para quienes se diseñará la

aplicación, usando metodologías como «Personas» y «Viaje del usuario». También aquí

se sientan las bases de la funcionalidad, lo cual determinará el alcance del proyecto y la

complejidad de diseño y programación de la app.

Definición de usuarios

Definición funcional

3.2.2.1.2. Diseño

En la etapa de diseño se llevan a un plano tangible los conceptos y definicio nes anteriores,

primero en forma de wireframes, que permiten crear los primeros prototipos para ser

probados con usuarios, y posteriormente, en un diseño visual acabado que será provisto

al desarrollador, en forma de archivos separados y pantallas modelo, para la programación

del código.

3.2.2.1.3. Desarrollo

El programador se encarga de dar vida a los diseños y crear la estructura sobre la cual se

apoyará el funcionamiento de la aplicación. Una vez que existe la versión inicial, dedica

gran parte del tiempo a corregir errores funcionales para asegurar el correcto desempeño

de la app y la prepara para su aprobación en las tiendas.

3.2.2.1.4. Publicación

La aplicación es finalmente puesta a disposición de los usuarios en las tiendas. Luego de

este paso trascendental se realiza un seguimiento a través de analíticas, estadísticas y

comentarios de usuarios, para evaluar el comportamiento y desempeño de la app, corregir

errores, realizar mejoras y actualizarla en futuras versiones.

3.2.2.1.5. Tipos de aplicaciones

3.2.2.1.5.1.Aplicaciones nativas

Las aplicaciones nativas residen en el dispositivo y se instalan a través de una tienda de

aplicaciones (Google Play o Apple App Store). Son programas desarrollados

específicamente para una plataforma y sus interfaces siguen los estándares y normas de

dicha plataforma. Los usuarios acceden a estas aplicaciones a través de los iconos que se

encuentran en la pantalla de inicio del dispositivo.

Page 20: DESARROLLO DE UNA APLICACIÓN MÓVIL PARA LA ...repository.udistrital.edu.co/bitstream/11349/5968/1/ArizaFlorez... · 1 desarrollo de una aplicaciÓn mÓvil para la visualizaciÓn

20

3.2.2.1.5.2.Aplicaciones Web.

Se ejecutan desde un navegador. La primera vez que se accede a estas aplicaciones se

utiliza una página Web: el usuario navega a una URL y tiene opción de “instalar” dicha

página en la pantalla inicio del dispositivo, creando un acceso directo. Las aplicaciones

Web pueden llegar el mismo aspecto que las aplicaciones nativas, difieren en la capacidad

que tienen las aplicaciones nativas para acceder a las características propias del

dispositivo, tales como el acceso a la cámara, teléfono o GPS.

3.2.2.1.5.3.Aplicaciones híbridas.

Se trata de aplicaciones nativas que utilizan el navegador. Utilizan el mismo

procedimiento de instalación que las aplicaciones nativas (a través de una tienda de

aplicaciones), pero gran parte de estas aplicaciones de diseña utilizando páginas web. Se

utilizan este tipo de aplicaciones como contenedores de aplicaciones web existentes, es

una manera económica y rápida de lograr presencia en las tiendas de aplicaciones [24].

3.2.3. Base De Datos

Se define una base de datos como una serie de datos organizados y relacionados entre sí,

los cuales son recolectados y explotados por los sistemas de información de una empresa

o negocio en particular.

3.2.3.1.Características

Entre las principales características de los sistemas de base de datos cabe mencionar:

Independencia lógica y física de los datos.

Redundancia mínima.

Acceso concurrente por parte de múltiples usuarios.

Integridad de los datos.

Consultas complejas optimizadas.

Seguridad de acceso y auditoría.

Respaldo y recuperación.

Acceso a través de lenguajes de programación estándar.

3.2.3.2.Desventajas de la base de datos

Complejidad

Coste del equipamiento adicional

Vulnerable a los fallos [25].

3.2.4. Plataforma Web

Page 21: DESARROLLO DE UNA APLICACIÓN MÓVIL PARA LA ...repository.udistrital.edu.co/bitstream/11349/5968/1/ArizaFlorez... · 1 desarrollo de una aplicaciÓn mÓvil para la visualizaciÓn

21

Desde la perspectiva de un usuario, puede ser difícil percibir la diferencia entre un sitio

web y una aplicación web. Según el Diccionario Oxford en línea, una aplicación es "un

programa o conjunto de programas para ayudar al usuario de un ordenador para procesar

una tarea específica". Una aplicación web es básicamente una manera de facilitar el logro

de una tarea específica en la Web, a diferencia de un sitio web estático que es más bien

una herramienta, no menos importante, para la comunicación. El término más decisivo de

esta definición es "tarea específica". La aplicación web por lo tanto permite al usuario

interactuar directamente con él y los datos, todo en forma personalizada, para llevar a

cabo esa tarea específica [26].

3.2.4.1.Características Plataforma web

El usuario puede acceder fácilmente a estas aplicaciones empleando un navegador web

(cliente) o similar.

* Si es por internet, el usuario puede entrar desde cualquier lugar del mundo donde tenga

un acceso a internet.

* Pueden existir miles de usuarios, pero una única aplicación instalada en un servidor, por

lo tanto, se puede actualizar y mantener una única aplicación y todos sus usuarios verán

los resultados inmediatamente.

* Emplean tecnologías como Java, JavaFX, JavaScript, DHTML, Flash, Ajax... que dan

gran potencia a la interfaz de usuario.

* Emplean tecnologías que permiten una gran portabilidad entre diferentes plataformas.

Por ejemplo, una aplicación web podría ejecutarse en un dispositivo móvil, en una

computadora con Windows, Linux u otro sistema, en una consola de videojuegos, etc [27].

3.2.5. Windows Communication Foundation (WCF)

Es un marco de trabajo para la creación de aplicaciones orientadas a servicios. Con WCF,

es posible enviar datos como mensajes asincrónicos de un extremo de servicio a otro. Un

extremo de servicio puede formar parte de un servicio disponible continuamente

hospedado por IIS, o puede ser un servicio hospedado en una aplicación. Un extremo

puede ser un cliente de un servicio que solicita datos de un extremo de servicio. Los

mensajes pueden ser tan simples como un carácter o una palabra que se envía como XML,

o tan complejos como una secuencia de datos binarios.

3.2.5.1.Características de WCF

WCF incluye el siguiente conjunto de características:

Page 22: DESARROLLO DE UNA APLICACIÓN MÓVIL PARA LA ...repository.udistrital.edu.co/bitstream/11349/5968/1/ArizaFlorez... · 1 desarrollo de una aplicaciÓn mÓvil para la visualizaciÓn

22

Interoperabilidad: implementa los estándares del sector modernos para

la interoperabilidad de servicios web.

Orientación a servicios: permite crear aplicaciones orientadas a

servicios.

Seguridad: Es posible cifrar los mensajes para proteger la privacidad, así

como obligar a los usuarios a que se autentiquen antes de permitir le s

recibir mensajes.

3.2.6. Internet Information Services IIS

Es un servidor web y un conjunto de servicios para el sistema operativo Microsoft

Windows. Originalmente era parte del Option Pack para Windows NT. Luego fue

integrado en otros sistemas operativos de Microsoft destinados a ofrecer servicios,

como Windows 2000 o Windows Server 2003. Windows XP Profesional incluye una

versión limitada de IIS. Los servicios que ofrece

son: FTP, SMTP, NNTP y HTTP/HTTPS.2

Este servicio convierte a un PC en un servidor web para Internet o una intranet, es decir

que en los ordenadores que tienen este servicio instalado se pueden publicar páginas

web tanto local como remotamente.

Page 23: DESARROLLO DE UNA APLICACIÓN MÓVIL PARA LA ...repository.udistrital.edu.co/bitstream/11349/5968/1/ArizaFlorez... · 1 desarrollo de una aplicaciÓn mÓvil para la visualizaciÓn

23

4. METODOLOGÍA PROPUESTA

Para llevar a cabalidad el diseño e implementación del proyecto, es necesario llevar a cabo una serie de pasos que involucran: estudio, análisis, diseño, puesta en marcha, pruebas y ajustes necesarios. Para cumplir con los objetivos de la propuesta se requiere

culminar las siguientes actividades:

1. Identificar las necesidades a la que están expuestas las personas con el sistema de salud actual.

2. Definir tecnologías y componentes idóneos para asegurar la factibil idad comercial del producto final.

a) Realizar un estudio detallado de las tecnologías más usadas a nivel comercia l

en el ámbito de la salud.

b) Identificar los métodos convencionales para el control que se lleva sobre las citas médicas de un paciente. Adicionalmente, se requiere un estudio sobre el

funcionamiento de cada una de las metodologías encontradas.

3. consolidar la información en una base de datos.

a) Identificar parámetros relevantes de una historia clínica.

b) Creación de la base de datos con los campos necesarios a la hora de generar un diagnóstico clínico.

c) Validación con un profesional en la materia, con el fin de realizar ajustes

pertinentes de la base de datos.

4. A nivel lógico se debe diseñar y construir el prototipo con los componentes

definidos en el paso anterior.

a) Definir el método para la adquisición de datos, para este caso se implementaron dos métodos WCF y ODBC.

b) Acoples necesarios en la construcción.

5. Toda la información almacenada, debe ser visualizada en una interfaz que

posibilite la lectura de los datos y manipulación de ella.

a) Definir el lenguaje de programación en el cual se va implementar la interfaz.

b) Delimitar los datos que se van a presentarse en dicha interfaz.

6. Realizar pruebas en pacientes reales para identificar la factibilidad del prototipo final.

7. Implementación de prototipo final.

Page 24: DESARROLLO DE UNA APLICACIÓN MÓVIL PARA LA ...repository.udistrital.edu.co/bitstream/11349/5968/1/ArizaFlorez... · 1 desarrollo de una aplicaciÓn mÓvil para la visualizaciÓn

24

5. DESARROLLO DEL PROYECTO 5.1.Esquema general

El diseño prototipo está compuesto por diversos bloques como se ve en el diagrama 1,

iniciando por la etapa de validación y almacenamiento de datos que es la encargada de concatenar todos los datos referentes al proyecto en donde es posible consultar y modificar la información, posterior a este bloque se encuentra la etapa de conexión la cual

en ella se evidencian dos procesos de conexión diferentes; uno está enfocado a un interfaz gráfica que es la encargada de la generación del proceso, en ella se halla la funcionalidad

de crear diferentes roles como son paciente, médico y administrador, adicionalmente la creación de las citas médicas, por otra parte se encontró la conexión con la aplicación móvil a disposición del usuario capaz de visualizar las citas del paciente donde se

condensa de manera concisa y clara la información referente a la cita evitando que ocurran incongruencias o errores al momento de solicitarla y como resultado se obtenga

la asignación de las citas médicas a cada uno de los pacientes que componen la entidad de salud..

Diagrama 1. Esquema general

5.2. Base de datos

Se utilizó un sistema de administración de datos gratuito, fiable y potente que ofrece un almacén de datos fiable y rico en contenido para las aplicaciones de escritorio y los sitios

web ligeros a esto se refieren el aplicativo SQL 2014 por sus características. La información de las citas médicas, procedimientos, especialidades, hospitales en conjunto con los datos de registro, forman parte de los valores capturados y consolidados en la base

de datos, de tal forma que la disponibilidad de la información sea alta. Para el diseño se

Base de

Datos

Consulta

Actualización de información

Almacenamiento de información

Aplicación

móvil

Consulta

Visualización de citas pendientes e históricas

Plataforma

web

Registro

Visualización de citas

Creación de citas

Page 25: DESARROLLO DE UNA APLICACIÓN MÓVIL PARA LA ...repository.udistrital.edu.co/bitstream/11349/5968/1/ArizaFlorez... · 1 desarrollo de una aplicaciÓn mÓvil para la visualizaciÓn

25

involucró un modelo de entidad–relación, basado en una colección de datos básicos

llamados entidades y de relaciones entre estos objetos, en el caso de las relaciones existen tres tipos: relación 1 − 1, las cuales consisten en una relación directa entre dos entidades,

relación 1 − n, la cual es en una entidad relacionada con muchas otras y por último se encuentran las relaciones n−n en el cual varias entidades pueden estar relacionadas con varias relaciones este modelo es representado por medio de diagramas. [28] En el

desarrollo de la propuesta se construyó una base de datos compuesta por varias tablas las cuales se relacionan entre sí para arrojar información completa sobre las citas médicas

solicitadas por los pacientes, la relación de dichas tablas no solo permite facilitar el procesamiento de la información, sino también ajustar fácilmente los datos dependiendo de los requerimientos del sistema.

El diseño de esta base de datos se desarrolló en SQL 2014 bajo el nombre del servidor EDWIN\SQLEXPRESS y tipo de autenticación de SQL Server, Cuando se utiliza la

autenticación de SQL Server, los inicios de sesión se crean en SQL Server y no se basan en cuentas de usuario de Windows. El nombre de usuario y la contraseña se crean y se

almacenan en SQL Server. Los usuarios que se conectan usando la autenticación de SQL Server deben indicar sus credenciales (inicio de sesión y contraseña) cada vez que se conectan. Al utilizar la autenticación de SQL Server, debe establecer contraseñas seguras

para todas las cuentas de SQL Server, este tipo de autenticación se tomó ya que permite a los usuarios conectarse desde dominios desconocidos o que no son de confianza. Por

ejemplo, una aplicación en la que los clientes establecidos se conectan con los inicios de sesión de SQL Server asignados para recibir el estado de sus pedidos [29].

5.3.Configuración a nivel de Hardware

Posterior a la base de datos se observó la conexión entre la base de datos y las diferentes plataformas que interactúan con ella, para este caso se utilizaron dos tipos de conexiones :

ODBC (Open DataBase Connectivity)

WCF (Web Service)

5.3.1. ODBC

ODBC (Open DataBase Connectivity), véase la ilustración 4 es una interfaz de programación de aplicaciones (API) de estándar abierto para acceder a una base de datos. Mediante el uso de sentencias de ODBC en un programa, se necesita un módulo o

controlador independiente para acceder a cada base de datos. El principal promotor y proveedor del soporte de programación ODBC es Microsoft [30], En otras palabras se

podría decir que el ODBC es un intermediario entre bases de datos y aplicaciones, cuya tarea es sostener una conversación de preguntas y respuestas entre dos "sujetos" que no hablan el mismo idioma y que gestionan sus recursos de forma diferente. Tiene la ventaja

de ser un estándar internacional que permite manipular un amplio número de orígenes de datos relacionales mediante diversos controladores ODBC de Microsoft y de otros

fabricantes. este tipo de comunicación está relacionado con la plataforma web[31] .

Page 26: DESARROLLO DE UNA APLICACIÓN MÓVIL PARA LA ...repository.udistrital.edu.co/bitstream/11349/5968/1/ArizaFlorez... · 1 desarrollo de una aplicaciÓn mÓvil para la visualizaciÓn

26

Ilustración 2. ODBC (Open DataBase Connectivity)

Diagrama 2. Diagrama de clases ODBC (Open DataBase Connectivity)

5.3.2. WCF (Windows Communication Foundation )

La segunda conexión se da entre la base de datos y la aplicación móvil la cual se generó en un proyecto denominado WCFpaciente (ilustración 5) donde se integra CAD (Capa de adquisición de datos) para la adquisición de datos y el WCF para la publicación de

datos en la aplicación móvil.

Page 27: DESARROLLO DE UNA APLICACIÓN MÓVIL PARA LA ...repository.udistrital.edu.co/bitstream/11349/5968/1/ArizaFlorez... · 1 desarrollo de una aplicaciÓn mÓvil para la visualizaciÓn

27

Ilustración 3. WCF (Windows Communication Foundation)

En el CAD están incluidos todos los Data set (Tabla 1) (DS) los cuales son una

representación de datos residentes en memoria que proporciona un modelo de programación relacional coherente independientemente del origen que estos contienen.

Representan un conjunto completo de datos ordenados y restringidos, así como las relaciones entre las tablas relacionadas con la aplicación móvil [32], estos son:

Validate Paciente: A través de los parámetros usuario y clave se realiza

una consulta tipo Select que compara la información ingresada con los registros de la tabla, esto con el fin de poder validar el acceso del paciente

a sus correspondientes datos de la cita médica.

Getcitas: A través de este DS se realiza una consulta de tipo Select donde

con el parámetro del ID del paciente se exportan todos los datos relacionados a las citas médicas que genera el paciente.

Tabla 1. Data set (DS)

Page 28: DESARROLLO DE UNA APLICACIÓN MÓVIL PARA LA ...repository.udistrital.edu.co/bitstream/11349/5968/1/ArizaFlorez... · 1 desarrollo de una aplicaciÓn mÓvil para la visualizaciÓn

28

5.3.2.1.Publicación de servicios WCF

Con el propósito dejar todo el sistema funcionando en un entorno, fue necesario realizar

cambios en la configuración del servidor de la red perteneciente al ordenador que tiene los servicios activos. Como primera medida se asignó una IP fija perteneciente a la red

local del computador como se ve en la ilustración 7 en donde se encuentran los servidores funcionando (IIS), de modo que este ordenador cuente con una dirección IP predefinida y no genere una solicitud para asignación dinámica de direcciones o DHCP, produciendo

posteriores conflictos en la red.

Ilustración 4. IP fija perteneciente a la red local

Adicionalmente se deben realizar la habilitación en el firewall del equipo, de los servicios de world wide web (ilustración 8) , Para obtener acceso a una instancia de SQL Server a través de un firewall que permita el acceso [33] .

Ilustración 5. Servicios de world wide web

Page 29: DESARROLLO DE UNA APLICACIÓN MÓVIL PARA LA ...repository.udistrital.edu.co/bitstream/11349/5968/1/ArizaFlorez... · 1 desarrollo de una aplicaciÓn mÓvil para la visualizaciÓn

29

Posterior a la asignación fija de dirección IP se procede con la publicación de los servicios web desde el proyecto WCFpaciente; La publicación de servicios de Windows

Communication Foundation (WCF) ayuda a pasar del entorno de desarrollo preliminar que proporciona el host y el cliente de prueba del servicio de WCF a la implementac ión real de la aplicación en un entorno de producción con fines de prueba. Antes de confirmar

un plan de implementación final, se usa la publicación de un WCF para comprobar que el servicio funciona correctamente y está listo para su publicación [34].

El servicio se puede publicar en las ubicaciones de destino siguientes.

IIS local.

Sistema de archivos.

Sitio FTP.

Sitio remoto.

Para esta oportunidad se utiliza el servicio IIS local es una aplicación Web de IIS en el

equipo. Visual Web Developer comunica con el sitio Web utilizando el protocolo HTTP, La creación o apertura de un sitio Web local de IIS es útil en

El equipo local es a su vez el servidor Web.

Probar el sitio Web utilizando IIS, emula perfectamente cómo se ejecutará el sitio

Web en un servidor de producción. Esto puede tener más ventajas que trabajar con sitios Web del sistema de archivos que se ejecutan utilizando el servidor de desarrollo de ASP.NET, porque las rutas de acceso se resuelven del mismo modo

que se haría en un servidor de producción.

Se genera la URL http://192.168.0.8/WCF/ServicePaciente.svc (ilustración 9) con lo cual se puede evidenciar el enlace que hace la ruta con la dirección IPV4 estática del

equipo, donde se encuentra almacenada la base de datos, esta dirección es asignada como referencia WEB al proyecto CITAAP2.0 donde se encuentra el desarrollo del aplicativo

móvil (ilustración 10), esto con el fin de establecer una comunicación transparente entre la base de datos y el aplicativo móvil.

Ilustración 6. URL http://192.168.0.8/WCF/ServicePaciente.svc con lo cual se puede

evidenciar el enlace que hace la ruta con la dirección IPV4 estática del equipo,

Page 30: DESARROLLO DE UNA APLICACIÓN MÓVIL PARA LA ...repository.udistrital.edu.co/bitstream/11349/5968/1/ArizaFlorez... · 1 desarrollo de una aplicaciÓn mÓvil para la visualizaciÓn

30

Ilustración 7. Dirección URL es asignada como referencia WEB al proyecto

CITAAP2.0

5.4. Interfaz de usuario

Se desarrollaron dos tipos de interfaces bajo una misma plataforma, Visual Studio la cual

es un conjunto completo de herramientas de desarrollo para la generación de aplicaciones web ASP.NET, Servicios Web XML, aplicaciones de escritorio y aplicaciones móviles. Visual Basic, Visual C# y Visual C++ utilizan todos el mismo entorno de

desarrollo integrado (IDE), que habilita el uso compartido de herramientas y facilita la creación de soluciones en varios lenguajes. Asimismo, dichos lenguajes utilizan las

funciones de .NET Framework, las cuales ofrecen acceso a tecnologías clave para simplificar el desarrollo de aplicaciones web ASP y Servicios Web XML [35].

Pero con distintos objetivos, por un lado se diseñó una interfaz web en donde se realiza el registro y actualización de datos del usuario, visualización de información almacenada

(citas médicas de los pacientes activos). Este tipo de interfaz está orientada al médico y al administrador, ya que mediante dicho entorno es posible la creación de usuarios y citas médicas, visualización de procedimientos médicos para cada paciente activo e

información por paciente, generando una herramienta de gran utilidad para el especialista y consolidando toda la información en único formato. Como segunda herramienta se

diseñó una Aplicación móvil, partiendo de la premisa que la mayoría de personas poseen un celular de gama media y alta, dentro de esta aplicación se brinda información al paciente sobre las citas médicas activas e igualmente históricas, las observaciones dadas

por el médico, de tal forma que el usuario se mantenga al tanto del seguimiento de su salud.

Page 31: DESARROLLO DE UNA APLICACIÓN MÓVIL PARA LA ...repository.udistrital.edu.co/bitstream/11349/5968/1/ArizaFlorez... · 1 desarrollo de una aplicaciÓn mÓvil para la visualizaciÓn

31

5.4.1. Interfaz Web

La interfaz web se desarrolló bajo aplicativo visual studio 2015 utilizando el modelo de desarrollo ASP.NET que incluye los servicios necesarios para crear aplicaciones Web empresariales:

Rendimiento: la aplicación de compila en una sola vez al lenguaje nativo, y luego, en cada petición tiene una compilación Just In Time, es decir se compila

desde el código nativo, lo que permite mucho mejor rendimiento. También permite el almacenamiento del caché en el servidor

Rapidez en programación: mediante diversos controles, se puede con unas pocas líneas y en menor tiempo mostrar toda una base de datos y hacer rutinas complejas.

Servicios Web: trae herramientas para compartir datos e información entre distintos sitios.

Seguridad: tiene diversas herramientas que garantizan la seguridad de nuestras aplicaciones

Forma parte de .NET Framework el cual en este caso se utilizó la versión 4.5 ya que Proporciona un entorno coherente de programación orientada a objetos, en el que el

código de los objetos se pueda almacenar y ejecutar de forma local o ejecutar de forma local pero distribuida en Internet o de forma remota [36]. Al codificar las aplicaciones

ASP.NET (ilustración 12). El código de las aplicaciones puede escribirse en cualquier lenguaje compatible para este proyecto se utilizó el lenguaje de programación C# un lenguaje de programación simple pero eficaz, diseñado para escribir aplicaciones

empresariales, presenta considerables mejoras e innovaciones en áreas como seguridad de tipos, control de versiones, eventos y recolección de elementos no utilizados

(liberación de memoria) [37].

Ilustración 8. Visual studio 2015 utilizando el modelo de desarrollo ASP.NET

Page 32: DESARROLLO DE UNA APLICACIÓN MÓVIL PARA LA ...repository.udistrital.edu.co/bitstream/11349/5968/1/ArizaFlorez... · 1 desarrollo de una aplicaciÓn mÓvil para la visualizaciÓn

32

Diagrama 3. Diagrama de clases estructura principal Plataforma Web

Page 33: DESARROLLO DE UNA APLICACIÓN MÓVIL PARA LA ...repository.udistrital.edu.co/bitstream/11349/5968/1/ArizaFlorez... · 1 desarrollo de una aplicaciÓn mÓvil para la visualizaciÓn

33

5.4.2. Aplicación móvil

El desarrollo de la aplicación móvil está diseñado igualmente en visual studio 2015 pero con la particularidad de que se utilizó el modelo de desarrollo xamarin una plataforma de desarrollo de aplicaciones móviles para la construcción de iOS nativas, Android y

aplicaciones de Windows desde un común C # /. NET, permite del 75% a casi el 100% de reutilización de código entre plataformas [38]. Aplicaciones escritas con Xamarin y C

# tienen la capacidad de construir interfaces de usuario nativas, y compilar los paquetes específicos de la plataforma por lo que hay poco impacto en el rendimiento del tiempo de ejecución.

Con Xamarin se incluye la depuración remota en Android, iOS y Windows dispositivos

sin tener que aprender lenguajes de codificación nativas como Objective-C o Java, Otra de las ventajas de la plataforma es que dispone de tantas librerías de terceros como el código nativo: hay una gran comunidad detrás. Pero uno de los detalles más importantes

es que Xamarin proporciona acceso total a la API estándar de Android. Esto permite no estar limitados en funcionalidad por el hecho de utilizar Xamarin en lugar de Android

nativo. Para este proyecto se realizó el diseño de la aplicación móvil en Android esto debido a

que es el sistema operativo más utilizado actualmente ver ilustración 14, y hay una gran variedad de compañías de telefonía y celular que lo utilizan,

Ilustración 9. Android, el sistema operativo más utilizado actualmente [39]

En cuanto a la configuración inicial al momento del desarrollo se debe tener en cuenta múltiples parámetros como las versiones de las librerías, El apoyo Bibliotecas Android

son un conjunto de bibliotecas de código que proporcionan versiones compatibles con versiones anteriores de Android API marco, así como características que sólo están

disponibles a través de las API de biblioteca. Cada biblioteca de soporte es compatible con versiones anteriores a un nivel API de Android específica. Este diseño significa que

Page 34: DESARROLLO DE UNA APLICACIÓN MÓVIL PARA LA ...repository.udistrital.edu.co/bitstream/11349/5968/1/ArizaFlorez... · 1 desarrollo de una aplicaciÓn mÓvil para la visualizaciÓn

34

sus aplicaciones pueden utilizar las funciones de las bibliotecas y seguir siendo

compatible con los dispositivos que ejecutan versiones anteriores de Android[40].

Incluyendo las bibliotecas de soporte en su proyecto Android se considera una mejor práctica para los desarrolladores de aplicaciones, dependiendo de la variedad de versiones

de la plataforma de su aplicación es la focalización y las API que utiliza. Usando las funciones de las bibliotecas proporcionan puede ayudar a mejorar el aspecto de su

aplicación, aumentar el rendimiento y ampliar el alcance de su aplicación a más usuarios.

Xamarin.android.support.v4 – Versión 23.0.1.3: Esta biblioteca incluye soporte para componentes de aplicaciones, características de la interfaz de usuario, la

accesibilidad, el manejo de datos, conectividad de red y utilidades de programación.

Xamarin.android.support.v7 – Versión 21.3.0: Esta biblioteca incluye soporte para

el patrón de diseño de la interfaz Barra de herramientas (incluyendo soporte para el patrón de diseño Barra de acciones). Esta biblioteca incluye soporte para el

diseño del material de las implementaciones de interfaz de usuario.

Las versiones de Android en las cuales se puede ejecutar el proyecto es la versión mínima Android 4.1 (Nivel de API 16 – jelly vean), hasta la versión más reciente Android 7.1

Nougat, como se había mencionado anteriormente Xamarin se incluye la depuración remota en Android lo cual permite que se pueda generar pruebas en dispositivos físicos,

siendo esto de gran ayuda ya que desarrolla una mejor perspectiva y enfoque del proyecto, en este caso se realizaron pruebas un dispositivo Motorola G4 plus con una versión de Android 6.0 – API 23. Para la depuración sobre el dispositivo se debe realizar múltip les

configuraciones es básicamente permitir que un ordenador se conecte directamente al smartphone para poder pasar información. La depuración USB es la clave para poder

instalar un nuevo software en nuestro dispositivo como un custom recovery, rootear o flashear el sistema operativo al completo.

Así que el primer paso para cambiar alguna parte del software del smartphone es

activando la depuración por USB como se ve en la ilustración 15 , en configuraciones del equipo hay una opción que esta deshabilitada por defecto y es la depuración USB se debe habilitar, con esto permite que el smarphone se pueda conectar al computador en modo

programador, adicionalmente se debe contar con los controladores USB que se instalan en el computador para realizar la depuración adb con cualquiera de los dispositivos

Google Nexus [41], una forma sencilla de comprobar que el procesos haya realizado correctamente, es que cuando el equipo se conecta al computador y se cuenta con el visual studio abierto y una aplicación móvil para ejecutar, este automáticamente en el Debug

da a conocer el nombre del equipo y sus características.

Page 35: DESARROLLO DE UNA APLICACIÓN MÓVIL PARA LA ...repository.udistrital.edu.co/bitstream/11349/5968/1/ArizaFlorez... · 1 desarrollo de una aplicaciÓn mÓvil para la visualizaciÓn

35

Ilustración 10. Activando la depuración por USB

Diagrama 4. Diagrama de clases estructura principal App

Page 36: DESARROLLO DE UNA APLICACIÓN MÓVIL PARA LA ...repository.udistrital.edu.co/bitstream/11349/5968/1/ArizaFlorez... · 1 desarrollo de una aplicaciÓn mÓvil para la visualizaciÓn

36

6. CASOS DE USO

6.1.Casos de uso aplicación móvil

6.1.1. Caso de uso Diagrama general aplicación móvil

Diagrama 5. Caso de uso General aplicación móvil

Detalle: Nombre del Caso de

Uso:

Citas

Estado: Versión: 1.0 Fase: 1.0 Autor: USUARIO

Creado el: 31/03/2017 Modificado el: 31/03/2017

Notas:

Escenarios:

Basic Path Citas 1.Sistema visualiza página de citas

2.Paciente Selecciona cita en progreso

3. Fin caso de uso.

Restricciones:

Tabla 2. Caso de uso General aplicación móvil

Page 37: DESARROLLO DE UNA APLICACIÓN MÓVIL PARA LA ...repository.udistrital.edu.co/bitstream/11349/5968/1/ArizaFlorez... · 1 desarrollo de una aplicaciÓn mÓvil para la visualizaciÓn

37

Nombre del Caso de

Uso:

Informacion cita

Estado: Versión: 1.0 Fase: 1.0

Autor: USUARIO

Creado el: 31/03/2017 Modificado el: 31/03/2017

Notas:

Escenarios:

Basic Path Informacion cita 1.Sistema visualiza página datos

de cita 2. Paciente encuentra información de la cita seleccionada.

3. Fin caso de uso.

Restricciones:

Tabla 3. Caso de uso Información cita

6.1.2. Caso de uso Histórico de citas

Diagrama 6. Caso de uso Histórico de citas

Page 38: DESARROLLO DE UNA APLICACIÓN MÓVIL PARA LA ...repository.udistrital.edu.co/bitstream/11349/5968/1/ArizaFlorez... · 1 desarrollo de una aplicaciÓn mÓvil para la visualizaciÓn

38

Detalle: Nombre del Caso de Uso:

Historico de citas

Estado: Versión: 1.0 Fase: 1.0

Autor: USUARIO

Creado el: 31/03/2017 Modificado el: 31/03/2017

Notas:

Escenarios:

Basic Path Historico de citas 1.Sistema visualiza página histórico de citas

2.Paciente selecciona cita histórica 3.Fin caso de uso

Restricciones:

Tabla 4. Caso de uso Histórico de citas

Nombre del Caso de Uso:

Observaciones

Estado: Versión: 1.0 Fase: 1.0

Autor: USUARIO

Creado el: 31/03/2017 Modificado el: 31/03/2017

Notas:

Escenarios:

Basic Path Observaciones 1. Sistema visualiza observaciones cita histórica.

2. Paciente encuentra observaciones cita histórica

seleccionada. 3.Fin caso de uso

Restricciones:

Tabla 5. Caso de uso Observaciones

Page 39: DESARROLLO DE UNA APLICACIÓN MÓVIL PARA LA ...repository.udistrital.edu.co/bitstream/11349/5968/1/ArizaFlorez... · 1 desarrollo de una aplicaciÓn mÓvil para la visualizaciÓn

39

6.1.3. Caso de uso Pagina inicio sesión aplicación móvil

Diagrama 7. Caso de uso Página inicio sesión aplicación móvil

Detalle: Nombre del Caso de

Uso:

Ingreso aplicacion movil

Estado: Versión: 1.0 Fase: 1.0

Autor: USUARIO

Creado el: 31/03/2017 Modificado el: 31/03/2017

Notas:

Escenarios:

Basic Path Basic Path 1.Sisitema muestra pantalla

principal 2. Fin caso de uso

Restricciones:

Tabla 6. Caso de uso Ingreso aplicación móvil

Page 40: DESARROLLO DE UNA APLICACIÓN MÓVIL PARA LA ...repository.udistrital.edu.co/bitstream/11349/5968/1/ArizaFlorez... · 1 desarrollo de una aplicaciÓn mÓvil para la visualizaciÓn

40

Nombre del Caso de Uso:

Pagina inicio sesion

Estado: Versión: 1.0 Fase: 1.0

Autor: USUARIO

Creado el: 31/03/2017 Modificado el: 31/03/2017

Notas:

Escenarios:

Alternate Datos Correctos 1. Usuario ingresa a la plataforma. Alternate Datos Incorrectos 1. Sistema presenta mensaje error

Usuario o contraseña incorrecta. 2. Paciente reingresa datos. 3. Fin del caso de uso.

Basic Path Pagina inicio sesion 1.Sistema presenta página inicio de sesión

2.Paciente Ingresa Usuario 3.Paciente Ingresa Contraseña 4.Paciente Presiona Botón Ingresar

5.Sistema Validar información 6.Paciente Ingreso a la plataforma

7.Fin caso de uso

Restricciones:

Tabla 7. Caso de uso Página inicio sesión

6.1.4. Caso de uso Página principal

Diagrama 8. Caso de uso Página principal

Page 41: DESARROLLO DE UNA APLICACIÓN MÓVIL PARA LA ...repository.udistrital.edu.co/bitstream/11349/5968/1/ArizaFlorez... · 1 desarrollo de una aplicaciÓn mÓvil para la visualizaciÓn

41

Detalle: Nombre del Caso de

Uso:

Cerrar sesion

Estado: Versión: 1.0 Fase: 1.0

Autor: USUARIO

Creado el: 31/03/2017 Modificado el: 31/03/2017

Notas:

Escenarios:

Basic Path Cerrar sesion 1.Paciente presiona boton cerrar

sesion

Restricciones:

Tabla 8. Caso de uso Cerrar sesión

Nombre del Caso de

Uso:

Citas

Estado: Versión: 1.0 Fase: 1.0

Autor: USUARIO

Creado el: 31/03/2017 Modificado el: 31/03/2017

Notas:

Escenarios:

Basic Path citas 1.Paciente seleciona boton citas

Restricciones:

Tabla 9. Caso de uso Citas

Page 42: DESARROLLO DE UNA APLICACIÓN MÓVIL PARA LA ...repository.udistrital.edu.co/bitstream/11349/5968/1/ArizaFlorez... · 1 desarrollo de una aplicaciÓn mÓvil para la visualizaciÓn

42

Nombre del Caso de Uso:

Historico de citas

Estado: Versión: 1.0 Fase: 1.0

Autor: USUARIO

Creado el: 31/03/2017 Modificado el: 31/03/2017

Notas:

Escenarios:

Basic Path Historico de citas 1.Paciente selecciona boton historico de citas

Restricciones:

Tabla 10. Caso de uso Histórico de citas

Nombre del Caso de

Uso:

Pagina principal

Estado: Versión: 1.0 Fase: 1.0

Autor: USUARIO

Creado el: 31/03/2017 Modificado el: 31/03/2017

Notas:

Escenarios:

Basic Path Pagina principal 1.Sistema presenta página

principal 2.Paciente puede ingresar a página citas

3.Paciente puede ingresar a página Histórico de citas

4. Paciente puede cerrar sesión. 5.Fin caso de uso

Restricciones:

Tabla 11. Caso de uso Página principal

Page 43: DESARROLLO DE UNA APLICACIÓN MÓVIL PARA LA ...repository.udistrital.edu.co/bitstream/11349/5968/1/ArizaFlorez... · 1 desarrollo de una aplicaciÓn mÓvil para la visualizaciÓn

43

6.2.Casos de usos plataforma WEB

6.2.1. Caso de uso Login

Diagrama 9. Caso de uso Login

Detalle: Nombre del Caso de Uso:

Ingreso a la plataforma

Estado: Versión: 1.0 Fase: 1.0 Autor: USUARIO

Creado el: 22/03/2017 Modificado el: 31/03/2017

Notas:

Escenarios:

Basic Path Basic Path 1.Sisitema muestra pantalla dependiendo del rol ingresado (Administrador-Medico)

2. Fin caso de uso.

Restricciones:

Tabla 12. Caso de uso Ingreso a la plataforma

Page 44: DESARROLLO DE UNA APLICACIÓN MÓVIL PARA LA ...repository.udistrital.edu.co/bitstream/11349/5968/1/ArizaFlorez... · 1 desarrollo de una aplicaciÓn mÓvil para la visualizaciÓn

44

Nombre del Caso de Uso:

Pagina Administrador

Estado: Versión: 1.0 Fase: 1.0

Autor: USUARIO

Creado el: 22/03/2017 Modificado el: 22/03/2017

Notas:

Escenarios:

Basic Path Basic Path 1. Sistema presenta página de administrador.

2. Administrador puede crear nuevo médico. 3. Administrador puede crear

nuevo paciente. 4. Administrador puede crear

nuevo administrador. 5. Administrador puede crear nueva cita.

6. Administrador puede finalizar sesión.

7. Fin de caso de uso.

Restricciones:

Tabla 13. Caso de uso Pagina Administrador

Nombre del Caso de Uso:

Pagina Medico

Estado: Versión: 1.0 Fase: 1.0

Autor: USUARIO

Creado el: 22/03/2017 Modificado el: 22/03/2017

Notas:

Escenarios:

Exception Medico Finaliza sesion Exception Medico continua agenda

Basic Path Pagina Medico 1. Sistema presenta pantalla de Medico.

2. Medico Visualiza las citas Pendientes que tiene con sus pacientes.

3. Medico selecciona la cita de acuerdo a agenda.

Page 45: DESARROLLO DE UNA APLICACIÓN MÓVIL PARA LA ...repository.udistrital.edu.co/bitstream/11349/5968/1/ArizaFlorez... · 1 desarrollo de una aplicaciÓn mÓvil para la visualizaciÓn

45

4. Sistema visualiza en Observaciones el estado de la Cita.

5. Medico Ingresa observaciones de la cita en el campo observación. 6. Medico Modifica el estado de la

cita en el dropdown list Estado ha Finalizado.

7. Medico Presiona el botón Finalizar Cita. 8. Sistema visualiza en una pestaña

anexa “Registro exitoso". 9. Medico puede continuar con la

agenda de citas o medico puede finalizar sesión. 9.1. Medico Presiona Botón

Finalizar sesión. 9.2. Medico continua desde el paso

2.

Restricciones:

Tabla 14. Caso de uso Pagina Medico

Nombre del Caso de Uso:

Pagina de inicio sesion

Estado: Versión: 1.0 Fase: 1.0

Autor: USUARIO

Creado el: 22/03/2017 Modificado el: 22/03/2017

Notas:

Escenarios:

Exception Datos Correctos 1.Usuario ingresa a la plataforma. Exception Datos Incorrectos 1. Sistema presenta mensaje error

Usuario o contraseña incorrecta. 2. Usuario reingresa datos. 3. Fin del caso de uso.

Basic Path Pagina Inicio Sesion 1. Sistema presenta página inicio de sesión.

2. Usuario Ingresa Usuario. 3. Usuario Ingresa Contraseña. 4. Usuario Presiona Botón

Ingresar.

Page 46: DESARROLLO DE UNA APLICACIÓN MÓVIL PARA LA ...repository.udistrital.edu.co/bitstream/11349/5968/1/ArizaFlorez... · 1 desarrollo de una aplicaciÓn mÓvil para la visualizaciÓn

46

5. Sistema Validar información. 5.1. Datos Correctos.

5.2. Datos Incorrectos. 7. Fin caso de uso.

Restricciones:

Tabla 15. Caso de uso Página de inicio sesión

6.2.2. Caso de uso Pagina Administrador

Diagrama 10. Caso de uso Pagina Administrador

Detalle: Nombre del Caso de

Uso:

Pagina Administrador

Estado: Versión: 1.0 Fase: 1.0

Autor: USUARIO

Creado el: 22/03/2017 Modificado el: 22/03/2017

Notas:

Escenarios:

Basic Path Basic Path 1. Sistema presenta página de

administrador. 2. Administrador puede crear nuevo médico.

Page 47: DESARROLLO DE UNA APLICACIÓN MÓVIL PARA LA ...repository.udistrital.edu.co/bitstream/11349/5968/1/ArizaFlorez... · 1 desarrollo de una aplicaciÓn mÓvil para la visualizaciÓn

47

3. Administrador puede crear nuevo paciente.

4. Administrador puede crear nuevo administrador. 5. Administrador puede crear

nueva cita. 6. Administrador puede finalizar

sesión. 7. Fin de caso de uso.

Restricciones:

Tabla 16. Caso de uso Pagina Administrador

6.2.3. Caso de uso Creación cita

Diagrama 11. Caso de uso Creación cita

Detalle: Nombre del Caso de Uso:

Creacion cita

Estado: Versión: 1.0 Fase: 1.0

Autor: USUARIO

Creado el: 26/03/2017 Modificado el: 30/03/2017

Notas:

Escenarios:

Alternate Regresar 1. Retorna página administrador 2. Fin caso de uso

Alternate Ingresar nueva cita 1. Retoma paso 3 2.Fin caso de uso

Basic Path Creacion cita 1.Administardor ingresa a creación

cita

Page 48: DESARROLLO DE UNA APLICACIÓN MÓVIL PARA LA ...repository.udistrital.edu.co/bitstream/11349/5968/1/ArizaFlorez... · 1 desarrollo de una aplicaciÓn mÓvil para la visualizaciÓn

48

2.Sistema visualiza página creación cita

3.Administrador ingresa cedula de paciente 4.Administrador presiona el botón

buscar 5.Sistema trae datos del paciente

de la base de datos 5.1.Sistema trae dato nombre del paciente

5.2.Sistema trae dato apellido del paciente

5.3.Sistema trae dato tipo de documento del paciente 5.4. Sistema trae dato

documento del paciente. 5.5Ssistema trae dato sexo del

paciente. 5.6. Sistema trae dato edad del paciente.

6.Administrador selecciona el procedimiento

7.Sistema trae datos relacionados al procedimiento 7.1..Sistema trae dato

especialidad del doctor 7.2.Sistema trae datos doctores

relacionados a la especialidad 8.Administrador selecciona Doctor 9.Sistema trae datos relacionados a

la fecha 10. Administrador selecciona Hora

de la cita 11.Sistema trae datos relacionados a la hora

12. Administrador selecciona estado de la cita.

13.Administrador presiona el botón Generar cita 14. Sistema agrega los datos a la

BD. 15.Administrador puede

16-Fin caso de uso.

Restricciones:

Tabla 17. Caso de uso Creación cita

Page 49: DESARROLLO DE UNA APLICACIÓN MÓVIL PARA LA ...repository.udistrital.edu.co/bitstream/11349/5968/1/ArizaFlorez... · 1 desarrollo de una aplicaciÓn mÓvil para la visualizaciÓn

49

6.2.4. Caso de uso Creación Medico

Diagrama 12. Caso de uso Creación Medico

Detalle: Nombre del Caso de Uso:

Creacion Medico

Estado: Versión: 1.0 Fase: 1.0

Autor: USUARIO

Creado el: 26/03/2017 Modificado el: 26/03/2017

Notas:

Escenarios:

Alternate Regresar 1.Retorna página administrador 2.Fin caso de uso

Alternate Ingresar nuevo doctor 1.Retorna paso 3 2.Fin caso de uso

Basic Path Creacion Medico 1. Administrador ingresa a

creación medico 2. Sistema visualiza página

creación médico. 3. Administrador ingresa datos médico.

3.1.Administrador Ingresa nombre doctor

3.2.Administrador Ingresa apellido doctor 3.3.Administrador selecciona

tipo de documento 3.4.Administrador ingresa

documento doctor 3.5.Administrador Selecciona tipo de sexo

3.6Administrador ingresa correo doctor

Page 50: DESARROLLO DE UNA APLICACIÓN MÓVIL PARA LA ...repository.udistrital.edu.co/bitstream/11349/5968/1/ArizaFlorez... · 1 desarrollo de una aplicaciÓn mÓvil para la visualizaciÓn

50

3.7.Administrador ingresa teléfono doctor

3.8.Administrador selecciona estado doctor 3.9. Administrador ingresa

tarjeta profesional. 3.10. Administrador selección

especialidad doctor. 3.11. Administrador selecciona disponibilidad doctor.

3.12. Administrador selecciona hospital.

4.Administrador presiona el botón ingresar 5. Sistema almacena los datos del

doctor en base de datos. 6.

Restricciones:

Tabla 18. Caso de uso Creación Medico

6.2.5. Caso de uso Creación Paciente

Diagrama 13. Caso de uso Creación Paciente

Page 51: DESARROLLO DE UNA APLICACIÓN MÓVIL PARA LA ...repository.udistrital.edu.co/bitstream/11349/5968/1/ArizaFlorez... · 1 desarrollo de una aplicaciÓn mÓvil para la visualizaciÓn

51

Detalle: Nombre del Caso de Uso:

Creacion Paciente

Estado: Versión: 1.0 Fase: 1.0 Autor: USUARIO

Creado el: 26/03/2017 Modificado el: 26/03/2017

Notas:

Escenarios:

Alternate Regresar Alternate Ingresar nuevo paciente 1.Retorna paso 3

2.Fin caso de uso

Basic Path Creacion paciente 1. Administrador ingresa a Paciente.

2. Sistema visualiza página creación paciente. 3. Administrador Ingresa datos

paciente. 4. Administrador presiona botón

agregar. 5. Sistema agrega los datos a la BD.

6. Administrador puede. 7. Fin de caso de uso.

Restricciones:

Tabla 19. Caso de uso Creación Paciente

6.2.6. Caso de uso Creación Administrador

Diagrama 14. Caso de uso Creación Administrador

Page 52: DESARROLLO DE UNA APLICACIÓN MÓVIL PARA LA ...repository.udistrital.edu.co/bitstream/11349/5968/1/ArizaFlorez... · 1 desarrollo de una aplicaciÓn mÓvil para la visualizaciÓn

52

Detalle: Nombre del Caso de Uso:

Creacion Administrador

Estado: Versión: 1.0 Fase: 1.0

Autor: USUARIO

Creado el: 26/03/2017 Modificado el: 26/03/2017

Notas:

Escenarios:

Alternate Regresar Alternate Ingresar nuevo administrador 1.Retoma paso 3

2.Fin caso de uso Basic Path Creacion administrador 1. Administrador ingresa a

creación de administrador.

2. Sistema visualiza página creación administrador.

3.Administrador ingresa datos administrador 3.1. Administrador ingresa

nombre de administrador 3.2.Administrador ingresa

selecciona de administrador 3.3.Administrador selecciona tipo de documento de

administrador 3.4.Administrador ingresa documento de administrador

3.5. Administrador selecciona sexo de administrador.

3.6.Administrador ingresa correo de administrador 3.7.Administrador ingresa

teléfono de administrador 3.8.Administrador selecciona

estado de administrador 3.9.Administrador ingresa usuario de administrador

3.10.Administrador ingresa contraseña de administrador

3.11. Administrador selecciona tipo de administrador. 4.Administrador presiona botón

agregar 5.Sistema agrega los datos s la BD

6.Administrador puede

Restricciones:

Page 53: DESARROLLO DE UNA APLICACIÓN MÓVIL PARA LA ...repository.udistrital.edu.co/bitstream/11349/5968/1/ArizaFlorez... · 1 desarrollo de una aplicaciÓn mÓvil para la visualizaciÓn

53

Tabla 20. Caso de uso Creación Administrador

6.2.7. Caso de uso Paginas Citas Doctor

Diagrama 15. Caso de uso Paginas Citas Doctor

Detalle: Nombre del Caso de Uso:

Pagina citas-doctor

Estado: Versión: 1.0 Fase: 1.0

Autor: USUARIO

Creado el: 30/03/2017 Modificado el: 30/03/2017

Notas:

Escenarios:

Alternate Comenzar nueva cita 1. Retorna paso 2 2. fin caso de uso

Alternate Finalizar sesion 1. Retorna a la página de inicio 2. Fin caso de uso

Basic Path Paginas citas-doctor 1. Sistema presenta página Citas-doctor 2. Doctor selecciona la cita.

3. Sistema trae datos de la cita. 4.Doctor ingresa observaciones de la cita

5.Doctor cambia estado de la cita finalizado

6. Doctor presiona botón Finalizar cita.

Page 54: DESARROLLO DE UNA APLICACIÓN MÓVIL PARA LA ...repository.udistrital.edu.co/bitstream/11349/5968/1/ArizaFlorez... · 1 desarrollo de una aplicaciÓn mÓvil para la visualizaciÓn

54

7. Sistema agrega los datos a la BD.

8.Administrador puede 9.Fin caso de uso

Restricciones:

Tabla 21. Caso de uso Paginas Citas Doctor

Page 55: DESARROLLO DE UNA APLICACIÓN MÓVIL PARA LA ...repository.udistrital.edu.co/bitstream/11349/5968/1/ArizaFlorez... · 1 desarrollo de una aplicaciÓn mÓvil para la visualizaciÓn

55

7. DIAGRAMAS DE SECUENCIA El diagrama de secuencia es uno de los diagramas que permiten modelar el

comportamiento dinámico del sistema. En concreto, permite definir cómo interactúan y colaboran los diferentes elementos del Sofware, con el fin de llevar

a cabo las funciones requeridas. En concreto, el diagrama de secuencia muestra el conjunto de interacciones que

se generan desde el momento que el actor empieza la ejecución de la funcionalidad hasta que este se acaba. El diagrama hace hincapié en mostrar

fácilmente la ordenación temporal de las interacciones.

7.1.Aplicación Móvil

7.1.1. Login

Diagrama 16. Diagrama de secuencia Aplicación Móvil Login_oncreate

Page 56: DESARROLLO DE UNA APLICACIÓN MÓVIL PARA LA ...repository.udistrital.edu.co/bitstream/11349/5968/1/ArizaFlorez... · 1 desarrollo de una aplicaciÓn mÓvil para la visualizaciÓn

56

Diagrama 17. Diagrama de secuencia Aplicación Móvil Login_Boton ingresar

Page 57: DESARROLLO DE UNA APLICACIÓN MÓVIL PARA LA ...repository.udistrital.edu.co/bitstream/11349/5968/1/ArizaFlorez... · 1 desarrollo de una aplicaciÓn mÓvil para la visualizaciÓn

57

Diagrama 18. Diagrama de secuencia Aplicación Móvil Login_Validate_paciente

Page 58: DESARROLLO DE UNA APLICACIÓN MÓVIL PARA LA ...repository.udistrital.edu.co/bitstream/11349/5968/1/ArizaFlorez... · 1 desarrollo de una aplicaciÓn mÓvil para la visualizaciÓn

58

7.1.2. Página principal

Diagrama 19. Diagrama de secuencia Aplicación Móvil Pagina principal_oncreate

Page 59: DESARROLLO DE UNA APLICACIÓN MÓVIL PARA LA ...repository.udistrital.edu.co/bitstream/11349/5968/1/ArizaFlorez... · 1 desarrollo de una aplicaciÓn mÓvil para la visualizaciÓn

59

Diagrama 20. Diagrama de secuencia Aplicación Móvil Pagina principal_Boton Configuracion

Diagrama 21. Diagrama de secuencia Aplicación Móvil Pagina principal_Boton_historicos

Diagrama 22. Diagrama de secuencia Aplicación Móvil Pagina principal_Boton_Citas

Page 60: DESARROLLO DE UNA APLICACIÓN MÓVIL PARA LA ...repository.udistrital.edu.co/bitstream/11349/5968/1/ArizaFlorez... · 1 desarrollo de una aplicaciÓn mÓvil para la visualizaciÓn

60

Diagrama 23. Diagrama de secuencia Aplicación Móvil Pagina principal_get_citas

Page 61: DESARROLLO DE UNA APLICACIÓN MÓVIL PARA LA ...repository.udistrital.edu.co/bitstream/11349/5968/1/ArizaFlorez... · 1 desarrollo de una aplicaciÓn mÓvil para la visualizaciÓn

61

7.1.3. Agendadas

Diagrama 24. Diagrama de secuencia Aplicación Móvil Pagina Agendadas_oncreate

Diagrama 25. Diagrama de secuencia Aplicación Móvil Pagina Agendadas Cita seleccionada

Page 62: DESARROLLO DE UNA APLICACIÓN MÓVIL PARA LA ...repository.udistrital.edu.co/bitstream/11349/5968/1/ArizaFlorez... · 1 desarrollo de una aplicaciÓn mÓvil para la visualizaciÓn

62

7.1.4. Datos Cita

Diagrama 26. Diagrama de secuencia Aplicación Móvil Pagina Datos cita

Page 63: DESARROLLO DE UNA APLICACIÓN MÓVIL PARA LA ...repository.udistrital.edu.co/bitstream/11349/5968/1/ArizaFlorez... · 1 desarrollo de una aplicaciÓn mÓvil para la visualizaciÓn

63

7.1.5. Histórico

Diagrama 27. Diagrama de secuencia Aplicación Móvil historico_oncreate

Diagrama 28. Diagrama de secuencia Aplicación Móvil historica_Cita histórica

Page 64: DESARROLLO DE UNA APLICACIÓN MÓVIL PARA LA ...repository.udistrital.edu.co/bitstream/11349/5968/1/ArizaFlorez... · 1 desarrollo de una aplicaciÓn mÓvil para la visualizaciÓn

64

7.1.6. Observaciones histórico de citas

Diagrama 29. Diagrama de secuencia Aplicación Móvil historico_citas_observaciones

Page 65: DESARROLLO DE UNA APLICACIÓN MÓVIL PARA LA ...repository.udistrital.edu.co/bitstream/11349/5968/1/ArizaFlorez... · 1 desarrollo de una aplicaciÓn mÓvil para la visualizaciÓn

65

7.1.7. Configuración

Diagrama 30. Diagrama de secuencia Aplicación Móvil configuración

Diagrama 31. Diagrama de secuencia Aplicación Móvil cerrar sesión

Page 66: DESARROLLO DE UNA APLICACIÓN MÓVIL PARA LA ...repository.udistrital.edu.co/bitstream/11349/5968/1/ArizaFlorez... · 1 desarrollo de una aplicaciÓn mÓvil para la visualizaciÓn

66

7.2. Plataforma WEB

7.2.1. Página de inicio

Diagrama 32. Diagrama de secuencia Página inicio plataforma WEB

Page 67: DESARROLLO DE UNA APLICACIÓN MÓVIL PARA LA ...repository.udistrital.edu.co/bitstream/11349/5968/1/ArizaFlorez... · 1 desarrollo de una aplicaciÓn mÓvil para la visualizaciÓn

67

7.2.2. Creación Medico

Diagrama 33. Diagrama de secuencia Pagina creación Doctor

Page 68: DESARROLLO DE UNA APLICACIÓN MÓVIL PARA LA ...repository.udistrital.edu.co/bitstream/11349/5968/1/ArizaFlorez... · 1 desarrollo de una aplicaciÓn mÓvil para la visualizaciÓn

68

7.2.3. Creación Funcionario

Diagrama 34. Diagrama de secuencia Creación funcionario

Page 69: DESARROLLO DE UNA APLICACIÓN MÓVIL PARA LA ...repository.udistrital.edu.co/bitstream/11349/5968/1/ArizaFlorez... · 1 desarrollo de una aplicaciÓn mÓvil para la visualizaciÓn

69

7.2.4. Creación Paciente

Diagrama 35. Diagrama de secuencia creación paciente

Page 70: DESARROLLO DE UNA APLICACIÓN MÓVIL PARA LA ...repository.udistrital.edu.co/bitstream/11349/5968/1/ArizaFlorez... · 1 desarrollo de una aplicaciÓn mÓvil para la visualizaciÓn

70

7.2.5. Creación Cita medica

Diagrama 36. Diagrama de secuencia Buscar paciente

Diagrama 37. Diagrama de secuencia seleccionar procedimiento

Page 71: DESARROLLO DE UNA APLICACIÓN MÓVIL PARA LA ...repository.udistrital.edu.co/bitstream/11349/5968/1/ArizaFlorez... · 1 desarrollo de una aplicaciÓn mÓvil para la visualizaciÓn

71

Diagrama 38. Diagrama de secuencia Generar cita medica

Page 72: DESARROLLO DE UNA APLICACIÓN MÓVIL PARA LA ...repository.udistrital.edu.co/bitstream/11349/5968/1/ArizaFlorez... · 1 desarrollo de una aplicaciÓn mÓvil para la visualizaciÓn

72

7.2.6. Citas médicas en progreso

Diagrama 39. Diagrama de secuencia citas pendientes doctor.

Diagrama 40. Diagrama de secuencia seleccionar cita pendiente

Page 73: DESARROLLO DE UNA APLICACIÓN MÓVIL PARA LA ...repository.udistrital.edu.co/bitstream/11349/5968/1/ArizaFlorez... · 1 desarrollo de una aplicaciÓn mÓvil para la visualizaciÓn

73

8. RESULTADOS

Los resultados obtenidos en este proyecto se dan a conocer en cada uno de los módulos que se implementaron para este a continuación, se divide en tres puntos importantes los cuales determinan el funcionamiento del sistema teniendo en cuenta que se toma como

un prototipo.

8.1.Base de datos

La implementación de la base de datos se planteó en base a un desarrollo básico y lo más

aproximado a una base de una entidad de Salud tomando como referencia ejemplos de las entidades de salud que actualmente se encuentran prestando el servicio en el territorio colombiano, más específicamente en la ciudad de Bogotá, pero planteándolo desde el

punto de vista del usuarios y los médicos, y en base a las experiencias que han tenido estos dentro del sistema de salud, se desarrolló de esta manera, ya que tomar como

referencia alguna base de datos de una entidad de salud a detalle es un tema muy complejo por factores como la seguridad informática, anonimato del paciente, doctor y administradores que componen la entidad de salud, los datos que hay se almacenan son

de gran importancia ya que esta información hace parte de la historia clínica de cada paciente, por ende se optó por el desarrollo de una base de datos nativa que cumplie ra con las expectativas y sobre todo el desarrollo del proyecto simulando lo mejor posible el

prototipo de la entidad de salud.

En el desarrollo de la propuesta se construyó una base de datos compuesta por varias tablas las cuales se relacionan entre sí para arrojar información completa sobre el paciente y análisis realizados, la relación de dichas tablas no solo permite facilitar el procesamiento

de la información, sino también ajustar fácilmente los datos dependiendo de los requerimientos del sistema.

La tabla Cita (Tabla 22) es el registro principal, la cual contiene la información más importante recopilada de cada una de las tablas que componen la base de datos,

condensando todos los ID de usuario para relacionarlos con las demás tablas, dentro de este registro se tiene; algunos datos del paciente, procedimiento a realizar, doctor

especialista el hospital, la fecha y hora de la cita, las cuales son las características más relevantes a tener en cuenta al momento de la generación de cita, ya que lo que se busca con cada una de las solicitudes que son generadas, es que los diferentes pacientes o

doctores que componen el sistema de salud no tengan cruces de citas, ya sea con otro pacientes o varios procedimientos para una misma fecha y hora.

Page 74: DESARROLLO DE UNA APLICACIÓN MÓVIL PARA LA ...repository.udistrital.edu.co/bitstream/11349/5968/1/ArizaFlorez... · 1 desarrollo de una aplicaciÓn mÓvil para la visualizaciÓn

74

Tabla 22. Cita registro principal

.De forma adyacente a la tabla cita se encuentra la tabla paciente y doctor (Véase la tabla 23), que a diferencia de cita, está contiene la información básica de las personas relacionadas en cada una de estas tablas.

Tabla 23. Paciente y doctor

Otros tipos de tablas usados en la base de datos son: Tipo de documento en el cual se lleva el registro de los diferentes tipos de identificación que se pueden encontrar para un

paciente ya sea menor de edad, mayor de edad o persona extranjera; tipo de usuario el cual delimita los roles dentro del proyecto lo cuales son administrador, doctor, paciente;

la tabla estado doctor informa el estado actual del doctor si se encuentra disponible para atender citas médicas; la tabla especialidad condensa las especialidades de cada uno de los doctores esto permite poder filtrar a cada doctor y relacionarlo a lo diferentes

procedimientos que se desarrollan de una manera más detallada y brindándole un mejor servicio al paciente ya que se estará asignando una persona especialista en el

procedimiento , tabla disponibilidad se encuentran los diferentes horarios de atención del doctor los cuales se dividen en dos jornadas mañana y tarde , la tabla procedimiento concatena todos los procedimientos médicos que pueden encontrarse en la entidad de

Page 75: DESARROLLO DE UNA APLICACIÓN MÓVIL PARA LA ...repository.udistrital.edu.co/bitstream/11349/5968/1/ArizaFlorez... · 1 desarrollo de una aplicaciÓn mÓvil para la visualizaciÓn

75

salud y que tienen a su disposición los pacientes a la hora de llevar un chequeo médico,

Tabla hora están las diferentes horas de atención para las citas médicas y en Tabla hospital están las diferentes clínicas o centros médicos donde se pueden desplazar el paciente

dependiente del procedimiento o chequeo médico que este tenga (ver diagrama 41).

Diagrama 41. Modelo entidad relación

8.2.Plataforma Web

La plataforma web se diseñó con la finalidad que fuera de fácil manejo y entendimiento

para cada una de los usuarios que la manipulan encontrando una plataforma con una página de inicio (ver ilustración 17) y un nivel de seguridad que solo le permitirá el

ingreso a las personas que tengan la autorización, en este caso brindada por el administrador con un usuario y contraseña, La plataforma consta de dos tipos de usuarios los cuales ingresaran por la página de inicio y dependiendo de su rol serán redirigidos a

sus correspondientes paginas donde encontraran las diferentes características que les permitan desarrollar sus funciones diarias:

Ilustración 11. Página de inicio

Page 76: DESARROLLO DE UNA APLICACIÓN MÓVIL PARA LA ...repository.udistrital.edu.co/bitstream/11349/5968/1/ArizaFlorez... · 1 desarrollo de una aplicaciÓn mÓvil para la visualizaciÓn

76

El usuario administrador (ver ilustración 18) tiene acceso a la creación de pacientes (ilustración 20) , doctores (ilustración 19) y administradores

(ilustración 21), en los cuales se solicitan datos básicos y algunos otros más específicos dependiendo del tipo de usuario que se vaya a crear, posterior al

ingreso de esos datos el administrador procede a presionar el botón agregar el cual de forma automática almacena los datos ingresados de la persona en la base de datos en la tabla correspondiente, posterior a eso encontrar un mensaje de

alerta que le indicara que la solicitud se generó exitosamente y de ser así él puede ingresar otro usuario de ser necesario o regresar a la página principal, adicional a

la creación de pacientes, médicos y funcionarios, el administrador es el encargado de la generación de citas médicas (ilustración 22).

Ilustración 12. Página Administrador

A) Creación Doctor:

Page 77: DESARROLLO DE UNA APLICACIÓN MÓVIL PARA LA ...repository.udistrital.edu.co/bitstream/11349/5968/1/ArizaFlorez... · 1 desarrollo de una aplicaciÓn mÓvil para la visualizaciÓn

77

Ilustración 13. Creación Doctor

B) Creación Paciente:

Ilustración 14. Creación Paciente

C) Creación Funcionario:

Ilustración 15. Creación Funcionario

Page 78: DESARROLLO DE UNA APLICACIÓN MÓVIL PARA LA ...repository.udistrital.edu.co/bitstream/11349/5968/1/ArizaFlorez... · 1 desarrollo de una aplicaciÓn mÓvil para la visualizaciÓn

78

D) Creación Citas:

Ilustración 16. Creación Citas

En la página creación de citas (ver ilustración 22) se encontrara todos los

datos relacionados a la generación de la cita médica, comenzando por que el administrador debe ingresar el número de documento del paciente al cual se

le vaya a generar la cita médica y posterior presionar el botón buscar, esto generara que se visualicen los datos del paciente correspondiente a ese número de identificación permitiendo identificar el paciente que está

generando la solicitud.

Ilustración 17. Ingreso número de documento del paciente

Posterior a la búsqueda de los datos del paciente se debe seleccionar el procedimiento por el cual se va a generar la cita médica y automática mente se completan los datos de la especialidad y los doctores especialistas que

van a tratar la cita médica se selecciona al doctor disponible, luego la fecha y hora que se desea dependiendo de la disponibilidad que el doctor tenga y que no se cruce con otras citas, en dado caso de ser así se debe tomar otra

fecha o consultar disponibilidad del día con otro especialista, se selecciona

Page 79: DESARROLLO DE UNA APLICACIÓN MÓVIL PARA LA ...repository.udistrital.edu.co/bitstream/11349/5968/1/ArizaFlorez... · 1 desarrollo de una aplicaciÓn mÓvil para la visualizaciÓn

79

el estado de la cita en pendiente y se presiona el botón generar cita el cual

notifica que la cita se agendo con éxito (ilustración 24)..

Ilustración 18. Proceso generación de cita

Usuario Medico o especialista: para el usuario especialista (Ilustración 25), el

cual está destinado a ser manejado por los médicos o profesionales de la salud que estén realizando el seguimiento a cada paciente, cuentan con un usuario y contraseña para ingresar a su respectiva plataforma, por cuestiones de facilidad

el usuario y contraseña que se les asignara al médico o especialista es su propia cedula con la cual le permitirá el ingreso a la plataforma.

Ilustración 19. Página citas médicas

Page 80: DESARROLLO DE UNA APLICACIÓN MÓVIL PARA LA ...repository.udistrital.edu.co/bitstream/11349/5968/1/ArizaFlorez... · 1 desarrollo de una aplicaciÓn mÓvil para la visualizaciÓn

80

Posterior al ingreso el especialista encontrara una página con la lista de citas

médicas pendientes asignadas a él, donde se le informara en cada una de ellas el nombre y apellido, edad, procedimiento, fecha, hora y estado de la cita, esto con

el fin de que el medico tenga una visualización general de todas las citas que tiene a su disposición, en la parte superior de la página se encuentran unos campos en blanco con etiquetas de nombre, procedimiento, descripción, observaciones y

estado; una vez el doctor seleccione una cita específica, automáticamente los campos nombrado se completaran con los datos más generales del procedimiento

seleccionado, el nombre y apellido del paciente, el procedimiento que se va a realizar , en el campo descripciones se encontrara una breve descripción del procedimiento ver ilustración 26.

Ilustración 20. Citas médicas pendientes

Una vez el procedimiento médico o la cita allá finalizado el doctor deberá

ingresar las observaciones, recomendaciones o sugerencias esto para que el usuario tenga un registro histórico de la intervención o chequeo que se le realizo y las acciones a tomar después de la cita, ya sea en cuestiones de medicamentos,

citas a nuevos especialistas, recomendaciones a tener en cuenta, información del siguiente control o simplemente el registro que indique que todo se encuentra

bien dirigidas al paciente en el campo de observaciones, cambiar el estado de la cita a finalizado y dar por terminado la cita médica, estas observaciones serán enviadas a la aplicación móvil del paciente el cual podrá visualizar dicha

observación en el área de citas médicas históricas y tener más presente las acciones que debe realizar referente a su salud ilustración 27.

Page 81: DESARROLLO DE UNA APLICACIÓN MÓVIL PARA LA ...repository.udistrital.edu.co/bitstream/11349/5968/1/ArizaFlorez... · 1 desarrollo de una aplicaciÓn mÓvil para la visualizaciÓn

81

Ilustración 21. Proceso finalización citas médicas

También se tiene la funcionalidad de que por alguna razón o motivo ajeno el paciente no pudo asistir a la cita, esta pasada la hora en la cual se debía realizar automáticamente el sistema modifica el estado de la cita a un estado finalizado, e

informara al usuario en observaciones de la cita que “el paciente no se presentó a la cita”.

8.3.Aplicación móvil

Pensando en una herramienta de fácil uso, se construyó una aplicación que tiene como objetivo principal informar al paciente sobre las citas médicas que tiene al pendiente, las

cuales solicito con anterioridad y son elaboradas en la plataforma web, en esta aplicación se encontrara las citas que están pendientes y finalizadas, los parámetros más relevantes, en la página principal inicia con el proceso de autenticación para determinar qué paciente

está ingresando y así visualizar la citas correspondientes a ese paciente. Se ingresara el usuario y contraseña que con anterioridad se le suministrara el administrador al paciente,

al momento del ingreso la aplicación realizara el proceso de autentificación para confirmar que los datos ingresados son los correctos ilustración 28.

Ilustración 22. Aplicación móvil

Page 82: DESARROLLO DE UNA APLICACIÓN MÓVIL PARA LA ...repository.udistrital.edu.co/bitstream/11349/5968/1/ArizaFlorez... · 1 desarrollo de una aplicaciÓn mÓvil para la visualizaciÓn

82

Paso seguido a este proceso se presentan tres botones como se observa en la ilustración 29,

Ilustración 23. Página principal aplicación móvil

El botón (CITAS) presenta las citas pendientes del paciente, donde se puede ingresar y se

encuentran todas las citas irresueltas que tiene en el momento ilustración 30.

Ilustración 24. Citas pendientes del paciente

Page 83: DESARROLLO DE UNA APLICACIÓN MÓVIL PARA LA ...repository.udistrital.edu.co/bitstream/11349/5968/1/ArizaFlorez... · 1 desarrollo de una aplicaciÓn mÓvil para la visualizaciÓn

83

Igualmente el paciente puede ingresar a cada una de estas citas y en ellas encontrara todos

los datos referentes a las citas o procedimientos médicos, Nombre del procedimiento, fecha, hora, doctor y el hospital donde se va a realizar el procedimiento ilustración 31.

Ilustración 25. Datos referentes a las citas o procedimientos médicos

Por otro lado está el botón de HISTÓRICO DE CITAS el cual como su nombre lo indica visualiza las citas que por x o y motivo se encuentran en estado finalizado, se explica de

esta manera ya que hay dos formas de que una cita pase a ser histórica, en este caso de finalizar una cita o procedimiento médico, el primer método y como ya se había explicado

es cuando el paciente se presenta a su cita médica en la fecha y horario establecido y el medico una vez finalizado el proceso ingresa las observaciones y cambia el estado de la cita a finalizado, esto se ve reflejado en el momento en el que el paciente ingresa a la

aplicación en la sección de histórico de citas encontrando dicho procedimiento en esta sección, el paciente puede ingresar a esta cita en estado finalizado y encontrar la

observaciones realizadas ilustración 32.

Page 84: DESARROLLO DE UNA APLICACIÓN MÓVIL PARA LA ...repository.udistrital.edu.co/bitstream/11349/5968/1/ArizaFlorez... · 1 desarrollo de una aplicaciÓn mÓvil para la visualizaciÓn

84

Ilustración 26. HISTÓRICO DE CITAS

La segunda opción que se tiene para que una cita o procedimiento pase ha estado

finalizado y por ende pase a la sección de citas históricas es que el paciente no se presente a la cita, en la fecha y hora establecida por algún motivo personal o laboral, una vez la

fecha y hora de la cita se cumplan el sistema toma las citas que cumplan con esta condición y las pasa a un estado finalizado, automáticamente salta a la sección de citas históricas y genera un mensaje en la sección de observaciones el cual indica “que el

paciente no asistió a la cita asignada” como se observa en la ilustración 33.

Ilustración 27. Citas-el paciente no asistió a la cita asignada

Page 85: DESARROLLO DE UNA APLICACIÓN MÓVIL PARA LA ...repository.udistrital.edu.co/bitstream/11349/5968/1/ArizaFlorez... · 1 desarrollo de una aplicaciÓn mÓvil para la visualizaciÓn

85

9. CONCLUSIONES

Se diseña la base de datos basando su funcionalidad en la similitud que esta tiene

con respecto a una base de datos propia de una entidad de salud, teniendo como enfoque principal la interacción con cada uno de los usuarios, ya que la base de

datos hace parte de la raíz del proyecto, donde se conectan todas las variables y permite la correcta gestión de cada una de las citas que se programen.

Con el desarrollo de esta aplicación se permite un control de salud más adecuado llevado por el mismo paciente, ya que tendrá a la mano cada una de las citas o

procedimientos médicos que ha solicitado, junto con un historial de las citas a las cuales ya se presentó. De igual forma proyecta un entorno más organizado dentro

de la entidad de salud ya que reduce drásticamente las citas en estado cancelado por inasistencias de los pacientes.

La implementación de una plataforma Web para la creación de los diferentes usuarios que componen la entidad de salud (Médicos, Paciente, Funcionario) y el

calendario de citas y procedimientos médicos, agiliza en gran medida la gestión desarrollada por el funcionario, así como los trámites administrativos y el desarrollo de las citas médicas para el especialista.

Haber desarrollado la aplicación en Android permite que el grueso de la

población tenga acceso a la misma, esto teniendo en cuanta que el 84.60% de los usuarios de dispositivos móviles utiliza este sistema operativo, garantizando en

gran medida que esta aplicación pueda ser utilizada masivamente.

se desarrolló una plataforma una plataforma web amigable con el doctor que

permite la visualización de cada una de las citas médicas que tiene asignadas, con cada uno de los respectivos pacientes a la hora y fecha programada, realizando

un dictamen de la cita en ejecución y así transmitir el diagnostico que se llevó durante el procedimiento de una manera más clara y concisa para el paciente sin

omitir información alguna o en el mayor de los caso confusión, ya que al paciente va a tener a la mano toda la información relevante referente a dicha cita.

Page 86: DESARROLLO DE UNA APLICACIÓN MÓVIL PARA LA ...repository.udistrital.edu.co/bitstream/11349/5968/1/ArizaFlorez... · 1 desarrollo de una aplicaciÓn mÓvil para la visualizaciÓn

86

10. TRABAJOS FUTUROS

Un posible enfoque para el desarrollo de nuevos proyectos seria la implementación del bloque de agendamiento de citas o procedimientos médicos

en aplicación móvil estos con el fin de que no solamente permita que el usuario visualice las citas médicas sino que también pueda generarlas, facilitando en gran manera el desarrollo de la citas médicas de principio a fin.

Page 87: DESARROLLO DE UNA APLICACIÓN MÓVIL PARA LA ...repository.udistrital.edu.co/bitstream/11349/5968/1/ArizaFlorez... · 1 desarrollo de una aplicaciÓn mÓvil para la visualizaciÓn

87

11. REFERENCIAS BIBLIOGRÁFICAS

[1] “Procedimiento médico, Definición, Lista de procedimientos médicos.” .

[2] “CPT Codes _ CPT Editorial Panel _ AMA.” . [3] “Terminología Procesal Actual, Tipos de códigos, Las revisiones Psicoterapia

principales, Derechos de autor.” .

[4] “Terminología actualizada de procedimientos médicos - Wikipedia, la enciclopedia libre.” .

[5] “Cirugías, Procedimientos y Exámenes - Procedimientos Médicos.” .

[6] “Controlar el asma.” . [7] “Control de la natalidad y contracepción_ MedlinePlus en español.” .

[8] “Síntomas de la diabetes: American Diabetes Association®.” .

[9] “otorrinolaringólogo_.” .

[10] C. Superior and D. E. I. Cientificas, “Primeros auxilios.” pp. 1–29, 2012.

[11] “Cáncer de próstata - Red de Salud UC CHRISTUS.” . [12] “ACHO - Asociación Colombiana de Hematología y Oncología.” .

[13] “Asociación Colombiana de Neurología.” 2001.

[14] “Obstetricia & Ginecología Ltda.” .

[15] “Consulta Oftalmología General.” .

[16] S. J. De Pasto, A. De, and J. Duboy, “Sociedad Colombiana de Cirugía Ortopédica y Traumatología,” no. 7. pp. 7445–7445, 2010.

[17] “Sociedad colombiana de física,” no. 320000796948. p. 2011, 2011.

[18] F. y I. Miembros de la ACSC, “Sociedad Colombiana de Cirugía Plástica, Estética y Reconstructiva - Lipectomia - Sociedad Colombiana de Cirugía Plástica, Estética y Reconstructiva - Sociedad Colombiana de Cirugía Plástica,

Estética y Reconstructiva.” 2014.

[19] “Cirugia de Torax.” . [20] “SCU Sociedad Colombiana de Urología.” .

[21] “Cirugía Vascular y Angiología.” .

Page 88: DESARROLLO DE UNA APLICACIÓN MÓVIL PARA LA ...repository.udistrital.edu.co/bitstream/11349/5968/1/ArizaFlorez... · 1 desarrollo de una aplicaciÓn mÓvil para la visualizaciÓn

88

[22] “¿Qué es una app? | Blog de Tecnología Qode Apps.” .

[23] J. Cuello, “Las aplicaciones _ Diseñando apps para móviles.” . [24] “Aplicaciones Nativas, Aplicaciones Web y Aplicaciones Híbridas _ aníbal

goicochea.” .

[25] D. Valdés Perez, “Que son las bases de datos,” 26 De Octubre. 2007. [26] “Rafael Menéndez-Barzanallana Asensio.” .

[27] “Definicion De.” .

[28] U. Distrital and F. Jose, “Tabla de contenido,” 2009.

[29] “Elegir un modo de autenticación.” .

[30] “¿Qué es Open Database Connectivity (ODBC) _ - Definición en WhatIs.” . [31] “odbc.” .

[32] Microsoft, “DataSets, DataTables y DataViews.” .

[33] “Configure the Windows Firewall to Allow SQL Server Access.” 2016.

[34] “Publicación de servicio WCF.” .

[35] msdn.microsoft.com, “Introducción a Visual Studio,” Introducción a Visual Studio. 2016.

[36] Alimentos.org, “Información general acerca de la avena.” 2016.

[37] “Resumen de las características de C# (C#).” . [38] Jose Angel Zamora, “Xamarin, la API para crear aplicaciones multiplataforma en

C#/.NET,” Elandroidelibre. 2014.

[39] “Android es el sistema operativo móvil más usado en el mundo - Univision.” . [40] “Android Soporte Biblioteca v4 _ Componentes _ Xamarin.” .

[41] “Obtención del controlador USB de Google | Android Studio.” .