estadias carizales vega_carlos_daniel - v2

TESINA

“DESARROLLO DE APLICATIVO PARA BOLETÍN EPIDEMIOLÓGICO EN ANDROID”

QUE PRESENTA

CARLOS DANIEL CARRIZALES VEGA

EN CUMPLIMIENTO DE LA

ESTADÍA DE

INGENIERÍA EN TECNOLOGÍAS DE LA INFORMACIÓN

ASESOR INSTITUCIONAL

M.C. JORGE OMAR JASSO LUNA

ORGANISMO RECEPTOR

SECRETARÍA DE SALUD DE TAMAULIPAS

ASESOR EMPRESARIAL

LIC. JESÚS DARIO CHIRINO ARELLANOS

“CIUDAD VICTORIA, TAMAULIPAS, A ENERO DE 2015”

A Septiembre de 2014, Ciudad Victoria, Tamaulipas

Tesina

Desarrollo de Aplicativo para Boletín Epidemiológico

CARTA DE ACEPTACIÓN DEL DOCUMENTO PARA SU IMPRESIÓN

Cd. Victoria, Tamaulipas a 27 de Enero de 2015

C. CARLOS DANIEL CARRIZALES VEGA

PRESENTE

Le comunico que el Programa Académico de Ingeniería en tecnologías de la información le ha otorgado la autorización para la impresión de su Tesina de Estadía Práctica cuyo título es:

“DESARROLLO DE APLICATIVO PARA BOLETÍN EPIDEMIOLÓGICO EN ANDROID”

A T E N T A M E N T E

__________________________________________________

M.C. JORGE OMAR JASSO LUNA


C.C.P Dante Iván González Sánchez

A Enero de 2015, Ciudad Victoria, Tamps, México.

Tesina


REGISTRO DE EVALUACIÓN DE EXPOSICIÓN DE ESTADÍA

Siendo las ____horas del (-Enero-2015), el alumno Carlos Daniel Carrizales Vega, del programa académico de Ingeniería en Tecnologías de la Información, con matrícula 1130238, se presentó a la exposición de la estadía, realizada durante el cuatrimestre Septiembre-Diciembre, en Universidad Politécnica de Victoria, con el proyecto Desarrollo de Aplicativo Para Boletín Epidemiológico En Android.

Una vez concluido el proceso de evaluación, y con base a la rúbrica establecida para éste propósito, se determina que la calificación de la estadía es APROBATORIA.

__________________________________________________

M. C. JORGE OMAR JASSO LUNA


__________________________________________________

NOMBRE

PROFESOR EVALUADOR

__________________________________________________

NOMBRE

EVALUADOR DE INGLÉS


Tesina


AGRADECIMIENTOS

Mediante el presente documento agradezco primeramente a Dios por permitirme tener esta increíble y majestuosa oportunidad como lo es recibir la educación a nivel universitario y más aún por permitirme concluirla.

A mi madre Norma Alicia Vega Hernández, a mi tía Rosalba Vega Hernández, mi prima Linda Eloina Hernández Vega y Abuelo Daniel Vega Azocar, mis mascotas Sebastián y Max por darme el apoyo, aliento y confianza para el día a día en la universidad para lograr pasar cada obstáculo ya fuera pequeño o grande que se me presentó y darme las esperanzas para poder decir “lo logré, de verdad alcance la meta propuesta, y fue gracias a ustedes. Seguiré adelante”.

A la rectora Mtra. Sonia Maricela Sánchez Moreno por permitirme concluir mis estudios en la Universidad Politécnica de Victoria de forma satisfactoria alentándome a mí como a los demás compañeros mediante los diferentes estímulos de parte de la Universidad como las carreras, celebraciones, etc.

A mis amigos Mónica Aurora Jaramillo Castro, Ángel García Wha, Karen Esblendy Domínguez de la Cruz, Benito Hernández Ramírez e Ivan Emmanuel Castro Sánchez que me permitieron aprender de ellos como al mismo tiempo de pasar tiempo con tan buenas personas, sin olvidar a mis compañeros de clase que me permitieron aprender de ellos y ellos de mí ya sea de los errores como de los problemas que se nos presentaron de diferentes maneras.

Al maestro M.C. Jorge Omar Jasso Luna, por ayudarme a comprender más acerca de las diferentes asignaturas impartidas por él así como de los demás maestros que me ayudaron cuando se me presentó un problema ya sea con clases de apoyo, información adicional o ejercicios para una mejor explicación.

Al maestro y tutor Doctor Rubén Machucho Cadena, que siempre estaba dispuesto a ayudarme si algún problema se me presentaba, ya sea con sus tutorías, proporcionándome links de información o sugerencias para seguir adelante.

Al Lic. Jesús Darío Chirino Arellanos por permitirme experimentar este nuevo proceso en mi vida tanto personal, escolar como laboral, por depositar su confianza y darme un espacio para trabajar y culminar este proyecto usando tanto nuevos, como los conocimientos obtenidos en mi vida escolar.

Al Ing. Fernando de León Díaz por estar supervisando mi proyecto como a la vez dándome la oportunidad de aprender de él como de reafirmar mis conocimientos.

A todos ustedes, MUCHAS GRACIAS por todo en esta etapa de mi vida.


Tesina


RESUMEN

Mediante el presente documento se describen los conocimientos en software empleados para la culminación del proyecto para la Secretaría de Salud de Tamaulipas.

Las siguientes actividades describen el desarrollo del proyecto el cuál es un aplicativo para los boletines epidemiológicos en android para mostrar información pedida por el usuario mediante el internet.

La información desplegada es obtenida de un sitio en WordPress diseñado y orientado para el alojamiento de los temas más importantes para la Secretaría de Salud de Tamaulipas. Este sitio muestra desde las noticias de los avances médicos hasta las campañas médicas del estado antes mencionado.

SUMMARY

By the present document which describe all the software´s knowledge applied for finish the project of Secretaría de Salud de Tamaulipas.

The next activities inform the process of the project which is a application for the boletines epidemiologicos in android to show information up asked by the user using internet.

The information is gotten from a WorPress site previously made for the hosting of the important subjects. This site shows from every Tamaulipas’s medical notice to medical meeting.

Palabras claves: Android, Aplicación, Móvil, Boletín, WordPress, Secretaría de Salud.


Tesina


INDICE

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

II DESCRIPCIÓN Y PROBLEMÁTICA DEL PROYECTO...........................................................................9

2.1. PROBLEMÁTICA..................................................................................................................................................92.2. JUSTIFICACIÓN..............................................................................................................................................92.3. OBJETIVOS....................................................................................................................................................9

III. MARCO TEORICO............................................................................................................................... 10

3.1 WORDPRESS..............................................................................................................................................103.1.1. Características de WordPress........................................................................................................103.1.1.1. Perfiles de Usuario......................................................................................................................103.1.1.2. Herramientas de Escritorio.........................................................................................................103.1.1.1. Diseño de Diapositivas...............................................................................................................103.1.1.3. Extensiones o Plugins.................................................................................................................10

3.2. ANDROID.....................................................................................................................................................103.3. DISPOSITIVO MÓVIL....................................................................................................................................113.3. APLICACIÓN MÓVIL.....................................................................................................................................113.3. PLUG-IN.......................................................................................................................................................11

IV. DESARROLLO............................................................................................................................................ 12

4.1. ANÁLISIS DEL SITIO WORDPRESS..............................................................................................................124.2. DISEÑO DEL SITIO WORDPRESS................................................................................................................124.3. IMPLEMENTACIÓN DEL SITIO WORDPRESS................................................................................................12

4.3.1. Requerimientos de Hardware.........................................................................................................124.3.2. Requerimientos de Software..........................................................................................................12

4.4. PERSONALIZACIÓN......................................................................................................................................144.5. CREAR PÁGINAS.........................................................................................................................................154.6. MENÚS........................................................................................................................................................164.7 INICIO..........................................................................................................................................................174.8 BOLETÍN EPIDEMIOLÓGICO.........................................................................................................................194.9 ACERCA DE NOSOTROS......................................................................................................................................204.10. DIRECTORIO............................................................................................................................................204.11. INFRAESTRUCTURA...........................................................................................................................................214.12. TRANSPARENCIA.....................................................................................................................................224.13 PLUG-IN.......................................................................................................................................................23

4.13.1. Google Maps Widget.......................................................................................................................234.14. APLICACIÓN ANDROID............................................................................................................................25

4.14.1. Análisis de la Aplicación Android...................................................................................................254.14.2. Diseño de la Aplicación Android....................................................................................................254.15. Implementación de la Aplicación Android.....................................................................................264.15.1. Requerimientos de Hardware.........................................................................................................264.15.2. Requerimientos de Software..........................................................................................................26


Tesina


4.16. Manifest.............................................................................................................................................304.17. PRUEBAS.....................................................................................................................................................32

V. RESULTADOS.......................................................................................................................................... 35

VI. CONCLUSIÓN...................................................................................................................................... 36

VII. BIBLIOGRAFÍA.................................................................................................................................... 37

VIII. GLOSARIO........................................................................................................................................... 38


Tesina


I INTRODUCCIÓN

La Secretaría de Salud de Tamaulipas asegura el acceso universal a servicios integrales de salud, de alta calidad, atención médica, salud pública, seguridad y protección social por medio de los diferentes medios de difusión. Estas formas de transmitir los servicios son por medio de carteles en las calles, comerciales en la televisión e incluso mediante su propia página de internet.

Actualmente la página de internet se está actualizando de nueva información, para lo cual se creó una sección llamada “Boletines Epidemiológicos” para mostrar cada una de las enfermedades o epidemias del estado. Para lo cual la mayoría de la gente prefiere usar su computadora o incluso su dispositivo móvil para ver la información, por lo cual, se desarrolló una aplicación android para mostrar cada noticia, mensaje o boletín de parte de la Secretaría de Salud de Tamaulipas de una forma accesible y cómoda para todo público desde el sitio WordPress diseñado con dicha finalidad.


Tesina


II DESCRIPCIÓN Y PROBLEMÁTICA DEL PROYECTO

1.1.Problemática

La Secretaría de Salud de Tamaulipas tiene un control de las noticias, enfermedades, eventos e información en el área médica por lo cual muestra la información en su página web. Esto permite visualizar dicha información mediante una computadora o en un celular pero desafortunadamente, no todos los navegadores de los celulares tienen la capacidad de visualizar la información ya sea de forma rápida o sin hacer ajustes a la página. Por ésta razón se necesita de una aplicación capaz de mostrar la información sin necesidad de ajustar la letra de la página o recortarla, además, de que sea compatible con los diferentes celulares disponibles del mercado, todo directamente de un sitio WordPress diseñado con la finalidad de mejorar la visualización de la información necesaria que se requiera mostrar desde la aplicación.

2.2. Justificación

Los teléfonos inteligentes o las tabletas son dispositivos muy útiles para las personas ya que pueden manejar diferentes actividades pero dichas acciones necesitan un costo, ya sea un dispositivo moderno o pagar por aplicaciones que las realicen. Ambas opciones implican pagar desde pequeñas hasta grandes cantidades de dinero por aplicaciones y a la vez por un celular nuevo, por lo cual, la aplicación android se hará compatible con los dispositivos del mercado facilitando la visualización de la información.

2.3. Objetivos

OBJETIVO GENERAL1. Crear un sitio WordPress para pruebas.2. Crear una aplicación que muestre la información de los boletines

epidemiológicos, eventos o noticias de la Secretaría de Salud de Tamaulipas.

OBJETIVOS ESPECIFICOS1. Modificar el sitio WordPress de acuerdo a la página a mostrar.2. Manejar los Plugins para mejorar la interacción con el usuario.


Tesina


3. Facilitar el uso para los usuarios de la aplicación.

III. MARCO TEORICO

3.1 WordPressEs un sistema de gestión de contenido o CMS (por sus siglas en inglés, Content Management System) enfocado a la creación de páginas web o blogs (sitios web periódicamente actualizados).

Mediante plantillas (temas) o plugins gratis se puede crear un blog de forma rápida y fácil sin necesidad de grandes conocimientos técnicos, ahorrándose mucho tiempo y esfuerzo.

3.1.1. Características de WordPress

3.1.1.1. Perfiles de UsuarioCada usuario registrado de su bitácora puede definir un perfil, con detalles como su dirección de correo electrónico, cuentas de mensajería instantánea, etc, si ellos desean hacerlo público. Los usuarios también pueden controlar la forma en que su información es mostrada en la bitácora.

3.1.1.2. Herramientas de EscritorioUsted no tiene que usar su navegador web para actualizar su weblog, usted puede usar alguna herramienta de blogin para el escritorio.

3.1.1.1. Diseño de DiapositivasWordPress usa plantillas para generar las páginas dinámicamente. Puede controlar la presentación del contenido usando la herramienta Editor de Plantilla y las etiquetas de plantilla.

3.1.1.3. Extensiones o PluginsLos Plugins extienden la funcionalidad principal de su bitácora. Un gran número de extensiones desarrolladas por otros usuarios están disponibles y se pueden utilizar para hacer virtualmente cualquier cosa que desee con su bitácora.

3.2. Android

Es un sistema operativo basado en el kernel de Linux. Fue diseñado principalmente para dispositivos móviles con pantalla táctil, principalmente para los celulares inteligentes y tabletas aunque recientemente hay para relojes inteligentes y para televisiones.


Tesina


Este sistema operativo proporciona todas las interfaces necesarias para desarrollar aplicaciones que accedan a las funciones del dispositivo como hacer llamadas (en caso del teléfono celular), ver la agenda, almacenar imágenes, navegar en internet o programar una alarma despertador.

Una de las características de android es que tiene varias versiones (con nombres de postres en inglés) aún en el mercado desde la 2.3.6 llamada Gingerbread hasta la versión 5.0.2 Lollipop

3.3. Dispositivo Móvil

Es una pieza de hardware que tiene capacidades de procesamiento, conexión a internet, memoria de almacenaje limitado dependiendo si sea un celular o tableta puede variar su tamaño y precio.

Trabaja mediante aplicaciones móviles las cuales accesan a las funciones del dispositivo y poder realizar una actividad en específico.

3.3. Aplicación Móvil

Es una aplicación informática diseñada para ser ejecutada en los diferentes teléfonos inteligentes, tabletas, etc.

Mediante la pantalla táctil del dispositivo se tiene el acceso a la aplicación y poder ejecutar sus funciones programadas.

3.3. Plug-in

Son los códigos de programación hechos complementos, en otras palabras, es software que se puede descargar e instalar aparte y que tiene como finalidad manejar ciertas acciones dentro de las capacidades del WordPress, como lo son mostrar mapas, imágenes, entradas nuevas, pueden ser de paga o gratis.


Tesina


IV. DESARROLLO

El presente desarrollo del proyecto se divide en 2 partes que se dividen en 3 puntos que se refieren al análisis, diseño e implementación del sitio WordPress que es donde se encuentran la información y los mismos aspectos pero orientados a la aplicación Android que es donde se muestra la información sin tener que usar una computadora.

4.1.Análisis del sitio WordPress

Mediante el contador de visitas de la página de la Secretaría de Salud de Tamaulipas se notó una baja a los apartados de los boletines del año 2014 con respecto a los del 2013.

Dicha fecha fue cuando se ingresaron nuevas actualizaciones en cuestión de software para visualizar la información, dando a entender que los usuarios no pueden visualizar correctamente la página.

4.2.Diseño del Sitio Wordpress

El diseño de la página de la Secretaría de Salud de Tamaulipas, se tomó en base a la de Gobierno del estado, los colores usados en sus logotipos como lo son el verde, el naranja y el blanco, dejando el banner superior blanco, la letra en blanco y al momento de posicionar el cursor sobre un enlace se resalta a naranja y el fondo verde.

4.3. Implementación del sitio WordPress

4.3.1. Requerimientos de Hardware Computadora con conexión a internet, 4GB RAM mínimo. Procesador de 2.5 GHz.

4.3.2. Requerimientos de Software

WordPress versión 3.9. Host para la página WordPress. Navegador Web Plugins WordPress: Google Maps Widget y AppPresser.


Tesina


Cliente FTP Filezilla. Información para la página (boletines).

Primeramente, se descarga WordPress en su versión estable de la página oficial y usando el cliente FTP Filezilla se enviará la información del WordPress a un apartado del dominio para que después despliegue todo el contenido de la página de la Secretaría de Salud.

Por consecuente se ingresa la dirección del sitio y se agrega el “/wp-admin” lo cual indica a WordPress que ingresaremos ya sea como usuario normal o como administrador, en este caso como administrador, mostrando la figura 1 donde pide el usuario y la contraseña para accesar, procedemos a ingresar los datos.

Figura 1 - Interfaz donde se ingresan los datos

Al momento de ingresar como administrador aparecerá su pantalla, figura 2, la cual muestra el usuario que ingresó en el lado superior derecho, en el centro está el escritorio, mostrando las páginas creadas, comentarios, actividad de usuarios, etc; así mismo, del lado izquierdo se muestra el menú defaultpara realizar las diferentes acciones (Escritorio, Post, Media, Páginas, Comentarios, Apariencia, Plugins, Usuarios, Herramientas, Configuración).


Tesina


Figura 2 – Pantalla de adminstrador

4.4.Personalización

La secretaría de Salud usa un logo alusivo al estado y para resalte de la información los colores para su página serán verde con naranja por lo cual se procede a presionar en Apariencia, en la pantalla que se muestra se presiona en Personalizar.

En Colores se procede a cambiar el color de fondo de las secciones, fondo y de la letra, para cambiar el color de la letra, se presiona en donde dice “color del título del sitio”, se presiona en el cuadro de color y se selecciona el color deseado o en su defecto al lado del cuadro de color aparece el botón para realizar la misma acción, al mismo tiempo se mostrará del lado derecho como quedará con cada cambio que realicemos.

Para cambiar el color del fondo se presiona de igual manera en el cuadro de color o en el botón para cambiar el color que aparecen debajo de “Color de fondo” y se selecciona el color a usar como en la figura 3 donde se escoge el color de fondo en este caso un color verde.

Ahora para agregar una imagen en este caso el logo de la Secretaría de Salud se cambia de pestaña “Colores” por “Imagen de cabecera”, el cuál mostrará un botón para cambiar la imagen que funciona con un simple clic y se selecciona la imagen a subir, puede ser del equipo que se esté usando o de alguna de las imágenes que se guardan en la librería multimedia de WordPress, se mostrará la imagen seleccionada en la cabecera de la página para finalizar la modificación de acuerdo al estilo de la Secretaría de Salud.


Tesina


Figura 3 – Pantalla de visualización con algunos cambios

4.5.Crear Páginas

Para crear las páginas que muestren la información, se debe presionar en el menú izquierdo en “Páginas” para crear una nueva, directamente mostrará el nombre de la sección, “Páginas”, y todas las páginas creadas, por ahora ninguna, por un lado de donde dice Páginas estará el botón “Añadir nueva”.

Se presiona en “Añadir nueva” y mostrará la ventana donde ingresar los datos en su respectivo lugar como en la figura 4 donde podremos empezar a suministrar los datos correspondientes.

Figura 4 – Mostrando la ventana donde ingresar los datos de la nueva página por crear.


Tesina


Para agregar el título, se deberá llenar el recuadro que tiene la leyenda “Introduce el título aquí”, mientras más corto y preciso es mejor, ya que llamará la atención del lector.

Abajo se añade la “barra de herramientas” entre pestañas visual/texto, las cuales tienen las opciones de configurar el escrito del texto, como lo es agregar negrita, agregar imágenes, alinear texto en la pestaña de texto que es visto desde la perspectiva de código por ejemplo par una lista ordenada es <ol><li>palabras</li></ol> en cambio en la pestaña visual se pude ver los cambios que se van haciendo y enseguida está el recuadro para ingresar el cuerpo del texto

Del lado derecho se muestran más opciones para configurar la página, como lo es publicar la página a una fecha y hora en concreta, mostrarla de forma pública/protegida con contraseña/privada y el estado ya sea como borrador o como pendiente de revisión por un administrador.

Para agregar una imagen de la noticia tiene que ser o tomada por una cámara en el lugar de la noticia y pasarla a la computadora por medio de USB y mediante WordPress, se presionará en el menú de herramientas de la parte superior en “Media” y aparecerá una ventana para selección o para subir una imagen, en este caso no tenemos ninguna imagen en selección así que subiremos una imagen por medio de su botón con la acción a hacer y la seleccionamos entre nuestros archivos e inmediatamente se mostrará en selección y le agregamos si queremos un título a la imagen, orientación (arriba, abajo, centrada, etc.) lo dejamos por default y mostrará la imagen.

La última opción para la página es la de añadir una imagen destacada para visualizar antes de mostrar el texto completo.

Este proceso es para crear una página, de modo que para hacer un menú se deben hacer tantas páginas se quieran en el menú solo que con diferente nombre e información.

4.6.MenúsPara crear un menú, primero se crea una página que será la de inicio donde se pondrán las noticias recientes de modo que el usuario las vea rápidamente, lo cual se dirige a páginas crear una nueva. En la ventana que se muestra hay un espacio para llenar el nombre de la página el cual es el título, en este caso “Inicio”, ahora para agregar la página Inicio a un menú se procede a ir a “Apariencia” y presiona en “Menús”, y en el botón “nuevo menú” permite crear uno nuevo.


Tesina


Se le asigna un nombre al menú y se aguarda, inmediatamente se despliegan las páginas creadas al lado derecho y aparece un botón de asignar al menú por supuesto, al solo tener una página es la única que se ve y se puede agregar para poder visualizar.

De esta forma se pueden agregar otros apartados al menú como, Inicio, Boletín Epidemiológico, Acerca de nosotros, Directorio, Infraestructura, Transparencia, Hospitales como en la figura 5 donde se muestran de ejemplo una sección de Hospitales Civiles, Secretarías de otros estados, etc, los cuales son usados para brindar una mejor explicación del trabajo de la Secretaría de Salud de Tamaulipas, para acomodar el menú se puede agregar sub-menús al menú ya creado, la manera de hacerlo es arrastrar la nueva página al menú y ponerlo debajo de la página principal y moverla un poco a la derecha, WordPress lo detectará y lo dejará de modo de submenú.

Figura 5 - Ejemplo de varias secciones de los hospitales para agregarlos al menú.

4.7 Inicio

Para la página de inicio, figura 6 mostrando la página de inicio como el funcionamiento del menú anterior, dado que será la primera en visualizarse tanto en la aplicación en android como en la página de WordPress, se mostrarán las noticias relacionadas con la página de la Secretaría de Salud, para lo cual primeramente se requieren ciertos elementos para darle forma a la noticia como lo son:

Crear la página de inicio


Tesina


Título de la noticia. Imágenes de la noticia. Información de la noticia.

Figura 6 – Menú funcionando

Para crear llenar la página de inicio mencionada antes, se presiona en el menú izquierdo en “Páginas en la lista de páginas creadas (por ahora 1 la de inicio y algunas de ejemplo para el menú) se selecciona la página llamada inicio que por ahora está vacía. Para lo cual se llenará con la información ya mencionada.

Dado que ya tenemos la noticia, a partir de la página de inicio para mostrar la noticia, agregamos la imagen de la noticia (o puede ser diferente) y al momento de agregarla, en los parámetros a configurar en lugar de dejarlo en default se acomodar un link a la noticia, así de modo que cuando abran la página, mostrará una imagen que funciona como link a la noticia.

4.8 Boletín Epidemiológico


Tesina


En la sección de boletín, se maneja diferente ya que usa archivos formato pdf para una mejor lectura, por cada archivo pdf, se sube a una página llamada scribd la cual almacena archivos pdf para poder visualizarlos, ya que en WordPress el archivo se ve de un tamaño muy pequeño dificultando la lectura, así partiendo del link proporcionado por scribd al momento de subir el pdf, se agrega a la página de boletines, pero con la diferencia de usar el otro tipo de vista, en html, el cual maneja códigos de visualización especiales para el WordPress, ya que si lo ponemos sin la vista html se mostraría el link como si fuera cualquier oración escrita, pero en lugar de eso se visualiza el pdf con gran visibilidad.

Para una mejor visualización se puede crear una tabla que divida los boletines por año y por mes, para una mejor organización, de modo vista html, se crea la tabla como código simple de html, es decir, usando las etiquetas <div></div>para crear un “espacio” y poder agregar más etiquetas entre los div como lo son listas desordenadas <ul><li>información</li></ul>, imágenes <img src=”linkarchivo.png” /> y el link de scribd para crear una mejor vista todo ordenado por fechas como se puede apreciar en la figura 7.

Figura 7 - mostrando la página de los boletines epidemiológicos.

4.9 Acerca de Nosotros


Tesina


Para agregar los antecedentes, la misión, visión de la SS se agregó una nueva Página llamada “Acerca de nosotros” con la información necesaria explicando la información mencionada anteriormente dando como resultado la figura 8 resaltando el título y el subtítulo.

Figura 8 – Acerca de nosotros con la explicación, misión y visión de la SS

4.10. Directorio

El directorio es otra nueva página que tiene como finalidad almacenar el nombre, cargo y teléfono de los diferentes jefes de las Secretarías y hospitales como lo son secretaría privada, Subsecretaría de Calidad y Atención Médica, Hospital General de Victoria, etc. En un simple archivo modificable de html como lo son los divs<div></div> y dándoles un color acorde a los estándares de la Secretaría de Salud mostrando el orden como se aprecia en la figura 9 separando el cargo, nombre del responsable y el teléfono.


Tesina


Figura 9 – Directorio

4.11. Infraestructura

La página Infraestructura muestra links a las respectivas páginas de los diferentes centros y hospitales relacionados a la salud, como lo son: Centro Estatal de Transfusión Sanguínea, Centro Oncológico, hospitales civiles, generales, integrales e infantiles del estado.

Para agregar un link es, estando en la página Infraestructura poner la etiqueta <a href=”link” target=”_blank”> información que muestre para dar click</a> se cierra la etiqueta (el _blank es para abrir la página en otra pestaña del navegador) quedando como muestra la figura 10 ya con datos y links de los diferentes centros de atención médica y hospitales.


http://salud.tamaulipas.gob.mx/infraestructura/centro-estatal-de-transfusion-sanguinea/

http://salud.tamaulipas.gob.mx/infraestructura/centro-estatal-de-transfusion-sanguinea/

Tesina


Figura 10 - Infraestructura

4.12. Transparencia

La página Transparencia, figura 11 muestra la información obligatoria que debe ser pública de acuerdo al artículo 16 de la ley de Transparencia y Acceso pública del Estado de Tamaulipas, como lo es el Marco jurídico, Lista del personal que labora, inventario de bienes, etc, que a su vez son páginas que muestran su respectiva información o en su defecto links a la página oficial del creador u organización.

Figura 11 - Transparencia


Tesina


4.13 Plug-in

4.13.1. Google Maps Widget

Es el plugin especializado para mostrar en un mapa una parte concreta de la tierra, para usarlo, se accede a la sección Plugins del lado izquierdo, se mostrará una ventana donde están los plugins instalados que viene por defecto el plugin de seguridad akismet, arriba se muestra un botón de “añadir nuevo” lo presionamos y nos dirigirá a la página para buscar y descargar el plugin de acuerdo a la búsqueda realizada por el buscador de plugins que se encuentra en la derecha de la página, en este caso Google Maps Widget como se muestra en la figura 12 en su versión gratis ya que no hay de paga.

Figura 12 – Google Maps Widget seleccionado y listo para instalar

Al presionar en instalar ahora, se descargará e instalará pero no se activará como se muestra en la figura 13, se deberá hacer manualmente en la ventana que muestra las acciones mostrará activar plugin para poder usarlo.


Tesina


Figura 13 – Plugin Google MapsWidget instalado satisfactoriamente

Para usarlo nos vamos a Apariencia/Widgets y se mostrará al final de todos los widgets, procedemos a tomarlo y arrastrarlo hacia arriba del lado derecho abajo donde dice “barra lateral principal” y lo soltamos quedando como la figura 14.

Figura 14 – Ubicación del Widget instalado


Tesina


Lo presionamos y llenamos los datos de Titulo, Dirección y lo demás por defecto como en la figura 15, ya completado el llenado se muestra la ubicación en el mapa como en la figura 16.

Figura 15 – Datos de la ubicación de la Secretría de Salud en el widget Figura 16 - Mostrando la ubicación


Tesina


4.14. Aplicación Android

4.14.1. Análisis de la Aplicación AndroidPor medio de ensayo error se intentó ingresar a través de varias versiones de android, a la página y se ha detectado que no todos los celulares accesan rápido, se muestra con 1 o más errores o sin cortes a la página.

4.14.2. Diseño de la Aplicación AndroidPara facilitar el uso de la aplicación se propuso mediante un documento que la aplicación fuera sencilla e intuitiva para las personas de modo que se manejará por botones llamativos, figura 17, donde se muestran que se puede simplificar el uso al usuario tanto experto como para uno sin muchos conocimientos, 3 botones se manejarán como menú principal con la información que define a la Secretaría de Salud. Por lo tanto, dicho enlace aparecerá en cada ventana que se esté navegando tanto para ver las páginas que se visitarán como la principal de inicio.

El logo es parte fundamental por lo que se mostrará en cada ventana y en la parte superior de la misma.

Figura 17 – Muestra del menú principal y botones extras.


Tesina


4.15. Implementación de la Aplicación Android

4.15.1. Requerimientos de Hardware

Celulares con diferente versión android (Samsung GTM37-10 con android 2.3.6 y M4 play SS4020 con android 4.2).

Cable USB compatible con los celulares.

4.15.2. Requerimientos de Software

Señal Wi-fi o datos (internet del celular).

Android Studio es un IDE usado para crear aplicaciones apk que es su formato de default.

La aplicación se creará desde nombrarla junto con la ubicación del proyecto figura 18 y agregar la versión de android que se quiera que fuera compatible, es decir desde la versión 2.3 como se menciona en la figura 19 junto con otros requisitos de la aplicación.

Figura 18 – Donde se agrega el nombre del proyecto


Tesina


Figura 19 – Indicando que versión de android será la principal.

Android Studio te muestra los archivos fuente iniciales para empezar a trabajar, el archivo que es la actividad Principal con extensión .java figura 20 y el archivo donde se agrega todos los botones, texto u objetos que se desean poner como interfaz gráfica, llamado main con extensión .xml figura 21 y con una vista de la forma del proyecto en un celular estándar.

Figura 20 – archivo fuente .java con algunas líneas de código por default.


Tesina


Figura 21 – Archivo de interfaz gráfica .xml con código default con vista.

Cada botón creado en el archivo xml, se nombra con un id o identificador, de modo que en el archivo java, se hace referencia al archivo xml se puede llamar al botón con el código “Button nombreBotón = (Button) findViewById(R.id.IDdelBotonEnElXML);” como en la figura 22 que se muestra como ejemplo el enlace a “Acerca de nosotros”.

Figura 22 – Muestra de cómo asignar un botón del archivo xml al botón del archivo java

De esta manera creamos un botón en el archivo.java que haga referencia al botón del xml y formaremos el menú principal, ahora, para crear otra ventana que será donde se muestre la página a visitar se hace clic derecho en el proyecto “Nuevo/java class” y se nombra al nuevo archivo en este caso Info.java.

Para que la nueva interfaz tenga botones propios, creamos su archivo xml de la misma forma clic derecho “Nuevo/Android Resource File” y procedemos a llamarlo menus.xml.

Para hacer que se regrese al menú anterior, agregamos el mismo código del botón tantas veces se necesite en ente caso para la ventana principal sería uno que se regrese y el menú de principal ya mencionado junto con el logo de la Secretaría de Salud de Tamaulipas.


Tesina


Para navegar entre ventanas, con el botón creado procedemos a agregar un listener que escuche si se presionó el botón y hacer una acción determinada con el comando “boton.setOnClickListener” y agregamos el intent para intentar navegar entre pestañas con el código “Intent intent = new Intent(MainActivity.this, Info.class);”. De manera que para visitar una página determinada agregamos la dirección con un putExtra “intent.putExtra("Ver", version);” donde versión es un string con la página como se muestra en la figura 23.

Figura 23 - Muestra de un listener de un botón.

Cada botón tendrá un listener y un intent para navegar del java principal a Info.java, pero no al revez, por eso, hacemos lo mismo para el otro archivo java que se abre para poder regresar y avanzar entre estos 2 archivos.

En el archivo Info.java se recibe la versión o dirección que se desea visitar, por tal motivo, se extrae del string y se manda a otro intent que inicie la navegación con el código “Intent browserIntent = new Intent(Intent.ACTION_VIEW, Uri.parse(version));”

4.16. Manifest

El archivo manifest es donde se agrega cada permiso o funcionalidad que desempeña la aplicación, para lo cual agregamos el archivo Info.java “<activity android:name=".Info"> </activity>” y el permiso de navegar en internet con “<uses-permission android:name="android.permission.INTERNET" />” como se puede observar en la figura 24.


Tesina


Figura 24 - Manifest mostrando el permiso de usar internet y a la vez la otra actividad java

Con los permisos en el manifest, la interfaz del archivo xml y la programación en el archivo java, la aplicación al ejecutarla, se verá como en la figura 25


Tesina


Figura 25 – Mostrando la aplicación al ejecutarse.

Para mostrar más intuitiva la aplicación se agregó una imagen al botón con el código:

“android:background="@drawable/NOMBREDELARCHIVOSINEXTENSION" ” para cada botón que se quiera personalizar como se puede ver en la figura 26 con la imagen cambiada para el botón de “conócenos”. En contraste la figura 27 muestra la aplicación con los botones modificados.


Tesina


Figura 26 – Mostrando como cambia la imagen en Conócenos. Figura 27 - Mostrando cada botón cambiado.

4.17. Pruebas

Una vez generada la aplicación se procede a descargarla y mandarla al celular mediante un cable USB. Una vez que se encuentre en el celular se procede a instalarla como cualquier otro software.

La figura 28 muestra la interfaz de inicio en la cual tiene el menú principal y los apartados de noticias y los boletines.

La figura 29 muestra la interfaz del apartado de directorio al presionar su correspondiente botón. En contraparte, la figura 30 muestra la ventana con las opciones de volver a mostrar la página, una del menú o regresar a la ventana principal

La figura 31 muestra la sección de Boletines Epidemiológicos separados por año, mes y semana.


Tesina


Figura 28 – Ventana principal Figura 29 – Página con el apartado de Directorio

Figura 30 - Ventana con el menú principal y opciones extra Figura 31 - Epidemiológico desde la aplicación móvil.

La figura 32 muestra el boletín de la semana 16 del mes Abril del 2014 como ejemplo. En contraparte, la figura 33 muestra el mismo boletín pero con cambio de diapositiva.


Tesina


Figura 32 - Boletín de la semana 16 de la fecha de Abril de 2014

Figura 33 - Mostrando el mismo boletín pero otra diapositiva


Tesina


V. RESULTADOS

La aplicación obtenida refleja la facilidad y comodidad a la hora de navegar entre las páginas de la Secretaría de Salud. Dado que cuenta con imágenes intuitivas y de razonamiento lógico además de estar diseñada con un aspecto amigable para la comprensión de las personas que quieran obtener algún dato o información relevante a la salud que este en la página.


Tesina


VI. CONCLUSIÓN

Dado la constante actualización de la tecnología de hoy en día, se precisa que el software se actualice de manera rápida, pero sin olvidar a los demás usuarios que no pueden por una u otra razón actualizarse. Por consecuente las diferentes empresas o compañías deben de trabajar para mantener el equilibrio entre los usuarios actualizados con los demás, como la Secretaría de Salud de Tamaulipas, ya que por medio de folletos, anuncios en la televisión o incluso con teléfonos celulares se puede obtener información de forma cómoda y rápida.


Tesina


VII. BIBLIOGRAFÍA

[1] Equipo WordPress https://wordpress.org/plugins/google-map-locations/, Fecha de consulta 4 de Septiembre de 2014.

[2] - Equipo WordPress, https://es.wordpress.com/features/, Fecha de consulta 6 de Septiembre de 2014.

[3] - Monografías.com, http://www.monografias.com/trabajos101/sistema-operativo-android/sistema-operativo-android.shtml, Fecha de consulta 6 de Septiembre de 2014.

[4] – Equipo Android Studio – Google Inc., http://developer.android.com/sdk/index.html, Fecha de consulta 10 de Septiembre de 2014.


Tesina


VIII. GLOSARIO

Apariencia: En este apartado se puede realizar cambios estéticos a la página, color de fuente, agregar menús, agregar imágenes.

Boletín Epidemiológico: Sección o informe que se encarga de comunicar los brotes de las epidemias, su lugar de transmisión, fecha en que inicia la epidemia, etc.

Comentarios: Apartado donde el administrador o usuario puede ver los comentarios, fecha, hora y en que página se realizó dicho comentario.

Configuración: Permite seleccionar y modificar cada uno de los scripts de php que se descargan y suben al dominio.

Dominio: Un dominio o nombre de dominio es el nombre que identifica un sitio web. Cada dominio tiene que ser único en Internet. Un solo servidor web puede servir múltiples páginas web de múltiples dominios, pero un dominio sólo puede apuntar a un servidor.

Entrada: Es el link o acceso a una página en WordPress.

Escritorio: Pantalla principal que muestra algunos datos como la bienvenida y análisis de la página.

Filezilla: Es un cliente FTP multiplataforma de código abierto y software libre, licenciado bajo la Licencia Pública General de GNU. Soporta los protocolos FTP y SFTP.

FTP: Siglas en inglés de File Transfer Protocol, (Protocolo de Transferencia de Archivos) es un protocolo de red para la transferencia de archivos entre sistemas conectados a una red TCP (Transmission Control Protocol).

Herramientas: Muestra las diferentes herramientas default o descargadas por el usuario.

Kernel: Es un software que constituye una parte fundamental del sistema operativo, y es el responsable de facilitar a los distintos programas acceso seguro al hardware de la computadora o en forma básica.

Linux: Es un sistema operativo libre, basado en Unix. Es uno de los principales ejemplos de software libre y de código abierto.

Media: Apartado que permite subir o usar imágenes, pdf, videos, etc.


Tesina


Páginas: Medio por la cual permite visualizar la información plasmada en pantalla.

Plugins (entrada): Es el apartado donde se puede ver, activar, desactivar y agregar nuevos plugins mediante una búsqueda en internet.

Post: Entradas a la página que muestras información en pequeños cuadros acomodados en un lugar específico.

Servidor: Es una computadora remota que provee los datos solicitados por parte de los navegadores de otras computadoras.

TCP: (en español Protocolo de Control de Transmisión), es uno de los protocolos fundamentales en Internet que da soporte a muchas de las aplicaciones más populares de Internet (navegadores, intercambio de ficheros, clientes FTP, etc.)

Unix: Es un sistema operativo portable, multitarea y multiusuario.

Usuarios: Se muestran los usuarios y se muestra la opción de agregar un nuevo usuario.


estadias carizales vega_carlos_daniel - v2

Documents