prototipo de plataforma web de participaciÓn enfocada a la...

3

PROTOTIPO DE PLATAFORMA WEB DE PARTICIPACIÓN ENFOCADA A LA SEGURIDAD CIUDADANA

JAVIER IVÁN TOQUICA BARRERA

DIEGO ALBERTO ESTRADA PORRAS

UNIVERSIDAD DISTRITAL FRANCISCO JOSE DE CALDAS

FACULTAD TECNOLÓGICA INGENIERIA EN TELEMÁTICA

BOGOTÁ D.C. 2016

4

PROTOTIPO DE PLATAFORMA WEB DE PARTICIPACIÓN ENFOCADA A LA SEGURIDAD CIUDADANA

JAVIER IVÁN TOQUICA BARRERA Código: 20132678032

DIEGO ALBERTO ESTRADA PORRAS Código: 20122378016

Trabajo de grado para optar al título de: Ingeniero en telemática

MONOGRAFÍA

Tutor:

NORBERTO NOVOA TORRES Ingeniero de Sistemas

UNIVERSIDAD DISTRITAL FRANCISCO JOSE DE CALDAS FACULTAD TECNOLÓGICA

INGENIERÍA EN TELEMÁTICA BOGOTÁ D.C.

2016

3

Nota de aceptación

_______________________________

_______________________________

_______________________________

_____________________________ Firma de Tutor

_____________________________ Firma del Jurado

_____________________________ Firma del Jurado

Bogotá D.C. Febrero 25 de 2016.

4

Trabajo duro, constancia, perseverancia y lo más importante no rendirse nunca, por ello dedico esta monografía a mi esposa Xiomara por estar siempre a mi lado,

a mis hijos Santiago y Nicolás por ser mi fuente de inspiración para seguir adelante y en general a cada persona que me acompaño en este camino.

Javier Iván Toquica Barrera

Agradezco a las personas que me ayudaron de manera directa e indirecta en la consecución de este trabajo, principalmente a mi familia por creer en mí. También a mi compañero de trabajo con el que se trabajó duro para terminarla de la mejor

manera.

Diego A. Estrada P.

5

AGRADECIMIENTOS

A todas las personas que participaron e hicieron posible este proyecto. Muchas

gracias por su apoyo, conocimientos y enseñanzas, al Ingeniero de Sistemas y

tutor Norberto Novoa.

También a las personas que participaron en el piloto de la plataforma, que nos

dieron sus opiniones y apoyo, las que participaron en la encuesta y los que

estuvieron cerca de nosotros aportando sus valiosas opiniones.

6

TABLA DE CONTENIDO

RESUMEN ............................................................................................................. 12

ABSTRACT ............................................................................................................ 13

INTRODUCCIÓN ................................................................................................... 14

1. ORGANIZACIÓN, DEFINICIÓN Y ANÁLISIS ................................................. 16

1.1. TEMA ....................................................................................................... 16

1.2. TITULO .................................................................................................... 16

1.3. OBJETIVOS ............................................................................................. 16

1.3.1. General ............................................................................................. 16

1.3.2. Específicos ........................................................................................ 16

1.4. DESCRIPCIÓN DEL PROBLEMA ........................................................... 17

1.5. PREGUNTA DE INVESTIGACIÓN .......................................................... 17

1.6. JUSTIFICACIÓN ...................................................................................... 18

1.7. MARCO HISTÓRICO............................................................................... 19

1.8. MARCO TEÓRICO .................................................................................. 21

1.8.1. Cloud computing ............................................................................... 21

1.8.2. Comunicación móvil .......................................................................... 22

1.8.3. Diseño web responsivo ..................................................................... 23

1.8.4. Microsoft Azure ................................................................................. 23

1.8.5. Participación ciudadana .................................................................... 24

1.8.6. Patrón MVC (Modelo, Vista, Controlador) ......................................... 25

1.8.7. Seguridad Ciudadana ........................................................................ 25

1.8.8. Tecnologías de la información y las comunicaciones........................ 25

1.9. MARCO LEGAL ....................................................................................... 26

1.10. METODOLOGÍA ................................................................................... 27

7

1.10.1. Metodología PHVA o ciclo de Deming .............................................. 28

1.10.2. SCRUM ............................................................................................. 30

1.11. DELIMITACIONES Y ALCANCES ........................................................ 33

1.12. ALCANCE FUNCIONAL ....................................................................... 33

1.12.1. Alcance de la solución ....................................................................... 33

1.13. Recursos .............................................................................................. 34

1.13.1. Recurso humano ............................................................................... 34

1.13.2. Recursos físicos ................................................................................ 34

1.13.3. Recursos de software ........................................................................ 35

1.14. CRONOGRAMA ................................................................................... 36

2. FASE DE PLANEACIÓN ................................................................................ 37

2.1. ANÁLISIS DE INFORMACIÓN ................................................................ 37

2.2. TOPICOS DE INTERES .......................................................................... 39

2.3. DIAGRAMAS BPM .................................................................................. 40

2.3.1. Autenticación de usuarios ................................................................. 41

2.3.2. Publicación de comentarios .............................................................. 42

2.3.3. Puntaje y reputación .......................................................................... 43

2.3.4. Cuenta de usuario ............................................................................. 44

2.3.5. Administrar plataforma ...................................................................... 45

2.4. DISEÑO DE PANTALLAS ....................................................................... 46

2.4.1. Plataforma de participación Bogotá Segura ...................................... 46

2.4.2. Sistema de administración ................................................................ 49

2.5. ESQUEMA DE COMUNICACIONES DEL SISTEMA .............................. 52

2.6. ESQUEMA DE ARQUITECTURA DEL SISTEMA ................................... 53

8

3. FASE DE HACER ........................................................................................... 54

3.1. METODOLOGÍA SCRUM ........................................................................ 54

3.1.1. Pila de producto (Product Backlog) ................................................... 54

3.1.2. Planificación de iteraciones (Sprint Planning) ................................... 56

3.1.3. Gráficos Burn Up ............................................................................... 61

3.1.4. Gráficos Burn Down .......................................................................... 63

3.1.5. Retrospectiva (Sprint Retrospective) ................................................. 64

3.1.6. Historial de revisiones ....................................................................... 65

4. FASE DE VERIFICAR .................................................................................... 68

4.1. IMPLEMENTACIÓN Y DESPLIEGUE ..................................................... 68

4.2. PRUEBAS DE INTERACCIÓN DEL SISTEMA ....................................... 70

5. FASE DE ACTUAR ......................................................................................... 76

CONCLUSIONES .................................................................................................. 77

RECOMENDACIONES PARA FUTURAS VERSIONES ....................................... 78

REFERENCIAS ................................................................................................. 78

9

LISTA DE FIGURAS

Pág.

Figura 1. Azure Infraestructura como servicio ...................................................... 22 Figura 2 Modelo de comunicaciones móviles ....................................................... 23 Figura 3. Servicios de Microsoft ............................................................................ 24 Figura 4 Marco temporal de un proyecto .............................................................. 27 Figura 5 Diagrama de metodología PHVA ............................................................ 29

Figura 6. Metodología SCRUM ............................................................................. 31

Figura 7. Características de Auto-organización. ................................................... 31 Figura 8. Principios del desarrollo Ágil .................................................................. 32

Figura 9. Resumen de encuesta de percepción ciudadana .................................. 37 Figura 10. Porcentaje de participación en encuesta por localidad. ........................ 38 Figura 11. Porcentaje de participación por facultades de la Universidad Distrital .. 38 Figura 12. Niveles de percepción de inseguridad en medios de transporte urbano ............................................................................................................................... 39 Figura 13. Diagrama de autenticación de usuarios ................................................ 41

Figura 14. Diagrama de publicaciones ................................................................... 42 Figura 15. Diagrama de puntaje y reputación ........................................................ 43 Figura 16. Diagrama de cuenta de usuario ............................................................ 44

Figura 17. Diagrama de administrador de plataforma ............................................ 45 Figura 18. Diagrama general de comunicaciones ................................................. 52

Figura 19. Diagrama de arquitectura del sistema .................................................. 53 Figura 20. Gráfica de Burn Up del proyecto ........................................................... 62

Figura 21. Gráfica Burn Down del proyecto ........................................................... 64 Figura 22. Configuración del paquete de despliegue ............................................. 68

Figura 23. Generación de paquete de despliegue ................................................. 68 Figura 24. Servicios en la nube.............................................................................. 69 Figura 25. Paquetes de instalación y despliegue ................................................... 69

Figura 26. Despliegue final en Azure. .................................................................... 70

10

LISTA DE TABLAS

Pág.

Tabla 1. Recurso humano ...................................................................................... 34 Tabla 2. Recursos Físicos ..................................................................................... 34 Tabla 3. Recursos de software licencias de estudiante ......................................... 35 Tabla 4. Recurso de software con licencias comerciales ....................................... 35

Tabla 5. Lista de taxonomías ................................................................................. 40 Tabla 6. Diseño de pantalla de inicio - temáticas ................................................... 46 Tabla 7. Diseño de pantallas de sub-temáticas ..................................................... 46

Tabla 8. Diseño de pantallas de participaciones .................................................... 47 Tabla 9. Diseño de pantallas de participación........................................................ 47 Tabla 10. Diseño de pantalla de registro ............................................................... 48 Tabla 11. Diseño de pantalla de inicio de sesión ................................................... 48

Tabla 12. Diseño de pantallas Listado de publicaciones ....................................... 49 Tabla 13. Diseño de pantalla Administración de temáticas .................................... 49

Tabla 14. Diseño de pantalla Administración de sub-temáticas ............................. 50 Tabla 15. Diseño de pantalla Administración de usuarios ..................................... 50 Tabla 16. Diseño de pantalla Administración de Usuarios administradores .......... 51

Tabla 17. Diseño de pantalla Dashboard de Administrador ................................... 51 Tabla 18. Personas y roles en el proyecto ............................................................. 54

Tabla 19. Pila de producto (Product Backlog) ........................................................ 55

Tabla 20. Planificación de iteraciones (Sprint Planning) ........................................ 57

Tabla 21. Iteración (Sprint) uno del proyecto ......................................................... 57 Tabla 22. Iteración (Sprint) dos del proyecto ........................................................ 58

Tabla 23. Iteración (Sprint) tres del proyecto ........................................................ 58 Tabla 24. Iteración (Sprint) cuatro del proyecto .................................................... 59 Tabla 25. Iteración (Sprint) cinco del proyecto ...................................................... 59

Tabla 26. Iteración (Sprint) seis del proyecto ........................................................ 60 Tabla 27. Iteración (Sprint) siete del proyecto ...................................................... 60 Tabla 28. Iteración (Sprint) ocho del proyecto ...................................................... 61

Tabla 29. Burn Up general del proyecto ................................................................ 62 Tabla 30. Burn Down general del proyecto ............................................................ 63 Tabla 31. Retrospectiva (Sprint Retrospective)...................................................... 64 Tabla 32. Historial de revisiones (versiona miento) ............................................... 65

Tabla 33. Resumen de resultado de pruebas portal Bogotá segura. ..................... 70 Tabla 34. Resumen de resultado de pruebas portal de administración ................. 74

11

LISTA DE ANEXOS ANEXO A. Resultados de la encuesta

ANEXO B. Archivos con plantillas base del portal y administrador

ANEXO C. Gráficos Burn Up

ANEXO D. Gráficos Burn Down

ANEXO E. Gráficos Burn Down

ANEXO F. Manual técnico de despliegue de plataforma en Cloud

ANEXO G. Manual del usuario

ANEXO H. Manual del administrador

ANEXO I. Manual técnico de instalación local

12

RESUMEN

El prototipo de plataforma web de participación ciudadana, es un medio más para

permitir a los usuarios dar opiniones acerca de la seguridad ciudadana, un tema

que en la ciudad de Bogotá es crítico y sensible. Las tecnologías de la información

y la comunicación son un buen elemento que permite la inclusión en una sociedad

en la que no hay equidad y muchas ocasiones la voz de las personas no es

escuchada.

Se elaboró una plataforma web con diseño responsivo, de manera que los

usuarios con una conexión a internet puedan participar desde cualquier dispositivo

o sistema operativo. Se apoya en la computación en la nube que permite tener

una alta disponibilidad, velocidad, escalabilidad, flexibilidad y seguridad,

cambiando el paradigma de la infraestructura tradicional costosa y compleja.

Esto permite a los usuarios una forma sencilla de opinar, discutir y denunciar

sobre los temas que le preocupan de su entorno social, contando sus experiencias

y que la misma comunidad pueda aportar en pro de la mejora de la ciudad y así

mismo a su calidad de vida.

13

ABSTRACT

The prototype web platform for citizen participation is a means to allow users to

provide feedback about public safety, an issue that Bogota city is critical and

sensitive. The ITC (technologies information and communications) are a good

element that allows inclusion in a society in which no equity and often people's

voice is not heard.

A customizable web platform was developed with responsive design, so that users

with an internet connection can participate from any device or operating system

was developed. It relies on the cloud computing that allows high availability,

performance, speed, scalability, flexibility and security, changing the paradigm of

traditional expensive and complex infrastructure.

This allows users a simple way to review, discuss and report on issues of concern

in their social environment, recounting their experiences and the community can

contribute towards improving the city and likewise their quality of lifetime.

14

INTRODUCCIÓN

En Colombia con el programa Vive Digital se ha buscado impulsar el progreso

tecnológico mediante el desarrollo del ecosistema digital, lo cual ha ido avanzando

a un buen ritmo y hoy en día varias zonas de Colombia, incluyendo sectores

donde habita población vulnerable, ya cuentan con cobertura y acceso a las

tecnologías de la información. Según cifras del ministerio de tecnologías de la

información y las comunicaciones (MINTIC) se afirma:

El acceso a Internet en los estratos más bajos va en ascenso. Con relación al

último informe de 2013 el estrato 1 tuvo un crecimiento en conexiones a Internet

fijo del 6,8% y desde que inició el Gobierno hasta hoy, ha habido 272.947 nuevas

suscripciones, en total un crecimiento del 250%. Actualmente hay más de 1'500

mil suscriptores en el estrato 2 y 1'300 mil en el estrato 3.1

Aprovechando el auge de estos ecosistemas digitales en mira de buscar maneras

de involucrar a la comunidad en la toma de decisiones y soluciones a las

problemáticas que puedan afrontar en un entorno social y cultural, por ejemplo la

educación, vivienda, salud, alimentación, seguridad etc., entre otros aspectos que

pueden ser decisivos al momento de pensar en mejorar la calidad de vida de los

habitantes de la comunidad.

Si a lo anteriormente descrito se le incluye la penetración que han tenido las redes

sociales en la población colombiana, una buena manera de involucrar a la

comunidad e incentivarla a participar es mediante la implementación de

plataformas muy similares a las redes sociales, pero enfocándolos hacia la

participación ciudadana, lo cual permite abrir espacios de discusión a la

comunidad sobre temas de interés común y de los cuales se puede tomar

decisiones para pensar en planes de mejoramiento.

Este tipo de plataformas en Chile por ejemplo han sido caso de éxito, donde el

gobierno ha invitado a la población a participar de sus planes de gobierno,

informarse y opinar acerca de los temas que involucra a toda la población del país

para la buena toma de decisiones, teniendo como premisa “El estado reconoce a

las personas el derecho de participar en sus políticas, planes, programas y

acciones”.2 (Presidencia Chilena, 2013).

1 Ministerio de tecnologías de la información y las comunicaciones [En línea] http://www.mintic.gov.co/portal/604/w3-article-6295.html [Consultado 15/Noviembre/2014] 2 Ministerio secretaria general de gobierno Chileno, [En línea] http://www.msgg.gob.cl/participacion-ciudadana/ [Consultado 16 Noviembre 2014]

http://www.mintic.gov.co/portal/604/w3-article-6295.html

http://www.msgg.gob.cl/participacion-ciudadana/

http://www.msgg.gob.cl/participacion-ciudadana/

15

El punto de foco en el prototipo propuesto de plataforma de participación

ciudadana es la seguridad, uno de los temas más críticos en muchos lugares del

país, que a pesar de las campañas y esfuerzos realizados por las autoridades

competentes y el gobierno nacional los índices de criminalidad no han disminuido

en un buen porcentaje en relación con años anteriores, ni la comunidad percibe

una rápida y oportuna atención, por ejemplo según las estadísticas de delitos de

mayor impacto social en Bogotá en el periodo de Enero 1 a marzo 31 del año

2014 obtenidas por el centro de investigaciones criminológicas de la DIJIN3,

aumentaron los homicidios, piratería terrestre, hurto a bancos, hurto a

automotores y hurto a motos.

Al analizar detenidamente estos datos estadísticos, ciudad bolívar es una de las

localidades protagonista de muchos de los casos anteriormente mencionados.

Segmentando aún más la muestra poblacional a la UPZ 66 San Francisco, donde

se ubica el barrio Candelaria la Nueva y la facultad tecnológica de la Universidad

Distrital, es buen escenario para invitar a la población aledaña y a los mismos

estudiantes a participar de una plataforma amigable y donde puedan exponer sus

opiniones acerca de temas específicos enfocados hacia la seguridad, que sirvan

como banco de información para promover la toma de decisiones a partir de la

participación ciudadana.

3 Estadísticas de criminalidad en la ciudad de Bogotá. [En Línea] http://www.policia.gov.co/imagenes_ponal/pagina_nueva/pdf/revista_criminalidad/RevistaCriminalidadVol51Numero1.pdf [Consultado 14 Noviembre 2014]

http://www.policia.gov.co/imagenes_ponal/pagina_nueva/pdf/revista_criminalidad/RevistaCriminalidadVol51Numero1.pdf

http://www.policia.gov.co/imagenes_ponal/pagina_nueva/pdf/revista_criminalidad/RevistaCriminalidadVol51Numero1.pdf

16

1. ORGANIZACIÓN, DEFINICIÓN Y ANÁLISIS

1.1. TEMA

Telemática aplicada a las tecnologías de la información y comunicaciones (TIC’S) en busca de alternativas de involucrar a la comunidad en espacios donde puedan expresar de manera libre y espontánea opiniones acerca de temáticas particulares que afectan de manera directa la vida y desarrollo de la comunidad, enfocada en la seguridad ciudadana, uno de los temas más controversiales que se viven en Bogotá. 1.2. TITULO

Prototipo de plataforma web de participación enfocada a la seguridad ciudadana. 1.3. OBJETIVOS

1.3.1. General

Desarrollar un prototipo de plataforma web de participación ciudadana enfocada a la seguridad en la UPZ 66 San Francisco. 1.3.2. Específicos

a. Analizar la problemática de seguridad ciudadana en la comunidad de ciudad bolívar en la UPZ 66, con el fin de definir los temas adecuados a tratar en la plataforma. b. Diseñar un prototipo de plataforma colaborativa web haciendo uso de la metodología PHVA para la gestión del proyecto y SCRUM para las fases de desarrollo de software que permitirá a los usuarios participar en temas relacionados con seguridad ciudadana. c. Implementar un prototipo de plataforma colaborativa web responsiva soportada en cloud computing y arquitectura MVC accesible desde cualquier dispositivo que cuente con un navegador web comercial, garantizando alta disponibilidad. d. Crear módulos de administración, publicaciones, reputación y reportes, donde se pueda realizar la gestión de las temáticas tratadas y los usuarios puedan dejar sus

17

opiniones para ir adquiriendo puntajes y medallas, generando informes que permitan facilitar a los entes de control la toma de decisiones antes las problemáticas tratadas. e. Implementar un prototipo de plataforma colaborativa web en la UPZ 66 para que una muestra de la población pueda aportar opiniones y así alimentar el banco de información de la plataforma. f. Verificar y comprobar mediante pruebas el prototipo de plataforma colaborativa web.

1.4. DESCRIPCIÓN DEL PROBLEMA

Los temas de desplazamiento forzado, el desempleo, la desigualdad social, el bajo ingreso per cápita y el narcotráfico en la ciudad de Bogotá ha mostrado un crecimiento acelerado, lo que ha generado graves problemas sociales, donde uno de los puntos más críticos son los índices de inseguridad que han crecido considerablemente en los últimos años, la mayoría de ciudadanos se sienten excluidos, desprotegidos e inseguros, perdiendo la confianza en la fuerza pública y en el gobierno nacional. Según los resultados presentados por el DANE en la encuesta realizada en agosto 23 del 2013, el 63% de la población de 15 años o más se sienten inseguros, los lugares donde la población se siente más insegura son en la vía pública y el transporte público. Esto indica que la inseguridad es un problema que lo percibe la ciudad en general, la falta de comunicación entre la comunidad y las autoridades, permite que la delincuencia siga en constante aumento. Faltan medios accesibles para la comunidad que les permita reportar o dar opiniones sin temor debido a la pérdida de confianza en las autoridades en casos de robos, atracos, asesinato, violaciones entre otros delitos que quedan impunes. A pesar de los esfuerzos del gobierno y de los planes de trabajo que se han realizado, aún no se han tenido resultados notorios que cambien la percepción de inseguridad en la ciudadanía. 1.5. PREGUNTA DE INVESTIGACIÓN

¿Cómo incentivar a la ciudadanía haciendo uso de las TIC’S a que informe hechos de inseguridad ciudadana de manera participativa e incluyente?

18

1.6. JUSTIFICACIÓN

Las TIC´S sociales son una de las nuevas maneras de usar la tecnología como herramienta para ayudar a construir una mejor ciudad, involucrando a la comunidad en la toma activa de decisiones sabiendo que su opinión es escuchada y tenida en cuenta, incluyendo de esta manera a la población vulnerable que por ahora se pueden sentir excluida. Una de las grandes problemáticas que aqueja a la población Bogotana y en otros lugares del país es la inseguridad, que genera temor ya que puede afectar su bienestar, según el plan nacional de seguridad y convivencia ciudadana define la seguridad ciudadana emitido por el Departamento Nacional de Planeación - DNP (2011) define: “Se entiende por seguridad ciudadana la protección universal a los ciudadanos frente a aquellos delitos y contravenciones que afecten su dignidad, su seguridad personal y la de sus bienes, y frente al temor a la inseguridad.” La utilización de plataformas de participación ciudadana a través de las tecnologías de información y la comunicación trae grandes beneficios a la comunidad y el desarrollo integral de país, ya que permite abrir espacios de participación ciudadana, donde el objetivo fundamental del prototipo es poder incentivar a la población de la UPZ 66 en la localidad de Ciudad Bolívar a participar en tópicos para atacar los problemas de inseguridad que los agobian diariamente, que va muy de la mano con las estrategias que ha elaborado el MINTIC en el plan Vive Digital para reducir las barreras que dificultan la participación de la población vulnerable, masificando el acceso a internet, incentivando la oferta de servicios digitales. En Colombia hoy en día, no hay una plataforma de participación enfocada al tema de la seguridad ciudadana, sin embargo el gobierno con sus planes de desarrollo han dado un marco legal que beneficia el desarrollo de las TIC’S en el país como punto fundamental en sus planes de gobierno. En Latinoamérica Chile es uno de los casos de éxito, ya que han logrado motivar a los ciudadanos a participar en los planes de gobierno en su plataforma, de donde recogen las opiniones de la población para generar nuevas tareas, para fortalecer el concepto de democracia y la satisfacción de los habitantes del país con el uso de tecnología web que amplía el horizonte de una sana participación. En este momento los habitantes del país están muy interesados en que sus ideas sean escuchadas, ya que hay bastante caos en varios de los sistemas de la nación, como lo son el de Salud y el de Seguridad ciudadana, ya que no se siente el apoyo de las entidades y tampoco hay esos espacios fuera de las tutelas donde puedan expresar inconformidades, cabe resaltar que el objetivo de la plataforma en ningún momento es convertirse en epicentro de quejas a nivel legal, es más una plataforma que busca llegar a la población de una manera amigable donde

19

puede expresarse siempre pensando en la No discriminación y una sana participación. 1.7. MARCO HISTÓRICO

Durante los últimos años se viene incrementando un proceso de participación ciudadana, de identificación e incorporación de las preocupaciones, necesidades y valores de los distintos agentes en la toma de decisiones. La buena participación ciudadana implica un proceso de comunicación que proporciona un mecanismo de intercambio de información y fomenta la interacción. Como beneficios de la participación ciudadana están que ayuda y mejora la toma de decisiones frente a problemas sociales, demuestra el compromiso ciudadano frente a una serie de situaciones que lo afectan y permite una retroalimentación de información, que entre mayor número de usuarios mayor va a ser esta.

En el mundo se han llevado a cabo iniciativas de colaboración ciudadana, siendo los pinos que permiten difundir las plataformas de colaboración ciudadana en otros lugares del mundo.

Istanbul Polis Hareketleri4 (Movimientos de la Policía en Estambul), es un mapa de información geolocalizada en donde los manifestantes informan en tiempo real, a través de sus teléfonos móviles, de la presencia policial en la ciudad. El mapa fue creado para ayudar a los manifestantes a protegerse de la brutalidad policial desatada durante las protestas contra la construcción de un centro comercial en el parque Geri, en Estambul.

Geography of Hate5, el mapa de la geografía del odio, creado a partir de la observación del lenguaje empleado en los mensajes de Twitter de una determinada zona geográfica de América del Norte, esto trata de analizar el lenguaje empleado en los mensajes de Twitter como una manera de codificar geográficamente este tipo de sentimientos relacionados con el racismo, la xenofobia o la discriminación.

4 Plataforma Istanbul Polis Hareketlerj [En línea] https://maps.google.com/maps/ms?ie=UTF8&oe=UTF8&msa=0&msid=207368859026831467268.0004de1f7b9f832178431&t=m&ll=41.040791,28.997562&spn=0.012518,0.025861&source=embed [Consultado 13 noviembre 2014] 5 Geogrphy of Hate, [En línea] http://users.humboldt.edu/mstephens/hate/hate_map.html [consulta 15 Noviembre 2014]

http://users.humboldt.edu/mstephens/hate/hate_map.html

https://maps.google.com/maps/ms?ie=UTF8&oe=UTF8&msa=0&msid=207368859026831467268.0004de1f7b9f832178431&t=m&ll=41.040791,28.997562&spn=0.012518,0.025861&source=embed

https://maps.google.com/maps/ms?ie=UTF8&oe=UTF8&msa=0&msid=207368859026831467268.0004de1f7b9f832178431&t=m&ll=41.040791,28.997562&spn=0.012518,0.025861&source=embed

http://users.humboldt.edu/mstephens/hate/hate_map.html

20

Kallxo.com6, una plataforma para geolocalizar y monitorizar la corrupción en Kosovo creado gracias a la plataforma Ushahidi, es “una herramienta para democratizar e incrementar la transparencia”. Y prueba de ello son los numerosos proyectos construidos sobre dicha plataforma para diversos fines: procesos electorales, crimen y violencia, denuncia social, entre otros.

Syria Tracker7, es otro ejemplo de mapa basado en el software de Ushahidi en el que, a través del crowdsourcing (colaboración abierta distribuida), usuarios y testigos presenciales ayudan a “documentar los crímenes” producidos durante las revueltas en Siria para proteger a la población civil. La plataforma Ushahidi ha puesto en marcha experiencias parecidas en Libia y Egipto. Otros ejemplos similares al mapa turco los encontramos en numerosos países vinculados al estallido de la primavera árabe.

Yo digo aquí estoy8, un mapa para combatir el trabajo infantil en Colombia. Esta aplicación que puede descargarse tanto en el móvil como en el ordenador, también se ha creado a partir del software de Ushahidi. Esta herramienta permite ubicar al niño en un mapa de información geo localizada en el que se incluye la mayor cantidad de información posible, incluyendo fotos del niño en cuestión. Todos estos datos se almacenan en una base de datos conectada con los servicios de policía para que puedan intervenir y conseguir que el niño abandone el trabajo y se incorpore a la actividad escolar.

Hollaback9 es el nombre de una iniciativa que trata de luchar contra el acoso, el maltrato o la violencia contra la mujer utilizando las redes sociales, la participación ciudadana y el crowdsourcing. “Hollaback es un movimiento para acabar con el acoso en las calles alimentado por una red de activistas locales en todo el mundo”. Crear aplicaciones con fines sociales es una tendencia en auge y Hollaback es un ejemplo de ello. Esta plataforma ha desarrollado una aplicación para móviles específica que permite geo localizar la información enviada a través de mensajes de texto SMS para incluir en un mapa en donde recopilar todos estos datos.

6 Kallxo, [En línea ]http://kallxo.com/ [Consultado 10 Noviembre 2014] 7 Syria Traker, [En línea] https://syriatracker.crowdmap.com/main?full=1&l=cy_GB&l=es_AR [Consultado 15 Noviembre 2014] 8 Articulo donde exponen la aplicación yo digo aquí estoy, [En línea] http://www.eluniversal.com.co/cartagena/tecnologia/nueva-aplicacion-movil-para-denunciar-el-trabajo-infantil-122834 [consultado 10 Noviembre 2014] 9 Plataforma Hollback, [En línea] http://www.springwise.com/non-profit_social_cause/hollaback/ [Consultado 5 Octubre 2014]

http://kallxo.com/

https://syriatracker.crowdmap.com/main?full=1&l=cy_GB&l=es_AR

http://www.yodigoaquiestoy.co/

http://www.springwise.com/non-profit_social_cause/hollaback/

http://kallxo.com/

https://syriatracker.crowdmap.com/main?full=1&l=cy_GB&l=es_AR

http://www.eluniversal.com.co/cartagena/tecnologia/nueva-aplicacion-movil-para-denunciar-el-trabajo-infantil-122834

http://www.eluniversal.com.co/cartagena/tecnologia/nueva-aplicacion-movil-para-denunciar-el-trabajo-infantil-122834

http://www.springwise.com/non-profit_social_cause/hollaback/

21

HarassMap10, es otra iniciativa similar a esta que ha demostrado la utilidad de este tipo de mapas en la lucha en favor de los derechos y la igualdad de la mujer. Este mapa trata de ayudar a las mujeres egipcias a denunciar casos de malos tratos, el acoso femenino y la violación de forma anónima a través de la participación ciudadana y las redes sociales.

Retio11 es una aplicación gratuita con la que tratan de mapear, a través de la aportación de informes ciudadanos, la guerra contra el narcotráfico. La aplicación no solo es interesante de cara a la denuncia de irregularidades sino también de cara a la lucha contra los abusos policiales. Puedes consultar en su Web el funcionamiento de esta aplicación de mapeado a través de Twitter.

La participación ciudadana en el mundo está altamente impulsada por diversas iniciativas en el mundo, y esta surgen dado que las personas tienen a sus disposición los dispositivos que les permiten comunicarse por medio de voz, de texto, de imágenes y de video, además ven una necesidad de intercambio de comunicación respecto a un tema o una problemática específica.

1.8. MARCO TEÓRICO

A continuación la definición de términos que son calves para entender la dinámica del proyecto y de esta manera ubicar en el contexto adecuado.

1.8.1. Cloud computing

La revista e-conomic define: El nuevo concepto de negocio en Internet también conocido como ‘computación en la nube’, “es la posibilidad de ofrecer servicios a través de Internet”. La computación en nube es una tecnología nueva que busca tener todos nuestros archivos e información en Internet y sin depender de poseer la capacidad suficiente para almacenar información. El cloud computing explica las nuevas posibilidades de forma de negocio actual, ofreciendo servicios a través de Internet, conocidos como e-business (negocios por Internet), donde la información, procedimientos y datos se localizan dentro de la red de internet,

10 Plataforma HarassMap [En línea] http://harassmap.org/ [Consultado 5 Noviembre 2014] 11 Plataforma Retio [En línea] http://ret.io/mx/DF/ [Consultado 11 Noviembre 2014]

http://harassmap.org/

http://ret.io/mx/DF/

http://harassmap.org/

http://ret.io/mx/DF/

22

como en una nube, así todo el mundo puede acceder a la información completa, sin poseer una gran infraestructura.” 12

Figura 1. Azure Infraestructura como servicio

Fuente: https://azure.microsoft.com/es-es/ [Consultada 24 febrero 2016]

1.8.2. Comunicación móvil

Las comunicaciones en movilidad permiten que un usuario pueda utilizar servicios de telecomunicaciones mientras se desplaza a lo largo de un territorio. Los diferentes servicios que se prestan en movilidad se pueden clasificar en dos grandes grupos, servicios interpersonales y servicios no interpersonales.

12 Definición de cloud computing, [En Línea] https://debitoor.es/glosario/definicion-cloud-computing [Consultada 9 Octubre 2016]

https://azure.microsoft.com/es-es/

https://debitoor.es/glosario/definicion-cloud-computing

23

Figura 2 Modelo de comunicaciones móviles

Fuente: http://wikitel.info/wiki/Comunicaciones_m%C3%B3viles

[Consultada 14 Noviembre 2014]

Una de las principales ventajas de estos sistemas es su capacidad para utilizar el espectro radioeléctrico de manera eficiente. Como se muestra en la figura anterior, una determinada celda utiliza una frecuencia que no es utilizada por ninguna de las celdas adyacentes. De este modo se evitan las interferencias ya que las celdas que reutilizan la frecuencia inicial están a la suficiente distancia.

1.8.3. Diseño web responsivo

El diseño web adaptable o adaptativo, conocido por las siglas RWD (del inglés, Responsive Web Design) es un enfoque usado en el diseño y desarrollo de aplicaciones móviles y web, cuyo objetivo es adaptar la apariencia de las páginas web al dispositivo que se esté utilizando para visualizarla. Actualmente las páginas web se visualizan en distintos tipos de dispositivos como tabletas, Smartphone, libros electrónicos, portátiles y PC. Sin embargo cada dispositivo tiene sus características concretas: Tamaño de pantalla, resolución, potencia de CPU, capacidad de memoria, por lo que el RWD pretende que con un solo diseño web, tengamos una visualización adecuada en cualquier dispositivo.

1.8.4. Microsoft Azure

Microsoft define la plataforma como: Una plataforma ofrecida como servicio y alojada en los Data Centers de Microsoft. Anunciada en el 2008 su versión beta, para pasar a ser un producto comercial el 1 de enero del 2010. Windows Azure es una plataforma general que tiene diferentes servicios para aplicaciones, desde

http://wikitel.info/wiki/Comunicaciones_m%C3%B3viles

24

servicios que alojan aplicaciones en alguno de los centros de procesamiento de datos de Microsoft para que se ejecute sobre su infraestructura (Cloud Computing) hasta servicios de comunicación segura y federación entre aplicaciones. Azure es una plataforma líder de la industria, tanto para infraestructura como un servicio (IaaS) y plataforma-como-un-servicio (PaaS). Esta poderosa combinación de servicios administrados y no administrados le permite crear, implementar y administrar aplicaciones como quieras para la productividad inigualable.

Figura 3. Servicios de Microsoft

Fuente: https://azure.microsoft.com/es-es [Consultada 24 febrero 2016]

1.8.5. Participación ciudadana

La Constitución Política de Colombia de 1991 en el artículo 270 define: La ley organizará las formas y los sistemas de participación ciudadana que permitan vigilar la gestión pública que se cumpla en los diversos niveles administrativos y sus resultados. (Constitución política de Colombia, 1991). Es en este artículo donde da a todos los ciudadanos, la posibilidad de participar e intervenir activamente en el control de la gestión pública. Al mismo tiempo, determinó la forma como los ciudadanos participamos en la planeación, el seguimiento y la vigilancia de los resultados de la gestión estatal.

https://azure.microsoft.com/es-es

25

1.8.6. Patrón MVC (Modelo, Vista, Controlador)

El patrón Modelo-Vista-Controlador (MVC) surge con el objetivo de reducir el esfuerzo de programación, necesario en la implementación de sistemas múltiples y sincronizados de los mismos datos, a partir de estandarizar el diseño de las aplicaciones. El patrón MVC es un paradigma que divide las partes que conforman una aplicación en el Modelo, las Vistas y los Controladores, permitiendo la implementación por separado de cada elemento, garantizando así la actualización y mantenimiento del software de forma sencilla y en un reducido espacio de tiempo. A partir del uso de frameworks basados en el patrón MVC se puede lograr una mejor organización del trabajo y mayor especialización de los desarrolladores y diseñadores.13

1.8.7. Seguridad Ciudadana

El Departamento Nacional de Planeación - DNP (2011) define: “Se entiende por seguridad ciudadana la protección universal a los ciudadanos frente a aquellos delitos y contravenciones que afecten su dignidad, su seguridad personal y la de sus bienes, y frente al temor a la inseguridad.”14

1.8.8. Tecnologías de la información y las comunicaciones

Juan Cristóbal Cobo en su artículo sobre el concepto de las tecnologías de la información define:

“Son el conjunto de tecnologías desarrolladas para gestionar información y enviarla de un lugar a otro. Abarcan un abanico de soluciones muy amplio. Incluyen las tecnologías para almacenar información y recuperarla después, enviar y recibir información de un sitio a otro, o procesar información para poder calcular resultados y

elaborar informes.” 15

13 Definición de MVC, [En línea] https://www.redib.org/recursos/Record/oai_articulo612653-patron-modelo-vista-controlador [Consultado 8 Noviembre 2014] 14 Definición de seguridad ciudadana presidencia de la república de Colombia [En línea] http://wsp.presidencia.gov.co/Seguridad-Ciudadana/consejeria/paginas/politica.aspx [Consultada el 10 Noviembre 2014] 15 Definción de TIC, [En línea] http://www.serviciostic.com/las-tic/definicion-de-tic.html [Consultado el 12 Noviembre 2014]

https://www.redib.org/recursos/Record/oai_articulo612653-patron-modelo-vista-controlador

https://www.redib.org/recursos/Record/oai_articulo612653-patron-modelo-vista-controlador

http://wsp.presidencia.gov.co/Seguridad-Ciudadana/consejeria/paginas/politica.aspx

http://www.serviciostic.com/las-tic/definicion-de-tic.html

26

Entiéndase por estas tecnologías dispositivos móviles, computadores, infraestructura de TI y herramientas web que permitan a la población acceder a la información de manera rápida y práctica.

1.9. MARCO LEGAL

Para el desarrollo del prototipo propuesto es fundamental garantizar la no violación de las siguientes leyes que rigen en el gobierno Colombiano, de tal manera que siempre se garantice el cumplimiento de estas.

La constitución Política de 1991, en su artículo 61, que expresa: “El Estado protegerá la propiedad intelectual por el tiempo y mediante las formalidades que establezca la ley” (Constitución política de Colombia, 1991). Respetar las investigaciones, códigos y propiedad intelectual es fundamental para fomentar la originalidad, creatividad y sana investigación en el entorno académico y laboral.

Al ser una plataforma de participación ciudadana es necesario garantizar el cumplimiento de la Ley 1482 expedida el 30 de Noviembre del 2012 donde expresa en su artículo primero: Esta ley tiene por objeto garantizar la protección de los derechos de una persona, grupo de personas, comunidad o pueblo, que son vulnerados a través de actos de racismo o discriminación.16

Al ser una plataforma que de alguna manera almacenara datos de los usuarios que se registran para hacer uso del prototipo se debe garantizar el cumplimiento de la ley estatutaria 1581 del 2012 donde se dictan las suposiciones generales de protección de datos personales.

“Artículo 1°. Objeto. La presente ley tiene por objeto desarrollar el derecho constitucional que tienen todas las personas a conocer, actualizar y rectificar las informaciones que se hayan recogido sobre ellas en bases de datos o archivos, y los demás derechos, libertades y garantías constitucionales a que se refiere el artículo 15 de la Constitución Política; así como el derecho a la información consagrado en el artículo 20 de la misma.”17

16 Ley 1482, Gobierno Colombiano [En líena] http://www.corteconstitucional.gov.co/RELATORIA/2013/C-282-13.htm [Consultada 14 Noviembre 2015] 17 Ley 1581 2012, Gobierno Colombiano [En línea] http://www.alcaldiabogota.gov.co/sisjur/normas/Norma1.jsp?i=49981 [Consultado 16 de Octubre 2014]

http://www.corteconstitucional.gov.co/RELATORIA/2013/C-282-13.htm

http://www.corteconstitucional.gov.co/RELATORIA/2013/C-282-13.htm

http://www.alcaldiabogota.gov.co/sisjur/normas/Norma1.jsp?i=49981

27

Cabe resaltar que en el portal no se piensa recolectar información personal, aparte de correo electrónico, nombre y NIC suministrado por los usuarios de la comunidad activa a participar en la plataforma.

1.10. METODOLOGÍA

Para el desarrollo de esta monografía se utiliza la metodología PHVA (por sus siglas, Planear, Hacer, Verificar, Actuar) o conocida también cono ciclo de Deming, esto a nivel del proyecto en general, sin embargo, en la segunda fase, el desarrollo del prototipo de software se guiara bajo la metodología ágil SCRUM.

En un proyecto la consecución de los objetivos al final del mismo es la máxima deseada, por ellos la mayor parte de las veces un proyecto fracasa o es exitoso pero siempre se debe cerrar.

Figura 4 Marco temporal de un proyecto

Fuente: Elaboración propia

Teniendo en consecuencia el escenario macro del proyecto de investigación que se propone en esta propuesta, el principal objetivo es suplir las necesidades y responder la preguntar formulada en el tema de investigación de la monografía.

28

1.10.1. Metodología PHVA o ciclo de Deming

El ciclo de Deming (de Edwards Deming), también conocido como círculo PHVA, es una estrategia de mejora continua de la calidad en cuatro pasos, también se denomina espiral de mejora continua.

El ciclo PHVA es un ciclo dinámico que puede ser empleado dentro de los procesos de la Organización. Es una herramienta de simple aplicación y, cuando se utiliza adecuadamente, puede ayudar mucho en la realización de las actividades de una manera más organizada y eficaz. Por tanto, adoptar la filosofía del ciclo PHVA proporciona una guía básica para la gestión de las actividades y los procesos, la estructura básica de un sistema, y es aplicable a cualquier organización. A través del ciclo PHVA la empresa planea, estableciendo objetivos, definiendo los métodos para alcanzar los objetivos y definiendo los indicadores para verificar que en efecto, éstos fueron logrados. Luego, la empresa implementa y realiza todas sus actividades según los procedimientos y conforme a los requisitos de los clientes y a las normas técnicas establecidas, comprobando, monitoreando y controlando la calidad de los productos y el desempeño de todos los procesos clave.

Esta metodología presenta cuatro fases, que se muestran a continuación.

Planificar, es establecer las actividades del proceso, necesarias para obtener el resultado esperado. Al basar las acciones para el resultado esperado, la exactitud y cumplimiento de las especificaciones a lograr se convierten también en un elemento a mejorar, aunque sería mejor ya no tener que mejorar, o sea, hacerlo bien a la primera. Cuando sea posible conviene realizar pruebas según sea requerido, para probar los resultados.

Recopilar datos para profundizar en el conocimiento del proceso.

Detallar las especificaciones de los resultados esperados

Definir las actividades necesarias para lograr el producto o servicio, verificando

los requisitos especificados

Hacer, es ejecutar el plan estratégico lo que contempla: organizar, dirigir, asignar recursos y supervisar la ejecución.

29

Verificar, pasado un periodo previsto de antemano, volver a recopilar datos de control y analizarlos, comparándolos con los requisitos especificados inicialmente, para saber si se han cumplido y en su caso, evaluar si se ha producido la mejora monitorear la implementación y evaluar el plan de ejecución documentando las conclusiones.

Actuar con base a las conclusiones del paso anterior elegir una opción, si se han detectado errores parciales en el paso anterior, realizar un nuevo ciclo PDCA con nuevas mejoras, si no se han detectado errores relevantes, aplicar a gran escala las modificaciones de los procesos pero si se han detectado errores insalvables, abandonar las modificaciones de los procesos esto para ofrecer una Retro-alimentación y/o mejora en la Planificación.

Figura 5 Diagrama de metodología PHVA

Fuente: https://www.tes.com/lessons/ln9C9Dyq601k8Q/5-circulo-phva-planificacion-efectiva

La adopción del ciclo PHVA promueve que la práctica de la gestión vaya en pro de las oportunidades para que la Organización mejore el desempeño de sus procesos y para que mantenga los clientes actuales y consiga nuevos clientes. Una vez identificada un área de oportunidad, se puede planificar el cambio y llevarse a cabo. Luego se verifican los resultados de la implementación de tal

https://www.tes.com/lessons/ln9C9Dyq601k8Q/5-circulo-phva-planificacion-efectiva

https://www.tes.com/lessons/ln9C9Dyq601k8Q/5-circulo-phva-planificacion-efectiva

30

cambio y, según estos resultados, se actúa para ajustar el cambio o para comenzar el ciclo nuevamente mediante la planificación de nuevos cambios.

1.10.2. SCRUM

Cruz es un modelo de desarrollo ágil caracterizado por adoptar una estrategia de desarrollo incremental, en lugar de la planificación y ejecución completa del producto, basa la calidad del resultado más en el conocimiento tácito de las personas en equipos auto organizados, que en la calidad de los procesos empleados, solapa las diferentes fases del desarrollo, en lugar de realizar una tras otra en un ciclo secuencial o de cascada.

Las características de SCRUM es que es un modelo de referencia que define un conjunto de prácticas y roles, y que puede tomarse como punto de partida para definir el proceso de desarrollo que se ejecutará durante un proyecto. Los roles principales en Scrum son el ScrumMaster, que mantiene los procesos y trabaja de forma similar al director de proyecto, el ProductOwner, que representa a los stakeholders (interesados externos o internos), y el Team que incluye a los desarrolladores.

Durante cada sprint, un periodo entre una y cuatro semanas (la magnitud es definida por el equipo), el equipo crea un incremento de software potencialmente entregable (utilizable). El conjunto de características que forma parte de cada sprint viene del Product Backlog, que es un conjunto de requisitos de alto nivel priorizados que definen el trabajo a realizar. Los elementos del Product Backlog que forman parte del sprint se determinan durante la reunión de Sprint Planning. Durante esta reunión, el Product Owner identifica los elementos del Product Backlog que quiere ver completados y los hace del conocimiento del equipo. Entonces, el equipo determina la cantidad de ese trabajo que puede comprometerse a completar durante el siguiente sprint. Durante el sprint, nadie puede cambiar el Sprint Backlog, lo que significa que los requisitos están congelados durante el sprint.

31

Figura 6. Metodología SCRUM

Fuente: https://www.softeng.es/es-es/empresa/metodologias-de-trabajo/metodologia-scrum.html (Consultado 10 octubre 2014)

Scrum es una metodología adecuada para las empresas en las que el desarrollo de los productos se realizaba en entornos que se caracterizan por tener: Incertidumbre, sobre esta variable se plantea el objetivo que se quiere alcanzar sin proporcionar un plan detallado del producto. Auto-organización, los equipos son capaces de organizarse por sí solos, no necesitan roles para la gestión pero tienen que reunir las siguientes características:

Figura 7. Características de Auto-organización.

Fuente: http://proyectosagiles.org/que-es-scrum/ (Consultada 10 Noviembre 2014)

Control moderado, se establece un control suficiente para evitar descontroles. Se basa en crear un escenario de “autocontrol entre iguales” pero no impedir la creatividad y espontaneidad de los miembros del equipo.

https://www.softeng.es/es-es/empresa/metodologias-de-trabajo/metodologia-scrum.html

https://www.softeng.es/es-es/empresa/metodologias-de-trabajo/metodologia-scrum.html

32

Transmisión del conocimiento, todo el mundo aprende de todo el mundo, las personas pasan de un proyecto a otro y de esta manera se comparten los conocimientos a lo largo de la organización. Lo que se busca con SCRUM es que se pueda satisfacer las necesidades y alcances que se definan en el proyecto, esto con el fin de cumplir los 12 principios del desarrollo ágil, teniendo presente siempre las metas y objetivos que se van colocando en cada ciclo hasta lograr el cierre exitoso de la solución.

Figura 8. Principios del desarrollo Ágil

Fuente: http://spanishpmo.com/index.php/los-12-principios-del-manifiesto-agil 15 Noviembre 2016)

http://spanishpmo.com/index.php/los-12-principios-del-manifiesto-agil

33

1.11. DELIMITACIONES Y ALCANCES

Para el siguiente prototipo de plataforma es necesario tener presente varios aspectos claros para poder satisfacer y cumplir los objetivos propuestos. 1.12. ALCANCE FUNCIONAL

La plataforma de participación ciudadana está pensada para llegar a la población de la UPZ 66 a través de un navegador WEB, utilizado una versión de prueba de dos meses que Microsoft provee para el montaje de servicios en la nube; con el fin de aprovechar los beneficios que ofrece Microsoft para los estudiantes que desean hacer sus desarrollos en esta plataforma. Por lo cual un mes antes de presentar el prototipo se iniciara a alimentar con datos el sitio, teniendo presente las restricciones que se tiene a nivel de trafico de usuarios y nodos que se pueden desplegar en una solución de cloud.

El sitio WEB será responsivo, es decir que se podrá visualizar desde cualquier dispositivo móvil y PC de escritorio de varias resoluciones. Se plantea realizar el desarrollo haciendo uso del lenguaje de desarrollo C#.NET a través del IDE Visual Studio 2013, con una arquitectura MVC (Modelo-Vista-Controlador) e interfaz gráfica con HTML5, CSS3 y Java Script para usar de la mejor manera los recursos que los navegadores web proveen para mejorar la experiencia de usuario.

A nivel de arquitectura, este desarrollo será orientado a la nube, es decir cloud computing a través de la plataforma Microsoft Azure, con lo cual la base de datos donde se albergará la información estará en la nube con la herramienta SQL Azure, cabe resaltar que los modelos de base de datos también son compatibles con SQL Server 2014.

1.12.1. Alcance de la solución

Las TIC’s sociales como herramienta que pretende ofrecer estrategias o medios de participación ciudadana para lo relacionado con seguridad ciudadana en la UPZ 66, para de esta manera aportar al desarrollo y mejora continua de la comunidad y la sana convivencia.

34

1.13. Recursos

1.13.1. Recurso humano

Tabla 1. Recurso humano

Nombre Funciones

Director de Tesis Responsable de supervisar y asesorar la elaboración del proyecto.

Analistas y Desarrolladores

Validación de requisitos, especificación, y captura de datos, interactuando con el grupo

de trabajo de la empresa, mediante entrevistas, y documentación que ellos suministren.

Elaboración del modelo de análisis y diseño. Planear, diseñar y evaluar las pruebas.

Trabajador Social Definición de las temáticas adecuadas, así como ayudar a definir las maneras adecuadas

de llegar a la población invitándola a participar sin que se sientan agredidas, desplazadas

o vulneradas


1.13.2. Recursos físicos

Tabla 2. Recursos Físicos


Ítem Descripción Cant Duración Ded Valor/Mes Factor Total

1 Computador 2 16 0,5 150.000 1 $ 1.950.000

2 Impresora 1 16 0,5 70000 1 $ 455.000

3Servicios de

Luz1 16 0,5 80000 1 $ 520.000

4Impresiones y

Papelería1 16 0,5 10000 1 $ 65.000

5Encuadernaci

ón de Tesis3 16 0,5 13000 1 $ 253.500

$3.243.500TOTAL

35

1.13.3. Recursos de software

Tabla 3. Recursos de software licencias de estudiante

Ítem Recurso Cantidad

Valor

Unitario Valor

1 Licencia Windows 10 for Education 2 0 0

2 Licencia Visual Studio 2013 para estudiantes (se usa el

Framework v4.5) 2 0 0

3 SDK de Microsoft Azure 1 0 0

4 Licencias de SQL Server 2014 para estudiantes 2 0 0

5 Bizagi process Modeler 2 0 0

6 Licencia de Microsoft Azure para estudiantes 1 0 0

7 Storage Azure 1 0 0

8 Licencia de SQL Azure 2014 para estudiantes 1 0 0

9 API's HTML 5 + CSS3 2 0 0

10 API's Javascript 2 0 0

TOTAL $0.0


Tabla 4. Recurso de software con licencias comerciales

Ítem Recurso Cantidad Valor Unitario Valor

1 Licencia Windows 10 PRO 2 155 USD 310 USD

2

Licencia Visual Studio 2013

PROFESIONAL (se usa el Framework

v4.5)

2 418,8 USD 418,8 USD

3 SDK de Microsoft Azure 1 0 0

4 Licencias de SQL Server 2014 Estándar

(Vitalicia 2 Core) 1 45016,2 USD 45016,2

5 Bizagi process Modeler 2 0 0

6 Máquinas virtuales (compromiso

monetario en Azure) 744 Horas

343,73 USD /

Mes 343,73 USD

7 Storage Azure 500 GB 12 USD / Anual 12 USD

8 SQL Azure 2GB 4,98 USD / Mes 4,98 USD

9 API's HTML 5 + CSS3 2 0 0

10 API's javascript 2 0 0

TOTAL 46105,71 USD


36

1.14. CRONOGRAMA

37

2. FASE DE PLANEACIÓN

2.1. ANÁLISIS DE INFORMACIÓN

Con el fin de delimitar los alcances del proyecto, y tener presente los temas de interés en los que la comunidad está interesada, se realizó una encuesta a través de medios de difusión digitales como Facebook, Twitter, y una página de internet, con el objetivo de llegar a la mayor cantidad de personas, particularmente miembros de la comunidad educativa y aledaños a la facultad tecnológica, la cual está ubicada en la UPZ 66.

Figura 9. Resumen de encuesta de percepción ciudadana


La encuesta estuvo al aire durante casi dos meses, donde se obtuvo una muestra poblacional de 150 encuestados de varias localidades de la cuidad, como se puede observar, quienes opinaron en aspectos como seguridad vial, en transporte público masivo.

38

Figura 10. Porcentaje de participación en encuesta por localidad.


Cabe resaltar, como se mencionó anteriormente que la mayor parte de la muestra poblacional pertenece a la Facultad Tecnológica de la Universidad Francisco José de Caldas, como se puede ver en la siguiente gráfica.

Figura 11. Porcentaje de participación por facultades de la Universidad Distrital


39

De la muestra tomada, se pudo concluir que hay la percepción de inseguridad de la muestra poblacional encuestada es bastante alta, por ejemplo, en el uso de medios de trasporte, la personas se sienten más protegidas tomando un taxi, que un Transmilenio o un bus del SITP.

Figura 12. Niveles de percepción de inseguridad en medios de transporte urbano


Esta encuesta se realizó haciendo uso de la plataforma SurveyMonkey en su versión gratuita anclada a una página web temporal para garantizar el acceso a la encuesta. Para ver los resultados con mayor nivel de detalle, dirigirse al Anexo A que contiene los resultados encuesta.

2.2. TOPICOS DE INTERES

Teniendo en cuenta los datos obtenidos en la realización de la encuesta, se determinaron las temáticas adecuadas a tratar en la plataforma, que de este punto en adelante se trataran como taxonomías, cabe resaltar que están pueden a futuro estar sujetas al cambio, ya que las problemáticas sociales y de seguridad ciudadana pueden cambiar dependiendo de las condiciones del entorno social y económico.

40

Tabla 5. Lista de taxonomías


2.3. DIAGRAMAS BPM

En la planeación se definió la construcción de varios módulos con el fin de presentar una funcionalidad interactiva y de fácil navegación del usuario, para motivos de documentación e interpretación de lectores, se mostrara desde dos escenarios, uno desde la vista del portal interactivo de participación ciudadana y una segunda desde una vista de administración de todo el portal.

Taxonomia Padre Taxonomia Hija

Taxis

SITP y Buses particulares

Transmilenio

Particulares

Medios alternativos de transporte

Hurtos

Riñas callejeras

Zonas recreativas

Zonas comerciales

Tribus Urbanas

Accion Comunal

Calidad de servicio

Presencia de autoridades

Atencion en emergencias

Impunidad

Medios de transporte

Gobierno y autoridades

Las calles de mi entorno

Mi Barrio

41

2.3.1. Autenticación de usuarios

Figura 13. Diagrama de autenticación de usuarios


El usuario de la plataforma debe realizar el inicio de sesión según sea su rol en el sistema, para el caso de usuario de la plataforma, debe estar registrado; en caso de que no lo este, debe registrase diligenciando un corto formulario en que se solicita los datos mínimos de manera que sea anónimo y se proteja su identidad, en el que en caso de ser menor de edad, debe contar un adulto responsable que haga de tutor o acudiente. Tras las validaciones del formulario, el usuario recibirá un correo electrónico de activación de su cuenta; el cual tiene un tiempo máximo de activación de 24 horas a partir del registro, tras lo cual ya estará activo en la plataforma y ahora si puede interactuar en la plataforma.

42

2.3.2. Publicación de comentarios

Figura 14. Diagrama de publicaciones


Una vez el usuario ha iniciado sesión, puede realizar publicaciones propias o responder a la de los demás usuarios usuario. Primero debe seleccionar la taxonomía o temática principal, seleccionar luego el tópico o sub-taxonomía, luego el sistema lista las conversaciones relacionadas y se puede elegir crear una nueva, o seleccionar una publicación existente y responder a ese hilo de conversación, calificar positiva o negativamente y compartir ese hilo de conversación en redes sociales; lo cual solo comparte la URL del sitio.

43

2.3.3. Puntaje y reputación

Figura 15. Diagrama de puntaje y reputación


Todas las acciones relacionadas con la publicación, acceso y registro del usuario, hace que la plataforma le sume puntos a su cuenta. El usuario suma puntos que le

44

darán un estatus dentro de la plataforma, dándole medallas o trofeos. Los usuarios con mayor participación y actividad se listan en la pantalla principal.

2.3.4. Cuenta de usuario

Figura 16. Diagrama de cuenta de usuario


Todos los usuarios tienen un perfil de usuario, en el cual se pueden consultar su información, para acceder a esta pantalla deben haber iniciado la sesión de usuario. Una vez selecciona la opción de ir a su perfil, el sistema le muestra al usuario la información de su cuenta, sus seguidores, sus puntos, sus medallas o trofeos y demás. También se le permite cambiar algunos datos de su cuenta. El sistema le mostrara las conversaciones que el usuario ha creado y puede editarlas o eliminarlas de la plataforma. Al salir, puede usar el menú para cerrar la sesión de usuario.

45

2.3.5. Administrar plataforma

Figura 17. Diagrama de administrador de plataforma


El usuario Administrador, es el encargado de administrar la plataforma, tiene una vista diferente a la del usuario. El administrador es el encargado de alimentar de temáticas y organizar las sub-temáticas, por lo que puede crearlas, modificarlas y eliminar las existentes. Tiene control sobre los usuarios que participan en la plataforma, a los que puede añadirlos, modificar su información y eliminarlos de ser necesario. Por último este usuario puede editar las conversaciones de los usuarios editándolas, activando o desactivándolas o eliminarlas. Finalmente debe cerrar su sesión como Administrador para salir.

46

2.4. DISEÑO DE PANTALLAS

2.4.1. Plataforma de participación Bogotá Segura

Tabla 6. Diseño de pantalla de inicio - temáticas

Computador Escritorio Móvil

DISEÑO DE PANTALLA DE INICIO – TEMÁTICAS

Tabla 7. Diseño de pantallas de sub-temáticas


DISEÑO DE PANTALLA DE SUB-TEMÁTICAS

47

Tabla 8. Diseño de pantallas de participaciones


DISEÑO DE PANTALLA DE PARTICIPACIONES

Tabla 9. Diseño de pantallas de participación


DISEÑO DE PANTALLA DE PARTICIPACION

48

Tabla 10. Diseño de pantalla de registro


DISEÑO DE PANTALLA DE REGISTRO

Tabla 11. Diseño de pantalla de inicio de sesión


DISEÑO DE PANTALLA DE INICIO DE SESIÓN

En el anexo B se puede ver más a detalle el diseño preliminar para el portal.

49

2.4.2. Sistema de administración

Tabla 12. Diseño de pantallas Listado de publicaciones

Computador Escritorio

DISEÑO DE PANTALLA LISTADO DE PUBLICACIONES


Tabla 13. Diseño de pantalla Administración de temáticas


DISEÑO DE PANTALLA ADMINISTRACIÓN DE TEMÁTICAS


50

Tabla 14. Diseño de pantalla Administración de sub-temáticas


DISEÑO DE PANTALLA ADMINISTRACION DE SUB-TEMÁTICAS


Tabla 15. Diseño de pantalla Administración de usuarios


DISEÑO DE PANTALLA ADMINISTRACION DE USUARIOS


51

Tabla 16. Diseño de pantalla Administración de Usuarios administradores


DISEÑO DE PANTALLA ADMINISTRACION DE USUARIOS ADMINISTRADORES


Tabla 17. Diseño de pantalla Dashboard de Administrador


DISEÑO DE PANTALLA DASHBOARD ADMINISTRADOR


52

En el anexo B se puede ver más a detalle el diseño preliminar del sistema de administración.

2.5. ESQUEMA DE COMUNICACIONES DEL SISTEMA

En el siguiente diagrama se observa como está planeado el esquema general de comunicaciones de la plataforma, utilizando los recursos de Cloud de Microsoft para mejorar y optimizar el rendimiento de la solución garantizado calidad del servicio, alta disponibilidad, escalabilidad de la infraestructura y seguridad en las comunicaciones.

Figura 18. Diagrama general de comunicaciones


53

2.6. ESQUEMA DE ARQUITECTURA DEL SISTEMA

En el siguiente diagrama se muestran los grupos de componentes que se planean construir para poder ofrecer un sistema robusto con buenas prácticas de desarrollo, garantizando escalabilidad y rendimiento.

Figura 19. Diagrama de arquitectura del sistema


54

3. FASE DE HACER

Teniendo en cuenta el análisis de todos los artefactos definidos para la construcción del prototipo, se procede al inicio del desarrollo de los entregables que hacen parte de la funcionalidad del sistema planteado, con el fin de cumplir los objetivos trazados en la fase de análisis de este proyecto.

Para el inicio y control de esta fase del proyecto, se usa la metodología de desarrollo ágil SCRUM, que permite llevar un control y seguimiento a las tareas planteadas siempre orientadas al cumplimiento de los objetivos.

3.1. METODOLOGÍA SCRUM

Para dar inicio al desarrollo del prototipo se definen los actores implicados en esta fase del proyecto.

Tabla 18. Personas y roles en el proyecto

Recurso Humano Contacto Rol

Javier Iván Toquica Barrera [email protected]

Scrum Master / Team

Diego Alberto Estrada [email protected]

Product Owner / Team


3.1.1. Pila de producto (Product Backlog)

Se lista un conjunto de actividades a desarrollar para lograr el éxito de proyecto las cuales se priorizan teniendo en cuenta su nivel de importancia siendo uno (1) la más alta y ocho (8) la más baja. Partiendo de la prioridad se definen ocho (8) iteraciones para culminar el producto software parte de los entregables del proyecto.

55

Tabla 19. Pila de producto (Product Backlog)

No. Tarea Descripción Prioridad

1 Portal: Desarrollo plantilla de Inicio (Índex) 1

2 Portal: Desarrollo plantilla de inicio de sesión 1

3 Portal: Desarrollo plantilla de recuperación de contraseña 1

4 Portal: Desarrollo plantilla de registro de usuario 1

5 Portal: Desarrollo plantilla de sub-temáticas 2

6 Portal: Desarrollo plantilla de participaciones en sub-

temáticas 2

7 Portal: Desarrollo plantilla de nueva participación 3

8 Portal: Desarrollo plantilla de participación 3

9 Portal: Desarrollo plantilla de cuenta de usuario 4

10 Administrador: Desarrollo de plantilla de Inicio de sesión 5

11 Administrador: Desarrollo de plantilla de Inicio

(DASHBOARD) 8

12 Administrador: Desarrollo de plantilla de administrar

publicaciones 5


temáticas 6

14 Administrador: Desarrollo de plantilla de administrar sub-

temáticas 6

15 Administrador: Desarrollo de plantilla de administrar usuarios

de plataforma 7

16 Administrador: Desarrollo de plantilla de administrar usuarios

administradores 7

17 Administrador: Desarrollo de plantilla de reportes 8

18 Servicio Web: Creación de métodos gestión cuenta de

usuario 1

19 Servicio Web: Creación de métodos gestión de mensajería 2

20 Servicio Web: Creación de métodos gestión de seguridad 2

21 Servicio Web: Creación de métodos gestión de

almacenamiento en la nube 3

22 Servicio Web: Creación de métodos gestión de temáticas 1

23 Servicio Web: Creación de métodos gestión de sub-

temáticas 2


participaciones 3

25 Servicio Web: Creación de métodos gestión de reputación

de usuario 4

26 Servicio Web: Creación de métodos adicionales para

administración publicaciones 5


administración temáticas 6

56


administración sub-temáticas 6


administración usuarios 7

30 Servicio Web: Creación de métodos reportes 8

31 Portal: Desarrollo página de Inicio (Índex) 1

32 Portal: Desarrollo página de inicio de sesión 1

33 Portal: Desarrollo página de recuperación de contraseña 1

34 Portal: Desarrollo página de registro de usuario 1

35 Portal: Desarrollo página de sub-temáticas 2

36 Portal: Desarrollo página de participaciones en sub-

temáticas 2

37 Portal: Desarrollo página de nueva participación 3

38 Portal: Desarrollo página de participación 3

39 Portal: Desarrollo página de cuenta de usuario 4

40 Administrador: Desarrollo de páginas de Inicio de sesión 5

41 Administrador: Desarrollo de páginas de Inicio

(DASHBOARD) 8

42 Administrador: Desarrollo de páginas de administrar

publicaciones 5


temáticas 6

44 Administrador: Desarrollo de páginas de administrar sub-

temáticas 6


usuarios de plataforma 7


usuarios administradores 7

47 Administrador: Desarrollo de páginas de reportes 8


3.1.2. Planificación de iteraciones (Sprint Planning)

A continuación se muestra en la tabla 18, las ocho (8) iteraciones, en las que a cada una se le asigna una descripción general y el número de tareas acumuladas; que es la suma de cada una de las tareas asignadas a ese sprint, y en base en el número de esas tareas se determina el número de semanas de duración de cada iteración. Esta tabla permite visualizar la planeación del entregable que se espera para cada iteración y realizar la estimación de tiempo basado en el número de tareas y su prioridad acordada con el product owner.

57

Tabla 20. Planificación de iteraciones (Sprint Planning)

No. Iteración

Descripción No. Tareas Acumulada

s

No. Semana

s

1 Portal: Página de inicio y de usuario 10 4

2 Portal: Páginas de temáticas y sub-temáticas 7 3

3 Portal: Páginas de participación 6 2

4 Portal: Páginas de cuenta de usuarios 3 1

5 Administrador: página de inicio de sesión y

publicaciones 5 2

6 Administrador: páginas temáticas y sub-temáticas 6 2

7 Administrador: páginas de cuenta de usuarios 5 2

8 Administrador: Páginas de reportes y

DASHBOARD 5 2


3.1.2.1. Iteración uno, “Portal: Página de inicio y de usuario”

Tabla 21. Iteración (Sprint) uno del proyecto

No. Tarea Descripción Responsable Prioridad

1 Portal: Desarrollo plantilla de Inicio (Índex) Diego Estrada 1

2 Portal: Desarrollo plantilla de inicio de sesión Diego Estrada 1

3 Portal: Desarrollo plantilla de recuperación de

contraseña Diego Estrada 1

4 Portal: Desarrollo plantilla de registro de usuario Diego Estrada 1

18 Servicio Web: Creación de métodos gestión cuenta

de usuario Javier Toquica 1


temáticas Javier Toquica 1

31 Portal: Desarrollo página de Inicio (Índex) Javier Toquica 1

32 Portal: Desarrollo página de inicio de sesión Diego Estrada 1

33 Portal: Desarrollo página de recuperación de

contraseña Javier Toquica 1

34 Portal: Desarrollo página de registro de usuario Javier Toquica 1


Se codifica la página de inicio del portal y las funcionalidades para el inicio de sesión, recuperación de contraseña y registros de usuarios, donde toda la lógica

58

de estas operaciones, son realizadas por el servicio web que usa procedimientos almacenados en la base datos para el procesamientos de datos y transacciones.

3.1.2.2. Iteración dos, “Portal: Páginas de temáticas y sub-temáticas”

Tabla 22. Iteración (Sprint) dos del proyecto

No. Tarea

Descripción Responsable Prioridad

5 Portal: Desarrollo plantilla de sub-temáticas Diego Estrada 2

6 Portal: Desarrollo plantilla de participaciones en sub-

temáticas Diego Estrada 2


mensajería Javier Toquica 2


seguridad Javier Toquica 2

23 Servicio Web: Creación de métodos gestión de sub-


35 Portal: Desarrollo página de sub-temáticas Diego Estrada 2

36 Portal: Desarrollo página de participaciones en sub-



Se codifican páginas de sub-temáticas y listado de participaciones por cada una de ellas, se construyen los métodos necesarios para el envió de correos electrónicos en los puntos que la plataforma lo requiera y se implementa algoritmo AES 256 para el almacenamiento de información catalogada sensible en la plataforma.

3.1.2.3. Iteración tres, “Portal: Páginas de participación”

Tabla 23. Iteración (Sprint) tres del proyecto


7 Portal: Desarrollo plantilla de nueva participación Diego Estrada 3

8 Portal: Desarrollo plantilla de participación Diego Estrada 3


almacenamiento en la nube Diego Estrada 3


participaciones Javier Toquica 3

37 Portal: Desarrollo página de nueva participación Javier Toquica 3

38 Portal: Desarrollo página de participación Javier Toquica 3


59

Se codifica las funcionalidades requeridas para poder crear participaciones en la plataforma, garantizando que se puedan vincular imágenes y videos de YouTube para luego ser consultada para determinar si tiene una percepción positiva o negativa por parte de otros usuarios, posibilidad de responder con comentarios, compartir en redes sociales.

3.1.2.4. Iteración cuatro, “Portal: Páginas de cuenta de usuario”

Tabla 24. Iteración (Sprint) cuatro del proyecto


9 Portal: Desarrollo plantilla de cuenta de usuario Diego Estrada 4


reputación de usuario Javier Toquica 4

39 Portal: Desarrollo página de cuenta de usuario Diego Estrada 4


Se codifica la pantalla de cuenta de usuario en la cual se puede consultar los datos básicos del usuario registrado en la plataforma, el puntaje acumulado, número de participaciones, ultimas participaciones y medallas obtenidas hasta el momento. En este espacio se debe permitir el cambio de la contraseña.

3.1.2.5. Iteración cinco, “Administrador: Página de inicio de sesión y publicaciones”

Tabla 25. Iteración (Sprint) cinco del proyecto

No. Tarea


10 Administrador: Desarrollo de plantilla de Inicio de

sesión Diego Estrada 5


publicaciones Diego Estrada 5

26 Servicio Web: Creación de métodos adicionales

para administración publicaciones Javier Toquica 5

40 Administrador: Desarrollo de página de Inicio de

sesión Javier Toquica 5


publicaciones Javier Toquica 5


60

Se codifican para el administrador las plantillas de inicio de sesión, la plantilla para administrar las publicaciones, se almacena las sesiones de usuario por base de datos, y se crea la página funcional de inicio de sesión y se realizan tareas adicionales para administrar las publicaciones.

3.1.2.6. Iteración seis, “Administrador: Páginas temáticas y sub-temáticas”

Tabla 26. Iteración (Sprint) seis del proyecto





sub-temáticas Diego Estrada 6


para administración temáticas Diego Estrada 6


para administración sub-temáticas Javier Toquica 6

43 Administrador: Desarrollo de página de administrar



sub-temáticas Javier Toquica 6


Se desarrollan para el administrador las plantillas de administración de temáticas y sub-temáticas, y luego se implementa las funcionales para el desarrollo de las páginas de administración de temáticas y sub-temáticas, es necesario unos métodos adicionales en el servicio web para que las imágenes estén almacenadas como blobs, para que tener el correcto funcionamiento de las páginas de temáticas y sub-temáticas.

3.1.2.7. Iteración siete, “Administrador: Páginas de cuenta de usuarios”

Tabla 27. Iteración (Sprint) siete del proyecto

No. Tarea



usuarios de plataforma Diego Estrada 7


usuarios administradores Diego Estrada 7

61


para administración usuarios Javier

Toquica 7


usuarios de plataforma Diego Estrada 7


usuarios administradores Javier

Toquica 7


Se codifica las plantillas para que el administrador pueda realizar la administración de los usuarios de la plataforma y de los administradores, mediante procedimientos almacenados se crean funciones para poder implementar las páginas funcionales de administración de usuarios de la plataforma y administradores.

3.1.2.8. Iteración ocho, “Administrador: Páginas de reportes y DASHBOARD”

Tabla 28. Iteración (Sprint) ocho del proyecto

No. Tarea


11 Administrador: Desarrollo de plantilla de Inicio

(DASHBOARD) Diego Estrada 8

17 Administrador: Desarrollo de plantilla de reportes Diego Estrada 8

30 Servicio Web: Creación de métodos reportes Javier Toquica 8

41 Administrador: Desarrollo de página de Inicio

(DASHBOARD) Diego Estrada 8

47 Administrador: Desarrollo de página de reportes Javier Toquica 8


Se lleva a cabo las ultimas plantillas para la página principal del administrador y los reportes de la plataforma, se realiza en el servicio web los métodos correspondiente a la parte de reportes y se finaliza la entrega del proyecto final al desarrollar la página de inicio del administrador y de reportes funcionando e integradas con las demás. 3.1.3. Gráficos Burn Up A continuación se puede ver cómo fue la evolución del desarrollo de los entregables de software del proyecto y como en cada una de las iteraciones se iban cumpliendo en el tiempo según lo planeado con algún marguen de desfase. En el Anexo C se puede apreciar a detalle como fue el comportamiento del desarrollo en cada uno de las iteraciones (Sprint) ejecutados.

62

Tabla 29. Burn Up general del proyecto

No. Iteración Descripción No. Horas Planeado

No. Horas Ejecutado

1 Sprint 1 160 166

2 Sprint 2 120 132

3 Sprint 3 80 87

4 Sprint 4 40 42

5 Sprint 5 80 76

6 Sprint 6 80 85

7 Sprint 7 80 79

8 Sprint 8 80 83


Figura 20. Gráfica de Burn Up del proyecto


63

3.1.4. Gráficos Burn Down

Se relaciona la evolución que tuvo el proyecto a través de su desarrollo. Puede notarse que se compara lo que estuvo planeado contra lo que se ejecutó. El proyecto tuvo un retrase de 30 horas, lo que equivale a menos de 4 días laborales estándar de 8 horas, debido a imprevistos, sin embargo se nota que la planeación estuvo acorde al tipo de proyecto.

En el Anexo D se puede apreciar a detalle como fue el comportamiento del desarrollo en cada uno de las iteraciones (Sprint) ejecutados.

Tabla 30. Burn Down general del proyecto

Sprint

No. Horas Planeadas

del proyecto

No. Horas ejecutada

del proyecto

No. Horas ideales

Tareas pendientes

Tareas ideales

1 160 166 720 720 720

2 120 132 630 554 560

3 80 87 540 422 440

4 40 42 450 335 360

5 80 76 360 293 320

6 80 85 270 217 240

7 80 79 180 132 160

8 80 83 90 53 80

Final

Iteración 0 -30 0


64

Figura 21. Gráfica Burn Down del proyecto


3.1.5. Retrospectiva (Sprint Retrospective)

Tabla 31. Retrospectiva (Sprint Retrospective)

Retrospectiva Plataforma colaborativa para la participación

ciudadana

Iteración Acciones positivas Acciones a corregir Recomendaciones y

mejoras

Sprint 1

Se buscó una buena plantilla base, lo que permitió una rápida codificación de las páginas del portal

No hubo problemas mayores. Hubo un retraso notable en la tarea 18

Se recomienda leer de manera más exhaustiva la documentación de la plantilla base

Sprint 2 La codificación de plantillas se ciñe a lo estimado

Hubo retrasos en las tareas 19 y 20, falta mejorar las estimaciones de las tareas

Los miembros del equipo de desarrollo deben reunirse más seguido si tienen problemas

Sprint 3

Se tuvo en cuenta la nueva versión del framework de azure blob y rápido se actualizo esto en el servicio web

Se debe tener presentes los cambios del framework para que no quede obsoleto el código

Revisar la documentación del framework de azure blob para evitar desarrollar de mas

-303090

150210270330390450510570630690750

Sprint 1 2 3 4 5 6 7 8

BURN DOWN DEL PROYECTO

Sprint No. Horas ideales Tareas pendientes Tareas ideales

65

Sprint 4

Hubo pocos retrasos, se realizó una buena estimación de las tareas

No hubo problemas mayores.

No olvidar las reuniones semanales

Sprint 5

De nuevo la plantilla base elegida fue una con vistas apropiadas. Se terminó antes del tiempo propuesto.

No hubo problemas mayores.

Se recomienda la programación en parejas para los métodos del servicio web

Sprint 6

Se revisó la base de datos y los procedimientos almacenados y se optimizaron

No tardarse tanto en las tareas si se ve que están cerca de culminar

Debe haber mejor comunicación con el scrum master ante dudas de un miembro

Sprint 7 se realizan pruebas a medida que se termina el administrador

El equipo debe estar más concentrado en los tiempo de entrega y sus estimaciones

Se recomienda la programación en parejas para los métodos del servicio web

Sprint 8 El equipo desarrollo termino un poco antes de lo planeado

los tiempos no se están cumpliendo, revisar tareas pendientes

El dueño del producto debe estar más pendiente de los plazos de entrega


3.1.6. Historial de revisiones

Estas revisiones fueron las requeridas para culminar el cien por ciento de las metas planteadas para este prototipo del sistema y quedan expuestas algunas mejoras que podrían ser contempladas para la siguiente iteración PHVA en busca de la mejora continua y la optimización.

Tabla 32. Historial de revisiones (versiona miento)

Fecha Versión Descripción Autor

03/07/2015

PlataformaWeb_V01 WsPlataformaCiudadana_V01

Versión con página de inicio, autenticación, registro y recuperación de contraseña. Servicio web que realiza la Transaccionabilidad y procedimientos almacenados.

Javier Toquica Diego Estrada

66

24/07/2015


Versión de actualización con páginas de sub-temáticas y lista de participaciones, servicio WEB con librerías y métodos de mensajería, y seguridad. Corrección de incidentes de la primera versión.


07/08/2015


Versión de actualización con páginas participación y gestión de votaciones y respuestas en la plataforma, servicio WEB con librerías y métodos de almacenamiento de imágenes en la nube. Corrección de incidentes de la segunda versión.


14/08/2015


Versión de actualización con páginas de cuenta de usuario para cambios de contraseña, consulta de reputación y medallero, servicio WEB con métodos para consultar los datos de cuenta y medallero, habitación de puntajes en acciones del portal. Corrección de incidentes de la tercera versión.


28/08/2015

PlataformaWeb_V05_Beta PlataformaAdministracion_V01 WsPlataformaCiudadana_V05

Versión de actualización del portal con ajuste de incidentes de cuarta versión, entrega de primera versión del portal administrativo, inicio de sesión y administración de participaciones, versión de servicio web con métodos de administración.


67

11/09/2015

PlataformaWeb_V06_Estable PlataformaAdministracion_V02 WsPlataformaCiudadana_V06

Versión de actualización del portal con ajuste de incidentes de quinta versión, entrega de páginas de administración de temáticas y sub-temáticas, versión de servicio web con métodos de administración nuevos. Ajustes a incidentes de versión anterior.


25/09/2015

PlataformaAdministracion_V03 WsPlataformaCiudadana_V07

Entrega de páginas de administración de usuarios administradores y de plataforma, versión de servicio web con métodos de administración nuevos. Ajustes a incidentes de versión anterior.


09/10/2015

PlataformaAdministracion_V04_Beta WsPlataformaCiudadana_V08_Beta

Entrega de páginas de reportes y DASHBOARD del administrador, versión de servicio web con métodos de administración nuevos. Ajustes a incidentes de versión anterior.


04/12/2015

PlataformaAdministracion_V05_Estable WsPlataformaCiudadana_V09_Estable

Ajustes a incidentes de versión anterior, versión estable de entregables



68

4. FASE DE VERIFICAR

4.1. IMPLEMENTACIÓN Y DESPLIEGUE

A continuación se muestra la configuración utilizada para realizar el despliegue en el Cloud de Azure.

Figura 22. Configuración del paquete de despliegue


Antes de generar el paquete de despliegue se debe indicar el número de instancias (servidores) en lo que se va a instalar la aplicación en la nube, adicionalmente se debe configurar el almacenamiento.

Figura 23. Generación de paquete de despliegue


69

Figura 24. Servicios en la nube


En el portal de administración de Microsoft Azure, se crea un sitio donde se realizara el despliegue del paquete generado en el paso anterior. Se muestra la zona geográfica donde estará respondiendo las peticiones de la plataforma.

Figura 25. Paquetes de instalación y despliegue


70

Los paquetes son generados y quedan listos para ser desplegados y publicados en la nube de Microsoft.

Figura 26. Despliegue final en Azure.


Ya en este espacio, es donde se toman los paquetes generados anteriormente y son cargados finalmente como servicios en la nube de Microsoft.

4.2. PRUEBAS DE INTERACCIÓN DEL SISTEMA

Tabla 33. Resumen de resultado de pruebas portal Bogotá segura.

Portal Web: Plataforma Mi Bogotá Segura

Sección Acción Descripción Datos de salida Resultado

Inic

io

Cargue de banner

Se prueban que carguen los banner, con las

imágenes respectivas, se ve que roten y ver

imagen mini en el control.

Carga los banner, rotan cada 7 segundos y

permite cambiar la información que carga desde la base de datos

Exitoso

71

Navegación por menú superior

Se prueba resolución en diferentes pantallas

validan funcionalidad, se verifica dinamismo al

crear una nueva temática.

Banner que rotan Exitoso

Navegación por menú principal

Menú con temáticas, e ingreso a cuenta de

usuario.

Salen las temáticas que

están creadas en base de datos, tienen bien los hipervínculos.

Exitoso

Cargue de temáticas de la plataforma

Ver temáticas, logo cargado desde blobs, y

descripción corta.

Se ven las temáticas, se

hacen cambios desde el

administrador y se ven reflejados

inmediatamente en la lectura de

los datos.

Exitoso

Ciudadanos destacados

Listar los 5 usuarios con más participaciones en

las acciones de la plataforma.

Steven los usuarios con más

participaciones organizados de mayor a menor.

Exitoso

Nube de etiquetas

Ver las palabras con más actividad en los gags que

se ingresan en la plataforma.

Se ve la nube de gags con las

palabras con más actividad en la

plataforma.

Exitoso

Noticias de actualidad recomendadas

Ver las 3 primeras noticias del RSS del

tiempo

Se ven las noticias de actualizada en

el portal.

Exitoso

Cu

en

ta

Registro de usuarios mayor de edad

Permitir ingresar la información del formulario

validando que sea un mayor de edad. Se

coloca como fecha de nacimiento 10-10-1988

Registra el usuario de manera

correcta en la plataforma.

Exitoso

Registro de usuarios con tutor

Permitir ingresar la información del formulario

validando que sea un menor de edad y solicite

el correo del tutor. Se coloca como fecha de nacimiento 10-10-1988

Registra el usuario de manera

correcta en la plataforma.

Exitoso

Correo de activación Ver correo de activación de la cuenta en el correo

electrónico

Llega correo a Hotmail, gmail y

yahoo

Exitoso

72

Activación de cuenta de usuario

Usuario da clic en correo para redirigir y activar

cuenta

Se redirige a página y activa la

cuenta.

Exitoso

Autentican de usuarios Ingresar a la plataforma

con el usuario Nick y contraseña

Ingresa de manera correcta a

la cuenta.

Exitoso

Recuperación de contraseña

Envió por correo electrónico de una nueva contraseña, para que el

usuario la cambie cuando ingrese a la plataforma.

Llega el correo con una nueva

contraseña.

Exitoso

Ingreso a perfil de usuario

Ver la cuenta del usuario, medallas, puntaje y

últimas participaciones.

Se ven los datos esperados y se

listan las últimas participaciones.

Exitoso

Cambio de contraseña El usuario estando autenticado solicita

cambiar la contraseña.

Se puede cambiar la contraseña

Exitoso

Consulta de medallero (Rating)

Listar las medadlas obtenidas

Se pueden ver las medallas

obtenidas en la plataforma.

Exitoso

correo con nueva contraseña

Envió de correo informando el cambio en

la contraseña.

Llega correo a las bandejas de

gmail, hotmail y yahoo

Exitoso

Su

b-T

em

áti

cas

Listar sub-temáticas

Ver las sub-temáticas configuras en cada una

de las temáticas

Se ven los contenidos de

manera correcta para las temáticas

Exitoso

Redirigir a galería

Ver la galería relacionada con la temática

Se ve la galería con las imágenes que están en las

bibliotecas de Blobs

Exitoso

Ver ultimo usuario en participar

Ver en cada sub-temática quien es el último usuario

que participó.

Se ve último usuario en

participar, de no haber participado ninguno, muestra una imagen por

defecto.

Exitoso

Pa

rtic

ipac

ion

es

Listar participaciones más recientes

Se deben ver las últimas participaciones

organizadas de la más reciente a la más antigua

paginando.

Listas las participaciones realizadas para una temática

particular.

Exitoso

Botón de crear participación con sesión

cerrada

redirigir a la pantalla de inicio de sesión

Redirige a esta pantalla y permite iniciar la sesión.

Exitoso

73

Botón de crear participación con sesión

abierta

Redirige a formulario de crear participación.

Se muestra el formulario.

Exitoso

Navegación a opción anterior

Permitir regresar a la lista de participaciones

Regresa a la lista de participaciones.

Exitoso

Crear una participación Permitir crear una

participación. Se crea

participación Exitoso

Adjuntar link de imagen Permitir asociar el link de

una imagen Permite ubicar la

URL para adjuntar la imagen

Exitoso

Escribir Tags Permite escribir las

palabras claves separados por ,

Se guardaban los Tags de manera

correcta

Exitoso

Adjuntar URL de video de YouTube

Permitir escribir una URL de YOUTUBE

Se adjunta URL y crea la

participación de manera exitosa.

Exitoso

Previsualizar

Permitir Previsualizar la publicación antes de guardarla en base de

datos.

Permite Previsualizar la

publicación antes de guardarla en base de datos.

Exitoso

Visualizar participación

Ver la participación que fue creada

Se ve la participación

creada de manera correcta.

Exitoso

Votar positivo

Sumar más un voto por usuario para una

participación

Sumar más un voto por usuario

para una participación

Exitoso

Votar Negativo Restar un voto por usuario para una

participación

Restar un voto por usuario para una

participación

Exitoso

responder a participación

Poder responder a una participación

Se puede ver la respuesta a una participación en

particular

Exitoso

Editar publicación

Permite al usuario dueño de la conversación editar la participación si no han pasado más de 24 horas

Se valida y permite al usuario

dueño de la conversación

editar la participación si no han pasado más

de 24 horas

Exitoso

Eliminar publicación No permitir eliminar la

publicación, No permite eliminar la

publicación.

Exitoso


74

Tabla 34. Resumen de resultado de pruebas portal de administración

Administrador Web: Plataforma Mi Bogotá Segura

Sección Acción Descripción Datos de salida Resultado

Pu

bli

cac

ion

es

Listar publicaciones existentes

Se listan correctamente todas las publicaciones, se prueba en diferentes resoluciones de pantalla y navegadores web

Lista correctamente, si no existen publicaciones aparece mensaje, pagina correctamente

Exitoso

Editar publicaciones

Se editan los campos correctamente todas las publicaciones, se prueba en diferentes resoluciones de pantalla y navegadores web

Se editan correctamente las publicaciones, se validan los campos bien, guarda los cambios correctamente

Exitoso

Borrar publicaciones

Se borran correctamente de la plataforma y de la base de datos todas las publicaciones, se prueba en diferentes resoluciones de pantalla y navegadores web

Se borra correctamente la publicación, se confirma el borrado, en caso negativo aborta la acción

Exitoso

Tem

áti

cas

y s

ub

-te

máti

cas

Listar temáticas y sub-temáticas

Se listan correctamente todas las temáticas, se prueba en diferentes resoluciones de pantalla y navegadores web

Lista correctamente, si no existen temáticas aparece mensaje, pagina correctamente

Exitoso

Editar temáticas y sub-temáticas

Se editan correctamente los campos de todas las temáticas, se prueba en diferentes resoluciones de pantalla y navegadores web

Se editan correctamente las temáticas, se validan los campos bien, guarda los cambios correctamente

Exitoso

Crear temáticas y sub-temáticas

Se crean correctamente todas las temáticas, se prueba en diferentes resoluciones de pantalla y navegadores web

Se crean correctamente las temáticas, se validan los campos bien, guarda los cambios correctamente

Exitoso

75

Borrar temáticas y sub-temáticas

Se borran correctamente de la plataforma y de la base de datos todas las temáticas, se prueba en diferentes resoluciones de pantalla y navegadores web

Se borra correctamente la temáticas, se confirma el borrado, en caso negativo aborta la acción

Exitoso

Us

ua

rio

s

Listar usuarios

Se listan correctamente todas los usuarios, se prueba en diferentes resoluciones de pantalla y navegadores web

Lista correctamente, si no existen usuarios aparece mensaje, pagina correctamente

Exitoso

Editar usuarios

Se editan correctamente todas los usuarios, se cambian campos y contraseña, se prueba en diferentes resoluciones de pantalla y navegadores web

Se editan correctamente los usuarios, se validan los campos bien, se cambian contraseñas bien, guarda los cambios correctamente

Exitoso

Crear usuarios

Se crean correctamente todas los usuarios, se prueba en diferentes resoluciones de pantalla y navegadores web

Se crean correctamente los usuarios, se validan los campos bien, es consistente en la base de datos, guarda los cambios correctamente

Exitoso

Borrar usuarios

Se borran correctamente de la plataforma y de la base de datos todas los usuario, se prueba en diferentes resoluciones de pantalla y navegadores web

Se borra correctamente los usuarios, se confirma el borrado, en caso negativo aborta la acción

Exitoso

Re

po

rte

s

Generar reportes

Se generan correctamente los reportes según los datos registrados en el sistema

Se generan correctamente los reportes según los datos registrados en el sistema

Exitoso


76

5. FASE DE ACTUAR

Durante las iteraciones de Scrum, o Sprint, se procedió a realizar la codificación y pruebas técnicas de modo que se verificaba que el código funcionara de manera correcta, se realizaban las respectivas validaciones a los datos de entrada y se realizaban las acciones pertinentes para verificar el funcionamiento según se requería.

Al final de cada Sprint o iteración, se realizaba la reunión de retrospectiva en la que el dueño del producto buscaba no conformidades, aunque estas nunca se encontraron ya que tanto el equipo de desarrollo, el Scrum master y el dueño del negocio estaban al tanto del desarrollo del proyecto aportando sus ideas y conocimientos.

Por lo tanto, el proyecto cumplió lo que se definió en las delimitaciones y el alcance, entonces en esta fase se procede a listar algunas características que podrían implementarse para una siguiente versión del producto que se recogió por todo el equipo Scrum.

Que tenga soporte para otros tipos de temáticas: La plataforma está enfocada en

la seguridad ciudadana, debido a la actual estructura del proyecto, puede admitir

todas las temáticas y sub-temáticas que se quieran, siendo una plataforma de

colaboración ciudadana con distintas temáticas como salud, empleo, opinión ente

otras.

La plataforma actualmente es accesible desde cualquier navegador moderno de

celular, Tablet o computador sin importar su sistema operativo o navegador, ya

que tiene un diseño responsivo. Puede esta plataforma tener aplicaciones nativas

para los sistemas operativos más populares de los teléfonos inteligentes, es decir,

tener aplicaciones nativas para Android, iOS o Windows phone.

Al igual que en las páginas de muchos foros, en la plataforma no aloja las

imágenes, sino que deben estar alojadas en un servidor. Esto se hizo ya que si

esto se permite quedarían alojadas en los servidores de Microsoft y generarían un

costo por el almacenamiento y esta es una versión de prueba de ámbito

académico. La recomendación es que a futuro la plataforma permita alojar las

imágenes de manera local, si se tuviera la infraestructura.

La mayoría de dispositivos celulares modernos poseen un GPS u otro medio de

geo localización, incluso algunos navegadores web lo permiten, así que sería una

recomendación para una futura versión que tuviera la opción de geo localización.

77

CONCLUSIONES

Se logra realizar un levantamiento de información y respectivo análisis mediante una encuesta realizada en la que se obtienen las temáticas de más alto impacto entre la comunidad.

Se desarrolla un prototipo de plataforma web administrado a través de la metodología de gestión de proyectos PHVA y ejecutada bajo la metodología de desarrollo ágil SCRUM, lo que permitió lograr los objetivos planteados en el proyecto en poco tiempo.

El uso de la arquitectura MVC en el desarrollo de la plataforma facilitó la creación de vistas dinámicas usando diseño responsivo, simplificando el mantenimiento de la plataforma y facilitando el desarrollo del prototipo.

Se culmina el desarrollo de los módulos propuestos cumpliendo con las funcionalidades comprometidas en cada uno de los entregables de software, comprobando su cumplimiento a través de cada iteración de Scrum.

Se desplegó en la nube de Microsoft la plataforma donde se accedió a una infraestructura robusta, con políticas de seguridad, escalabilidad y alta disponibilidad.

Se realiza una prueba piloto de la plataforma en la nube de Microsoft con una muestra poblacional pequeña en la UPZ 66 en la que se obtuvo retroalimentación positiva de parte de la comunidad. Los aportes se tienen en cuenta como puntos de mejora para futuras versiones de la plataforma.

78

RECOMENDACIONES PARA FUTURAS VERSIONES

Que tenga soporte para otros tipos de temáticas: La plataforma está enfocada en

la seguridad ciudadana, debido a la actual estructura del proyecto, puede admitir

todas las temáticas y sub-temáticas que se quieran, siendo una plataforma de

colaboración ciudadana con distintas temáticas como salud, empleo, opinión ente

otras.

La plataforma actualmente es accesible desde cualquier navegador moderno de

celular, Tablet o computador sin importar su sistema operativo o navegador, ya

que tiene un diseño responsivo. Puede esta plataforma tener aplicaciones nativas

para los sistemas operativos más populares de los teléfonos inteligentes, es decir,

tener aplicaciones nativas para Android, iOS o Windows Phone.

Al igual que en las páginas de muchos foros, en la plataforma no aloja las

imágenes, sino que deben estar alojadas en un servidor. Esto se hizo ya que si

esto se permite quedarían alojadas en los servidores de Microsoft y generarían un

costo por el almacenamiento y esta es una versión de prueba de ámbito

académico. La recomendación es que a futuro la plataforma permita alojar las

imágenes de manera local, si se tuviera la infraestructura.

La mayoría de dispositivos celulares modernos poseen un GPS u otro medio de

geo localización, incluso algunos navegadores web lo permiten, así que sería una

recomendación para una futura versión que tuviera la opción de geo localización.

REFERENCIAS

79

B.M Harwani, jQuery Recipes, A problem- Solution Approach, Editorial Apress, United States of America, 2010.

Richard Hundhausen, Professional Scrum Development with Microsoft® Visual Studio® 2012, Microsoft Press, 2012.

Eguíluz Pérez, Javier, Introducción a Ajax, Editorial libros web, España, 2008.

Kauchakje, S., Penna, M. C., Frey, K., & Duarte, F. Redes socio-técnicas y participación ciudadana: propuestas conceptuales y analíticas para el uso de las TICs. Redes: Revista Hispana Para El Análisis de Redes Sociales, (11), 3. 2006.

Allsopp, J. A Dao of Web Design. A List Apart, 58. 2000. González, Y. D., & Romero, Y. F. Patrón Modelo-Vista-Controlador. Revista

Telem@ tica, 11(1), 47-57. 2012. Delitos de mayor impacto social en Bogotá. Recuperada de:

http://es.slideshare.net/donorlan/estadisticas-delitos-de-mayor-impacto-social-en-bogota-boletin-agora-consultorias. 2015.

Documentación de Microsoft del uso de Blobs en Azure: Recuperada de: https://azure.microsoft.com/es-es/documentation/articles/storage-dotnet-how-to-use-blobs/. 2015.

Metodologías PHVA y SCRUM. Recuperada de: http://openaccess.uoc.edu/webapps/o2/bitstream/10609/17885/1/mtrigasTFC0612memoria.pdf. 2015.

Paula Gonzalo. 10 Mapas de información ciudadana para entender el poder de la colaboración. Consultado de: http://www.periodismociudadano.com/2013/09/06/10-mapas-de-informacion-ciudadana-para-entender-el-poder-de-la-colaboracion/, 2015.

Información de licencia de imágenes y fotos del sitio web freeimages.com, Recuperada de http://www.freeimages.com/license, 2015.

http://es.slideshare.net/donorlan/estadisticas-delitos-de-mayor-impacto-social-en-bogota-boletin-agora-consultorias

http://es.slideshare.net/donorlan/estadisticas-delitos-de-mayor-impacto-social-en-bogota-boletin-agora-consultorias

https://azure.microsoft.com/es-es/documentation/articles/storage-dotnet-how-to-use-blobs/

https://azure.microsoft.com/es-es/documentation/articles/storage-dotnet-how-to-use-blobs/

http://openaccess.uoc.edu/webapps/o2/bitstream/10609/17885/1/mtrigasTFC0612memoria.pdf

http://openaccess.uoc.edu/webapps/o2/bitstream/10609/17885/1/mtrigasTFC0612memoria.pdf

http://www.periodismociudadano.com/2013/09/06/10-mapas-de-informacion-ciudadana-para-entender-el-poder-de-la-colaboracion/

http://www.periodismociudadano.com/2013/09/06/10-mapas-de-informacion-ciudadana-para-entender-el-poder-de-la-colaboracion/

http://www.freeimages.com/license

prototipo de plataforma web de participaciÓn enfocada a la...

Documents