Embed Size (px)
Citation preview
TECNOLÓGICO NACIONAL DE MÉXICO
Instituto Tecnológico de Colima
VILLA DE ÁLVAREZ, COL., DICIEMBRE DE 2016
OPCIÓN:
INFORME DE RESIDENCIA PROFESIONAL
QUE PARA OBTENER EL TÍTULO DE
INGENIERO EN SISTEMAS COMPUTACIONALES
PRESENTAN
CRISTINA VIANEY OCÓN ZAMORA
ULISES MÉNDEZ CALVARIO
ASESOR
DR. JESÚS ALBERTO VERDUZCO RAMÍREZ
PROYECTO
ESTUDIAR PARA PREVERY PREVER PARA ACTUAR
S G C
S N E S T
IMNC-RSGC-617
IMNC-RSGC-617IMNC-RSGC-617
CERTIFICADO BAJO LANORMA ISO 9001:2008
CERTIFICADO BAJO LANORMA ISO 9001:2008
ISO 9001:2008
PROCESO EDUCATIVO
“SISTEMAWEBPARAELREGISTRODEPACIENTES,CONTROL
DEINVENTARIO,MANEJODEPERSONALYPUNTODE
VENTAPARALACRUZROJAMEXICANAEN
ELESTADODECOLIMA”
Carta de Aceptación
Carta de Término
Evaluaciones
Hoja de Firmas
_______________________________
Lic. Fernando Michel Palomares
Asesor externo
_______________________________
Dr. Jesús Alberto Verduzco Ramírez
Asesor interno
_____________________________
Dr. Nicandro Farías Mendoza
Primer revisor
_____________________________
M.C. Pedro Rocha Medrano
Segundo revisor
_____________________________
Cristina Vianey Ocón Zamora
Residente
_____________________________
Ulises Méndez Calvario
Residente
Agradecimientos
Agradecemos a nuestros padres, hermanos y familiares ya que sin su apoyo ninguno de
nuestros logros académicos y personales hubiese sido posible.
Al Instituto Tecnológico de Colima, por darnos la oportunidad de aplicar nuestros
conocimientos adquiridos en él, diseñando e implementando un proyecto real, lo cual nos
dejó una muy grande experiencia.
Al Dr. Jesús Alberto Verduzco Ramírez, Dr. Nicandro Farías Mendoza, M.C. Pedro Rocha
Medrano, que nos asesoraron en la investigación, elaboración y puesta en práctica de
nuestros conocimientos con sus valiosos aportes a lo largo de todo este proceso, así como a
los maestros de esta institución cuyas enseñanzas hicieron posible la realización de este
proyecto.
A todos y cada uno de nuestros compañeros de la carrera de Ingeniería en Sistemas
Computacionales del Instituto Tecnológico de Colima con quienes compartimos grandes
momentos de nuestra vida, y una misma meta, la cual es hoy una realidad.
Índice CAPÍTULO I CONTEXTO DEL PROYECTO ..................................................................... 1
1.1. Introducción .......................................................................................................... 2
1.2. Datos de la institución .......................................................................................... 2
1.3. Justificación .......................................................................................................... 4
1.4. Objetivos ............................................................................................................... 4
1.4.1. General .............................................................................................................. 4
1.4.2. Específicos ........................................................................................................ 4
1.5. Estudio de la situación actual ............................................................................... 5
1.6. Planteamiento del problema ................................................................................. 7
1.7. Propuesta de solución ........................................................................................... 7
1.8. Alcances y limitaciones del proyecto ................................................................... 9
1.8.1. Alcances ............................................................................................................ 9
1.8.2. Limitaciones ...................................................................................................... 9
1.9. Estudio de factibilidad .......................................................................................... 9
1.9.1 Factibilidad Técnica. ......................................................................................... 9
1.9.2 Factibilidad Operativa. ...................................................................................... 9
1.9.3 Factibilidad Económica. ................................................................................. 10
1.9.4 Factibilidad Legal. .......................................................................................... 10
1.10. Análisis costo-beneficio ..................................................................................... 10
1.11. Ventajas competitivas ......................................................................................... 11
CAPÍTULO II ESTADO DEL ARTE .................................................................................. 12
2.1. Introducción ........................................................................................................ 13
2.2. WWW ................................................................................................................. 13
2.3. Fundamentos de la Web ..................................................................................... 13
2.4. Protocolo HTTP .................................................................................................. 13
2.5. Lenguaje HTML ................................................................................................. 13
2.6. Aplicaciones Web ............................................................................................... 14
2.6.1. Ventajas de las aplicaciones Web ................................................................... 14
2.7. Página Web ......................................................................................................... 14
2.8. Sitio Web ............................................................................................................ 15
2.9. PHP ..................................................................................................................... 15
2.10. CSS ..................................................................................................................... 15
2.10.1. ¿Para qué sirve? ........................................................................................... 15
2.11. JavaScript ........................................................................................................... 16
2.12. JQUERY ............................................................................................................. 16
2.13. Modelo vista controlador .................................................................................... 16
2.13.1 El modelo: ....................................................................................................... 16
2.13.2 El controlador: ................................................................................................ 17
2.13.3 Las vistas: ....................................................................................................... 17
2.13.4 Ventajas de utilización del MVC .................................................................... 17
2.13.5 Orígenes del MVC .......................................................................................... 18
2.14. MYSQL .............................................................................................................. 18
CAPÍTULO III PROCEDIMIENTO Y DESCRIPCION DE LAS ACTIVIDADES .......... 19
3.1. Introducción ........................................................................................................ 20
3.2. Requisitos del software ....................................................................................... 20
3.3. Metodología de desarrollo .................................................................................. 20
3.3.1. Análisis ........................................................................................................... 20
3.3.1.1. Análisis de requerimientos ........................................................................... 20
3.3.2. Diseño ............................................................................................................. 21
3.3.2.1. Diseño de la base de datos .......................................................................... 25
3.3.3. Codificación .................................................................................................... 26
3.3.4. Pruebas e Implementación .............................................................................. 28
3.4. Resultados ........................................................................................................... 28
CAPÍTULO VI CONCLUSIONES Y TRABAJOS A FUTURO ........................................ 34
4.1. Conclusiones ....................................................................................................... 35
4.2. Trabajos Futuros ................................................................................................. 35
REFERENCIA BIBLIOGRAFICAS .................................................................................... 36
Índice de Imágenes Imagen 1 Ubicación de la Institución ..................................................................................... 3 Imagen 2 Formato Tipo Sanguíneo ........................................................................................ 5
Imagen 3 Formato Certificado Medico ................................................................................... 5 Imagen 4 Formato Receta Médica .......................................................................................... 6 Imagen 5 Formato de Cobro y Registro de Paciente .............................................................. 6 Imagen 6 Formato Corte de Caja ............................................................................................ 7 Imagen 7 Arquitectura del Sistema Web ................................................................................ 8
Imagen 8 Metodología de Desarrollo ................................................................................... 20 Imagen 9 Caso de uso del proceso de agregar personal ....................................................... 22
Imagen 10 Caso de uso del proceso para agregar medicamentos y procedimientos ............ 22
Imagen 11 Caso de uso del proceso para impresiones de reportes ....................................... 23 Imagen 12 Caso de uso del proceso para registrar pacientes ................................................ 23 Imagen 13 Caso de uso del proceso para actualizar stock .................................................... 23 Imagen 14 Caso de uso del proceso para generar cobros ..................................................... 24
Imagen 15 Caso de uso del proceso impresión de reporte .................................................... 24 Imagen 16 Caso de uso para el proceso de captura ficha clínica .......................................... 25
Imagen 17 Caso de uso del proceso para registrar consulta médica ..................................... 25 Imagen 18 Diagrama E-R del sistema web ........................................................................... 26 Imagen 19 Código inicio de sesión ....................................................................................... 27
Imagen 20 Código editar paciente ........................................................................................ 27
Imagen 21 Código CSS ......................................................................................................... 28
Imagen 22 Página principal del sistema ............................................................................... 29 Imagen 23 Menú principal del administrador ....................................................................... 29
Imagen 24 Menú principal del usuario doctor ...................................................................... 30 Imagen 25 Menú principal del usuario enfermera ................................................................ 30 Imagen 26 Menú principal del usuario farmacia .................................................................. 31
Imagen 27 Vista personal registrado .................................................................................... 32 Imagen 28 Vista pacientes registrados .................................................................................. 32
Imagen 29 Vista de editar personal ....................................................................................... 33 Imagen 30 Vista editar paciente ............................................................................................ 33
1
CAPÍTULO I CONTEXTO DEL PROYECTO
2
1.1. Introducción
En este capítulo se describirá como está conformada la institución, mostrando las
principales características que la componen tales son como: misión, objetivos (generales y
específicos) así como se hablará un poco del proyecto, sus alcances, limitaciones, los
análisis que se necesitaron realizar para conocer que el proyecto es factible y las ventajas
que éste brindara a la institución.
1.2. Datos de la institución
La Cruz Roja Mexicana Delegación Estatal Colima es una institución de asistencia privada
que se encarga de brindar servicios de atención médica, pree hospitalaria, atención en
desastres y servicios de capacitación a la población en general.
Nombre: Cruz Roja Mexicana Delegación Estatal Colima.
Misión
Ofrecer atención eficiente a la población en casos de emergencia y en situaciones de
desastre, e impulsar acciones tendientes a incrementar la capacidad de las personas y las
comunidades a través de la acción voluntaria.
Principales Valores
Proclamados en Viena en 1965, los siete Principios Fundamentales crean un vínculo de
unión entre las Sociedades Nacionales de la Cruz Roja y de la Media Luna Roja, el Comité
Internacional de la Cruz Roja y la Federación Internacional de Sociedades de la Cruz Roja
y de la Media Luna Roja. Los Principios Fundamentales garantizan la continuidad del
Movimiento de la Cruz Roja y de la Media Luna Roja y su labor humanitaria.
Humanidad
Imparcialidad.
Neutralidad.
Independencia.
Voluntariado.
Unidad
Universalidad
Principales Servicios
Brindar servicios de atención médica
Pree hospitalaria
Atención en desastres
Servicios de capacitación
3
Dirección
Instalaciones de Cruz Roja Mexicana Delegación Estatal Colima.
Aldama #117 esq. Álvaro Obregón, Colonia Centro, Colima C.P. 28000
Teléfono: (312) 330-81-09
Fax: (312) 312-66-22
En la imagen 1 se muestra el mapa de ubicación de Cruz Roja Mexicana Delegación Estatal
Colima.
Imagen 1 Ubicación de la Institución
Asesor Externo
Nombre: Lic. Fernando Michel Palomares
Cargo: Coordinador Estatal Administrativo
Horario: 9:00 am a 3:00 pm
Correo electrónico: [email protected]; [email protected]
Datos de los Residentes
Numero de control: 08460382
Nombre: Ulises Méndez Calvario
Carrera: Ingeniería en Sistemas Computacionales
Dirección: Francisco I Madero #299 Tepames, Col.
Teléfono: (044) 312 136528
E-mail: [email protected]
Numero de control: 08460391
Nombre: Cristina Vianey Ocón Zamora
Carrera: Ingeniería en Sistemas Computacionales
Dirección: Francisco I Madero #299 Tepames, Col.
Teléfono: (044) 312 1104309
E-mail: [email protected]
4
1.3. Justificación
En la actualidad es de suma importancia automatizar los procesos, para de esta manera
realizarlos con el menor tiempo posible y mantener un acceso rápido a la información, esto
nos permite realizar una buena toma de decisiones. En la Cruz Roja Mexicana delegación
Colima carecen de un sistema que les permita agilizar sus procesos.
Como se muestra en la propuesta de solución en el apartado 1.7, con la implementación de
un sistema web se pretende ofrecer un sistema que permita agilizar los procesos en el
control de inventarios, registro de pacientes, consultas médicas, punto de venta y registro
de personal encargado de farmacia.
El desarrollo de las herramientas web ha tenido un gran realce los últimos años, es por ello
que resulta indispensable poder contar con estas herramientas facilitando los trabajos,
mejorando el desempeño del personal, ahorrando dinero, etc.
Las razones importantes del uso de este sistema son:
Actualizar el stock de farmacia consiguiendo una mejor estructura por medio de las
tecnologías web.
Mejorar la administración de la información.
Reducir tiempo de respuesta del personal.
Reducir errores de la administración de ingresos en caja.
Reducir perdidas de información.
Acceso sencillo a la información de los pacientes.
1.4. Objetivos
A continuación se describen los objetivos que se alcanzarán al término del proyecto.
1.4.1. General
Automatizar la recolección y manejo información en los procesos de control de inventarios,
registro de pacientes, consultas médicas, punto de venta y registro de personal encargado de
farmacia, con la finalidad de tener al alcance los datos actualizados sin dejar de lado el
tema de la seguridad, implementando tecnologías web y bases de datos en los proceso.
1.4.2. Específicos
Contar con una base de datos de personal requerido.
Obtener la información de manera clara y oportuna con la finalidad de que el
sistema ejecute bien sus procesos.
Automatizar el proceso de inventario.
Diseño de una interfaz agradable y óptima para el usuario final.
Automatizar el proceso de corte de caja.
Minimizar tiempos en los procesos.
Automatizar el proceso de consultas médicas.
Puesta en marcha del sistema y documentación.
5
Redacción del reporte de residencia profesional.
1.5. Estudio de la situación actual
La Cruz Roja Mexicana delegación Colima es una institución no lucrativa, de interés social
y voluntaria que presta auxilio a la población que se encuentre en riesgo o en desastre.
Actualmente la Cruz Roja Mexicana delegación Colima cuenta con un sistema de registro
de pacientes y consultas médicas en formatos (Imagen 2 a la 6) que son llenados de forma
manual, así como el cobro de la consulta y material utilizado. El manejo del inventario se
registra en un archivo de Excel para manejar el stock de farmacia.
A continuación se muestran los formatos utilizados por esta dependencia.
Imagen 2 Formato Tipo Sanguíneo
Imagen 3 Formato Certificado Medico
6
Imagen 4 Formato Receta Médica
Imagen 5 Formato de Cobro y Registro de Paciente
7
Imagen 6 Formato Corte de Caja
Si bien una aplicación web le permitirá al administrador tener acceso al sistema,
permitiéndole estar informado del stock en farmacia e ingresos de las delegaciones.
1.6. Planteamiento del problema
Si bien Cruz Roja Mexicana delegación Colima no cuenta con un sistema donde pueda
llevar el control de inventario, del registro del paciente y del control del personal encargado
de farmacia y el ingreso en caja.
1.7. Propuesta de solución
La solución que se visualiza para reducir los efectos planteados en la sección 1.1 consiste
en desarrollar una aplicación web basada en el frameworks Laravel donde el usuario pueda
acceder a través de WiFi a distintos módulos de trabajo. En su implementación el
frameworks proporcionará un inicio de sesión, manejo de inventario, punto de venta,
registro de pacientes y el manejo del personal de farmacia en la Imagen 7 se observa la
arquitectura del sistema.
8
Imagen 7 Arquitectura del Sistema Web
9
1.8. Alcances y limitaciones del proyecto
1.8.1. Alcances
El sistema atenderá únicamente las necesidades del personal de los departamentos
de Farmacia y de Consultas Médicas.
El sistema funcionará en sistemas operativos Windows Vista, 7 u 8.
El sistema podrá capturar y modificar información.
El sistema podrá ser utilizado en navegadores web como: Chrome, Mozilla Firefox.
Los usuarios contaran con un sistema de interfaz amigable y de fácil uso para
solicitar los servicios.
1.8.2. Limitaciones
El personal podría oponerse al cambio de actividades que el sistema pueda
generarles.
No está diseñado para atender peticiones de otros departamentos.
El personal que opere el sistema deberá tener conocimientos básicos en
computación
1.9. Estudio de factibilidad
Se realizaron cuatro estudios, los cuales son: económica, técnica, operativa y legal para
determinar si el proyecto es factible. A continuación se analizan con detalle el resultado de
cada uno de los estudios de factibilidad.
1.9.1 Factibilidad Técnica.
Para el desarrollo del sistema en Cruz Roja Mexicana Delegación Colima es necesario el
uso de herramientas y equipo, la mayoría de las herramientas son de uso libre, de esta
manera no se generará un costo por la utilización; en cuanto al hardware Cruz Roja
Mexicana Delegación Colima cuenta con todas las instalaciones para que el sistema opere
de manera óptima.
Por lo tanto al cumplir con las herramientas necesarias hacen que el sistema sea factible
técnicamente.
1.9.2 Factibilidad Operativa.
El personal que labora en la Cruz Roja Mexicana delegación Colima ha expresado su
completa disposición para proporcionar información acerca de los procesos que el sistema
debe realizar, ya que este es el que les dará un acceso rápido a la información y reducirá los
tiempos en la elaboración de sus reportes.
La disposición del personal hace que el sistema sea factible operativamente ya que están
dispuestos a aprender el uso del sistema y de esta manera poderlo manejar de manera
óptima.
10
1.9.3 Factibilidad Económica.
En la elaboración de este sistema no se generará costo alguno ya que la institución cuenta
con las herramientas y equipo necesario, por lo que es totalmente factible económicamente
para la institución la realización del sistema.
1.9.4 Factibilidad Legal.
En la implementación del sistema no existe impedimento legal que no permita realizarlo,
será elaborado bajo plataformas de uso libre y las que no, se cuenta con la licencia
correspondiente, por lo tanto, el proyecto se considera factible ya que cumple con lo
estipulado en la ley.
1.10. Análisis costo-beneficio
Al implementar el sistema web se obtendrán beneficios en los tres procesos:
Módulo de farmacia:
Dar de alta insumos de inventario.
Dar de baja insumos de inventario.
Reporte de medicamentos utilizados por turno.
Manejo de stock.
Modulo consultas médicas:
Dar de alta un paciente.
Modificar pacientes.
Llenado de consulta o ficha clínica.
Impresión de receta médica.
Imprimir reporte de pacientes.
Módulo de caja:
Imprimir reporte de ingresos por turno.
Generar cobro.
Imprimir ticket de pago.
Registro detallado de ingresos.
Cobro de material de curación.
Reporte de medicamentos cobrados por turno.
Módulo Administrador:
Dar de alta nuevos usuarios.
Eliminar usuarios.
Consultar información requerida.
Imprimir reportes.
Control de acceso.
11
1.11. Ventajas competitivas
El sistema cumplirá con los reglamentos establecidos por Cruz Roja Mexicana delegación
Colima, atendiendo las necesidades de control de información; en su desarrollo se contará
con la disponibilidad de la información acerca de los procesos.
Acceso al sistema desde cualquier computadora con Internet.
Se podrá visualizar en navegadores como Internet Explorer, Google Crome, Opera,
Mozilla Firefox.
Impresión de estadísticas de ventas, stock, servicios médicos, entre otros.
El personal encargado del uso del sistema dará su opinión acerca del diseño y la interfaz del
sistema ya que son ellos quienes operarán dicho sistema.
12
CAPÍTULO II ESTADO DEL ARTE
13
2.1. Introducción
En este capítulo se describe cada uno de los conceptos utilizados con mayor frecuencia
dentro de todo el proyecto.
2.2. WWW
WWW son las iniciales que identifican a la expresión inglesa World Wide Web, el sistema
de documentos de hipertexto que se encuentran enlazados entre sí y a los que se accede por
medio de Internet. A través de un software conocido como navegador, los usuarios pueden
visualizar diversos sitios web (los cuales contienen texto, imágenes, videos y otros
contenidos multimedia) y navegar a través de ellos mediante los hipervínculos.
2.3. Fundamentos de la Web
El éxito de la web se basa en dos factores fundamentales: el protocolo HTTP y el lenguaje
HTML. El primero permite una implementación sencilla de un sistema de comunicaciones
que permite enviar cualquier fichero de forma fácil, simplificando el funcionamiento del
servidor y posibilitando que servidores poco potentes atiendan cientos o miles de peticiones
y reduzcan de este modo los costes de despliegue. El segundo, el lenguaje HTML,
proporciona un mecanismo sencillo y muy eficiente de creación de páginas enlazadas.
2.4. Protocolo HTTP
En conjunto, los protocolos de internet se implementan para poder gestionar de forma
eficaz toda la información que circula constantemente por la red.
El HTTP (Protocolo de Transferencia de Hipertexto), define la forma en que se comunican
los clientes con los servidores. Básicamente el cliente “pide” y el servidor brinda
“respuesta”; nosotros, el cliente, pedimos con el navegador web y el servidor responde. La
información que se nos transmite se denomina recurso y pueden ser variados, desde
visualizar una página web o blog, consultar una base de datos o traducir un documento;
desde luego hay muchas más posibilidades.
2.5. Lenguaje HTML
El lenguaje de marcado de hipertexto o HTML, es el lenguaje de marcas más utilizado en la
creación de páginas webs o blogs. Dicho lenguaje es una forma de codificar un documento,
el cual contiene toda la información, por ejemplo, de un blog. Vale decir que un lenguaje de
marcas no es un lenguaje de programación; éstos últimos contienen variables y funciones
aritméticas y el HTML no.
Se utiliza para estructurar un sitio web en forma de texto y determina desde, el propio texto,
hasta imágenes, colores o cualquier elemento contenido en el mismo. Una de las grandes
ventajas del HTML, además de su versatilidad, es que el entorno para trabajar con él está al
alcance de cualquiera, solamente se necesita un procesador de texto
14
2.6. Aplicaciones Web
Una aplicación Web es un sitio Web que contiene páginas con contenido sin determinar,
parcialmente o en su totalidad. El contenido final de una página se determina sólo cuando el
usuario solicita una página del servidor Web.
El servidor nos devuelve la información en formato HTML y así cualquier navegador es
capaz de interpretar este código para poder visualizar de forma correcta la información que
nos envía la aplicación. Son numerosas las ventajas de las aplicaciones Web en cualquiera
de los campos para los que se utilicen, ya que permiten facilitar mucho la estructuración y
sobre todo el mantenimiento de la información que se muestra en el sitio Web.
Las aplicaciones Web se crean en respuesta a diversas necesidades o problemas. En esta
sección se describen los usos más habituales de las aplicaciones Web y se proporciona un
ejemplo sencillo.
2.6.1. Ventajas de las aplicaciones Web
• Compatibilidad multiplataforma. Las aplicaciones web tienen un camino mucho más
sencillo para la compatibilidad multiplataforma que las aplicaciones de software
descargables.
• Actualización. Las aplicaciones basadas en web están siempre actualizadas con el
último lanzamiento.
• Inmediatez de acceso. Las aplicaciones basadas en web no necesitan ser descargadas,
instaladas y configuradas. Usted accede a su cuenta online a trabajar sin importar cuál
es su configuración o su hardware.
• Menos requerimientos de memoria. Las aplicaciones basadas en web tienen muchas
más razonables demandas de memoria RAM de parte del usuario final que los
programas instalados localmente.
• Menos Bugs. Las aplicaciones basadas en web deberán ser menos propensas a colgarse
y crear problemas técnicos debido a software o conflictos de hardware con otras
aplicaciones existentes, protocolos o software personal interno. Con aplicaciones
basadas en web, todos utilizan la misma versión, y todos los bugs pueden ser corregidos
tan pronto como son descubiertos.
• Múltiples usuarios concurrentes. Las aplicaciones basadas en web pueden realmente ser
utilizada por múltiples usuarios al mismo tiempo.
2.7. Página Web
Se conoce como página web al documento que forma parte de un sitio web y que suele
contar con enlaces (también conocidos como hipervínculos o links) para facilitar la
navegación entre los contenidos.
Las páginas web están desarrolladas con lenguajes de marcado como el HTML, que pueden
ser interpretados por los navegadores. De esta forma, las páginas pueden presentar
15
información en distintos formatos (texto, imágenes, sonidos, videos, animaciones), estar
asociadas a datos de estilo o contar con aplicaciones interactivas.
Entre las múltiples características que tiene una página web y que sirven para identificarla
se encuentran las siguientes: cuenta con información textual y también con material de tipo
audiovisual, está dotada de un diseño atractivo, está optimizada y ejerce como la tarjeta de
presentación de una empresa, una persona o un profesional concreto.
2.8. Sitio Web
En inglés website o web site, un sitio web es un sitio (localización) en la World Wide Web
que contiene documentos (páginas web) organizados jerárquicamente. Cada documento
(página web) contiene texto y o gráficos que aparecen como información digital en la
pantalla de un ordenador. Un sitio puede contener una combinación de gráficos, texto,
audio, vídeo, y otros materiales dinámicos o estáticos.
Cada sitio web tiene una página de inicio (en inglés Home Page), que es el primer
documento que ve el usuario cuando entra en el sitio web poniendo el nombre del dominio
de ese sitio web en un navegador. El sitio normalmente tiene otros documentos (páginas
web) adicionales. Cada sitio pertenece y es gestionado y por un individuo, una compañía o
una organización.
2.9. PHP
PHP (acrónimo de "PHP: Hypertext Preprocessor") es un lenguaje "open source"
interpretado de alto nivel embebido en páginas HTML y ejecutado en el servidor.
PHP puede hacer cualquier cosa que se pueda hacer con un script CGI, como procesar la
información de formularios, generar páginas con contenidos dinámicos, o mandar y recibir
cookies. Y esto no es todo, se puede hacer mucho más.
2.10. CSS
CSS (Cascading Style Sheets - Hojas de Estilo) es un lenguaje utilizado en la presentación
de documentos HTML. Un documento HTML viene siendo coloquialmente “una página
web”. Entonces podemos decir que el lenguaje CSS sirve para organizar la presentación y
aspecto de una página web. Este lenguaje es principalmente utilizado por parte de los
navegadores web de internet y por los programadores web informáticos para elegir multitud
de opciones de presentación como colores, tipos y tamaños de letra, etc.
2.10.1. ¿Para qué sirve?
CSS es una especificación desarrollada por el W3C (World Wide Web Consortium) para
permitir la separación de los contenidos de los documentos escritos en HTML, XML,
XHTML, SVG, o XUL de la presentación del documento con las hojas de estilo,
incluyendo elementos tales como los colores, fondos, márgenes, bordes, tipos de letra...,
16
modificando as la apariencia de una página web de una forma más sencilla, permitiendo a
los desarrolladores controlar el estilo y formato de sus documentos.
2.11. JavaScript
Al igual que HTML, Javascript es un lenguaje de programación que se puede utilizar para
construir sitios Web y para hacerlos más interactivos.
Aunque comparte muchas de las características y de las estructuras del lenguaje Java, fue
desarrollado independientemente. El lenguaje Javascript puede interactuar con el código
HTML, permitiendo a los programadores web utilizar contenido dinámico. Por ejemplo,
hace fácil responder a los acontecimientos iniciados por usuarios (como introducción de
datos en formularios) sin tener que utilizar CGI.
2.12. JQUERY
JQuery es una biblioteca gratuita de Javascript, cuyo objetivo principal es simplificar las
tareas de creación de páginas web responsivas, acordes a lo estipulado en la Web 2.0, la
cual funciona en todos los navegadores modernos. Por otro lado, se dice que jQuery ayuda
a que nos concentremos de gran manera en el diseño del sitio, al abstraer por completo
todas las características específicas de cada uno de los navegadores. Otra de las grandes
ventajas de jQuery es que se enfoca en simplificar los scripts y en acceder/modificar el
contenido de una página web. Finalmente, jQuery agrega una cantidad impresionante de
efectos nuevos a Javascript, los cuales podrán ser utilizados en tus sitios Web.
2.13. Modelo vista controlador
Modelo Vista Controlador (MVC) es un estilo de arquitectura de software que separa los
datos de una aplicación, la interfaz de usuario, y la lógica de control en tres componentes
distintos.
Se trata de un modelo muy maduro y que ha demostrado su validez a lo largo de los años en
todo tipo de aplicaciones, y sobre multitud de lenguajes y plataformas de desarrollo.
El Modelo que contiene una representación de los datos que maneja el sistema, su
lógica de negocio, y sus mecanismos de persistencia.
La Vista, o interfaz de usuario, que compone la información que se envía al cliente y
los mecanismos interacción con éste.
El Controlador, que actúa como intermediario entre el Modelo y la Vista, gestionando
el flujo de información entre ellos y las transformaciones para adaptar los datos a las
necesidades de cada uno.
2.13.1 El modelo:
Es el responsable de acceder a la capa de almacenamiento de datos. Lo ideal es que el
modelo sea independiente del sistema de almacenamiento.
17
Define las reglas de negocio (la funcionalidad del sistema). Un ejemplo de regla puede ser:
"Si la mercancía pedida no está en el almacén, consultar el tiempo de entrega estándar del
proveedor".
Lleva un registro de las vistas y controladores del sistema.
Si estamos ante un modelo activo, notificará a las vistas los cambios que en los datos pueda
producir un agente externo (por ejemplo, un fichero por lotes que actualiza los datos, un
temporizador que desencadena una inserción, etc.).
2.13.2 El controlador:
Recibe los eventos de entrada (un clic, un cambio en un campo de texto, etc.).
Contiene reglas de gestión de eventos, del tipo "SI Evento Z, entonces Acción W". Estas
acciones pueden suponer peticiones al modelo o a las vistas. Una de estas peticiones a las
vistas puede ser una llamada al método "Actualizar ()". Una petición al modelo puede ser
"Obtener_tiempo_de_entrega (nueva_orden_de_venta)".
2.13.3 Las vistas:
Son las responsables de recibir datos del modelo y los muestra al usuario.
Tienen un registro de su controlador asociado (normalmente porque además lo instancia).
Pueden dar el servicio de "Actualización ()", para que sea invocado por el controlador o por
el modelo (cuando es un modelo activo que informa de los cambios en los datos producidos
por otros agentes).
2.13.4 Ventajas de utilización del MVC
Una separación total entre lógica de negocio y presentación. A esto se le pueden aplicar
opciones como el multilenguaje, distintos diseños de presentación, etc. sin alterar la lógica
de negocio. La separación de capas como presentación, lógica de negocio, acceso a datos es
fundamental para el desarrollo de arquitecturas consistentes, reutilizables y más fácilmente
mantenibles, lo que al final resulta en un ahorro de tiempo en desarrollo en posteriores
proyectos.
Al existir la separación de vistas, controladores y modelos es más sencillo realizar labores
de mejora como:
• Agregar nuevas vistas.
• Agregar nuevas formas de recolectar las órdenes del usuario (interpretar sus modelos
mentales).
• Modificar los objetos de negocios bien sea para mejorar el performance o para migrar a
otra tecnología.
• Las labores de mantenimiento también se simplifican y se reduce el tiempo necesario
para ellas. Las correcciones solo se deben hacer en un solo lugar y no en varios como
sucedería si tuviésemos una mezcla de presentación e implementación de la lógica del
negocio.
18
• Las vistas también son susceptibles de modificación sin necesidad de provocar que todo
el sistema se paralice. Adicionalmente el patrón MVC propende a la especialización de
cada rol del equipo, por tanto en cada liberación de una nueva versión se verán los
resultados.
2.13.5 Orígenes del MVC
El estilo fue descrito por primera vez en 1979 por Trygve Reenskaug, entonces trabajando
en Smalltalk en laboratorios de investigación de Xerox.
2.14. MYSQL
MYSQL es uno de los sistemas de administración de bases de datos relacional más popular
de la actualidad, de código abierto, usa el estándar SQL Structure Query Language
(Lenguaje de Consulta Estructurado), el cual es un lenguaje de programación para bases de
datos relacional como Oracle, Sql server, Db2, Postgres etc.
Este motor de base de datos permite crear bases de datos, tablas, insertar datos,
modificarlos, eliminarlos, ordenarlos, hacer consultas y realizar muchas operaciones, etc.
MYSQL se ejecuta en diferentes plataformas tales como: Linux, Windows, Mac OS,
Solaris, AIX de IBM etc.
19
CAPÍTULO III PROCEDIMIENTO Y
DESCRIPCION DE LAS ACTIVIDADES
20
3.1. Introducción
En este capítulo se desglosarán las actividades y los procesos desarrollados para el
proyecto, cabe mencionar que se elaboró un cronograma de actividades el cual se siguió en
medida de lo posible para la culminación del proyecto de residencia.
3.2. Requisitos del software
Para el desarrollo de este sistema web se privilegiará el uso de software de libre
distribución, con la finalidad de evitar un costo extra de licencias de uso. Específicamente
se utilizaran los siguientes programas o paquetes en el proceso de desarrollo.
Lenguaje de programación PHP
Manejador de base de datos MySql
HTML 5
Librería para el desarrollo Web CSS3
Framework Laravel 4.2
Servidor Xampp
Composer
3.3. Metodología de desarrollo
En el desarrollo del proyecto se implementó una metodología, la cual consta de las
siguientes etapas: Análisis, Diseño, Codificación, Pruebas e Implementación la cual se
muestra a continuación en la Imagen 8
Imagen 8 Metodología de Desarrollo
3.3.1. Análisis
Durante esta etapa se realizó un amplio análisis sobre la propuesta de desarrollo, la cual
requería que se cubrieran todas las necesidades de la institución.
3.3.1.1. Análisis de requerimientos
Los elementos necesarios para el desarrollo y la implementación de este proyecto son
fundamentales para el correcto funcionamiento del sistema. A continuación se muestran las
herramientas y procesos que requerirá el sistema.
A continuación se muestran las características funcionales con las que debe contar el
sistema.
Análisis
Diseño
Codificación
Pruebas e Implementación
21
Módulo de Front-End. Es el módulo que construye las vistas del sistema con las cuales
interactúa el usuario del sistema. Un usuario puede utilizar ciertos módulos que están
adecuados a su función, por ejemplo el usuario de farmacia solo puede visualizar las
opciones de registrar pacientes, realizar cobro, actualizar stock y generar reporte.
Módulo de Back-End. Mediante este módulo, el administrador del sistema podrá efectuar
actualizaciones de los distintos módulos, por ejemplo: actualizar información del personal,
registrar nuevo personal, generar reportes, agregar o actualizar medicamentos y
procedimientos y realizar impresiones de reportes.
3.3.2. Diseño
En esta etapa se muestran los casos de uso de los procesos más importantes que realizan los
usuarios cotidianamente en este sistema web, a continuación se presentan las siguientes
imágenes.
Los usuarios que realizan los procesos se analizan en esta sección que se divide en 4:
Usuario de Farmacia: Son aquellos usuarios que realizan el registro de los pacientes,
realizan el cobro y surten receta en el caso de que el usuario así lo requiera.
Enfermera: Es la encargada de la toma de signos vitales de los pacientes antes de entrar a
consulta, realiza curaciones y toma de muestras sanguíneas.
Doctor: Son aquellos usuarios que realizan la consulta a los pacientes, expiden recetas
médicas, realizan el llenado de certificados médicos y tipificación sanguínea.
Administrador: Es el responsable de establecer la configuración del sistema así como
también es el encargado administrar al personal, imprimir reportes y actualizar stock.
El administrador puede registrar personal de manera muy sencilla como se muestra en la
Imagen 9.
22
Imagen 9 Caso de uso del proceso de agregar personal
El administrador puede agregar medicamentos y procedimientos en el sistema web de una
manera muy sencilla proporcionando la información necesaria en esta sección se muestra
en la Imagen 10.
Imagen 10 Caso de uso del proceso para agregar medicamentos y procedimientos
El administrador puede realizar la impresión de reportes en el sistema de una manera muy
sencilla seleccionando las opciones necesarias, en esta sección se muestra en la Imagen 11.
23
Imagen 11 Caso de uso del proceso para impresiones de reportes
Los usuarios de farmacia pueden agregar pacientes en el sistema web de manera muy
sencilla capturando la información necesaria en esta sección como se muestra en la Imagen
12.
Imagen 12 Caso de uso del proceso para registrar pacientes
Los usuarios de farmacia pueden actualizar stock en el sistema web de manera muy sencilla
capturando la cantidad que ingresa a farmacia en esta sección como se muestra en la
Imagen 13.
Imagen 13 Caso de uso del proceso para actualizar stock
24
Los usuarios de farmacia generan cobros en el sistema web de manera muy sencilla como
se muestra en la Imagen 14.
Imagen 14 Caso de uso del proceso para generar cobros
Los usuarios de farmacia imprimen reporte en el sistema web de manera muy sencilla
capturando la información necesaria en esta sección como se muestra en la Imagen 15.
Imagen 15 Caso de uso del proceso impresión de reporte
La enfermera puede realizar el registro de la ficha clínica del paciente en el sistema web de
una manera sencilla, solo capturando la información necesaria en esta sección como se
muestra en la Imagen 16.
25
Imagen 16 Caso de uso para el proceso de captura ficha clínica
El doctor puede registrar la consulta médica del paciente de una manera sencilla agregando
la información necesaria en esta sección como se muestra en la Imagen 17.
Imagen 17 Caso de uso del proceso para registrar consulta médica
3.3.2.1. Diseño de la base de datos
Para el sistema web que se crea se necesita una base de datos la cual en la instalación básica
contiene 8 tablas de las cuales mostramos y explicamos las secciones más importantes
como lo son pacientes, farmacia y consultas.
En la Imagen 18 se muestra el diagrama E-R del sistema como se muestra a continuación.
26
Imagen 18 Diagrama E-R del sistema web
3.3.3. Codificación
En esta etapa se encuentra la codificación y la lógica del sistema así como también la
elaboración de los procesos internos y el código para generar las vistas que se muestran a
continuación en el apartado de resultados, a continuación se muestran pequeños fragmentos
del código de desarrollo. En la Imagen 19 se observa parte del código de la vista de inicio
de sesión.
27
Imagen 19 Código inicio de sesión
La siguiente Imagen 20 nos muestra un fragmento del código para editar pacientes que ya
han sido registrados previamente.
Imagen 20 Código editar paciente
Para darle el estilo al sistema se utilizó un CSS del cual en la Imagen 21 se muestra una
parte del código.
28
Imagen 21 Código CSS
3.3.4. Pruebas e Implementación
En esta etapa se desarrolló la página principal del sistema en la cual le permite al usuario
realizar sus actividades. Este proceso tuvo una duración de 1 mes 2 semanas, teniendo en
cuenta que se duró 3 semanas en desarrollo y 3 semanas en fase de pruebas en las cuales se
estuvieron corrigiendo los errores que se encontraron en el sistema, así como se le hicieron
pequeños cambios al diseño de algunas vistas.
Una vez terminado el sistema se configuró en el servidor de la institución para que se
pudiera consultar desde internet teniendo como resultado final un sistema web Imagen 22
en la sección de resultados.
3.4. Resultados
En esta sección se dará a conocer los resultados obtenidos durante la implementación de la
metodología del proyecto, en la Imagen 22 se muestra la imagen principal del sistema.
29
Imagen 22 Página principal del sistema
En la Imagen 23, 24, 25 y 26 se muestran las páginas del inicio de sesión de los diferentes
usuarios.
Imagen 23 Menú principal del administrador
30
Imagen 24 Menú principal del usuario doctor
Imagen 25 Menú principal del usuario enfermera
31
Imagen 26 Menú principal del usuario farmacia
Para el registro de pacientes se tiene la siguiente vista Imagen 27 donde el personal ingresa
los datos del paciente.
De la misma manera los usuarios podrán observar al personal registrado y pacientes
registrados donde para cada usuario pueda realizar diferentes opciones.
32
Imagen 27 Vista personal registrado
Imagen 28 Vista pacientes registrados
A continuación se muestran las vistas de la edición de pacientes y de personal en las
Imágenes 29 y 30.
33
Imagen 29 Vista de editar personal
Imagen 30 Vista editar paciente
34
CAPÍTULO VI CONCLUSIONES Y
TRABAJOS A FUTURO
35
4.1. Conclusiones
La implementación y puesta en marcha del proyecto denominado “Sistema Web para el
registro de pacientes, control de inventario, manejo de personal y punto de venta para
la Cruz Roja Mexicana en el Estado de Colima y sus cinco delegaciones”, se presenta
como un proyecto novedoso y útil, que contribuirá de manera muy significativa para la
institución.
La Cruz Roja Mexicana en el Estado de Colima se verá beneficiada al contar con un
sistema el cual optimizará los tiempos de respuesta en la generación de reportes estadísticos
que para la institución son esenciales y reduciendo la perdida de información y el consumo
de papel.
Finalmente con la implementación y puesta en marcha de este proyecto la Cruz Roja
Mexicana delegación Colima innovará sus procesos.
4.2. Trabajos Futuros
Como trabajos futuros se puede considerar la creación de nuevos módulos, que para la
institución son necesarios incluir, así como algunos otros sistemas que surgen.
Dar promoción al sistema de manera nacional, de esta manera las demás sedes nacionales
se verán beneficiados con este proyecto.
36
REFERENCIA BIBLIOGRAFICAS
Alicante, U. d. (s.f.). Servicio de Informatica ASP.NET MVC 3 Framework. Recuperado el
12 de Diciembre de 2015, de http://si.ua.es/es/documentacion/asp-net-mvc-3/1-
dia/modelo-vista-controlador-mvc.html
Connolly, T. M., & E., B. C. (2005). Sistema de bases de datos. Madrid: Pearson
Educación S.A.
Dayle, R., & Antonio, L. (2013). Code Bright Desarrollo de aplicaciones web con la
versión 4 del framework Laravel para principiantes. Leanpub.
Eguiluz, F. (s.f.). LIBROSWEB. Recuperado el 12 de Diciembre de 2015, de El tutorial
Jobeet: http://librosweb.es/libro/jobeet_1_4/capitulo_4/la_arquitectura_mvc.html
Heintzalman, C. (2015). Creating beautiful web apps in laravel 5.1. Published by Kydala
Enterprises.
Javier, E. (s.f.). LIBROSWEB. Recuperado el 12 de Diciembre de 2015, de Introdicción a
CSS: http://librosweb.es/libro/css/
masadelante. (2015). masadelante. Recuperado el 12 de Diciembre de 2015, de Definición
de CSS - ¿Qué son las hojas de estilo o cascading style sheets?:
https://www.masadelante.com/faqs/css
Murphey, R. (s.f.). LIBROSWEB. Recuperado el 12 de Diciembre de 2015, de Fundamentos
de jQuery: http://librosweb.es/libro/fundamentos_jquery/
Reenskaug, T. (s.f.). EcuRed. Recuperado el 12 de Diciembre de 2015, de Patrón Modelo
Vista Controlador:
http://www.ecured.cu/Patr%C3%B3n_Modelo_Vista_Controlador
Vaswani, V. (s.f.). Fundamentos de PHP. Mc Graw Hill.
