UNIVERSIDAD TECNOLÓGICA FIDEL VELÁZQUEZ DIVISIÓN ACADÉMICA DE TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN NOMBRE DEL PROYECTO Desarrollo de Software para Colposcopia. INFORME FINAL DE ESTADÍA QUE PARA OBTENER EL TÍTULO DE INGENIERÍA EN TECNOLOGÍAS DE LA INFORMACIÓN PRESENTA: Borja Carranza Marco Antonio. Davila Monter Emiliano. Morales Franco Juan Manuel. Moreno Solorzano Ilse Ivonne. Ramirez Rivero Joselyn. Retana Olvera Alam Yafred. Sabino Vigueras Lizeth. ASESOR ACADÉMICO: Ing. Victor Javier Reyes Osnaya ASESOR INDUSTRIAL: Ing. Noemi Celina Pérez Verastegui NICOLÁS ROMERO ESTADO DE MÉXICO, ENERO 2024 Agradecimientos Me gustaría agradecer a la Universidad Tecnológica Fidel Velazquez y a la empresa MedicalBuy por abrirme las puertas y brindarme la oportunidad de avanzar en mi carrera profesional. Agradezco especialmente a mi departamento por su constante apoyo. Su fe en mis habilidades y su disposición para ayudarme han sido fundamentales para la finalización de esta tesis. Les agradezco a mis compañeros de la universidad por formar parte de este proyecto, por las largas horas de estudio, las conversaciones enriquecedoras, por ser una fuente constante de inspiración y motivación. Por contribuir al desarrollo del proyecto elaborado, planteando día a día ideas para mejorar la continuidad e implementación de nuevas características para el proyecto. Este proyecto elaborado se lo dedicamos a toda nuestra familia, porque ellos han sido nuestro pilar más importante para salir adelante, por darnos ánimos para nunca rendirnos. Pero se dedica más a nuestros padres por habernos educado para que siempre diéramos lo mejor nosotros en todo lo que realizamos,de igual manera para ser mejores personas de bien. De igual forma agradecemos a nuestros hermanos por estar siempre en cada uno de nuestros logros, para brindarles un buen ejemplo y que sean personas buenas como nuestros padres nos enseñaron. Índice Introducción Resumen Capítulo 1: Marco Contextual 1.1 Antecedentes 1.1.1 Misión 1.1.2 Visión 1.2 Planteamiento del problema 1.3 Objetivo General 1.3 Objetivos Específicos 1.4 Justificación 1.6 Limitantes 1.5 Delimitantes Capítulo 2: Marco Teórico 2.1 Metodología Scrum 2.2 Fase de requerimientos 2.3 Componentes de Software y Hardware 5 6 7 7 7 7 7 7 7 7 8 8 9 9 11 12 Introducción El presente documento, tiene la finalidad de exponer el desarrollo de una aplicación de escritorio enfocada principalmente para ayudar en la realización de colposcopias con los aparatos PRZ-25 y PRZ-50. La elaboración se llevará dentro del área de programación para la empresa Comercializadora y Distribuidora MB S.A de C.V. La empresa demanda un software para la gestión de pacientes y estudios, y el desarrollo de los formatos que se presentan en las clínicas donde se realizan estudios de colposcopia. El cual posteriormente, mediante una base de datos para almacenar dicha información y varias interfaces simplificarán todo ese proceso. Se realizará siguiendo la metodología ágil Scrum, que divide el proyecto en iteraciones llamadas sprints, y al ser altamente colaborativa y adaptable, facilita la comunicación entre el equipo y el cliente. La aplicación sigue un diseño minimalista, centrado en mejorar la experiencia del usuario, asegurando una interfaz intuitiva y amigable. El sistema se desarrollará con dos tecnologías principales: la primera es Electrón, cuya función principal será crear la aplicación multiplataforma, utilizando tecnologías como React, Material UI, Prisma DB y JavaScript. Por otro lado, se hará uso de Next.js para facilitar la construcción de la aplicación y sitios estáticos de alto rendimiento, permitiendo que el contenido se genere dinámicamente en el servidor o mediante páginas estáticas. El proyecto se dividirá en dos capítulos, en primer lugar, se plantea la problemática del problema indicando las razones que forma parte de su realización; en el segundo todo el proceso del desarrollo de la aplicación, de acuerdo a las tecnologías y los recursos utilizados, mencionando la metodología seleccionada. Resumen Requisitos Se realizó una entrevista y mesas de trabajo con el asesor empresarial y con personal al mando del proyecto, para analizar la problemática que se presentaba al momento de que realizaban los estudios. Con ayuda de un cuestionario se determinó cuáles eran las necesidades de los médicos, y a partir de esto se hicieron las anotaciones pertinentes para el momento del desarrollo. Análisis Se planteó junto con el empresario los requerimientos, recursos necesarios y fechas establecidas para la entrega del proyecto, se realizó un análisis a profundidad de cuál era la vialidad y alcance de este mismo. Tomando en cuenta el nivel de complejidad y funcionalidades que se debían de cumplir, llegando a la conclusión de que estará diseñada para gestionar y visualizar la información de pacientes, con un enfoque en la facilidad de uso para profesionales médicos. Diseño Una vez concluida la validación del proyecto y se confirme que cumplió con los objetivos planteados, se procederá con el diseño de la aplicación, realizando prototipos que estarán basados a partir de las propuestas y requisitos discutidos previamente. Programación Esta etapa se comenzará una vez que el diseño y la funcionalidad del sistema fueran aprobadas por el cliente, se empezó con los trabajos de codificación de cada uno de los apartados conforme fue planeado su comportamiento, complementándolo con el diseño gráfico de su interfaz. Pruebas Se realizaron diferentes pruebas de funcionalidad al software, para encontrar posibles errores de programación que no fueron detectados durante el desarrollo para darles pronta solución y así aprobar la versión final de la aplicación. Capítulo 1: Marco Contextual 1.1 Antecedentes Es una empresa dedicada al suministro de equipos médicos, con más de 3.000 productos disponibles para satisfacer las necesidades de nuestros clientes. Nuestro amplio catálogo incluye desde Ultrasonidos hasta Camas Hospitalarias, Camillas y Oxímetros, entre otros productos de alta calidad. Nos enorgullece ser la empresa líder en nuestro sector, brindando soluciones confiables y eficientes para el cuidado de la salud. 1.1.1 Misión Ofrecer el mejor servicio de calidad a todos nuestros clientes, siendo la mejor opción para ellos en cuanto a soluciones en equipamiento médico de vanguardia y de alta calidad. 1.1.2 Visión Ser la empresa número uno en la distribución de equipo médico a nivel nacional e internacional y al mismo tiempo ser la principal referencia en la distribución del mismo. 1.2 Planteamiento del problema Solicitan el desarrollo de una aplicación de escritorio especializada en la gestión y realización de colposcopias. 1.3 Objetivo General Desarrollo de Software para Colposcopia. Los requerimientos son: 1. Registro y Gestión de Pacientes. 2. Documentación y Análisis de Colposcopias. 3. Generación de Informes. 1.3 Objetivos Específicos Desarrollar un sistema de escritorio multiplataforma utilizando Electrón JS y Next JS que permita la gestión de pacientes de colposcopia. El software incluirá funcionalidades para el registro de pacientes, historial clínico, gestión de citas, visualización y almacenamiento de imágenes colposcópicas, generación de informes médicos. 1.4 Justificación La colposcopia es un procedimiento clave para la detección temprana de anomalías cervicales y otras condiciones ginecológicas, lo que hace fundamental una gestión precisa y eficiente de los exámenes realizados. Sin embargo, la administración de estos procedimientos y la información asociada presentan desafíos significativos. Estos problemas no solo afectan la calidad del servicio, sino que también aumentan el riesgo de retrasos en el diagnóstico y tratamiento de los pacientes. Una solución tecnológica adecuada optimiza el proceso, mejora la precisión en el registro de datos y facilita un manejo ágil y seguro de la información, garantizando una atención médica más efectiva y oportuna. Un software dedicado ofrece una solución integral a estos problemas, proporcionando una plataforma unificada para el registro de pacientes, historial clínico, gestión de citas, almacenamiento de imágenes colposcópicas y generación de informes médicos. 1.6 Limitantes Analizando se pudo observar las siguientes limitantes durante el desarrollo: ● El sistema no podrá ser utilizado si no cuentan con una licencia del distribuidor. ● Inconsistencias en la funcionalidad de los equipos de cómputo proporcionados por la empresa durante el desarrollo del proyecto. ● No tener los requerimientos suficientes para la utilización e instalación del software de desarrollo. ● Cambiar o buscar nuevas funcionalidades después de haberlas establecidas. ● El tiempo es factor, ya que son varios componentes y features en un plazo corto de tiempo. 1.5 Delimitantes Analizando se pudo observar las siguientes delimitantes durante el desarrollo: ● ● ● La aplicación de escritorio no recibirá ningún tipo de actualización, parche de seguridad o mantenimiento posterior al término de la estadía. No se cambiará o modificará las funcionalidades predeterminadas. No se adaptará la información, archivos y datos recolectados para este nuevo sistema. Capítulo 2: Marco Teórico 2.1 Metodología Scrum Scrum es un marco de trabajo ágil, se enfoca en entregar un producto funcional de manera continua y evolutiva a través de ciclos de trabajo llamados sprints. En Scrum, los equipos trabajan de forma colaborativa, respondiendo rápidamente a los cambios y entregando valor al cliente en cada iteración. Está diseñado para facilitar la entrega continua de productos que se pueden ajustar rápidamente en función de las necesidades del cliente o los usuarios. Por la duración y complejidad del proyecto se optó por seguir esta metodología, la cual se organiza en varias etapas o fases clave a lo largo de un ciclo de desarrollo. Cada etapa tiene un propósito específico y se centra en una actividad crítica para asegurar que el equipo pueda entregar un producto funcional de manera continua e iterativa. Estas etapas son cíclicas y se repiten al inicio de cada Sprint: ● Creación y Gestión del Backlog de Producto (Product Backlog). ● Planificación del Sprint (Sprint Planning). ● Ejecución del Sprint. a. Daily Stand Ups (Reunión diaria). b. Desarrollo. ● Revisión del Sprint (Sprint Review). ● Retrospectiva del Sprint (Sprint Retrospective). Etapa 1: Creación y Gestión del Backlog de Producto (Product Backlog): es una lista ordenada de todos los elementos (historias de usuario, características, mejoras, correcciones) que se requieren para completar el producto. El Product Owner es responsable de crear y priorizar estos elementos en función del valor que aportan al negocio o al usuario final. Durante la ejecución de esta etapa se van implementando actividades clave tales como: ● Identificación de requisitos: El Product Owner recopila los requisitos de las partes interesadas (usuarios, clientes, médicos, etc.). ● Creación de historias de usuario: Cada requisito se transforma en historias de usuario que describen la funcionalidad desde la perspectiva del usuario. ● Priorización: El Product Owner ordena las historias de usuario en función del valor para el cliente y el negocio. Esto puede cambiar durante el desarrollo, según nuevas necesidades o feedback. Etapa 2: Planificación del Sprint (Sprint Planning): es la etapa donde el equipo de Scrum selecciona los elementos del Backlog de Producto que se completarán durante el próximo sprint (generalmente de 1 a 4 semanas). Esta planificación establece el Sprint Backlog, que contiene las tareas detalladas que el equipo debe completar. Durante la ejecución de esta etapa se van implementando actividades clave tales como: ● Selección de historias de usuario: Durante la Planificación del Sprint, el Product Owner presenta las historias de usuario más prioritarias, y el equipo de desarrollo decide cuáles pueden ser completadas en el próximo sprint. ● Definición del objetivo del sprint: El equipo establece un objetivo claro para el sprint, basado en las historias seleccionadas. ● Desglose de tareas: El equipo desglosa las historias de usuario seleccionadas en tareas más pequeñas y manejables, que se asignan a los miembros del equipo. Etapa 3: Ejecución del Sprint: Esta es la fase en la que el equipo de desarrollo trabaja activamente para completar las tareas seleccionadas durante la Planificación del Sprint. Durante esta etapa, se llevan a cabo actividades diarias de seguimiento y desarrollo real. Subetapas: 1. Daily Stand Ups (Reunión diaria): Es una breve reunión diaria, generalmente de 15 minutos, donde cada miembro del equipo responde tres preguntas clave: 2. ¿Qué hice ayer? 3. ¿Qué voy a hacer hoy? 4. ¿Hay algo que me esté bloqueando? El propósito es asegurar que todos los miembros del equipo estén alineados y detectar posibles impedimentos que puedan ralentizar el progreso. Desarrollo: ● El equipo trabaja en las tareas del Sprint Backlog, desarrollando funcionalidades y entregando incrementos del producto que puedan ser demostrados al final del sprint. ● El trabajo puede involucrar codificación, pruebas, integración, diseño de interfaces, etc., dependiendo de las tareas asignadas. ● Scrum Master ayuda a eliminar impedimentos (bloqueos) y asegura que el equipo esté trabajando de manera eficiente. Etapa 4: Revisión del Sprint (Sprint Review): La Revisión del Sprint se realiza al final de cada sprint. Es una reunión donde el equipo presenta el Incremento (el trabajo completado) a los stakeholders (clientes, usuarios, Product Owner, etc.). Esta es una oportunidad para recibir retroalimentación y hacer ajustes en el producto según las necesidades del cliente. Durante la ejecución de esta etapa se van implementando actividades clave tales como: ● Demostración del trabajo completado: El equipo presenta las características desarrolladas durante el sprint, demostrando su funcionalidad. ● Revisión del Backlog: El Product Owner revisa el Backlog de Producto y evalúa si alguna historia de usuario necesita ser reajustada o re-priorizada. ● Retroalimentación de los stakeholders: Se recopila feedback de los stakeholders sobre lo que se ha entregado. Si es necesario, se realizan ajustes en el Backlog de Producto. Etapa 5: Retrospectiva del Sprint (Sprint Retrospective): Es una reunión interna del equipo de Scrum que se realiza después de la revisión del Sprint. Durante esta etapa, el equipo reflexiona sobre el proceso de trabajo del sprint y busca formas de mejorar para el siguiente ciclo. Durante la ejecución de esta etapa se van implementando actividades clave tales como: ● Reflexión sobre el sprint: El equipo revisa qué funcionó bien, qué no funcionó y qué podría mejorarse. Las discusiones se enfocan en el proceso de trabajo, no en el trabajo realizado. ● Acciones de mejora: Se acuerdan acciones concretas para mejorar el proceso en el siguiente sprint. Esto puede implicar ajustar la manera de comunicarse, cambiar las herramientas que usan, optimizar las reuniones diarias, entre otros aspectos. ● Mejora continua: El objetivo de la retrospectiva es mejorar continuamente la forma en que el equipo trabaja, lo que resulta en un flujo de trabajo más eficiente y una mayor calidad del producto. Es de suma importancia mencionar que la utilización de esta metodología se enfoca en el proyecto ya que se hace el uso de Componentes (Component-Driven Development): Aunque Component-Driven Development (CDD) no es una metodología formal, puede considerarse un enfoque estructurado dentro de tu flujo de trabajo. CDD te permite dividir la aplicación en componentes pequeños y reutilizables, lo que facilita tanto el desarrollo como el mantenimiento. 2.2 Fase de requerimientos Para obtener los requerimientos del proyecto, se llevó a cabo una reunión detallada con el asesor empresarial, durante la entrevista, se abordaron varios aspectos clave que influyen en el desarrollo del software. En primer lugar, se discutió el proceso de generación de tareas, especificando cómo deben ser realizadas, en qué orden deben realizarse, estilo y lógica. De manera complementaria, se definieron los aspectos técnicos mínimos de los equipos necesarios para la ejecución del software, incluyendo los requisitos de hardware y red para asegurar que la infraestructura sea capaz de soportar la carga operativa del sistema de manera eficiente. También se discutieron las posibles restricciones de recursos o limitaciones de capacidad, lo cual permitió ajustar las expectativas y asegurarse de que el software se desarrollara dentro de un marco realista y viable desde el punto de vista técnico. Esta fase fue esencial para comprender a fondo las necesidades tanto operativas como estratégicas del proyecto, sentando así las bases para la planificación y diseño del sistema. 2.3 Componentes de Software y Hardware Realizando una investigación de compatibilidad y rendimiento se seleccionaron los componentes esenciales del equipo de cómputo para el desarrollo de la aplicación, proponiendo las siguientes recomendaciones: ● Software 1. Sistema operativo Windows: 10,11 2. Editor de código Visual Studio versión 1.95.2 3. JavaScript versión ECMAScript 6 (ES6) y versiones superiores, como ES7, ES8, ES9, etc., son generalmente compatibles 4. Electrón versión 32.1.2 5. SQLite Prisma versión 5.20.0 6. Node.JS versión 22.9.0 ● Hardware 1. Procesador mínimo Intel Core i5-3330S o su equivalente en AMD. 2. 8 GB - 16 GB de RAM. 3. 1 GB - 3 GB de espacio disponible en disco duro. Cronograma del proyecto Las etapas del desarrollo del software para colposcopia serán abordadas de manera colaborativa por todo el equipo de desarrollo, ya que se requiere la participación activa de cada miembro en diferentes tareas, tanto de manera conjunta como individual. Dado que el proyecto involucra diversas áreas (interfaz de usuario, estilos,migraciones a la base de datos, generación de pdf ,entre otras), es esencial un seguimiento constante para asegurar que el flujo de trabajo se mantenga organizado y eficiente. Cada tarea será asignada según la especialización y el perfil de cada integrante, y se establecerá un plan de trabajo claro para determinar en qué momento es necesario que un miembro del equipo intervenga, dependiendo del progreso y las necesidades del proyecto. A partir de esta planificación, se definió la carga de trabajo considerando los tiempos estimados para cada tarea, priorizando las funcionalidades más críticas, como el registro de pacientes y la visualización de imágenes de colposcopia. Asimismo, se asignaron responsabilidades específicas a los miembros del equipo de desarrollo, asegurando que cada tarea fuera completada de manera oportuna. Este enfoque colaborativo permite que el proyecto avance de manera fluida, con un monitoreo constante del progreso y la intervención del equipo en las áreas donde se requiera mayor atención o soporte. Se establecen los avances del proyecto por medio de una gráfica de Gantt, la cual es entregada al asesor industrial para hacerle constar de lo que se está realizando. Para después poder comenzar con la codificación de las funciones básicas de las pantallas que conforman la interfaz del software y de manera simultánea verificar la base de datos mientras se realizan pruebas de funcionalidad. Etapa de diseño del sistema. En la reunión inicial del proyecto, se definió que el software para colposcopias debe contar con un diseño intuitivo, sencillo y fácil de usar. El objetivo es minimizar la complejidad para el usuario final, asegurando que la interfaz sea lo más directa y clara posible, con un flujo de trabajo simplificado. Para lograrlo, se optó por un diseño minimalista, con un número reducido de pantallas e interacciones, lo cual facilitará su uso tanto para los médicos como para los pacientes. Este enfoque tiene varias ventajas: mejora la eficiencia en el uso del software, reduce el tiempo de aprendizaje para los usuarios y, al mismo tiempo, optimiza el tiempo de desarrollo al limitar la cantidad de pantallas y funcionalidades complejas que deben ser implementadas. Durante esta fase, se discutió a fondo el diseño de la interfaz de usuario, asegurando que el flujo de interacción sea lo más directo posible, y que los usuarios (doctores) puedan acceder a la información esencial (como registros de pacientes, resultados de colposcopia, imágenes, y generación de informes) de forma rápida y sin complicaciones. 1. Pantalla Términos y Condiciones: El inicio de la aplicación, está solo aparecerá una vez al momento de realizar la instalación: 2. Pantalla Activación del Producto: En esta pantalla, se colocara la licencia del doctor con la cual se validará que si puede utilizar la aplicación, de la misma manera esta solo se aparecerá una vez: 3. Tercera Pantalla: El inicio de la aplicación, donde se podrá visualizar el menú con las paginas a donde podrá acceder el doctor (formularios, camara, tablas con registros) y un carrusel de imágenes: 4. Cuarta Pantalla: Registro del Paciente, se colocaran datos que despues podra visualizar: 5. Quinta Pantalla: El historial clínico que deberá llenar el doctor para tener la información médica necesaria del paciente: 6. Sexta Pantalla: Realización del estudio, donde podrá registrar un nuevo estudio al paciente, posteriormente procederá a tomar las fotografías: 7. Pantalla que aparecerá al dar clic en el botón tomar Imágenes: 8. Séptimo: La agenda donde el doctor podrá visualizar sus citas y si es necesario agendar citas: 9. Octavo: Formulario para registrar nuevas citas para el paciente: 10. Novena: Por último, el formulario donde el doctor podrá registrar los datos de la clínica, cedula y todo lo referente a el que se podrán visualizar en el pdf: Etapa de implementación. En este caso, se proporcionaron los equipos con los programas ya instalados. La única instalación que se llevó a cabo fue la de GitHub. A continuación, se presentará una breve explicación sobre las aplicaciones que se utilizarán durante el desarrollo del proyecto. React. React es una biblioteca de JavaScript de código abierto, desarrollada y mantenida por Meta (anteriormente Facebook), se utiliza para construir interfaces de usuario (UI) en aplicaciones web y móviles. Fue lanzada inicialmente en 2013 y hasta la actualidad se ha convertido en una de las tecnologías más populares para el desarrollo de aplicaciones web interactivas y dinámicas. Cabe mencionar que ReactJS no es un framework de JavaScript, también es una alternativa para los frameworks como Angular y Vue, que permiten crear funciones complejas. Se basa en el concepto de componentes: Un componente es una pieza modular y reutilizable de código que representa una parte de la interfaz de usuario. Los componentes pueden ser tan simples como un botón o pueden ser complejos como toda una página de una aplicación. Los componentes de React pueden ser funcionales o de clase, pero a partir de la versión 16.8, los componentes funcionales se han vuelto la forma recomendada de escribir componentes gracias al uso de Hooks. Características. ● Virtual DOM: Se usa un DOM virtual para renderizar los componentes ● Declarativo: Significa que no se especifica cómo se debe realizar una tarea, sino qué se debe realizar. ● Unidireccional: los datos fluyen en una sola dirección. Los datos fluyen de los componentes padres a los componentes hijos. ● Componentes: La interfaz se divide en componentes independientes, que contienen su propio estado. Cuando el estado de un componente cambia, React vuelve a renderizar la interfaz. Funcionalidades. ● Componentes reutilizables. ● JSX “Sintaxis de HTML dentro de JavaScript” ● Hooks. ● Enrutamiento. ● Optimización de rendimiento. ● React Nativ. Next.js Next.js es un framework de React que facilita la construcción de aplicaciones web con renderizado del lado del servidor, generación de sitios estáticos, y la renderización híbrida. Está diseñado para mejorar el rendimiento y la optimización de las aplicaciones web,también permite que los desarrolladores se concentren en la lógica de negocio sin tener que preocuparse demasiado por la configuración de herramientas complejas. Incluye las funciones necesarias para convertirse en la plataforma líder para crear sitios web modernos, como exportación estática, modo de vista previa, renderizado previo, optimización automática y compilación más rápida. Características. ● Rendimiento. ● Configuración. ● Documentación. ● API de terceros. ● Enrutamiento dinámico. Funcionalidades. ● Renderizado híbrido SSR y SSG ● Enrutamiento basado en el sistema de archivos ● API Routes. ● Optimización automática de imágenes. ● División de código y precarga de enlaces. ● Soporte para CSS y Sass y CSS Modules. ● Páginas de error personalizadas (404). ● Análisis de aplicación para medir y mejorar el rendimiento. Visual Studio. Visual Studio es una plataforma de lanzamiento creativa que se puede utilizar para editar, depurar y compilar código y, finalmente, publicar una aplicación. Además del editor y depurador estándar que ofrecen la mayoría de IDE, Visual Studio incluye compiladores, herramientas de completado de código, diseñadores gráficos y muchas más funciones para mejorar el proceso de desarrollo de software. Características. ● Creación de aplicaciones web. ● Compilar aplicaciones y juegos multiplataforma. ● Conectarse a bases de datos. Funcionalidades. ● Depuración Integrada. ● Terminal Integrada. ● Soporte para lenguajes de programación. ● Refactorización de Código. ● Interfaz de Usuario Intuitiva GitHub Desktop. Es una aplicación de escritorio gratuita, de código abierto y desarrollada por GitHub que proporciona una interfaz gráfica (GUI) para trabajar con Git y GitHub. Permite gestionar repositorios de Git de manera más accesible y visual, sin necesidad de usar la línea de comandos. Es especialmente útil para desarrolladores que prefieren no interactuar directamente con la terminal o para aquellos que recién están aprendiendo Git. Ofrece una interfaz gráfica de usuario que facilita tareas comunes de Git, como clonar, hacer commit, hacer pull y push a repositorios, crear ramas, fusionar cambios, etc., sin tener que escribir comandos en la terminal. Características. ● Gestión de Repositorios Locales. ● Hacer Commit y Push. ● Facilidad para Clonar Repositorios. ● Hacer cambios en el código. Funcionalidades. ● Ver los cambios en GitHub Desktop. ● Hacer commit e Historial de commits. ● Subir los cambios a GitHub. ● Ver detalles de un commit. Instalación. Parte 1: Instalación y autenticación ● Se puede instalar GitHub Desktop en cualquier sistema operativo compatible. Para obtener más información, vea «Sistemas operativos compatibles con GitHub Desktop». ● Para instalar GitHub Desktop, visite la página de descarga de GitHub Desktop. ● Después de la instalación de GitHub Desktop, puedes autenticar la aplicación con tu cuenta en GitHub o en GitHub Enterprise. Esta autenticación permite conectarte remotamente a los repositorios en GitHub o en GitHub Enterprise. 1. Antes de que te autentiques en GitHub o en GitHub Enterprise, necesitarás una cuenta. Para más información, consulta "Creación de una cuenta en GitHub"." 2. En el menú desplegable File (Archivo), haga clic en Options (Opciones). En la ventana de opciones, haga clic en Accounts (Cuentas) y siga los pasos para iniciar sesión. Para obtener más información sobre la autenticación, vea "Autenticación en GitHub en GitHub Desktop". Parte 2: Configurar y personalizar GitHub Desktop ● Después de que instales GitHub Desktop, puedes configurar y personalizar la app para que se adapte mejor a tus necesidades. ● Puedes conectar o eliminar cuentas en GitHub o en GitHub Enterprise, elegir un editor de texto o shell predeterminado, editar tu configuración de Git, cambiar la apariencia de GitHub Desktop, personalizar las cajas de diálogo del sistema y configurar las preferencias de privacidad en la ventana de Opciones de GitHub Desktop. Parte 3: Colaborar en proyectos con GitHub Desktop. ● Después de desinstalar, autenticarte y configurar la app, estás listo para comenzar a utilizar GitHub Desktop. Puedes crear, agregar, o clonar los repositorios y utilizar GitHub Desktop para administrar las contribuciones a tus repositorios. Crear, agregar y clonar repositorios. ● Puede crear un nuevo repositorio seleccionando Archivo en la barra de menú "GitHub Desktop" y haciendo clic en Nuevo repositorio... . Para más información, consulte "Crear el primer repositorio mediante GitHub Desktop". ● Puede añadir un repositorio desde su ordenador local seleccionando Archivo y haciendo clic en Añadir repositorio local... . Para obtener más información, consulta "Agregar un repositorio desde tu equipo local a GitHub Desktop". ● Puede clonar un repositorio de GitHub seleccionando Archivo y haciendo clic en Clonar repositorio... . Para obtener más información, consulte "Cómo clonar y bifurcar repositorios desde GitHub Desktop". Jira. Es una herramienta de software diseñada para la gestión de proyectos y el seguimiento de incidencias. Desarrollada originalmente para ayudar a los equipos de desarrollo de software a gestionar proyectos ágiles. Permite a las organizaciones planificar, rastrear y gestionar el trabajo de manera eficiente, centralizando la información en un único lugar. Facilita la colaboración y el control del progreso de los proyectos mediante un sistema de tickets o incidencias. Cada tarea, error o elemento del proyecto se representa como un ticket que puede ser asignado, priorizado y seguido hasta su finalización. Características. ● Gestión de tareas y proyectos. ● Personalización y flexibilidad. ● Integración con otras herramientas. ● Seguimiento de incidencias. Funcionalidad. ● Gestión de proyectos con configuraciones personalizadas. ● Creación y gestión de tareas con priorización, asignación y seguimiento. ● Soporte para equipos ágiles con tableros Kanban y Scrum. ● Automatización de tareas y flujos de trabajo. ● Integración con herramientas de desarrollo (Bitbucket, GitHub, Jenkins, etc.). Se estuvo trabajando con la aplicación Jira, ya que esta herramienta se utilizó para asignar y gestionar las actividades del proyecto. A través de Jira, los miembros del equipo recibían las tareas asignadas, las cuales estaban claramente organizadas según su prioridad y fecha de vencimiento. Cada vez que un integrante completaba una actividad, la marcaba como "completada", lo que permitía al equipo realizar un seguimiento en tiempo real del progreso del proyecto. Base de Datos. Es una herramienta para recopilar y organizar información, las bases de datos pueden almacenar información sobre productos,pedidos u otras cosas. La mayoría de las bases de datos comienzan como una lista en una hoja de cálculo o en un programa de procesamiento de texto. Características. ● Los datos almacenados tienen dependencia física y lógica. ● Garantizan la integridad de los datos. ● Permiten realizar consultas complejas de diferentes tipos de datos. ● Se accede a la información a través de un lenguaje concreto. Funcionalidad. Las bases de datos funcionan como una especie de biblioteca, en la cual se organizan los datos en fichas, solo que en el caso de las bases de datos se utilizaran tablas, que organizan estructuradamente cada información disponible en un campo que la describa dentro de la tabla de manera que sea muy sencillo ubicarla. ● En este caso la base de datos ya estaba estructurada dentro del proyecto. Después de las bases de datos se realizará la parte visual que hace referente a cada apartado de la página, ya que se puede manipular de manera fácil y eficiente. ● Se dará una explicación breve de cada apartado. El doctor registrará los datos del hospital junto con el logotipo. Se visualiza el encabezado con las pestañas que se estará usando durante el trayecto del proyecto. En la pestaña de pacientes se visualizarán los pacientes que ya estén registrados, de tal forma que si no hay ningún paciente registrado se puede agregar desde este apartado dando clic en el botón de “Añadir nuevo paciente”. Se muestra la visualización de “Añadir Nuevo Paciente” una vez creado, se muestra en la tabla. El buscador muestra a todos los pacientes que tengan el mismo nombre. Los filtros se encargan de mostrar los pacientes que se necesita obtener dependiendo del sexo del paceinte y su fecha de nacimiento. La tabla de pacientes cuenta con 3 puntos en la parte izquierda, que al hacer clic cuenta con 3 acciones, como Actualizar, Borrar y Crear un nuevo estudio. Cuenta con un icono, su funcionalidad es descargar los datos registrados en una hoja de excel. . Se tiene un icono que se llama acciones, ese icono nos permite que se seleccione la información que se requiere visualizar en la tabla de pacientes, ya sea solo nombre y sexo entre otras opciones. Al seleccionar paciente se abre el patiendrawer y se visualiza la información del paciente,por lo tanto deja crear un nuevo estudio y deja ver el perfil completo del paciente. Para este nuevo estudio primero se toman las fotografías y se seleccionan las que el doctor crea que sean necesarias contacto con una funcionalidad de mínimo 5 y máximo 10 fotografías.. Una vez seleccionadas las imágenes damos clic al botón continuar. El botón de continuar redirecciona a que llenes el formulario de nuevo estudio, estos datos los llenará el doctor, y darle clic a “Guardar Estudio”. Al momento de darle “Guardar estudio”, se generará una vista previa de un “PDF” con la información de la clínica como un encabezado y pie de página, la información del estudio realizado y las imágenes capturadas el día del examen colposcópico. ● A continuación se describe el contenido de la pestaña de “Estudios”. En este apartado se visualiza el nombre del paciente junto con la información de sus estudios que se realizó. Cuenta con un icono que igual nos permite descargar la información en una hoja de excel. De igual manera cuenta con el icono de acciones, de tal forma que solo deja seleccionar la información que se requiere ver en la tabla Cuenta con una visualización con la información de los estudios que se le realiza al paciente. En la parte izquierda cuenta con tres botones, que al darle clic, permite eliminar el estudio. ● Por último se describe la pestaña de “Agenda”. En este apartado para agendar una cita tiene que ser despues del dia actual que se marcar con un color distintivo Al dar click se apreciará un “Modal”, el cual llenaremos con la información necesaria, para agendar una cita y se dará clic en guardar. En la parte izquierda se contará con un “Listado de citas y citas”. La cita agendada se mostrará en el calendario, tanto de igual manera tendrá la visualización de la cita en la parte izquierda del calendario, también se mostrará el los apartados de semana y día mostrando hora. Cuenta con un sub menú que mostrará todas las citas registradas. En la parte superior izquierda y derecha se encuentran unos iconos de basura, que al dar click a uno de ellos se abrirá un “Dialog” el cual permitirá borrar la cita que se realizó. Si el doctor no hace el registro de una cita correctamente, saldrá el error en color rojo, esto implica que el doctor está tratando de agendar en un día pasado o en horas pasadas. Dentro de la página de perfil completo, se mostrará los datos básicos del paciente, todos los estudios realizados en caso de que la paciente ya cuente con 1 o más estudios, la próxima cita de la paciente y en este caso el historial clínico. Al darle click en el botón que se encuentra debajo de Estudios Realizados, se abrirá un modal y aparecerán todos los estudios relacionados con la paciente, cada estudio se dividirán en tarjetas, en caso de no tener ningún estudio, aparecerá la leyenda Sin estudios Realizados. Al darle click en el botón que se encuentra debajo de Citas, se abrirá un modal y aparecerá la próxima cita de la paciente, en caso contrario, solo aparecerá la leyenda Este paciente aún no tiene una cita. Dentro del apartado de perfil completo, se podrá hacer el llenado del formulario Historial Clínico, y cuando se le de click en Añadir historial clínico, aparecerá el formulario para su llenado. Una vez creada el historial clínico, el botón de Añadir Historial Clínico, cambiará a Actualizar Historial Clínico, y actualizar el formulario en caso de ser necesario.
