73
FACULTAD DE INGENIERÍA Carrera de Ingeniería Informática y de Sistemas IMPLEMENTACIÓN DE UN APLICATIVO PARA TELÉFONOS MÓVILES QUE BRINDA INFORMACIÓN SOBRE LOS ACONTECIMIENTOS DE ECONOMÍA Y NEGOCIOS Trabajo de Suficiencia Profesional para optar el Título Profesional de Ingeniero Informático y de Sistemas ABANTO ARROYO, DIEGO ENRIQUE Asesor: Mag. Jonathan Chávez Lima Perú 2018

Implementación de un aplicativo para teléfonos móviles que ...repositorio.usil.edu.pe/bitstream/USIL/8467/1/2018_Abanto-Arroyo.pdf · móviles. Estos dispositivos tienen aplicación

  • Upload
    others

  • View
    7

  • Download
    0

Embed Size (px)

Citation preview

Page 1: Implementación de un aplicativo para teléfonos móviles que ...repositorio.usil.edu.pe/bitstream/USIL/8467/1/2018_Abanto-Arroyo.pdf · móviles. Estos dispositivos tienen aplicación

FACULTAD DE INGENIERÍA

Carrera de Ingeniería Informática y de Sistemas

IMPLEMENTACIÓN DE UN APLICATIVO PARA TELÉFONOS MÓVILES QUE BRINDA INFORMACIÓN SOBRE LOS ACONTECIMIENTOS DE ECONOMÍA Y

NEGOCIOS

Trabajo de Suficiencia Profesional para optar el Título Profesional

de Ingeniero Informático y de Sistemas

ABANTO ARROYO, DIEGO ENRIQUE

Asesor:

Mag. Jonathan Chávez

Lima – Perú

2018

Page 2: Implementación de un aplicativo para teléfonos móviles que ...repositorio.usil.edu.pe/bitstream/USIL/8467/1/2018_Abanto-Arroyo.pdf · móviles. Estos dispositivos tienen aplicación

3

ÍNDICE

CAPÍTULO 1: GENERALIDADES DE LA EMPRESA ........................................... 10

Datos Generales ............................................................................................... 10

Nombre o razón social de la empresa ............................................................... 10

Ubicación de la empresa ................................................................................... 10

Giro de la empresa ............................................................................................ 10

Tamaño de la empresa ..................................................................................... 10

Breve reseña histórica de la empresa ............................................................... 10

Organigrama de la empresa .............................................................................. 12

Misión, Visión y Política ..................................................................................... 12

Productos y clientes .......................................................................................... 13

Premios y certificaciones ................................................................................... 13

Relación de la empresa con la sociedad ........................................................... 13

Educación ...................................................................................................... 14

Salud ............................................................................................................. 14

Justicia .......................................................................................................... 14

Medio ambiente ............................................................................................. 14

Seguridad ...................................................................................................... 15

CAPÍTULO 2: PLANTEAMIENTO DEL PROBLEMA QUE FUE ABORDADO ....... 16

Caracterización del área en que se participó ..................................................... 16

Page 3: Implementación de un aplicativo para teléfonos móviles que ...repositorio.usil.edu.pe/bitstream/USIL/8467/1/2018_Abanto-Arroyo.pdf · móviles. Estos dispositivos tienen aplicación

4

Antecedentes y definición del problema ............................................................ 16

Antecedentes ................................................................................................. 16

Definición del problema ................................................................................. 17

Objetivos ........................................................................................................... 18

Objetivo General ............................................................................................ 18

Objetivos Específicos..................................................................................... 18

Justificación ....................................................................................................... 18

Alcances y Limitaciones .................................................................................... 19

CAPÍTULO 3: MARCO TEÓRICO ......................................................................... 21

Aplicaciones Móviles ......................................................................................... 21

Teléfono Inteligente ....................................................................................... 21

App ................................................................................................................ 22

Sistema Operativo Móvil ................................................................................ 22

Tienda de aplicaciones móviles ..................................................................... 23

Las Telecomunicaciones ................................................................................... 24

La Telecomunicaciones Móviles en el Perú ................................................... 24

Scrum ................................................................................................................ 28

Planificación de la iteración ........................................................................... 29

Ejecución de la Iteración ................................................................................ 30

CAPÍTULO 4: DESARROLLO DEL PROYECTO .................................................. 32

Diagrama de Secuencia Lógica del Proyecto .................................................... 32

Page 4: Implementación de un aplicativo para teléfonos móviles que ...repositorio.usil.edu.pe/bitstream/USIL/8467/1/2018_Abanto-Arroyo.pdf · móviles. Estos dispositivos tienen aplicación

5

Planificación ...................................................................................................... 35

Arquitectura del Proyecto ............................................................................... 35

Definición del alcance .................................................................................... 36

Tiempo, Equipo y Roles ................................................................................. 37

Costo ............................................................................................................. 37

Requerimientos Funcionales.......................................................................... 39

Diseño ............................................................................................................... 42

Diagrama de Eventos .................................................................................... 42

Desarrollo .......................................................................................................... 48

Sistema de Gestión de Contenidos ................................................................ 48

Aplicación Móvil ............................................................................................. 54

Cierre ................................................................................................................ 62

CAPÍTULO 5: ANÁLISIS Y RESULTADOS ........................................................... 65

Conclusiones ..................................................................................................... 65

Recomendaciones ............................................................................................. 65

REFERENCIAS .................................................................................................... 68

ANEXOS ............................................................................................................... 71

Encuesta ........................................................................................................... 71

Resultados de la encuesta ................................................................................ 71

Page 5: Implementación de un aplicativo para teléfonos móviles que ...repositorio.usil.edu.pe/bitstream/USIL/8467/1/2018_Abanto-Arroyo.pdf · móviles. Estos dispositivos tienen aplicación

6

ÍNDICE DE FIGURAS Y TABLAS

Figura 1. Organigrama de la empresa .................................................................. 12

Figura 2. Composición de la Unidad de Tecnología .............................................. 16

Figura 3. Android y iOS ......................................................................................... 23

Figura 4. Tiendas de aplicaciones móviles ............................................................ 24

Figura 5. Evolución de la penetración del servicio ................................................ 25

Figura 6. Cronograma de lanzamiento de operadores de redes móviles ............... 25

Figura 7. Total de teléfonos móviles que accedieron a Internet móvil ................... 26

Figura 8. Acceso a Internet móvil por empresa ..................................................... 27

Figura 9. Total de conexiones a Internet fijo y Móvil.............................................. 28

Figura 10. Proceso Scrum .................................................................................... 29

Figura 11. Proceso Scrum .................................................................................... 31

Figura 12. Secuencia lógica del proyecto .............................................................. 33

Figura 13. Actividades del Proyecto ...................................................................... 34

Figura 14. Diagrama de Gantt ............................................................................... 35

Figura 15. Arquitectura del Proyecto ..................................................................... 36

Tabla 1. Equipo y Roles ........................................................................................ 37

Figura 16. Cuadro de Asignación de Recursos ..................................................... 38

Figura 17. Equipos y licencias .............................................................................. 38

Figura 18. Flujo del Proyecto ................................................................................ 39

Page 6: Implementación de un aplicativo para teléfonos móviles que ...repositorio.usil.edu.pe/bitstream/USIL/8467/1/2018_Abanto-Arroyo.pdf · móviles. Estos dispositivos tienen aplicación

7

Tabla 2. Sistema de gestión de contenidos ........................................................... 40

Tabla 3. Portal de noticias..................................................................................... 40

Tabla 4. Aplicación móvil ...................................................................................... 42

Figura 19. Diagrama de Eventos – Home y Publicidad ......................................... 43

Figura 20. Diagrama de Eventos – Splash, Home y Menú .................................... 43

Figura 21. Diagrama de Eventos – Nota Foto galería ........................................... 44

Figura 22. Diagrama de Eventos – Nota Video ..................................................... 45

Figura 23. Diagrama de Eventos – Menú .............................................................. 46

Figura 24. Diagrama de Eventos – Inicio de Sesión .............................................. 47

Figura 25. Diagrama de Eventos – Registro y Restablecer contraseña................. 48

Figura 26. Sistema de gestión de contenidos – Módulos ...................................... 48

Figura 27. Sistema de gestión de contenidos – App Gestión ................................ 49

Figura 28. Sistema de gestión de contenidos – Crear Noticia ............................... 50

Figura 29. Sistema de gestión de contenidos – Publicar noticia ............................ 51

Figura 30. Sistema de gestión de contenidos – Nota agregada ............................ 52

Figura 31. Sistema de gestión de contenidos – Enviar nota a edición ................... 52

Figura 32. Sistema de gestión de contenidos – Ediciones .................................... 53

Figura 33. Sistema de gestión de contenidos – Publicar edición ........................... 53

Figura 34. Espresso – Portada ............................................................................. 54

Figura 35. Espresso – Calendario ......................................................................... 55

Figura 36. Espresso – Interruptor AM/PM ............................................................. 55

Page 7: Implementación de un aplicativo para teléfonos móviles que ...repositorio.usil.edu.pe/bitstream/USIL/8467/1/2018_Abanto-Arroyo.pdf · móviles. Estos dispositivos tienen aplicación

8

Figura 37. Espresso – Patrocinador ...................................................................... 56

Figura 38. Espresso – Noticia destacada .............................................................. 56

Figura 39. Espresso – Secciones de noticias ........................................................ 57

Figura 40. Espresso – Tipos de noticia ................................................................. 58

Figura 41. Espresso – Noticia ............................................................................... 58

Figura 42. Espresso – Mis notas favoritas ............................................................ 59

Figura 43. Espresso – Favorita ............................................................................. 60

Figura 44. Espresso – Compartir .......................................................................... 61

Figura 45. Espresso – Versión web ...................................................................... 62

Tabla 5. Composición del documento Cierre del Proyecto .................................... 63

Figura 46. Muestra de datos pregunta 1 ............................................................... 71

Figura 47. Muestra de datos pregunta 2 ............................................................... 72

Figura 48. Muestra de datos pregunta 3 ............................................................... 72

Figura 49. Muestra de datos pregunta 4 ............................................................... 73

Figura 50. Muestra de datos pregunta 5 ............................................................... 73

Figura 51. Muestra de datos pregunta 6 ............................................................... 74

Page 8: Implementación de un aplicativo para teléfonos móviles que ...repositorio.usil.edu.pe/bitstream/USIL/8467/1/2018_Abanto-Arroyo.pdf · móviles. Estos dispositivos tienen aplicación

9

INTRODUCCIÓN

Las telecomunicaciones son una infraestructura básica en la actualidad, nacieron

con la necesidad de comunicar cualquier orden militar y política de forma instantánea.

La importancia de las telecomunicaciones en la vida diaria de las personas, empresas

y de los países es cada día mayor; las telecomunicaciones fomentan el desarrollo social

y crecimiento económico, mejoran los servicios de salud, de educación, de gobierno y

democracia, crean empleos, contribuyen al medio ambiente y por esta razón son

imprescindibles en nuestra vida actual.

El uso de la telefonía convencional es una de las actividades más importantes dentro

de las telecomunicaciones. La necesidad de agrupar la mayor cantidad de servicios

como mensajes, sonidos e imágenes, correo electrónico, televisión, video, Internet,

servicios que no puede ofrecer la telefonía fija, hizo que la telefonía móvil se convierta

en una herramienta vital para el desarrollo, acortando tiempos y espacios.

La telefonía móvil es un claro ejemplo del desarrollo de las tecnologías de la

información y comunicación. En la actualidad los teléfonos inteligentes resultan ser

aparatos realmente inteligentes, con los cuales podemos acceder a toda la información

y hacer un sinfín de tareas, todo esto gracias al desarrollo constante de aplicaciones

móviles. Estos dispositivos tienen aplicación en muchas áreas de nuestra vida; en la

educación, son recursos de apoyo para los docentes y herramientas para el alumno,

ya que podemos disponer de información de todas las áreas del conocimiento sin

necesidad de ir a una biblioteca o hacer prácticas de campo, con la certeza de que

obtendremos precisión en los resultados.

En la empresa, la tecnología móvil contribuye al crecimiento y aumento de la

productividad, mejorando los procesos y los canales de comunicación, incluso las

pequeñas y medianas empresas (Pymes) hacen uso de esto como una herramienta

que les permite crecer. Y en la vida diaria, además de entretenimiento, funcionan como

canales de comunicación y herramientas que facilitan nuestras actividades cotidianas

como el despertar, hacer ejercicio, organizar la agenda, trabajar en la oficina y muchas

otras tareas que implican el uso de esta tecnología.

Page 9: Implementación de un aplicativo para teléfonos móviles que ...repositorio.usil.edu.pe/bitstream/USIL/8467/1/2018_Abanto-Arroyo.pdf · móviles. Estos dispositivos tienen aplicación

10

CAPÍTULO 1: GENERALIDADES DE LA EMPRESA

Datos Generales

Por motivos de privacidad la empresa de ahora en adelante se le conocerá como

Gestionar, la cual es parte de un conglomerado de empresas que es famoso por

publicar los diarios más populares a nivel nacional. Asimismo, edita, publica y distribuye

diversos productos impresos, multimedia y videos.

Nombre o razón social de la empresa

Empresa Gestionar Sociedad Anónima.

Ubicación de la empresa

La sede principal de la empresa editora se encuentra en el distrito de Cercado de

Lima, Perú.

Giro de la empresa

El giro de la empresa es la edición de periódicos, revistas y otras publicaciones

periódicas. La especialidad de la empresa es efectuar innovaciones en el contenido

periodístico.

Tamaño de la empresa

Hasta julio 2018 la empresa cuenta con 515 empleados.

Breve reseña histórica de la empresa

En 1990, Cantabria S.A. era una empresa de consultoría y asesoría empresarial y

se destacaban en el mercado por su experiencia en el tema de evaluación y proyectos

de inversión eso devino en la creación de una revista de contenido económico que solo

duro un año antes de la fundación de su propio diario, en esos años en el Perú se vivía

un proceso hiperinflacionario y las noticias de la revista quedaban desactualizadas por

la velocidad propia de los acontecimientos.

Según los estudios de mercado que hicieron, el lector peruano no estaba

acostumbrado a un diario de economía y como conclusión este no sería rentable. A

Page 10: Implementación de un aplicativo para teléfonos móviles que ...repositorio.usil.edu.pe/bitstream/USIL/8467/1/2018_Abanto-Arroyo.pdf · móviles. Estos dispositivos tienen aplicación

11

pesar de esto la empresa salió adelante y fueron en busca de sus primeros suscriptores

presentando el producto a empresas que podrían estar interesadas, su gran acogida

se debió a la calidad de sus ediciones hechos por profesionales que se desarrollaban

en los campos de Economía, Derecho, Administración y Periodismo; en muy poco

tiempo fueron 20,000 suscriptores, que en un inicio se mostraron interesados lo cual le

dio la chance para gustar y demostrar el tipo de contenido que podría publicar. Poco a

poco comenzó a llegar la publicidad y se comenzaron a ganar el cariño de las personas

a través del equilibrio de las notas y sin necesidad de apoyar a ningún grupo

económico.

Economía, Negocios y Finanzas son las secciones con mayor número de páginas.

Sin embargo, hubo una época en la que Política tuvo más presencia en el diario. En

1996 la empresa despliega la página web del diario; desde un inicio fue una réplica de

lo que se publicaba en la versión impresa y hasta la fecha ha sido rediseñada tres

veces.

Page 11: Implementación de un aplicativo para teléfonos móviles que ...repositorio.usil.edu.pe/bitstream/USIL/8467/1/2018_Abanto-Arroyo.pdf · móviles. Estos dispositivos tienen aplicación

12

Organigrama de la empresa

Figura 1. Organigrama de la empresa

Fuente: Área de RRHH

Misión, Visión y Política

La misión, visión y política de la empresa fueron obtenidas de su campus virtual.

La misión de la empresa es ser un grupo multimedia nacional e internacional, que

produzca y difunda contenido para diversas plataformas mediante un compromiso claro

con la audiencia, colaboradores, anunciantes y accionistas.

Junta de Accionistas

Dirección General

Dirección Financiera

Subdirección Financiera

Servicio de Gestión Económica Financiera

Servicio de Financiera y

Contable

Dirección de Personas y Medios

Subdirección de Recursos Humanos

Servicio de Gestión de Personal

Servicio de Relaciones Laborales

Servicio de Gestión y Promoción

Subdirección de Medios

Unidad de Tecnología

Unidad de Mantenimiento

Unidad de Apoyo a la Gestión

Dirección de Desarrollo

Corporativo

Subdirección de Contratación

Unidad de Compras

Subdirección de Desarrollo de la

Gestión

Unidad de Comunicación

Unidad de Marketing

Unidad de Comercial

Directorio

Page 12: Implementación de un aplicativo para teléfonos móviles que ...repositorio.usil.edu.pe/bitstream/USIL/8467/1/2018_Abanto-Arroyo.pdf · móviles. Estos dispositivos tienen aplicación

13

La visión de la empresa consiste en integrar a los peruanos en la búsqueda de una

mejor calidad de vida, a través de la información.

Las políticas están basadas en principios, valores y estándares profesionales y en

una alianza implícita entre la empresa y todos sus integrantes para crecer y

desarrollarse juntos.

Productos y clientes

Los productos que ofrece la empresa se clasifican en seis: diarios, sitios web,

marketing por contenidos, revistas y espacios en televisión y soluciones digitales.

Todos estos productos son ofrecidos a empresas y personas los cuales son

consumidos de acuerdo a las necesidades del cliente y a las características del

producto.

Premios y certificaciones

A lo largo de la historia la empresa ha recibido muchos premios por su amplia

experiencia en la industria de los medios de comunicación, sin embargo, el

reconocimiento más importante que pudo tener hasta la fecha fue la declaración del

local central como monumento histórico del Perú en 1980. Además, en sus más de 25

años de vida, el diario Gestionar ha recibido múltiples reconocimientos siendo el más

importante el Premio de Periodismo Económico Iberoamericana en el año 2014 en la

categoría de mejor medio de prensa económica diaria de América Latina, que le otorgó

IE Business School, una de las cinco mejores escuelas de negocios del mundo.

Relación de la empresa con la sociedad

Con el pasar del tiempo se fue consagrando como un medio para servir y unir

audiencias aun cuando la tecnología no lo permitía.

A través de sus productos y servicios ha brindado información útil a sus

consumidores con el objetivo de que los peruanos tomen decisiones informadas en el

ámbito personal y como ciudadanos. De esta manera la empresa se compromete a

integrar a los peruanos una mejor calidad de vida a través de la información. Con la

información que otorgan fomentan el debate e involucra a los peruanos en la

problemática nacional y sus posibles soluciones, ellos también han brindado auxilio

Page 13: Implementación de un aplicativo para teléfonos móviles que ...repositorio.usil.edu.pe/bitstream/USIL/8467/1/2018_Abanto-Arroyo.pdf · móviles. Estos dispositivos tienen aplicación

14

durante desastres naturales y han acompañado a los ciudadanos en etapas difíciles a

lo largo de la historia siendo una compañía y un apoyo más por medio de sus diarios.

Ellos consideran que los medios de comunicación tienen el privilegio de ser parte

del desarrollo integral para el país, de los peruanos y de sus familias. Por ende, en cada

uno de sus productos, abordan una amplia gama de temas de interés público. En

cuanto a temas de sociedad, ellos se enfocan en cinco áreas como lo son: educación,

salud, justifica, medio ambiente y seguridad, y al mismo tiempo promueven las acciones

positivas, los casos de éxito, el desarrollo humano y los esfuerzos que son orientados

a la promoción del crecimiento económico.

Educación

Valoran la educación básica y general de calidad, haciendo un énfasis en niños y

jóvenes, ya que este es el camino para el desarrollo personal. Motivan a los padres a

que asuman su rol y sus responsabilidades en la formación de sus hijos.

Salud

Promueven la salud integral, física y mental para mejorar la calidad de vida de las

familias peruanas brindando información relacionada con la salud en general, atención

médica básica y nutrición en particular.

Justicia

Creen en la justicia como un derecho humano por ello ayudan a su audiencia a

orientar sus acciones y decisiones sobre la base de respeto a las leyes y los derechos

de las demás personas. Para lograrlo informan sobre los derechos y deberes de los

ciudadanos y sobre el Poder Judicial y su relación con la ciudadanía.

Medio ambiente

Son conscientes que la satisfacción de las necesidades del presente no debe

comprometer el derecho y las posibilidades de las futuras generaciones. Por ende,

promueven iniciativas públicas y privadas para proteger el medio ambiente, a través de

la responsabilidad ambiental, desarrollo de tecnologías respetuosas del entorno y el

uso racional de los recursos naturales.

Page 14: Implementación de un aplicativo para teléfonos móviles que ...repositorio.usil.edu.pe/bitstream/USIL/8467/1/2018_Abanto-Arroyo.pdf · móviles. Estos dispositivos tienen aplicación

15

Seguridad

Dado que la seguridad es un derecho de las personas y que es un tema de

preocupación permanente de forma individual y colectiva, este es abordado por los

diferentes productos de forma seria y constructiva difundiendo políticas públicas,

buenas prácticas sobre seguridad ciudadana y propuestas de solución.

Page 15: Implementación de un aplicativo para teléfonos móviles que ...repositorio.usil.edu.pe/bitstream/USIL/8467/1/2018_Abanto-Arroyo.pdf · móviles. Estos dispositivos tienen aplicación

16

CAPÍTULO 2: PLANTEAMIENTO DEL PROBLEMA QUE FUE ABORDADO

Caracterización del área en que se participó

El área o unidad en la se desarrollaron todas las actividades es conocida dentro de

la empresa como Unidad de Tecnología y estaba formada por cuatro áreas que trabajan

en conjunto según las necesidades de cada proyecto, esta unidad estaba compuesta

de la siguiente manera:

Figura 2. Composición de la Unidad de Tecnología

Fuente: Elaboración Propia

Antecedentes y definición del problema

Antecedentes

La historia empieza en el año 2006 donde la empresa Gestionar adquiere el 99% de

las acciones de Cantabria S.A. y del Banco de Datos de su diario, el cual incluye la

cesión exclusiva y a perpetuidad de todos los derechos patrimoniales correspondiente

a los textos y demás documentos que lo integran.

Ya con la adquisición, la empresa se dedica a explotar la marca, vía el otorgamiento

de licencias. Asimismo, se dedica a la importación exportación, edición, publicación,

distribución y comercialización de libros, periódicos, revistas y publicaciones en

general, así como toda otra actividad vinculada y conexa con el diario de economía y

negocios ‘Gestionar’.

El 01 de junio de 2007 se rediseña el diario por tercera vez, se comenzó a imprimir

en papel color salmón, el cual era un papel usado por los diarios financieros en todo el

mundo. Sin embargo, este no fue el único cambio que trajo consigo la adquisición de

Unidad de Tecnología

Desarrollo de Software

Control de Calidad

Diseño Infraestructura

Page 16: Implementación de un aplicativo para teléfonos móviles que ...repositorio.usil.edu.pe/bitstream/USIL/8467/1/2018_Abanto-Arroyo.pdf · móviles. Estos dispositivos tienen aplicación

17

la marca, además de esto la empresa editora el 01 de febrero de 2010 lanzo la nueva

página web del diario, la cual se caracterizaba por el uso de las herramientas

multimedia y la nueva tendencia de Internet denominada Web 2.0 y que a su vez fue

nuevamente rediseñada en el 2012.

En esta nueva versión los mandos son tomados por los usuarios, ellos adoptan la

capacidad de introducir datos y se convierten en una herramienta dinámica que permite

el intercambio de información. La información se transforma en comunicación gracias

a la incorporación de comentarios de textos, videos, animaciones, etc. Este cambio fue

una gran revolución en la empresa, puesto que permitió devolver lo más valioso, la

información. El último rediseño de la página web del diario elevo en más de 100% el

número de visitantes únicos y páginas vistas entre el 2013 y el 2014, periodo en el que

se difundió más de 20,000 noticias de economía, negocios, finanzas, política,

tecnología y otros ítems.

El 18 de mayo de 2016 la empresa publicó en las plataformas de distribución digital

de aplicaciones móviles para los dispositivos con sistema operativo Android y iOS la

primera versión móvil del diario Gestionar la cual no tenía un valor agregado, más que

acceder a las mismas notas que se publicaban en la página web usando esta aplicación

móvil.

A finales del año 2016 la empresa hizo un balance de la aplicación móvil y se dio

cuenta que el número de descargas había superado con las expectativas iniciales, lo

cual era indudablemente bueno para la empresa, a pesar de esto el número de visitas

diarias había disminuido considerablemente desde mayo a diciembre y de cada diez

noticias solo una era visitada diariamente a través de la app; y que los picos de visitas

se presentaba en dos horarios, entre ocho y nueve de la mañana y, una y dos de la

tarde.

En el año 2017 Gestionar rediseña su web y despliega una aplicación móvil llamada

Espresso enfocada en teléfonos inteligentes con sistemas operativos Android y iOS.

Definición del problema

La falta de acceso a la información sobre noticias de coyuntura económica nacional

e internacional, negocios y finanzas desde un teléfono inteligente.

Page 17: Implementación de un aplicativo para teléfonos móviles que ...repositorio.usil.edu.pe/bitstream/USIL/8467/1/2018_Abanto-Arroyo.pdf · móviles. Estos dispositivos tienen aplicación

18

Objetivos

Objetivo General

El objetivo general es proporcionar un medio en los dispositivos móviles para que

los lectores puedan acceder y consumir el contenido del diario Gestionar.

Objetivos Específicos

Para lograr el objetivo general se debe alcanzar los siguientes objetivos específicos:

Implementar una versión web responsiva del portal web de noticias del diario

Gestionar.

Implementar una aplicación móvil nativa que ofrezca a los lectores acceso libre a

información y/o noticias de economía y negocios, tanto nacionales como

internacionales.

Publicar la aplicación móvil a través de las tiendas Google Play y Apple Store usadas

por el 99% de móviles a nivel mundial.

Justificación

En la actualidad, revistas, periódicos, diarios y semanarios que compiten con los

diferentes productos de la editorial cuentan con su propia aplicación móvil

personalizada y los diseños web son adaptables, es decir tienen una versión web

responsiva, todo esto genera un valor agregado para las empresas y genera una

diferencia sobre el resto de sus competidores.

Gestionar justifica que este proyecto se realice de forma conveniente para la

empresa con la finalidad de aprovechar la madurez de las aplicaciones móviles y diseño

web adaptable, crear un nuevo canal de comunicación entre el producto y sus lectores,

y dejar al alcance de ellos información relevante mediante el uso de teléfonos

inteligentes los cuales permiten acceder desde cualquier sitio y momento.

De esta manera la solución propuesta resulta buena, adecuada y útil para la marca

ya que complementa su portafolio de productos siguiendo las tendencias de consumo

de información en beneficio de sus lectores.

Page 18: Implementación de un aplicativo para teléfonos móviles que ...repositorio.usil.edu.pe/bitstream/USIL/8467/1/2018_Abanto-Arroyo.pdf · móviles. Estos dispositivos tienen aplicación

19

Alcances y Limitaciones

El alcance del proyecto comprende la concepción, análisis, desarrollo, y puesta de

producción de la aplicación móvil, a su vez explica cómo son creadas las notas en el

Sistema de gestión de contenidos de la marca Gestionar. Este Sistema es utilizado por

los redactores para crear, editar, eliminar y publicar notas en la página web; también

permite seleccionar al redactor que noticias deben publicarse en la aplicación móvil

Espresso. Además, por el lado de la página web, ha sido rediseñada a una versión

responsiva, la cual permite a los lectores visualizar el contenido desde cualquier

dispositivo móvil.

La aplicación móvil ha sido desarrollada para teléfonos inteligentes con sistemas

operativos Android y iOS, la redacción de la presente documentación se enfoca en

celulares, sin embargo la aplicación se ha ido actualizando desde su creación hasta la

fecha y también puede ser desplegada en dispositivos como tabletas.

El redactor es el responsable de seleccionar y editar las siete noticias más

resaltantes sobre economía nacional e internacional, negocios y finanzas de forma

breve y precisa para cada edición, las ediciones son conocidas como AM y PM, la

cuales son publicadas en dos horarios distintos (8 a.m. y 1 p.m.) de lunes a viernes y

puede ser descargada de manera gratuita desde las tiendas virtuales Google Play o

iTunes.

Cada noticia puede pertenecer a tres secciones: G-nomics, que contiene noticias

relacionadas con el acontecer macroeconómico local y global; Negocios y Finanzas,

que trata las estrategias empresariales anunciadas en el día y la evolución de los

mercados capitales al instante; y la sección Management & Style, que muestra

novedades sobre la gestión de capital humano y estilo de vida, que incluye hábitos de

salud en la oficina hasta las novedades en el segmento de lujo, pasando por lo último

en vinos, whiskies, ropa de vestir, entre otros.

La actualización de las noticias es automática de lunes a viernes, y se podrá revisar

las ediciones de los últimos siete días útiles, compartir los artículos a través del correo

y otras redes sociales como Facebook, Twitter y WhatsApp.

Page 19: Implementación de un aplicativo para teléfonos móviles que ...repositorio.usil.edu.pe/bitstream/USIL/8467/1/2018_Abanto-Arroyo.pdf · móviles. Estos dispositivos tienen aplicación

20

La aplicación móvil en el sistema operativo Android deberá ser compatible Android

4.0 o versiones posteriores, mientras que la versión para dispositivos con sistema

operativo iOS deberá ser compatible con iOS 9.0 o posterior.

Page 20: Implementación de un aplicativo para teléfonos móviles que ...repositorio.usil.edu.pe/bitstream/USIL/8467/1/2018_Abanto-Arroyo.pdf · móviles. Estos dispositivos tienen aplicación

21

CAPÍTULO 3: MARCO TEÓRICO

Aplicaciones Móviles

Las aplicaciones móviles aparecieron a finales de los años 90, en un inicio eran

agendas, juegos árcade, editores de texto, etc. Estas cumplían funciones básicas y el

diseño era bastante sencillo. “Los móviles de esa época, contaban con pantallas

reducidas y muchas veces no táctiles, y son los que ahora llamamos feature phones,

en contraposición a los Smartphones, más actuales.” (Cuello y Vittone, 2013, p.16). La

evolución de la tecnología EDGE y su conexión a internet permitió un mayor desarrollo

en las aplicaciones ya existentes sin embargo había muchas restricciones por parte de

los fabricantes que hacían sus propios sistemas operativos y no permitían desarrollos

externos y como consecuencia hacía más que paralizar a la industria.

Todo cambio en el año 2007 con Apple, empresa estadounidense que diseña y produce

equipos electrónicos, software y servicios en línea, ellos introdujeron en el mercado el

iPhone, un teléfono inteligente de alta gama pero planteando una nueva estrategia

móvil. Hubo un cambio grande con el ingreso de iPhone al mercado, ya que con él se

generaron nuevos modelos de negocio que hicieron de las aplicaciones algo rentables,

tanto para desarrolladores como para los mercados de aplicaciones, como App Store,

Google Play y Windows Phone Store. (Cuello et al., 2013, p.16).

Ese mismo año el sistema operativo Android fue presentado por la fundación Open

Handset Alliance, la cual es una alianza comercial de empresas que se dedica a

desarrollar estándares abiertos para dispositivos móviles, liderada por Google y

conformada por grandes empresas como HTC, Dell, Intel, Motora, Samsung, entre

otros. El primer móvil con este sistema operativo fue HTC Dream pero empezó a

venderse a finales del 2008 y las aplicaciones se ofrecían desde una tienda llamada en

ese entonces 'Android Market' y que hoy en día se le conoce como 'Google Play'.

Teléfono Inteligente

Los teléfonos inteligentes (Smartphone en inglés), se le denomina así

comercialmente a un teléfono que ofrece más funciones que un teléfono común, es

decir soportar al menos un correo electrónico y la función de organizador de

aplicaciones. A su vez permiten la instalación de aplicaciones las cuales pueden ser

desarrolladas por el fabricante del móvil, por el sistema operativo del móvil o por un

Page 21: Implementación de un aplicativo para teléfonos móviles que ...repositorio.usil.edu.pe/bitstream/USIL/8467/1/2018_Abanto-Arroyo.pdf · móviles. Estos dispositivos tienen aplicación

22

tercero. Al respecto, comenta Organista, J., McAnally, L. y Lavigne, G. en su artículo

(2013, p.9) “Este dispositivo se caracteriza por tener una mayor capacidad para

procesar información y mejor conectividad que un teléfono móvil convencional”.

App

Una app “Es una aplicación informática que funciona en un dispositivo móvil. Se trata

de un término bastante ambiguo, ya que dentro de los dispositivos móviles están las

tabletas” (Gil, S., 2013, p. 6). Este término App es una abreviatura de la palabra en

inglés application, se le denomina así a un programa o aplicación que posee

características o funciones especiales que lo hacen diferente a otras aplicaciones,

cuando hablamos de apps nos podemos referir a una aplicación destinada a tabletas o

a un teléfono inteligente.

Sistema Operativo Móvil

Se le conoce como Sistema Operativo (SO) al conjunto de programas de bajo nivel

que se relacionan y permiten la interacción del hardware especifico del teléfono móvil

y que a su vez provee servicios a las aplicaciones móviles que se ejecutan sobre él. Al

igual que una computadora que puede utilizar Windows, Linux o Mac OS como

sistemas operativos, existen sistemas operativos como Android, iOS y Windows Phone

que son más simples, permiten introducir información en ellos y están orientados a la

conectividad inalámbrica y a necesidades específicas.

Staff, V. (2011) menciona en un artículo “Android es un sistema operativo de Google

basado en GNU/Linux diseñado originalmente para dispositivos móviles. Android fue

un proyecto inicialmente desarrollado por la empresa Android Inc. la cual fue comprada

por Google en el 2005, es así que en 2008 lanzan la primera versión de este sistema

operativo”.

Mientras que en otro de sus artículos Staff, V. (2013) publica “iOS es el sistema

operativo para dispositivo móviles de la empresa Apple. La primera versión de este iOS

fue introducida en el 2007 en el dispositivo móvil iPhone. Las aplicaciones para este

sistema operativo son desarrolladas en el lenguaje Objective-C por medio del SDK para

iOS”.

Page 22: Implementación de un aplicativo para teléfonos móviles que ...repositorio.usil.edu.pe/bitstream/USIL/8467/1/2018_Abanto-Arroyo.pdf · móviles. Estos dispositivos tienen aplicación

23

Figura 3. Android y iOS

Fuente: Elaborado por Google y Apple

El diario Gestión (2014) publico una nota que hace un análisis sobre la preferencia

de los usuarios entre estos dos sistemas operativos y el resultado fue que “El 66.59%

de los usuarios de teléfonos móviles en el Perú opta por el sistema operativo de Google,

mientras que un 23.20% privilegia el sistema de Apple, según el Mapa de Colonización

Mobile 2013 de GuiaLocal.com.pe”. Además, Gestión (2017) publica una nota similar y

expresa que “Respecto a la preferencia por sistema operativo, el 85% de usuarios

peruanos usan Smartphone con sistema Android frente a un 28% que usa iOS.” basado

en un informe realizado por comScore Inc. e IMS Internet Media Services.

Tienda de aplicaciones móviles

Las tiendas de aplicaciones son el lugar donde los usuarios pueden adquirir el

contenido disponible. Hay varias tiendas de aplicaciones, algunas de ellas son propias

del sistema operativo, otras del fabricante y otras son de terceros, de esta manera,

podemos clasificarlas en diferentes grupos: Tiendas originales, tiendas del fabricante y

tiendas independientes. (Carrasco, S., 2015). Entre las más conocidas tenemos Apple

App Store, Google Play, Amazon App Store, etc.

El Instituto de Economía Digital ESIC (2015) manifiesta que desde hace años el

mercado es cosa de dos, Google Play y Apple App Store. Entre los dos concentran

la gran mayoría de apps que los usuarios tienen instaladas en sus dispositivos.

Page 23: Implementación de un aplicativo para teléfonos móviles que ...repositorio.usil.edu.pe/bitstream/USIL/8467/1/2018_Abanto-Arroyo.pdf · móviles. Estos dispositivos tienen aplicación

24

Figura 4. Tiendas de aplicaciones móviles

Fuente: Elaborado por Google y Apple

Las Telecomunicaciones

La Real Academia de Ingeniería (2014) establece que la telecomunicación es “Toda

transmisión y/o emisión y recepción de señales que representan signos, escritura,

imágenes y sonidos o información de cualquier naturaleza por hilo, radioelectricidad,

medios ópticos u otros sistemas electromagnéticos.” La telecomunicación incluye

muchas tecnologías como la radio, la televisión, el teléfono o telefonía móvil,

comunicación de datos y redes informáticas o también conocido como Internet. La

mayoría de estas tecnologías nacieron para satisfacer necesidades militares o

científicas, no obstante a medida que fueron madurando, formaron parte de la vida

cotidiana de las personas y actualmente son de importancia diaria también en

empresas privadas e instituciones públicas.

La Telecomunicaciones Móviles en el Perú

Evolución de las telecomunicaciones móviles

Según un estudio realizado por Osiptel (2015), regulador de las telecomunicaciones

en el Perú, “El crecimiento sostenido de las líneas en servicio ha generado que en la

actualidad se cuente con más líneas que habitantes en el Perú. Así, a setiembre de

2015, la penetración del servicio móvil, supera las 112 líneas en servicio por cada 100

habitantes”.

El crecimiento sostenido de las líneas en servicio ha generado que en la actualidad

se cuente con más líneas que habitantes en el Perú. Así, a septiembre de 2015, la

Page 24: Implementación de un aplicativo para teléfonos móviles que ...repositorio.usil.edu.pe/bitstream/USIL/8467/1/2018_Abanto-Arroyo.pdf · móviles. Estos dispositivos tienen aplicación

25

penetración del servicio móvil, supera las 112 líneas en servicio por cada 100

habitantes. (Loaiza, R., 2015).

Figura 5. Evolución de la penetración del servicio

Fuente: Elaborado por Osiptel

Según otro estudio realizado GSMA Intelligence (2014), asociación de operadores

móviles y compañías relacionadas, “El Nicho de las telecomunicaciones en el Perú fue

un oligopolio hasta hace más o menos cinco años, en donde el lideraba Telefónica”, sin

embargo este sector que fue creciendo a medida que paso el tiempo gracias a los

avances tecnológicos, teléfonos inteligentes y nuevos competidores, lo cual significo

para las operadoras crecimiento en la base de suscriptores.

Figura 6. Cronograma de lanzamiento de operadores de redes móviles

Fuente: Elaborado por GSMA Intelligence

Pero hay un campo especial que ha ido creciendo en comparación con otros. El

Comercio (2017) manifiesta que el avance más importante por el lado de la oferta del

servicio ha sido el campo del internet móvil.

Page 25: Implementación de un aplicativo para teléfonos móviles que ...repositorio.usil.edu.pe/bitstream/USIL/8467/1/2018_Abanto-Arroyo.pdf · móviles. Estos dispositivos tienen aplicación

26

Y es verdad pues Osiptel (2014) manifiesta que cada vez existe un mayor uso y

acceso al internet móvil en el último trimestre del 2014, tal y como podemos observar

en la siguiente imagen.

Figura 7. Total de teléfonos móviles que accedieron a Internet móvil

Fuente: Elaborado por Osiptel

De los cuales, la gran mayoría pertenecen a la empresa Telefónica, la cual viene

liderando desde hace más de veinte años el sector, seguido por su mayor competido

Claro. La figura 8 es de setiembre 2014.

Page 26: Implementación de un aplicativo para teléfonos móviles que ...repositorio.usil.edu.pe/bitstream/USIL/8467/1/2018_Abanto-Arroyo.pdf · móviles. Estos dispositivos tienen aplicación

27

Figura 8. Acceso a Internet móvil por empresa

Fuente: Elaborado por Osiptel

Dos años más tarde Osiptel (2016) manifiesta que la penetración del Internet en la

telefonía móvil se incrementó de 35% a 51% pasando de 10.2 millones a 15.4 millones

de abonados entre las ocho empresas operadoras.

Otro de los cuadros estadísticos interesantes de esta entidad es el consumo de

Internet móvil o fijo. Aquí se puede observar que las líneas que acceden a Internet

desde un móvil representan 7.2 veces las líneas que acceden por Internet fijo y esta

tendencia se ve que a medida que va pasando el tiempo va aumentando. (Barriga, C.,

2015).

Page 27: Implementación de un aplicativo para teléfonos móviles que ...repositorio.usil.edu.pe/bitstream/USIL/8467/1/2018_Abanto-Arroyo.pdf · móviles. Estos dispositivos tienen aplicación

28

Figura 9. Total de conexiones a Internet fijo y Móvil

Fuente: Elaborado por Osiptel

Scrum

Somerville, I. (2011) manifiesta que la administración de un proyecto según SCRUM

está dividido en tres fases, en la primera parte se establece los objetivos generales del

proyecto y diseño de la arquitectura de software, después le siguen una serie de ciclos

Sprint, cada uno de estos ciclos consiste en desarrollar un incremento del sistema.

Finalmente, en la última fase, se presenta la documentación requerida por el cliente,

como por ejemplo manual de usuario. Cada ciclo Sprint está dividido en cuatro fases

las cuales son Valoración, Selección, Desarrollo y Revisión. Además, cada ciclo posee

una serie de características que deben ser contempladas a la hora de ser desarrollados:

Durante la fase de Valoración, ya teniendo una lista de trabajos o actividades

(cartera de producto) por realizar en el proyecto, deberemos evaluar cada una de ellos

con el fin de asignar prioridades y riesgos. En la fase de Selección, deberá intervenir

todo el equipo de trabajo con el fin de seleccionar los requerimientos a realizar de

acuerdo a la valoración asignada. La fase de Desarrollo consiste en empezar a

desarrollar las actividades o requerimientos seleccionados, diariamente se revisará el

Page 28: Implementación de un aplicativo para teléfonos móviles que ...repositorio.usil.edu.pe/bitstream/USIL/8467/1/2018_Abanto-Arroyo.pdf · móviles. Estos dispositivos tienen aplicación

29

progreso y si es necesario se podrá volver a asignar las prioridades. Además, en esta

etapa el equipo estará aislado y todas las comunicaciones con el cliente se realizarán

a través del Maestro Scrum con el fin de proteger al equipo de distracciones externas.

Al final de cada Sprint se desarrolla una revisión y se presentará el incremento al

cliente, si todo marcha de acuerdo a lo planeado se inicia con el siguiente Sprint.

Figura 10. Proceso Scrum

Fuente: Propia

Scrum propone tres herramientas para mantener actualizados nuestros proyectos,

los cuales son: Backlog de producto, Backlog de Sprint e Incremento de Funcionalidad.

Albaladejo, X. (2015) manifiesta que las actividades que se llevan a cabo en Scrum son

planificación de la Iteración y selección de requisitos.

Planificación de la iteración

El primer día de la iteración se realiza la reunión de planificación de la iteración la

cual tiene dos partes:

Selección de requisitos

El cliente presenta al equipo la lista de requisitos priorizada del producto o proyecto.

El equipo pregunta al cliente las dudas que surgen y selecciona los requisitos más

Ciclo Sprint

Valoración

Selección

Desarrollo

Revisión

Page 29: Implementación de un aplicativo para teléfonos móviles que ...repositorio.usil.edu.pe/bitstream/USIL/8467/1/2018_Abanto-Arroyo.pdf · móviles. Estos dispositivos tienen aplicación

30

prioritarios que se compromete a completar en la iteración, de manera que puedan ser

entregados si el cliente lo solicita (4 horas máximo).

Planificación de requisitos

El equipo elabora la lista de tareas de la iteración necesarias para desarrollar los

requisitos a que se ha comprometido. La estimación de esfuerzo se hace de manera

conjunta y los miembros del equipo se auto asignan las tareas.

Ejecución de la Iteración

Cada día el equipo realiza una reunión de sincronización (15 minutos como

máximo). Cada miembro del equipo inspecciona el trabajo que el resto está realizando

(dependencias entre tareas, progreso hacia el objetivo de la iteración, obstáculos que

pueden impedir este objetivo) para poder hacer las adaptaciones necesarias que

permitan cumplir con el compromiso adquirido. En la reunión cada miembro del equipo

responde a tres preguntas desde la:

¿Qué he hecho última reunión de sincronización?

¿Qué voy a hacer a partir de este momento?

¿Qué impedimentos tengo o voy a tener?

Durante la iteración el Facilitador (Maestro Scrum) se encarga de que el equipo

pueda cumplir con su compromiso y de que no se merme su productividad. Elimina los

obstáculos que el equipo no puede resolver por sí mismo. Protege al equipo de

interrupciones externas que puedan afectar su compromiso o su productividad.

Inspección y Adaptación

El último día de la iteración se realiza la reunión de revisión de la iteración. Tiene

dos partes:

Demostración.

El equipo presenta al cliente los requisitos completados en la iteración, en forma de

incremento de producto preparado para ser entregado con el mínimo esfuerzo. En

función de los resultados mostrados y de los cambios que haya habido en el contexto

Page 30: Implementación de un aplicativo para teléfonos móviles que ...repositorio.usil.edu.pe/bitstream/USIL/8467/1/2018_Abanto-Arroyo.pdf · móviles. Estos dispositivos tienen aplicación

31

del proyecto, el cliente realiza las adaptaciones necesarias de manera objetiva, ya

desde la primera iteración, re planificando el proyecto (4 horas máximo).

Retrospectiva.

El equipo analiza cómo ha sido su manera de trabajar y cuáles son los problemas

que podrían impedirle progresar adecuadamente, mejorando de manera continua su

productividad. El Facilitador se encargará de ir eliminando los obstáculos identificados

(4 horas máximo). [2]

Figura 11. Proceso Scrum

Fuente: ProyectosAgiles.org

Page 31: Implementación de un aplicativo para teléfonos móviles que ...repositorio.usil.edu.pe/bitstream/USIL/8467/1/2018_Abanto-Arroyo.pdf · móviles. Estos dispositivos tienen aplicación

32

CAPÍTULO 4: DESARROLLO DEL PROYECTO

Diagrama de Secuencia Lógica del Proyecto

El proyecto se desarrolló siguiendo una metodología propia de la empresa, la cual

tiene como premisa involucrar al responsable del negocio en todas sus fases

informándolo del progreso y avance en cada fase y ciclo de desarrollo, de esta manera

ellos podrán sumar su experiencia para optimizar las características del producto final.

El proyecto se dividió en cuatro fases, las cuales fueron Planificación, Diseño,

Desarrollo y Cierre. Cada fase del proyecto tuvo como duración un promedio de 2 a 3

semanas a excepción de la fase de Desarrollo que tuvo una mayor duración en

comparación con el resto de fases.

En la fase de Desarrollo se aceptaron que los requisitos cambien, incluso en la parte

final del desarrollo del producto, la entrega de software funcional era importante no solo

para el equipo sino también para los responsables del negocio, era crucial entregar al

final de cada ciclo, periodo compuesto por dos semanas de trabajo, un valor añadido

que satisfaga sus necesidades y cumpla con los objetivos declarados al inicio del ciclo.

En la fase de desarrollo todos los días se realizaban pequeñas reuniones diarias de

10 o 15 minutos al inicio de cada día donde cada miembro del equipo contaba lo que

había hecho, sus avances y mencionaba también si estaba siendo bloqueado por un

inconveniente o problema que no esté permitiendo realizar sus labores diarias como

debe ser. El último día de cada ciclo, se realizaban dos reuniones, una reunión para

demostrar al responsable del negocio lo que se había hecho en el ciclo, y la segunda

una reunión de retroalimentación entre el equipo de trabajo, donde se hablaba de las

mejoras que pueden haber en los siguientes ciclos y que cosas fallaron y se deberían

corregir desde ese ciclo en adelante.

Planificación Diseño Desarrollo

(Ciclos)Cierre

Page 32: Implementación de un aplicativo para teléfonos móviles que ...repositorio.usil.edu.pe/bitstream/USIL/8467/1/2018_Abanto-Arroyo.pdf · móviles. Estos dispositivos tienen aplicación

33

Figura 12. Secuencia lógica del proyecto

Fuente: Propia

En la figura 13 se listan las actividades realizadas en cada fase del proyecto, en la

fase de Planificación se analizó la situación actual, las reuniones con los responsables

del negocio fueron fundamentales para poder identificar el alcance y requerimientos

funcionales en los proyectos implicados, definir un equipo de trabajo, la arquitectura del

proyecto, posibles riesgos que podrían ocurrir durante el proyecto y elaborar los

prototipos de la solución a un alto nivel.

Previo a esta etapa se realizó una encuesta relacionada al uso de aplicaciones

móviles, de acuerdo a la encuesta realizada a una muestra de 3000 personas casi el

90% de personas dispone de un teléfono. El acceso a Internet se realiza de manera

diaria por la mayoría de usuarios, siendo un mayor porcentaje personas con teléfonos

inteligentes con sistema operativo Android, sin embargo no se puede dejar de lado a

los dispositivos con sistema operativo iOS ya que significa la mita de personas de la

muestra. Además se debe tener en cuenta que leer noticias es la tercera actividad más

recurrente de un usuario después de la navegación por las redes sociales y utilizar

aplicaciones móviles relacionadas con mensajería instantánea, otro de los factores a

tener en cuenta es que los usuarios prefieren realizar la lectura desde su celular que

desde una computadora. Los encuestados se mostraron a favor de lanzar una

aplicación móvil con las notas más relevantes del acontecer nacional y mundial. La

encuesta realizada se puede encontrar en la sección de Anexos.

En la segunda fase se definió el diagrama de eventos del proyecto el cual permitió

a los desarrolladores Android y iOS identificar los eventos que se producirían en la

aplicación móvil, identificar las transiciones que se producirían como consecuencia de

estos eventos. Este diagrama fue de gran ayuda para los desarrolladores ya que les

facilito mucho el desarrollo identificando el cómo iban a construir la solución que el

negocio necesitaba. Por otro lado, el diseñador realizo los prototipos web y móviles

haciendo uso de Photoshop; se listaron los posibles cambios en las bases de datos y

los primeros casos de prueba.

La tercera fase como ya se menciono fue la de Desarrollo y se dividió en ciclos, cada

ciclo duro 2 semanas (15 días) e implico la codificación de la solución, en donde

estuvieron implicados el Sistema de gestión de contenidos, el portal de noticias web y

Page 33: Implementación de un aplicativo para teléfonos móviles que ...repositorio.usil.edu.pe/bitstream/USIL/8467/1/2018_Abanto-Arroyo.pdf · móviles. Estos dispositivos tienen aplicación

34

la aplicación móvil. Además se codificaron y ejecutaron cambios en las base de datos

relacionadas con este proyecto, al terminar cada ciclo, se desplegaban los cambios

realizados en el ambiente de pruebas para hacer uso de los lanzamientos y mostrar el

valor añadido de cada ciclo de trabajo a los dueños del producto y el Jefe de Proyecto.

Estos despliegues permitían al analista de Calidad hacer sus pruebas de aceptación

en dicho ambiente de trabajo.

La última fase fue la de Cierre consistió en desplegar a producción todo lo

desarrollado en la fase anterior, realizar pruebas de aceptación en este ambiente y

capacitar al responsable del negocio en el uso de los sistemas.

Figura 13. Actividades del Proyecto

Fuente: Propia

A continuación se muestra, a través de un diagrama de Gantt, las actividades que

se realizaron en el proyecto con sus respectivos periodos de tiempo.

Planificación

• Análisis de la situación actual

• Identificación de stakholders

• Identificación del alcance

• Identificación de requerimientos funcionales

• Definición de la arquitectura

• Definición de riesgos

• Elaboración de prototipos

Diseño

• Definición del alcance

• Definición del diagrama de eventos

• Definición de prototipos

• Definición de cambios en la base de datos

• Definición de los primeros casos de pruebas

Desarrollo (Ciclos)

• Codificación de la aplicación móvil

• Codificación de cambios en el CMS

• Codificación de cambios en el portal web

• Codificación de la base de datos de los Servicios Web

• Codificación de los Servicios Web

• Ejecución de pruebas funcionales y no funcionales.

• Ejecución de pruebas automatizadas

• Integración y pruebas Incrementales

Cierre

• Ejecución de pruebas de aceptación

• Configuración del servidor

• Ejecución de scripts de base de datos

• Despliegue de los sistemas al 100% en producción

• Despliegue de las aplicaciones en las tiendas de Android y iOS.

• Desarrollo del documento de Cierre del Proyecto.

• Capacitación a los responsables del negocio.

Page 34: Implementación de un aplicativo para teléfonos móviles que ...repositorio.usil.edu.pe/bitstream/USIL/8467/1/2018_Abanto-Arroyo.pdf · móviles. Estos dispositivos tienen aplicación

35

Figura 14. Diagrama de Gantt

Fuente: Propia

Planificación

Arquitectura del Proyecto

En la figura 15, el Editor de Contenido hace uso del CMS para crear y editar notas,

las cuales al publicarse se envían en formato JSON a la base de datos del portal web

(Base de Datos 2), de esta manera es como el portal web consume estos datos de

dicha base de datos, dándole forma y presentándola a sus lectores.

Las noticias con mayor relevancia para los editores de contenido son agrupadas por

edición a través de un módulo del CMS, estas ediciones cuando se publican se envían

en formato JSON a la base de datos de los servicios (Base de datos 1) y a su vez esta

Page 35: Implementación de un aplicativo para teléfonos móviles que ...repositorio.usil.edu.pe/bitstream/USIL/8467/1/2018_Abanto-Arroyo.pdf · móviles. Estos dispositivos tienen aplicación

36

base de datos es consumida a través de servicios web por el aplicativo móvil Gestionar

para su funcionamiento.

La base de datos del CMS (Base de datos 3) almacena datos relacionados con el

CMS, que son solicitados acorde a las necesidades de cada módulo de este sistema.

Figura 15. Arquitectura del Proyecto

Fuente: Propia

Definición del alcance

El proyecto está dividido en dos partes, la primera parte consiste en realizar los

cambios en el portal Web con la finalidad de que pueda ser consumido desde un

dispositivo móvil, es decir, se convertirá la versión actual a una versión responsiva para

sus lectores.

La segunda parte del proyecto consiste en desarrollar una aplicación móvil para

teléfonos móviles Android y iOS que brinde información exclusiva sobre los

Page 36: Implementación de un aplicativo para teléfonos móviles que ...repositorio.usil.edu.pe/bitstream/USIL/8467/1/2018_Abanto-Arroyo.pdf · móviles. Estos dispositivos tienen aplicación

37

acontecimientos de economía y negocios más importantes del Perú y el mundo, este

nuevo canal de comunicación ofrece a sus lectores secciones como G-nomics que está

compuesta por notas relacionadas sobre el acontecer empresarial y macroeconómico;

la sección Negocios y Finanzas que contempla notas sobre estrategias de negocios,

dinámica financiera y evolución de los mercados capitales; por último la sección

Management & Style que presenta las últimas novedades sobre las técnicas de la

gestión moderna de las organizaciones y sobre los estilos de vida del mundo ejecutivo.

El lector recibe la información de lunes a viernes, dos veces al día, a través de dos

ediciones las cuales son conocidas como AM y PM.

Tiempo, Equipo y Roles

El proyecto se desarrolló en 4 meses aproximadamente y contó con el siguiente

equipo:

PERSONA ALIAS ROL

Kevin Wilson KW Jefe de Proyectos /

Arquitecto / Analista

Carlos Aranda CA Desarrollador iOS

Alonso Riva AR Desarrollador Android

Diego Abanto DA Desarrollador Backend

Álvaro Meza AM Desarrollador Frontend

Juan Nuñez JN Diseñador

Julio Martínez JM Analista de Calidad

Adolfo Baza AB DevOps

Tabla 1. Equipo y Roles

Fuente: Propia

Kevin Wilson fue la persona que propuso la arquitectura y quien asumió el rol de

Analista a lo largo del proyecto.

Costo

En el siguiente cuadro se muestra el costo por participación mensual de cada

miembro del equipo.

Page 37: Implementación de un aplicativo para teléfonos móviles que ...repositorio.usil.edu.pe/bitstream/USIL/8467/1/2018_Abanto-Arroyo.pdf · móviles. Estos dispositivos tienen aplicación

38

Figura 16. Cuadro de Asignación de Recursos

Fuente: Propia

A continuación se presenta el cálculo de amortización del servidor que se hará uso.

Figura 17. Equipos y licencias

Fuente: Propia

Los suministros del proyecto están compuestos por la electricidad y el agua que uso

en el proyecto y por el papel, bebidas y pasajes están incluidos dentro de otros gastos.

Para finalizar el flujo del proyecto vendría a ser el siguiente:

Page 38: Implementación de un aplicativo para teléfonos móviles que ...repositorio.usil.edu.pe/bitstream/USIL/8467/1/2018_Abanto-Arroyo.pdf · móviles. Estos dispositivos tienen aplicación

39

Figura 18. Flujo del Proyecto

Fuente: Propia

Requerimientos Funcionales

A continuación se listan los requerimientos funcionales del proyecto que deberán ser

desarrollados en el Sistema de gestión de contenidos (CMS), Portal web y Aplicación

móvil.

Sistema de Gestión de Contenidos

Requisito Descripción

Gestionar Notas En esta funcionalidad participará el

desarrollador backend y consiste en permitir la

creación, edición y archivamiento de las

noticias.

Gestionar Ediciones En esta funcionalidad participara el

desarrollador backend y consiste en permitir

agrupar notas por categoría, por edición y solo

habilitar las publicaciones de lunes a viernes.

También se podrá destacar una nota como la

más importante por cada categoría en cada

edición.

Gestionar Categorías En esta funcionalidad participara el

desarrollador backend y consiste en permitir la

creación, edición y habilitación de categorías.

Gestionar Patrocinadores En esta funcionalidad participara el

desarrollador backend y consiste en permitir la

creación y edición de los patrocinadores.

Page 39: Implementación de un aplicativo para teléfonos móviles que ...repositorio.usil.edu.pe/bitstream/USIL/8467/1/2018_Abanto-Arroyo.pdf · móviles. Estos dispositivos tienen aplicación

40

Gestionar Publicidad En esta funcionalidad participara el

desarrollador backend y consiste en permitir la

creación, edición y eliminación de publicidad

en la aplicación móvil.

Tabla 2. Sistema de gestión de contenidos

Fuente: Propia

Portal de Noticias

Requisito Descripción

Nueva versión responsiva En esta funcionalidad participara el diseñador

y el desarrollador frontend, y consiste en

migrar la versión actual del portal web en una

versión responsiva la cual contempla las

secciones como la Portada y Contáctanos así

como también las categorías de Economía,

Mundo, Perú, Tecnología, Tendencias y

Opinión.

Tabla 3. Portal de noticias

Fuente: Propia

Aplicación móvil

Requisito Descripción

Gestionar notas En esta funcionalidad participaran los

desarrolladores android y iOS, y consiste en

mostrar las notas publicadas por el editor de

contenido en la portada de la aplicación móvil.

Gestionar ediciones En esta funcionalidad participaran los

desarrolladores android y iOS, y consiste en

agrupar las notas en dos ediciones de lunes a

viernes.

Page 40: Implementación de un aplicativo para teléfonos móviles que ...repositorio.usil.edu.pe/bitstream/USIL/8467/1/2018_Abanto-Arroyo.pdf · móviles. Estos dispositivos tienen aplicación

41

Gestionar categorías En esta funcionalidad participaran los

desarrolladores android y iOS, y consiste en

agrupar las notas en tres tipos de categorías

(G-nomics, Negocios y Finanzas, y

Management & Style), destacando una nota

en la parte superior de la pantalla

Gestionar calendario En esta funcionalidad participaran los

desarrolladores android y iOS, y consiste en

mostrar una barra de navegación con las

últimas cinco fechas en donde se realizaron

publicaciones para permitir la navegación

entre un día y otro.

Gestionar notificaciones En esta funcionalidad participaran el

desarrollador android, desarrollador iOS y el

DevOps, y consiste en enviar una notificación

Push a cualquier dispositivo Android o iOS

alertando al lector que una nueva edición ha

sido publicada.

Gestionar usuarios En esta funcionalidad participaran los

desarrolladores android y iOS, y consiste en

permitir al lector el inicio de sesión a la

aplicación creándose una cuenta de tipo

Espresso o usando una cuenta de Facebook

con la finalidad de añadir una nota como

favorita y guardar configuraciones en la

sesión.

No es necesario iniciar sesión con alguna de

las dos cuentas para hacer uso de la

aplicación.

Gestionar redes sociales En esta funcionalidad participaran los

desarrolladores android y iOS, y consiste en

permitir al lector compartir notas a través de

las redes sociales como LinkedIn, Facebook,

WhatsApp y Twitter.

Page 41: Implementación de un aplicativo para teléfonos móviles que ...repositorio.usil.edu.pe/bitstream/USIL/8467/1/2018_Abanto-Arroyo.pdf · móviles. Estos dispositivos tienen aplicación

42

Gestionar configuraciones En esta funcionalidad participaran los

desarrolladores android y iOS, y consiste en

permitir al lector el cambio de tamaño de letra

y estilo de fuente en la aplicación.

Tabla 4. Aplicación móvil

Fuente: Propia

Diseño

Diagrama de Eventos

Se desarrolló un diagrama de eventos con la finalidad de comprender el

comportamiento de la aplicación móvil el cual ha sido fragmentado en varias partes

para poder entenderlo.

En la figura número 14 se presenta la pantalla ‘home’ que viene a ser la pantalla

principal de la aplicación móvil, en donde se aprecia tres notas, cada una con una

categoría distinta. Además una imagen de la publicidad que se presentara entre

noticias, de acuerdo a la configuración que se realice en el CMS, esta podría aparecer

entre 1, 2 o 3 notas.

Page 42: Implementación de un aplicativo para teléfonos móviles que ...repositorio.usil.edu.pe/bitstream/USIL/8467/1/2018_Abanto-Arroyo.pdf · móviles. Estos dispositivos tienen aplicación

43

Figura 19. Diagrama de Eventos – Home y Publicidad

Fuente: Empresa Gestionar

En la figura 15 se aprecia la pantalla ‘Splash’, que es la primera pantalla que se

observa al iniciar la aplicación móvil, en la parte superior se observa la pantalla ‘Nota’

que viene a ser cuando se ingresa a una nota, en este caso se puede apreciar a que

categoría pertenece, una imagen, el título y las descripción de la nota. Resaltar que

podemos compartir esta nota a través de las redes sociales y agregarla como favoritos

también. Por último en la parte inferior derecha tenemos la pantalla ‘Menú’ la cual se

puede acceder desde la pantalla ‘Home’, en donde encontraremos opciones generales

que posee Espresso como lo son él envió de comentarios, la calificación de la

aplicación y el hecho de compartir la aplicación a nuestros contactos a través de las

redes sociales. Así mismo se aprecia configuraciones de la aplicación como cambiar el

tamaño de letra, y el inicio de sesión con nuestra cuenta de Espresso o de Facebook.

Figura 20. Diagrama de Eventos – Splash, Home y Menú

Fuente: Empresa Gestionar

En la figura 16 se observa se presenta la pantalla foto galería, que está representada

por dos notas, la primera representa como se ve una nota foto galería al entrar a una

de este tipo, y la segunda cuando el usuario empieza a navegar a través de las

imágenes con las que cuenta esta nota.

Page 43: Implementación de un aplicativo para teléfonos móviles que ...repositorio.usil.edu.pe/bitstream/USIL/8467/1/2018_Abanto-Arroyo.pdf · móviles. Estos dispositivos tienen aplicación

44

Figura 21. Diagrama de Eventos – Nota Foto galería

Fuente: Empresa Gestionar

La figura 17 representa la pantalla de una nota de tipo video la cual posee un ícono

de un video al medio de la imagen principal de la nota la cual nos dice que si pulsamos

allí empezara a reproducirse el video relacionado a esta nota.

Page 44: Implementación de un aplicativo para teléfonos móviles que ...repositorio.usil.edu.pe/bitstream/USIL/8467/1/2018_Abanto-Arroyo.pdf · móviles. Estos dispositivos tienen aplicación

45

Figura 22. Diagrama de Eventos – Nota Video

Fuente: Empresa Gestionar

En la figura 18 se aprecia la pantalla Menú nuevamente la cual tiene opciones,

configuraciones pero además de esto, se puede navegar desde aquí al perfil del usuario

en caso de haber iniciado sesión, el cual puede ser editado desde allí, también a los

correos de contactos como lo son el editor general, el sub editor, el editor y redactor; y

al historial de notas favoritas que el usuario ha añadido con el tiempo

Page 45: Implementación de un aplicativo para teléfonos móviles que ...repositorio.usil.edu.pe/bitstream/USIL/8467/1/2018_Abanto-Arroyo.pdf · móviles. Estos dispositivos tienen aplicación

46

Figura 23. Diagrama de Eventos – Menú

Fuente: Empresa Gestionar

En la figura 19 tenemos la pantalla de inicio de sesión, la cual está relacionada con

la pantalla de cambiar contraseña, ingresar con Facebook y Olvidar Contraseña. Cabe

resaltar que no es necesario ingresar con tu cuenta de Espresso o Facebook para hacer

uso de la aplicación pero si te otorga ciertos beneficios al hacerlo como lo son agregar

notas como favoritos, etc.

Page 46: Implementación de un aplicativo para teléfonos móviles que ...repositorio.usil.edu.pe/bitstream/USIL/8467/1/2018_Abanto-Arroyo.pdf · móviles. Estos dispositivos tienen aplicación

47

Figura 24. Diagrama de Eventos – Inicio de Sesión

Fuente: Empresa Gestionar

En la figura 20 se aprecia la pantalla para reestablecer contraseña que solo se

iniciara desde el proveedor de correo que se proporcionó al crearte una cuenta en la

aplicación Espresso en caso de haber recibido un correo para restablecer tu

contraseña. Además en la parte inferior se observa la pantalla para registrar tu cuenta.

Page 47: Implementación de un aplicativo para teléfonos móviles que ...repositorio.usil.edu.pe/bitstream/USIL/8467/1/2018_Abanto-Arroyo.pdf · móviles. Estos dispositivos tienen aplicación

48

Figura 25. Diagrama de Eventos – Registro y Restablecer contraseña

Fuente: Empresa Gestionar

Desarrollo

A continuación se describe el funcionamiento de los proyectos implicados.

Sistema de Gestión de Contenidos

El Sistema de gestión de contenidos del diario Gestionar, también conocido con el

acrónimo CMS, es el medio y la herramienta que usan los editores de contenido para

crear, editar y publicar notas en el portal web de noticias diariamente, el proyecto

Gestionar Espresso hizo uso de este CMS y lo adapto para que los editores también

puedan administrar las notas de la aplicación desde aquí. A continuación se describe

cómo se comporta el sistema:

Administrar notas

Para ingresar al módulo que guarda relación con la aplicación móvil, el usuario debe

hacer clic en la opción “App Gestión”

Figura 26. Sistema de gestión de contenidos – Módulos

Fuente: Empresa Gestionar

El sistema muestra la siguiente pantalla listando las últimas notas que han sido

aprobadas para publicarse en la aplicación móvil, este es el módulo donde se

administran las notas para la aplicación móvil Gestionar Espresso.

Page 48: Implementación de un aplicativo para teléfonos móviles que ...repositorio.usil.edu.pe/bitstream/USIL/8467/1/2018_Abanto-Arroyo.pdf · móviles. Estos dispositivos tienen aplicación

49

Figura 27. Sistema de gestión de contenidos – App Gestión

Fuente: Empresa Gestionar

Agregar nota

Para poder agregar una noticia, el usuario debe hacer clic en la opción “Nueva

Noticia App”, la cual se encuentra ubicada en la parte superior derecha, a continuación

el sistema mostrará un formulario que el editor deberá completar para crear una nota.

Page 49: Implementación de un aplicativo para teléfonos móviles que ...repositorio.usil.edu.pe/bitstream/USIL/8467/1/2018_Abanto-Arroyo.pdf · móviles. Estos dispositivos tienen aplicación

50

Figura 28. Sistema de gestión de contenidos – Crear Noticia

Fuente: Empresa Gestionar

Cuando el usuario crea una nota deberá considerar cada nota tiene un tipo, este

puede ser noticia online, foto galería o video. Es obligatorio adjuntar una imagen por

nota y añadir una leyenda a cada imagen.

Una vez completada toda la información en el formulario se deberá seleccionar el

botón “Publicar” para guardar los cambios en la base de datos de Gestionar CMS.

Page 50: Implementación de un aplicativo para teléfonos móviles que ...repositorio.usil.edu.pe/bitstream/USIL/8467/1/2018_Abanto-Arroyo.pdf · móviles. Estos dispositivos tienen aplicación

51

Figura 29. Sistema de gestión de contenidos – Publicar noticia

Fuente: Empresa Gestionar

El sistema regresa a la pantalla correspondiente a “Administra notas”, mostrando la

última noticia agregada junto a un mensaje de éxito.

Page 51: Implementación de un aplicativo para teléfonos móviles que ...repositorio.usil.edu.pe/bitstream/USIL/8467/1/2018_Abanto-Arroyo.pdf · móviles. Estos dispositivos tienen aplicación

52

Figura 30. Sistema de gestión de contenidos – Nota agregada

Fuente: Empresa Gestionar

Publicar nota

Para publicar una nota en la aplicación móvil, primero se deberá hacer clic en el

vínculo “Enviar a edición”, a continuación el sistema mostrara una lista con las opciones

‘Primera y ‘Segunda’.

Figura 31. Sistema de gestión de contenidos – Enviar nota a edición

Fuente: Empresa Gestionar

Page 52: Implementación de un aplicativo para teléfonos móviles que ...repositorio.usil.edu.pe/bitstream/USIL/8467/1/2018_Abanto-Arroyo.pdf · móviles. Estos dispositivos tienen aplicación

53

Para ver las notas que hay en cada edición el usuario debe hacer clic en la pestaña

“Ediciones”, el sistema le mostrar una lista con todas las noticias que han sido añadidas

ese día.

Figura 32. Sistema de gestión de contenidos – Ediciones

Fuente: Empresa Gestionar

Estando en esa pestaña el usuario deberá seleccionar que edición publicara

haciendo uso del combo box y finalmente deberá hacer clic en el botón “Publicar” para

enviar las notas relacionadas a la base de datos de la aplicación móvil.

Figura 33. Sistema de gestión de contenidos – Publicar edición

Fuente: Empresa Gestionar

Page 53: Implementación de un aplicativo para teléfonos móviles que ...repositorio.usil.edu.pe/bitstream/USIL/8467/1/2018_Abanto-Arroyo.pdf · móviles. Estos dispositivos tienen aplicación

54

Aplicación Móvil

Portada

La “Portada” se muestra luego de la pantalla “Splash” y según la secuencia de

pantallas del usuario, al seleccionar “Volver” también retorna a “Portada”. Las

secciones y opciones de la “Portada” serán detalladas a continuación:

Figura 34. Espresso – Portada

Fuente: Empresa Gestionar

Calendario

Esta opción muestra seleccionada por defecto “HOY”, lo que indica que el usuario

visualiza en la “Portada” noticias del día actual, teniendo opción a cambiar la fecha de

hasta 5 días antes de la fecha actual. Las noticias se muestran de acuerdo a la fecha

seleccionada. La opción “Calendario”, se muestra ubicada debajo del logo de

“Gestionar Espresso”. Para cambiar de día en el “Calendario”, se puede realizar de 2

formas: Seleccionando el día requerido o deslizando derecha / izquierda o izquierda /

derecha.

Page 54: Implementación de un aplicativo para teléfonos móviles que ...repositorio.usil.edu.pe/bitstream/USIL/8467/1/2018_Abanto-Arroyo.pdf · móviles. Estos dispositivos tienen aplicación

55

Figura 35. Espresso – Calendario

Fuente: Empresa Gestionar

Interruptor AM/PM

El interruptor “AM / PM” permiten al usuario, luego de haber seleccionado el día en

el “Calendario” seleccionar si requiere ver noticias de la mañana o tarde / noche. Esta

opción, se mostrará ubicada al lado izquierdo debajo del “Calendario”. El interruptor

“AM / PM” se muestra desactivado y con el valor seleccionado de “AM”, sólo se habilita

cuando ya se encuentre disponible la edición “PM”. Una vez disponible la edición “PM”,

el interruptor se mostrará con dicho valor seleccionado, con opción para que el usuario

pueda seleccionar “AM” o “PM”. Al seleccionar “AM / PM”, las noticias de las

“Secciones” cambian de acuerdo al valor seleccionado.

Figura 36. Espresso – Interruptor AM/PM

Fuente: Empresa Gestionar

Patrocinador

El logo de “Patrocinador”, se muestra ubicado al lado del interruptor “AM / PM”.

Page 55: Implementación de un aplicativo para teléfonos móviles que ...repositorio.usil.edu.pe/bitstream/USIL/8467/1/2018_Abanto-Arroyo.pdf · móviles. Estos dispositivos tienen aplicación

56

Figura 37. Espresso – Patrocinador

Fuente: Empresa Gestionar

Nota destacada

La nota “Destacada” se muestra como primera noticia de la “Portada”. Aquí se

muestra la noticia más resaltante. La noticia “Destacada”, se configurará como tal

desde Gestionar CMS.

Figura 38. Espresso – Noticia destacada

Fuente: Empresa Gestionar

Page 56: Implementación de un aplicativo para teléfonos móviles que ...repositorio.usil.edu.pe/bitstream/USIL/8467/1/2018_Abanto-Arroyo.pdf · móviles. Estos dispositivos tienen aplicación

57

Secciones de noticias

Las secciones de noticias con las cuales se contará son: “G-NOMICS”, “NEGOCIOS

Y FINANZAS” y “MANAGEMENT & STYLE”. Cada sección actualmente cuenta con 3

noticias como máximo. Del total de noticias por secciones, se puede configurar una

desde Gestionar CMS para ser “Destacada”, de no configurarse nada se toma por

defecto la primera noticia de la sección “G-NOMICS” para ser la nota destacada de la

edición.

Figura 39. Espresso – Secciones de noticias

Fuente: Empresa Gestionar

De acuerdo al tipo de noticia, ya sea con “Galería de Fotos”, “Común” o “Video”, se

muestra el icono que la identifique.

Page 57: Implementación de un aplicativo para teléfonos móviles que ...repositorio.usil.edu.pe/bitstream/USIL/8467/1/2018_Abanto-Arroyo.pdf · móviles. Estos dispositivos tienen aplicación

58

Figura 40. Espresso – Tipos de noticia

Fuente: Empresa Gestionar

Al seleccionar sobre una noticia, se muestra la pantalla correspondiente con el

detalle de la misma.

Figura 41. Espresso – Noticia

Page 58: Implementación de un aplicativo para teléfonos móviles que ...repositorio.usil.edu.pe/bitstream/USIL/8467/1/2018_Abanto-Arroyo.pdf · móviles. Estos dispositivos tienen aplicación

59

Fuente: Empresa Gestionar

Mis notas favoritas

Al seleccionar la opción “Mis notas favoritas”, se muestra la pantalla correspondiente

con la lista de “Noticias” seleccionadas como “Favoritas”.

Figura 42. Espresso – Mis notas favoritas

Fuente: Empresa Gestionar

Las noticias en la lista se muestran por “Título de Noticia”. Se muestran en orden

descendente por “Fecha de registro” como favorita. Si el usuario no tiene ninguna

noticia seleccionada como “Favorita”, se muestra un mensaje informativo indicando:

“Aún no ha guardado notas como favoritas.”

Al seleccionar sobre una de las “Noticias” de la lista, se muestra la pantalla

correspondiente con el detalle de la misma.

Al lado de cada “Noticia” de la lista se muestra el icono de “Eliminar”, la cual es un

ícono con forma de tachito. Al seleccionar esta opción se muestra una modal que

indique “¿Desea eliminar esta nota? con las opciones “Aceptar” y “Cancelar”. Si

selecciona “Aceptar”, se actualiza la lista (se mantiene en la misma pantalla).

Page 59: Implementación de un aplicativo para teléfonos móviles que ...repositorio.usil.edu.pe/bitstream/USIL/8467/1/2018_Abanto-Arroyo.pdf · móviles. Estos dispositivos tienen aplicación

60

Noticia

Al seleccionar sobre una noticia, se muestra la imagen relacionada con la nota, el

título y la descripción correspondiente.

Favorita

El usuario que se encuentre registrado podrá seleccionar noticias como “Favoritas”.

El usuario podrá seleccionar la noticia de su interés como “Favorita”, para esto deberá

seleccionar sobre la “Estrella” de la noticia que desea.

Figura 43. Espresso – Favorita

Fuente: Empresa Gestionar

Si al seleccionar la “Estrella”, el usuario no se encuentra con sesión activa en la App,

se muestra la pantalla de “Regístrese”. Si el usuario selecciona “Recordar más tarde”

en la pantalla de “Regístrese”, se deberá mostrar una alerta indicando “No se pudo

agregar esta nota a sus favoritas.” y se muestra la pantalla de la “Noticia” que el usuario

se encuentre visualizando.

Si al seleccionar la “Estrella”, el usuario se encuentra con sesión activa en la App, la

estrella se pintará de color amarillo, se añade la noticia a la lista de “Mis notas favoritas”

Page 60: Implementación de un aplicativo para teléfonos móviles que ...repositorio.usil.edu.pe/bitstream/USIL/8467/1/2018_Abanto-Arroyo.pdf · móviles. Estos dispositivos tienen aplicación

61

y se muestra un mensaje de éxito indicando “Se añadió correctamente la nota a sus

favoritas” con las opciones “Aceptar” y “Ver mis notas favoritas”.

Al seleccionar el botón “Aceptar”, se oculta el mensaje de éxito y se muestra la

pantalla de la noticia que se encuentra visualizando el usuario. Al seleccionar el botón

“Ver mis notas favoritas”, se muestra la pantalla de “Mis notas favoritas”. Si se

desmarca la “Estrella”, está ya no se muestra de color amarillo y se elimina de la lista

de “Mis notas favoritas”.

Compartir

El usuario podrá compartir la noticia de su interés a través de las redes sociales.

Figura 44. Espresso – Compartir

Fuente: Empresa Gestionar

Al seleccionar sobre el icono de “Compartir”, “Facebook”, “LinkedIn”, “WhatsApp” o

“…”, se muestra el “Compartir nativo” de acuerdo al sistema operativo en uso, y con las

opciones a compartir de acuerdo a las aplicaciones con las que cuente el usuario en su

móvil.

Si el usuario al que se le comparte cuenta con la app de Gestionar Espresso

instalada en su dispositivo: Al seleccionar se abre el detalle de la “Noticia” en la App.

Page 61: Implementación de un aplicativo para teléfonos móviles que ...repositorio.usil.edu.pe/bitstream/USIL/8467/1/2018_Abanto-Arroyo.pdf · móviles. Estos dispositivos tienen aplicación

62

Si el usuario al que se le comparte no cuenta con la app de Gestionar Espresso

instalada en su dispositivo: Se le muestra la versión web con la opción de “Descargar”

en la tienda, la “Imagen”, “Título” y “Edición / Categoría / Fecha de Publicación” de la

noticia.

Figura 45. Espresso – Versión web

Fuente: Empresa Gestionar

Cierre

La empresa Gestionar delego la responsabilidad de realizar las pruebas de

aceptación a un colaborador del área Comercial y a otro del área de Marketing. Mientras

ellos realizaban sus pruebas, se presentaron pequeños errores, que a su vez eran

registrados por ellos a través del sistema de tickets de la empresa y que eran trabajados

al mismo tiempo por los desarrolladores según el vínculo o relación que tenían con

ellos.

En las reuniones diarias se valoraba cada ticket y se le asignaba una prioridad y un

tiempo determinado para llevar a cabo su solución, los cuales fueron desplegadas a

medida que eran solucionadas. Después de cumplir con todas las expectativas y de

haber pasado por estas pruebas basadas en los requisitos del sistema y las reglas del

negocio y verificar que el sistema estuvo apto para el uso, llego el momento de pasar

a producción.

Page 62: Implementación de un aplicativo para teléfonos móviles que ...repositorio.usil.edu.pe/bitstream/USIL/8467/1/2018_Abanto-Arroyo.pdf · móviles. Estos dispositivos tienen aplicación

63

El lanzamiento a producción inicio con los despliegues de la nueva versión web del

portal web, seguido por los cambios en el módulo de la aplicación móvil en el sistema

de gestión de contenidos, el despliegue de los servicios web y la ejecución de scripts

de base de datos en las base de datos de los servicios y del sistema de gestión de

contenidos; todo esto llevado a cabo en los servidores de producción, el despliegue

inicio a la medianoche y culmino 2 horas después. Según estudios realizados por la

empresa, en este horario se presentaba el menor tráfico durante las 24 horas del día.

Al día siguiente, en el mismo horario, se realizaron los despliegues de las aplicaciones

móviles a las tiendas de Android y iOS. Ambos procedimientos fueron realizados bajo

la supervisión del Jefe de proyectos y los desarrolladores móviles.

Después de haber sido desplegado a producción el líder del proyecto elaboro un

documento titulado ‘Cierre del Proyecto’ el cual estaba compuesto por la siguiente

estructura:

Sección Descripción

Proyecto En esta sección se describen los productos generados, el

tiempo que llevo a cabo el desarrollo del proyecto, y el

personal que se vio involucrado.

Actividades En esta sección se describieron las actividades realizadas

por cada miembro en cada fase del proyecto, el número

de horas incurridas en cada actividad, así como también

los inconvenientes que surgieron en cada una de ellas, los

principales acuerdos tomados en cada reunión realizada.

Aceptación En esta sección se listo las pruebas de aceptación

realizadas por el responsable del negocio según los

criterios de finalización establecidos desde un inicio del

proyecto.

Lecciones

aprendidas

En esta sección se describe como se han desarrollado las

relaciones entre el responsable del negocio con los

miembros del equipo a lo largo del proyecto. El objetivo

fue documentar los errores para no cometerlos en otros

proyectos y que se apliquen medidas en favor de todos

los implicados.

Tabla 5. Composición del documento Cierre del Proyecto

Page 63: Implementación de un aplicativo para teléfonos móviles que ...repositorio.usil.edu.pe/bitstream/USIL/8467/1/2018_Abanto-Arroyo.pdf · móviles. Estos dispositivos tienen aplicación

64

Fuente: Propia

Por último se capacito a los editores de contenido para el uso del nuevo módulo que

gestiona la aplicación móvil desde el Sistema de gestión de contenidos.

Page 64: Implementación de un aplicativo para teléfonos móviles que ...repositorio.usil.edu.pe/bitstream/USIL/8467/1/2018_Abanto-Arroyo.pdf · móviles. Estos dispositivos tienen aplicación

65

CAPÍTULO 5: ANÁLISIS Y RESULTADOS

Conclusiones

Se proporcionó un nuevo medio y se actualizo uno ya existente con la finalidad de

que los lectores puedan acceder y consumir el contenido del diario Gestionar.

Se implementó una versión web responsiva del portal web de noticias del diario

Gestionar.

Se implementó una aplicación móvil nativa que ofrece a los lectores acceso libre a

la información y/o noticias de economía y negocios, tanto del acontecer nacional como

internacional.

Se publicó la aplicación móvil nativa a través de las tiendas Google Play y App Store

usadas por el 99% de móviles a nivel mundial.

Se fortaleció la presencia de la marca en el día a día de los usuarios al crear un

nuevo canal.

En el primer año de su lanzamiento se obtuvieron más de 50 mil descargas desde

la tienda Play Store, mientras que la tienda App Store solo se obtuvieron 30 mil

descargas aproximadamente.

Recomendaciones

Como recomendación para el buen funcionamiento de la aplicación, se sugiere

realizar las siguientes actividades:

Elaborar un plan de respaldo para garantizar la continuidad del negocio en caso de

algún desastre natural u ocurrencia.

Distribuir las aplicaciones en diferentes servidores o evaluar la opción de una posible

migración a la nube con la finalidad de aumentar la disponibilidad y reducir costos.

Si se hace uso de contraseñas, estas deberán almacenarse cifradas en la base de

datos correspondiente.

Page 65: Implementación de un aplicativo para teléfonos móviles que ...repositorio.usil.edu.pe/bitstream/USIL/8467/1/2018_Abanto-Arroyo.pdf · móviles. Estos dispositivos tienen aplicación

66

Implementar mecanismos caché que eviten abrir transacciones o conexiones a la

base de datos a menos que sea absolutamente necesario.

Elaborar un manual o una guía de buenas prácticas de consultas a la base de datos

o de cómo consumir las Apis para futuros desarrolladores.

Implementar campos de auditoria en las tablas de base de datos o considerar el uso

del framework Laravel el cual realiza estas actividades automáticamente.

Implementar el plugin JavaScript SpellCheck el cual permite a los desarrolladores

implementar la corrección ortográfica a elementos de formulario, áreas de texto,

editores enriquecidos o cualquier elemento utilizando los selectores de CSS.

Las notificaciones de las ediciones llegan por duplicado a dispositivos móviles con

versiones inferiores a Android 4.0, este error se descubrió post-despliegue, y se

recomienda revisar la lógica del componente de notificaciones y en caso de no

encontrar una solución, limitar el uso de aplicación a los dispositivos con versiones

inferiores a Android 4.0 ya que solo representan el 8% de los usuarios que ingresan a

la App desde su celular.

Considerar los comentarios hechos por los usuarios en las tiendas de aplicaciones

móviles y hacer ajustes; la solución gráfica que tenga la App es fundamental para su

éxito; si el producto funciona de manera genial pero su apariencia gráfica es pobre,

este será un argumento muy importante para que el usuario busque moverse hacia otra

App similar que luzca mejor.

Definir dos nuevos equipos para brindar el soporte a la web y a las aplicaciones

móviles después del primer despliegue, el primero deberá estar compuesto por tres

desarrolladores (desarrollador web, desarrollador Android y desarrollador iOS), y un

líder que cumpla la función de facilitador y puente entre los responsables del negocio y

el equipo, ellos tendrán como funciones la creación de nuevas características,

desarrollo de nuevas demandas, actualización de las aplicaciones, cambios de pantalla

y adaptación de la web a los dispositivos móviles. El segundo estará compuesto por la

misma cantidad de integrantes, y la función será realizar tareas que involucren

pequeños cambios o solución de problemas. Se sugiere que este segundo equipo sea

liderado por algún miembro del primer equipo con la finalidad de tener una referencia

con conocimientos sólidos dentro de este. Ambos equipos tendrán asignados un

Page 66: Implementación de un aplicativo para teléfonos móviles que ...repositorio.usil.edu.pe/bitstream/USIL/8467/1/2018_Abanto-Arroyo.pdf · móviles. Estos dispositivos tienen aplicación

67

analista de calidad y un DevOps, quienes deberán apoyar y ejecutar tareas de acuerdo

a su rol.

Utilizar un sistema de versionamiento semántico después del primer despliegue, el

último digito hará referencia a un parche o arreglo de errores, el segundo dígito hará

referencia a una actualización menor y el primer digito hará referencia a cambios

mayores que no son retro compatibles.

Page 67: Implementación de un aplicativo para teléfonos móviles que ...repositorio.usil.edu.pe/bitstream/USIL/8467/1/2018_Abanto-Arroyo.pdf · móviles. Estos dispositivos tienen aplicación

68

REFERENCIAS

Barriga, C. (2015, 28 julio). Un análisis del mercado de Internet móvil en el Perú.

Osiptel. Recuperado de https://www.osiptel.gob.pe/articulo/analisis-mercado-

internet-movil-sociedad-telecom

Carrasco, S. (2015). Análisis de la aplicación de la tecnología móvil en las empresas.

Recuperado de

https://riunet.upv.es/bitstream/handle/10251/57229/TFC%20Silvia%20Carrasc

o.pdf

Cuello, J. y Vittone, J. (2013). Diseñando apps para móviles. Recuperado de

http://appdesignbook.com

Gestión. (2014, 03 enero). Los usuarios peruanos prefieren Android, por encima del

IOS. Recuperado de https://gestion.pe/tecnologia/usuarios-peruanos-prefieren-

android-ios-398

Gestión. (2017, 25 octubre). Perú: 9 de cada 10 personas conectadas a internet tiene

un Smartphone. Recuperado de https://gestion.pe/tecnologia/usuarios-

peruanos-prefieren-android-ios-398

GSMA Intelligence. (2014). Panorama general del país: Perú. Recuperado de

https://www.gsma.com/mobilefordevelopment/wp-

content/uploads/2016/02/spanish.pdf

El Comercio. (2017, 14 junio). Telecomunicaciones: ¿Cómo ha evolucionado este

sector? Recuperado de https://elcomercio.pe/especial/zona-

ejecutiva/tendencias/telecomunicaciones-como-ha-evolucionado-este-sector-

noticia-1992004

Page 68: Implementación de un aplicativo para teléfonos móviles que ...repositorio.usil.edu.pe/bitstream/USIL/8467/1/2018_Abanto-Arroyo.pdf · móviles. Estos dispositivos tienen aplicación

69

Gil, S. (2013). Como hacer “Apps” accesibles. CEAPAT-IMSERSO. Recuperado de

http://www.ceapat.es/InterPresent1/groups/imserso/documents/binario/appsac

cesibles.pdf

Instituto de Economía Digital ESIC. (2016, 26 mayo). Las tiendas de aplicaciones

móviles. Recuperado de http://blogs.icemd.com/blog-mobile-business-y-

apps/las-tiendas-de-aplicaciones-moviles/

Loaiza, R. (2015). Evolución del mercado de telecomunicaciones móviles en el Perú.

Recuperado de http://www.osiptel.gob.pe/Archivos/Publicaciones/Evolucion-

Mercado-Telecomunicaciones-Moviles-Peru-

OSIPTEL/files/assets/common/downloads/Evolucion%20del%20Mercado%20d

e%20Telecomunicaciones%20Mviles-Peru.pdf

Organista, J., McAnally, L. y Lavigne, G. (2013). El teléfono inteligente (Smartphone)

como herramienta pedagógica. Apertura, 5 (1).

Osiptel. (2015). Evolución del Mercado de Telecomunicaciones Móviles en el Perú.

Recuperado de

https://www.osiptel.gob.pe/repositorioaps/data/1/1/1/par/dt28_evolucion-

mercado-telecom-moviles-peru/dt28-Evolucion-del-Mercado-de-

Telecomunicaciones_Moviles-Peru.pdf

Osiptel. (2016). Más de 15.4 millones de líneas móviles, en su mayoría prepago,

navegan en Internet. Recuperado de

https://www.osiptel.gob.pe/Archivos/Publicaciones/reporte_estadistico_febrero/

files/assets/common/downloads/Reporte%20Estad.pdf

Osiptel. (2014). Indicadores del Servicio de Internet Móvil. Recuperado de

https://www.osiptel.gob.pe/Archivos/Publicaciones/BoletinOSIPTEL_E10/files/a

ssets/common/downloads/OSIPTEL.COM%20Edici.pdf

Page 69: Implementación de un aplicativo para teléfonos móviles que ...repositorio.usil.edu.pe/bitstream/USIL/8467/1/2018_Abanto-Arroyo.pdf · móviles. Estos dispositivos tienen aplicación

70

Real Academia de Ingeniería. (2014). Diccionario español de Ingeniería (1ª ed.).

Consultado en http://diccionario.raing.es/es/lema/telecomunicacion

Somerville, I. (2011). Software Engineering. México: Pearson Education.

Staff, V. (2011) Android: A visual history. The Verge. Recuperado de

https://www.theverge.com/2011/12/7/2585779/android-history

Staff, V. (2013) iOS: A visual history. The Verge. Recuperado de

https://www.theverge.com/2011/12/13/2612736/ios-history-iphone-ipad

Albaladejo, X. (2015) ¿Qué es Scrum?. Proyectos Ágiles. Recuperado de

http://www.proyectosagiles.org/que-es-scrum

Page 70: Implementación de un aplicativo para teléfonos móviles que ...repositorio.usil.edu.pe/bitstream/USIL/8467/1/2018_Abanto-Arroyo.pdf · móviles. Estos dispositivos tienen aplicación

71

ANEXOS

Encuesta

Pregunta 1: ¿Qué tipo de dispositivo móvil usas?

Pregunta 2: ¿Con que frecuencia te conectas a internet a través de tu dispositivo

móvil?

Pregunta 3: ¿Qué modelo de sistema operativo tiene tu dispositivo móvil?

Pregunta 4: ¿Qué tipo de aplicaciones tiene tu dispositivo móvil?

Pregunta 5: ¿Accedes con frecuencia a leer por medio de una aplicación móvil?

Pregunta 6: ¿Te gustaría que Gestionar tenga la capacidad de ofrecer las noticias

más resaltantes dos veces al día?

Resultados de la encuesta

Fueron 3000 los encuestados que dieron sus puntos de vistas, observaciones y

mejoras.

Pregunta 1: ¿Qué tipo de dispositivo móvil usas?

Respondieron: 2980 Omitidos: 20

Figura 46. Muestra de datos pregunta 1

Fuente: Propia

Page 71: Implementación de un aplicativo para teléfonos móviles que ...repositorio.usil.edu.pe/bitstream/USIL/8467/1/2018_Abanto-Arroyo.pdf · móviles. Estos dispositivos tienen aplicación

72

Pregunta 2: ¿Con que frecuencia te conectas a internet a través de tu dispositivo

móvil?

Respondieron: 3000 Omitidos: 0

Figura 47. Muestra de datos pregunta 2

Fuente: Propia

Pregunta 3: ¿Qué modelo de sistema operativo tiene tu dispositivo móvil?

Respondieron: 2960 Omitidos: 40

Figura 48. Muestra de datos pregunta 3

Fuente: Propia

Pregunta 4: ¿Qué tipo de aplicaciones tiene tu dispositivo móvil?

Respondieron: 3000 Omitidos: 0

1000

1960

40

Ios Android Omitidos

Page 72: Implementación de un aplicativo para teléfonos móviles que ...repositorio.usil.edu.pe/bitstream/USIL/8467/1/2018_Abanto-Arroyo.pdf · móviles. Estos dispositivos tienen aplicación

73

Figura 49. Muestra de datos pregunta 4

Fuente: Propia

Pregunta 5: ¿Accedes con frecuencia a leer por medio de un dispositivo móvil?

Respondieron: 3000 Omitidos: 0

Figura 50. Muestra de datos pregunta 5

Fuente: Propia

Pregunta 6: ¿Te gustaría que Gestionar tenga la capacidad de ofrecer las noticias

más resaltantes dos veces al día?

Respondieron: 3000 Omitidos: 0

21%

33%22%

12%

8%4%

Noticias Redes Sociales Mensajeria Instantanea

Correo Electrónico Videos (Youtube) Juegos

80%

20%

Si No

Page 73: Implementación de un aplicativo para teléfonos móviles que ...repositorio.usil.edu.pe/bitstream/USIL/8467/1/2018_Abanto-Arroyo.pdf · móviles. Estos dispositivos tienen aplicación

74

Figura 51. Muestra de datos pregunta 6

Fuente: Propia

95%

8%

Si No