UNIVERSIDAD TECNOLÓGICA DE QUERÉTARO. Nombre del proyecto: APLICACIÓN MÓVIL SERVICIOS ALUMNOS UTEQ. Empresa:

Transcripción

1 UNIVERSIDAD TECNOLÓGICA DE QUERÉTARO Nombre del proyecto: APLICACIÓN MÓVIL SERVICIOS ALUMNOS UTEQ Empresa: CENTRO DE INNOVACIÓN Y DESARROLLO DE TAI (CIDTAI) Memoria que como parte de los requisitos para obtener el título de: Ingeniero en Tecnologías de la Información y Comunicación Presenta: JUAN MANUEL FUENTES RAMOS NESTOR MIRANDA MORENO Asesor de la UTEQ: ISC. María Esther Guipzot Jiménez Asesor de organización María Auxilio Pérez Ríos Santiago de Querétaro, Qro. Junio del 2014

2 RESUMEN El presente trabajo define el proyecto desarrollo de una aplicación móvil (App) para la Universidad Tecnológica de Querétaro (UTEQ), la cual requiere de una App para tener una mayor interacción con la comunidad estudiantil. Esto implicó el desarrollo de la App para plataforma de Android mostrando los principales servicios escolares que la UTEQ ofrece. En el proceso se utilizaron programas como Eclipse Bundle, lenguajes de programación como java, HTML5, CSS3, Framework Lungo, Sublime text. La App desarrollada cuenta con módulos que los estudiantes, egresados y público en general puede utilizar sin costo alguno, ganando reconocimiento entre el público. 2

3 SUMMARY This document defines the professional stay at the University Technological of State of Querétaro to obtain the title Engineer in Information and Communication Technologies. This involved developing an application for Android platform showing the top school services at UTEQ. The purpose of this is to have more interaction with the student community. We developed the project within the premises of the University, at the CID-TAI area, with seven other students. This application is for students and the general public because they can use it without any cost. This project was innovative for UTEQ. As a first learning, I got expertise in the mobile development environment configuration. Finally, I learned a new development methodology. I work under the supervision of the consultant who supported us advising on the development of the project. 3

4 INDICE RESUMEN... 2 SUMMARY... 3 INDICE... 4 I. INTRODUCCION... 6 II. ANTECEDENTES... 7 III. JUSTIFICACIÓN... 8 IV. OBJETIVOS... 9 V. ALCANCE VI. ANÁLISIS DE RIESGOS VII. FUNDAMENTACIÓN TEÓRICA VIII. PLAN DE ACTIVIDADES IX. RECURSOS MATERIALES Y HUMANOS X. DESARROLLO DEL PROYECTO X.I Fases del Proyecto X.I.I Asignación del proyecto X.I.II Identificación del problema X.I.III Análisis del Problema y Requerimientos X.I.IV Asignación de Roles X.I.V Aprobación de Propuesta Técnica X.I.VI Fase de Elaboración X.I.VII Desarrollo X.I.VIII Implementación

5 X.I.IX Cierre X.II Módulo de inicio de la Aplicación X.III Menú de opciones X.IV Módulo de Becas X.V Módulo de noticas X.VI Módulo de Acceso al portal del alumno X.VII Menú Alumno X.VIII Modulo calificaciones X.IX Módulo de Prorrogas XI. RESULTADOS OBTENIDOS XII. CONCLUSIONES Y RECOMENDACIONES XIII.ANEXOS XIV.BIBLIOGRAFIA 5

6 I. INTRODUCCION El presente documento detalla el proyecto de estadía SUTEQ para la implementación de una aplicación móvil para la Universidad Tecnológica de Querétaro (UTEQ), la cual tiene como propósito la formación integral de Técnicos Superiores Universitarios. El cuál se llevó a cabo mediante la implementación del modelo 70/30 basado en competencias. El cual cuenta con los siguientes puntos que son clave para la comprensión del mismo como son los antecedentes los cuales describen la necesidad por la cual se requirió la implementación de una aplicación movil presentando las situaciones previas por las cuáles se desarrolló el proyecto. Así como la justificación que resalta la importancia de darle solución al problema, tomando en cuenta los objetivos y alcance del proyecto para el desarrollo. Analizar los riesgos que pueden retrasar el desarrollo del proyecto ya que es esencial tener contemplados los riesgos y la forma de mitigarlos, teniendo como base la fundamentación teórica para sustentar el proyecto. El plan de actividades presenta las etapas en las que el proyecto está planeado, así como los recursos materiales y humanos que se requieren para cubrir las etapas, teniendo definido las actividades y la forma en la que se van a llevar a cabo se da inicio al desarrollo del proyecto propuesto. 6

7 II. ANTECEDENTES UTEQ cuenta con varias aplicaciones web en línea dentro de las cuales se puede realizar la consulta de información como fechas de entrega de fichas para ingreso a la misma, calificaciones de los alumnos, información de becas, observándose que se realizan largas filas en las instalaciones para llevar a cabo consultas sobre los servicios. De las aplicaciones con las que cuenta la UTEQ ninguna de ellas es una App para dispositivos móviles y actualmente las personas traen consigo un teléfono inteligente el cual nos abre más puertas para que la UTEQ sea reconocida y estar al día actualizándose. Por lo anterior descrito, la UTEQ requiere de una App para dispositivos móviles que permita hacer más eficientes los servicios que ofrece y mejorar su calidad de atención. 7

8 III. JUSTIFICACIÓN En la actualidad las instituciones educativas que cuentan con una App, buscan la mejor administración de las mismas para una mayor facilidad de uso y una rutina de consulta sencilla de los servicios que ofrece. La razón de ser del presente proyecto tiene que ver con la pérdida de tiempo y esfuerzo al solicitar de manera personal la información; para ello se tiene que recurrir a las instalaciones administrativas de la institución en horarios disponibles, los cuales no son amplios para atender todas las necesidades requeridas por alumnos y público en general. Es necesario para la UTEQ tener una App versátil y por tanto que sea capaz de tener los servicios que la comunidad necesita para estar informado y actualizado de una manera diferente a lo que actualmente se maneja. La UTEQ no contaba, hasta el momento con una App que le permita ofrecer sus servicios de una forma diferente. De esta manera, la UTEQ será reconocida no solo por los servicios web que ofrece sino que cualquier persona con teléfono inteligente podrá descargar la App y navegar para conocerlos y tener acceso a ellos. 8

9 IV. OBJETIVOS El presente proyecto tiene como objetivo el desarrollo de una App móvil para mejorar el flujo de información que actualmente ofrece los servicios escolares de la UTEQ asía sus clientes y todo público en general. Lo cual implica: Comunicación constante con el público en general ya que la App puede ser descargada por cualquier persona. Información actualizada sobre lo que ocurre dentro y fuera de las instalaciones. Consulta de la información en cualquier lugar que se requiera sin restricciones mediante el uso de internet. Registro a bolsa de trabajo que ofrece la UTEQ. Agilización en trámite prorrogas. 9

10 V. ALCANCE El proyecto tiene como alcance una App para consultar los servicios que ofrece la UTEQ los cuales son: Servicios para Público en general: Noticias sobre lo realizado en la UTEQ. Empresas con las que se tiene vinculación para bolsa de trabajo. Ubicación donde se encuentra la UTEQ Social los diferente contactos como Facebook, Twitter, YouTube. Servicios para Alumnos: Calificaciones. Becas. Prorrogas. Avisos Reglamento y Calendario Escolar. 10

11 VI. ANÁLISIS DE RIESGOS. RIESGO MITIGACIÓN CONTINGENCIA P I E RESPONSABLE No contar con la información necesaria para levantar los requerimientos y definir las funcionalidades, el diseño y programación correcta. Crear y firmar acuerdos que salvaguarden los acuerdos de ambas partes. El documento debe de ser firmado por los interesados en el proyecto, así como los que participen directamente en él UTEQ, alumnos de estadía. Cambios de alcance Evitar los posibles impactos en el proyecto, agregando o quitando funcionalidades a la aplicación. Si ocurriera el impacto, será previamente negociado entre las partes interesadas y se ajustara a una nueva valoración y re-trabajo a nivel de análisis, diseño y construcción lo que afectaría directamente al presupuesto del proyecto y al cronograma UTEQ, alumnos de estadía. No contar con la disponibilidad de las personas representantes de las áreas más críticas para el funcionamiento de los módulos. La UTEQ tendrá la responsabilidad de asignar un representante que actúe como coordinador de las acciones que conforman el plan de trabajo del proyecto, para plantear juntas de trabajo para recopilación de información. Delegar una persona con disponibilidad y conocimiento del negocio y coordinación de los procesos en la UTEQ UTEQ. Error de formato o contenido en la documentación para el levantamiento de requerimientos y análisis. El coordinador responsable, deberá tener el conocimiento absoluto de que los documentos, plantillas y procedimientos son los correctos y representan la última versión. Delegar una persona con disponibilidad y conocimiento de la metodología de trabajo Alumnos de estadía. LEYENDA: 11

12 (P) Probabilidad de acontecer: (1-Bajo, 2 Medio, 3-Alto) (I) Impacto: probabilidad supuesta de que el caso suceda (1-Bajo 2-Medio, 3-Alto) (E) Exposición: probabilidad por impacto entre más cercano a 10, más riesgoso. Responsables: Grupo de personas involucradas para la acción de reducir o solucionar el riesgo Figura 1. Análisis de riesgos 12

13 VII. FUNDAMENTACIÓN TEÓRICA Aplicación Móvil Las aplicaciones móviles o App es una aplicación informática diseñada para ser ejecutada en un teléfono inteligente, tabletas y otros dispositivos móviles. Dichas aplicaciones ayudan al usuario en una labor en específica, ya sea de carácter profesional de ocio o entretenimiento. Los usuarios obtienen una serie de ventajas adicionales mediante el uso de aplicaciones permitiendo conseguir un grado de utilidad al que no se está acostumbrado. La presencia continua de las aplicaciones permiten ganar territorio para hacer conocer por el público en general, esto se debe a que cada vez más personas tienen al alcance de sus manos la herramienta necesaria para acceder a la red y estar informados. Una App nos permite 1. Mayor utilidad que las aplicaciones tradicionales (web). 2. Almacenan nuestros datos personales de forma segura de tal manera que nos ahorren tiempo evitando que rellenemos una y otra vez diferentes formularios. 3. Presencia y notoriedad ya que las App van a estar de manera muy presente y continua en los Smartphone. 13

14 4. Son un canal de comunicación muy usado para la transmisión de mensajes entre las diferentes personas que las usan. Características de una App. Reconocimiento mundial ya que las aplicaciones se encuentran disponibles en Google Play. Servicios y Soporte al cliente. Actualizaciones con mejoras. Implicaciones de App El simple hecho de tener la aplicación es una ventaja ya que no tenemos que teclear la dirección web para acceder a ella. Las actualizaciones las hace el desarrollador y no es necesario que el usuario actualice la web. Las App nos ofrecen: Compatibilidad Fácil uso 14

15 Requerimientos y herramientas para el desarrollo de una aplicación movil: IDE de Desarrollo: Eclipse ADT Bundle, el cual es un entorno de desarrollo integrado y de código abierto que permite la escritura de los códigos fuente para la creación de sistemas en lenguajes Java. Lenguajes de programación: Android, HTML5, CSS3, JavaScript. Framework implementado: Lungo. Es un framework basado en HTML5, para desarrollo de aplicaciones móviles. Acceso a una aplicación movil. Para poder tener acceso o hacer uso de una aplicación movil basta con tener un dispositivo movil con sistema operativo Android ya sea Tablet o Smartphone y contar con acceso a internet para hacer las actualizaciones necesarias para el uso de la aplicación que se desea utilizar. 15

16 VIII. PLAN DE ACTIVIDADES Figura 2. Diagrama de actividades 16

17 IX. RECURSOS MATERIALES Y HUMANOS Nombre Detalle Laptop Samsung 1.6 GHZ QUAD CORE RAM 4 GB SO LINUX Laptop hp AMD A6 RAM 8 GB SO Windows 8 Smartphone LG L5 800 MGZ QUALCOMM RAM 512 MB SO ANDROID OS V4.0 ICE CREAM SANDWICH Figura 3. Recursos materiales Figura 4. Organigrama. 17

18 ROL RESPONSABILIDADES/ACTIVIDADES Coordinador del Proyecto (1) Líder de Proyecto (1) Analista/Programador (2) Estructura del Proyecto, alcance y actúa correctiva y preventivamente sobre los puntos más críticos del proyecto, participa en reuniones con el cliente. Coordina todo el equipo técnico involucrado en el proyecto, comunica al ASESOR DE EMPRESA la situación evolutiva del proyecto. Coordina las actividades diarias del proyecto, así como las reuniones periódicas con el cliente e involucrados para el desarrollo de alguna fase. Realizar el diagnóstico del sistema a ser desarrollado, hace el levantamiento de los requisitos del sistema y su documentación. Elaboran casos de prueba, realizan pruebas utilizando los casos de prueba. Producen evidencias de las correcciones detectadas en las pruebas funcionales. Generan evidencias de errores en pruebas funcionales y avisan para su corrección. Tester (2) Elabora casos de prueba para la correcta funcionalidad de la aplicación. Producen evidencias de las correcciones detectadas en las pruebas funcionales y generan evidencias de errores en pruebas funcionales y avisan para su corrección. Figura 5. Roles y Actividades 18

19 X. DESARROLLO DEL PROYECTO X.I Fases del Proyecto. X.I.I Asignación del proyecto. Se asignó el desarrollo de una aplicación movil para los servicios de la UTEQ presentando la documentación necesaria para iniciar su planificación y desarrollo quedando como responsables FUENTES RAMOS JUAN MANUEL Y MIRANDA MORENO NESTOR. X.I.II Identificación del problema. Una vez analizada la información se detectó la problemática principal del proyecto la cual era la interacción de la comunidad estudiantil y los servicios con los que cuenta la UTEQ por lo cual el equipo de trabajo inició un análisis para mitigar dicha problemática y dar una posible solución. X.I.III Análisis del Problema y Requerimientos. Exponiendo varios puntos de vista el equipo de trabajo redacto los requerimientos necesarios para el desarrollo de la aplicación mediante una reunión con los interesados del proyecto, exponiendo sus puntos de vista, redactando los requerimientos funcionales y no funcionales. 19

20 X.I.IV Asignación de Roles. Se llevó a la asignación de roles entre los integrantes del equipo encargado del desarrollo del proyecto, asignando el rol dependiendo al perfil d los mismos. Dentro de los roles que se asignaron se encuentran el analista, desarrollador y tester. X.I.V Aprobación de Propuesta Técnica. Presentación la propuesta técnica del proyecto la cual incluye: Objetivos con los que cuenta la App que se mencionan anteriormente. Tareas y que se realizaron para cumplir los objetivos propuestos. Entregas especificas del proyecto, con son las diferentes fases en las que se desarrolló la App. X.I.VI Fase de Elaboración. Cuenta con varias sub fases dentro de la misa tales como: Diseño del logo para el proyecto. Se realizó el logo de la App ya que no se contaba con ningún antecedente, el cual se aparece al momento de que el usuario inicia la App. Diseño de vistas para la App. Mediante diferentes vistas que se desarrollaron se realizó la presentación de las mismas para seleccionar la que sea de mayor agrado a los interesados del proyecto. 20

21 Estructura de la App móvil. Una vez que se realizó la elección de la vista se desarrolló la estructura, la cual contiene los diferentes módulos de la misma. X.I.VII Desarrollo. Cuenta con los siguientes módulos que se desarrollaron: Codificación de la interfaz del usuario. Módulo para que se el usuario acece a la App la cual contiene un mensaje de bienvenida, así como el logo de la UTEQ, su misión, visión, valores. Los diferentes módulos de consulta de información y servicios tales como prorrogas, calificaciones etc. Codificación de la App. Se realizó la codificación de los diferentes módulos con los que cuenta la App, los cuales se pueden revisar a partir el punto X.2.0. Pruebas en dispositivos como Smartphone y Tablet con sistema operativo Android. X.I.VIII Implementación. Una vez que se realizaron las pruebas, se llevó a cabo la detección y corrección de errores, así como el análisis de resultados obtenidos al término de la implementación. 21

22 X.I.IX Cierre. La aplicación movil no fue concluida al 100% se presentó una problemática con el área de sistemas de la UTEQ, la cual no brindo acceso a la informacion requerida por la aplicación contenida en sus bases de datos, por tal motivo se finalizó con la entrega de las etapas de análisis, diseño y parte de su codificación elaborándose un documento de cierre de proyecto el cual fue aprobado por parte del cliente (ver anexo1). 22

23 X.II Módulo de inicio de la Aplicación El cual se desplegara al momento de abrir la misma. Teniendo en primera vista la Misión, Visión, Objetivo General y Objetivo Estratégico de la Universidad Tecnológica de Querétaro. Figura 6. Inicio de la App 23

24 Código fuente para la creación del módulo de inicio. Ver fig.6 El cual está desarrollado en HTML5, CSS3 y JQuery. Figura 7. Codificación módulo de inicio 24

25 X.III Menú de opciones Menú con las diferentes opciones con las que cuenta la App, se puede observar que no cuenta con opciones como calificaciones, horarios, etc. ya que este menú es para el público en general. Mostrando solo opciones de consulta sobre los principales acontecimientos de que ocurren dentro de la Universidad. Figura 8. Menú de opciones de App. 25

26 X.IV Módulo de Becas Con este módulo la comunidad estudiantil tendrán la opción de consultar las convocatorias de las becas que están por salir ofreciendo información de las fechas en que sale la convocatoria, así mismo la documentación que se requiere para participar, el tiempo límite para aplicar a las mismas. Figura 9. Módulo de Becas 26

27 X.V Módulo de noticas El cual nos muestra las diferentes noticias, sobre lo que está por ocurrir o que ya paso en la Universidad en los eventos más destacados son: deportivos, culturales, sociales etc, mostrando los logros obtenidos por parte de la delegación de la UTEQ. Figura 10. Módulos de noticias 27

28 Codificación de Figura 9. Figura 11. Codificación Modulo Noticias. 28

29 X.VI Módulo de Acceso al portal del alumno Para poder hacer uso del módulo es necesario ser alumno, ya que se requiere un usuario y contraseña para poder entrar al menú y disponer de las opciones con las que cuenta. (Ver Figura 12). Figura 12. Acceso al portal de Alumnos. 29

30 X.VII Menú Alumno Una vez que el alumno ingreso con su usuario y contraseña que se le solicitaron en el Modulo para acceso al portal del alumno (Ver Figura 12). El alumno cuenta con diferentes opciones que el público en general, tales como: Avisos.- Los cuales pueden ser, avisos de eventos que ocurrirán dentro y fuera de la Universidad, sociales, deportivos, culturales etc. Becas.- Ver Figura 9. Prorrogas. - Ver Figura 15. Calificaciones. - Ver Figura 14. Figura 13. Modulo del portal de alumno. 30

31 X.VIII Modulo calificaciones El modulo cuenta con las calificaciones actuales del alumno que entro con su usuario y contraseña, para consultar las misas de acuerdo al grado en que se encuentra. Figura 14. Calificaciones 31

32 X.IX Módulo de Prorrogas El alumno cuenta con la opción de Prorrogas para ser enviadas a su Tutor mediante un correo electrónico. Para los alumnos que se encuentran trabajando, es complicado asistir en persona para realizar el trámite para lo cual el módulo de prórrogas está pensado para el ahorro de tiempo del alumno. Figura 15. Módulo de Prorrogas 32

33 XI. RESULTADOS OBTENIDOS Como resultados obtenidos en la elaboración de este proyecto se obtuvieron más medios de comunicación para toda la comunidad estudiantil ya que todo estudiante hoy en día es muy común que utilice celulares con tecnologías Android y de esta manera puedan tener acceso a información de su interés como seguimiento a su desempeño dentro de la universidad, la aplicación es totalmente gratuita para quien desee utilizarla, es un logro para la UTEQ contar con una aplicación como esta ya que brindara un mejor servicio a todos sus clientes y agilizarán sus procesos. 33

34 XII. CONCLUSIONES Y RECOMENDACIONES El objetivo de esta tesis es el desarrollo de una aplicación móvil la cual muestre información relevante de UTEQ y se pueda acceder desde cualquier parte por medio de internet. De esta manera se obtuvo más interacción con la comunidad estudiantil concluimos que la aplicación es de gran utilidad para los alumnos y cualquier persona que quiera conocer todo lo que ocurre dentro y fuera de la universidad. Dentro de un proyecto tan ambicioso como éste, siempre se desea que haya una mejora continua; por lo que se recomienda a los futuros estudiantes que tengan interés en el proyecto, la complementación del mismo, con más distribuciones para la demanda y necesidad que surge a cada día como la necesidad de tener lista una aplicación similar pero en plataforma IOS o WINDOWS PHONE. Otra recomendación sin duda es la implementación de módulos como listado de talleres deportivos o culturales y sus actividades. Información de vacantes para estadías y seguimiento de estadías por medio de la aplicación. Otra recomendación sin duda es tener actualizado el lenguaje de programación en el que fue elaborada la aplicación ya que esta utiliza un framework nuevo que se va actualizando día a día. 34

35 ANEXO I XIII.ANEXOS 35

36 36

37 37

38 38

39 XIV.BIBLIOGRAFIA Sitio para descarga de Framework lungo basado en html5 disponible en: Plataforma para desarrollo de la App disponible para su descarga: Libro de HTML5, CSS3 y JavaScript descárgalo en: p+-+juan+diego+gauchat.pdf 39