Prototipo de Plataforma Web de Participación Enfocada A La Seguridad Ciudadana

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
3
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
4
Nota de aceptación
_______________________________
_______________________________
_______________________________
_____________________________
Firma de Tutor
_____________________________
Firma del Jurado
_____________________________
Firma del Jurado
Bogotá D.C. Febrero 25 de 2016.
3
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.
4
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.
5
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
6
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
7
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
8
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
9
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
10
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
11
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.
12
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.
13
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]
14
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/RevistaCriminalidadVol
51Numero1.pdf [Consultado 14 Noviembre 2014]
15
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
16
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?
17
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
18
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.0004de1f
7b9f832178431&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]
19
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]
20
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]
21
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]
22
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
23
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.
24
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]
25
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]
26
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.
27
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.
28
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
29
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.
30
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.
31
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)
32
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.
33
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 Validación de requisitos, especificación, y captura de datos, interactuando con el grupo
Desarrolladores 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
Servicios de
3 1 16 0,5 80000 1 $ 520.000
Luz
Impresiones y
4 1 16 0,5 10000 1 $ 65.000
Papelería
Encuadernaci
5 3 16 0,5 13000 1 $ 253.500
ón de Tesis
TOTAL $3.243.500
34
1.13.3. Recursos de software
Tabla 3. Recursos de software licencias de estudiante
Ítem Valor
Recurso Cantidad Valor
Unitario
1 Licencia Windows 10 for Education 2 0 0

Licencia Visual Studio 2013 para estudiantes (se usa el
2 2 0 0
Framework v4.5)
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

Licencia Visual Studio 2013
2 PROFESIONAL (se usa el Framework 2 418,8 USD 418,8 USD
v4.5)
3 SDK de Microsoft Azure 1 0 0
Licencias de SQL Server 2014 Estándar
4 1 45016,2 USD 45016,2
(Vitalicia 2 Core)
5 Bizagi process Modeler 2 0 0
Máquinas virtuales (compromiso 343,73 USD /
6 744 Horas 343,73 USD
monetario en Azure) Mes
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
35
1.14. CRONOGRAMA
36
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.
37
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

38
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.
39
Tabla 5. Lista de taxonomías
Taxonomia Padre Taxonomia Hija

Taxis
SITP y Buses particulares
Medios de transporte Transmilenio
Particulares
Medios alternativos de transporte
Hurtos
Riñas callejeras
Las calles de mi entorno
Zonas recreativas
Zonas comerciales
Tribus Urbanas
Mi Barrio
Accion Comunal
Calidad de servicio
Presencia de autoridades
Gobierno y autoridades
Atencion en emergencias
Impunidad
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.
40
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.
41
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.
42
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
43
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.
44
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.
45
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
46
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
47
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.
48
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
49
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
50
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
51
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
52
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
53
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 Scrum Master /
Barrera jitoquicab@gmail.com Team
Product Owner /
Diego Alberto Estrada
daep996@gmail.com 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.
54
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
Portal: Desarrollo plantilla de participaciones en sub-
6 2
temáticas
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
Administrador: Desarrollo de plantilla de Inicio
11 8
(DASHBOARD)
Administrador: Desarrollo de plantilla de administrar
12 5
publicaciones
13 6
temáticas
Administrador: Desarrollo de plantilla de administrar sub-
14 6
temáticas
Administrador: Desarrollo de plantilla de administrar usuarios
15 7
de plataforma
Administrador: Desarrollo de plantilla de administrar usuarios
16 7
administradores
17 Administrador: Desarrollo de plantilla de reportes 8
Servicio Web: Creación de métodos gestión cuenta de
18 1
usuario
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
Servicio Web: Creación de métodos gestión de
21 3
almacenamiento en la nube
22 Servicio Web: Creación de métodos gestión de temáticas 1
Servicio Web: Creación de métodos gestión de sub-
23 2
temáticas
24 3
participaciones
Servicio Web: Creación de métodos gestión de reputación
25 4
de usuario
Servicio Web: Creación de métodos adicionales para
26 5
administración publicaciones
27 6
administración temáticas
55
28 6
administración sub-temáticas
29 7
administración usuarios
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
Portal: Desarrollo página de participaciones en sub-
36 2
temáticas
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
Administrador: Desarrollo de páginas de Inicio
41 8
(DASHBOARD)
Administrador: Desarrollo de páginas de administrar
42 5
publicaciones
43 6
temáticas
Administrador: Desarrollo de páginas de administrar sub-
44 6
temáticas
45 7
usuarios de plataforma
46 7
usuarios administradores
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.
56
Tabla 20. Planificación de iteraciones (Sprint Planning)
No. Tareas No.
No.
Descripción Acumulada Semana
Iteración
s 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
Administrador: página de inicio de sesión y
5 5 2
publicaciones
6 Administrador: páginas temáticas y sub-temáticas 6 2
7 Administrador: páginas de cuenta de usuarios 5 2
Administrador: Páginas de reportes y
8 5 2
DASHBOARD
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
Portal: Desarrollo plantilla de recuperación de
3 Diego Estrada 1
contraseña
4 Portal: Desarrollo plantilla de registro de usuario Diego Estrada 1
Servicio Web: Creación de métodos gestión cuenta
18 Javier Toquica 1
de usuario
22 Javier Toquica 1
temáticas
31 Portal: Desarrollo página de Inicio (Índex) Javier Toquica 1
32 Portal: Desarrollo página de inicio de sesión Diego Estrada 1
Portal: Desarrollo página de recuperación de
33 Javier Toquica 1
contraseña
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
57
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.
Descripción Responsable Prioridad
Tarea
5 Portal: Desarrollo plantilla de sub-temáticas Diego Estrada 2
Portal: Desarrollo plantilla de participaciones en sub-
6 Diego Estrada 2
temáticas
19 Javier Toquica 2
mensajería
20 Javier Toquica 2
seguridad
Servicio Web: Creación de métodos gestión de sub-
23 Javier Toquica 2
temáticas
35 Portal: Desarrollo página de sub-temáticas Diego Estrada 2
Portal: Desarrollo página de participaciones en sub-
36 Diego Estrada 2
temáticas
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

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

8 Portal: Desarrollo plantilla de participación Diego Estrada 3
21 Diego Estrada 3
almacenamiento en la nube
24 Javier Toquica 3
participaciones
37 Portal: Desarrollo página de nueva participación Javier Toquica 3
38 Portal: Desarrollo página de participación Javier Toquica 3
58
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

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

25 Javier Toquica 4
reputación de usuario
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
Administrador: Desarrollo de plantilla de Inicio de
10 Diego Estrada 5
sesión
12 Diego Estrada 5
publicaciones
Servicio Web: Creación de métodos adicionales
26 Javier Toquica 5
para administración publicaciones
Administrador: Desarrollo de página de Inicio de
40 Javier Toquica 5
sesión
42 Javier Toquica 5
publicaciones
59
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

No.

13 Diego Estrada 6
temáticas
14 Diego Estrada 6
sub-temáticas
27 Diego Estrada 6
para administración temáticas
28 Javier Toquica 6
para administración sub-temáticas
Administrador: Desarrollo de página de administrar
43 Javier Toquica 6
temáticas
44 Javier Toquica 6
sub-temáticas
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
15 Diego Estrada 7
16 Diego Estrada 7
usuarios administradores
60
Servicio Web: Creación de métodos adicionales Javier
29 7
para administración usuarios Toquica
45 Diego Estrada 7
Administrador: Desarrollo de página de administrar Javier
46 7
usuarios administradores Toquica
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
Administrador: Desarrollo de plantilla de Inicio
11 Diego Estrada 8
(DASHBOARD)
17 Administrador: Desarrollo de plantilla de reportes Diego Estrada 8
30 Servicio Web: Creación de métodos reportes Javier Toquica 8
Administrador: Desarrollo de página de Inicio
41 Diego Estrada 8
(DASHBOARD)
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.
61
Tabla 29. Burn Up general del proyecto
No. Iteración No. Horas No. Horas

Descripción
Planeado 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
62
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
No. Horas No. Horas

Planeadas ejecutada No. Horas Tareas Tareas
Sprint
del del ideales pendientes ideales
proyecto proyecto
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
0 -30 0
Iteración
63
Figura 21. Gráfica Burn Down del proyecto
BURN DOWN DEL PROYECTO

750
690
630
570
510
450
390
330
270
210
150
90
30
-30
Sprint 1 2 3 4 5 6 7 8
Sprint No. Horas ideales Tareas pendientes Tareas ideales
3.1.5. Retrospectiva (Sprint Retrospective)
Tabla 31. Retrospectiva (Sprint Retrospective)

Retrospectiva Plataforma colaborativa para la participación
ciudadana
Recomendaciones y
Iteración Acciones positivas Acciones a corregir
mejoras
Se buscó una buena Se recomienda leer de
No hubo problemas
plantilla base, lo que manera más
mayores. Hubo un
Sprint 1 permitió una rápida exhaustiva la
retraso notable en la
codificación de las documentación de la
tarea 18
páginas del portal plantilla base
Hubo retrasos en las Los miembros del
La codificación de tareas 19 y 20, falta equipo de desarrollo
Sprint 2 plantillas se ciñe a lo mejorar las deben reunirse más
estimado estimaciones de las seguido si tienen
tareas problemas
Se tuvo en cuenta la
Se debe tener Revisar la
nueva versión del
presentes los cambios documentación del
framework de azure
Sprint 3 del framework para framework de azure
blob y rápido se
que no quede obsoleto blob para evitar
actualizo esto en el
el código desarrollar de mas
servicio web
64
Hubo pocos retrasos,
se realizó una buena No hubo problemas No olvidar las
Sprint 4
estimación de las mayores. reuniones semanales
tareas
De nuevo la plantilla Se recomienda la
base elegida fue una programación en
No hubo problemas
Sprint 5 con vistas apropiadas. parejas para los
mayores.
Se terminó antes del métodos del servicio
tiempo propuesto. web
Se revisó la base de
No tardarse tanto en Debe haber mejor
datos y los
las tareas si se ve que comunicación con el
Sprint 6 procedimientos
están cerca de scrum master ante
almacenados y se
culminar dudas de un miembro
optimizaron
Se recomienda la
El equipo debe estar
se realizan pruebas a programación en
más concentrado en
Sprint 7 medida que se termina parejas para los
los tiempo de entrega
el administrador métodos del servicio
y sus estimaciones
web
los tiempos no se El dueño del producto
El equipo desarrollo
están cumpliendo, debe estar más
Sprint 8 termino un poco antes
revisar tareas pendiente de los
de lo planeado
pendientes 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

Versión con página de
inicio, autenticación,
Javier
registro y recuperación de
Toquic
03/07/201 PlataformaWeb_V01 contraseña. Servicio web
a
5 WsPlataformaCiudadana_V01 que realiza la
Diego
Transaccionabilidad y
Estrada
procedimientos
almacenados.
65
Versión de actualización
con páginas de sub-
temáticas y lista de Javier
participaciones, servicio Toquic
24/07/201 PlataformaWeb_V02
WEB con librerías y a
5 WsPlataformaCiudadana_V02
métodos de mensajería, y Diego
seguridad. Corrección de Estrada
incidentes de la primera
versión.
con páginas participación y
gestión de votaciones y
Javier
respuestas en la
Toquic
07/08/201 PlataformaWeb_V03 plataforma, servicio WEB
a
5 WsPlataformaCiudadana_V03 con librerías y métodos de
Diego
almacenamiento de
Estrada
imágenes en la nube.
Corrección de incidentes de
la segunda versión.
con páginas de cuenta de
usuario para cambios de
contraseña, consulta de
Javier
reputación y medallero,
Toquic
14/08/201 PlataformaWeb_V04 servicio WEB con métodos
a
5 WsPlataformaCiudadana_V04 para consultar los datos de
Diego
cuenta y medallero,
Estrada
habitación de puntajes en
acciones del portal.
Corrección de incidentes de
la tercera versión.
Versión de actualización del

portal con ajuste de
incidentes de cuarta
Javier
versión, entrega de primera
PlataformaWeb_V05_Beta Toquic
28/08/201 versión del portal
PlataformaAdministracion_V01 a
5 administrativo, inicio de
WsPlataformaCiudadana_V05 Diego
sesión y administración de
Estrada
participaciones, versión de
servicio web con métodos
de administración.
66
Versión de actualización del
portal con ajuste de
incidentes de quinta
versión, entrega de páginas Javier
PlataformaWeb_V06_Estable de administración de Toquic
11/09/201
PlataformaAdministracion_V02 temáticas y sub-temáticas, a
5
WsPlataformaCiudadana_V06 versión de servicio web con Diego
métodos de administración Estrada
nuevos. Ajustes a
incidentes de versión
anterior.
Entrega de páginas de
administración de usuarios
Javier
administradores y de
Toquic
25/09/201 PlataformaAdministracion_V03 plataforma, versión de
a
5 WsPlataformaCiudadana_V07 servicio web con métodos
Diego
de administración nuevos.
Estrada
Ajustes a incidentes de
versión anterior.
Entrega de páginas de
reportes y DASHBOARD
Javier
del administrador, versión
Toquic
09/10/201 PlataformaAdministracion_V04_Beta de servicio web con
a
5 WsPlataformaCiudadana_V08_Beta métodos de administración
Diego
nuevos. Ajustes a
Estrada
incidentes de versión
anterior.
Javier
PlataformaAdministracion_V05_Establ
Ajustes a incidentes de Toquic
04/12/201 e
versión anterior, versión a
5 WsPlataformaCiudadana_V09_Establ
estable de entregables Diego
e
Estrada
67
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
68
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
69
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
Se prueban que carguen Carga los banner, Exitoso
los banner, con las rotan cada 7
imágenes respectivas, se segundos y
Inicio
Cargue de banner ve que roten y ver permite cambiar la

imagen mini en el control. información que
carga desde la
base de datos
70
Se prueba resolución en Banner que rotan Exitoso
diferentes pantallas
Navegación por menú validan funcionalidad, se
superior verifica dinamismo al
crear una nueva temática.
Menú con temáticas, e Salen las Exitoso

ingreso a cuenta de temáticas que
Navegación por menú usuario. están creadas en
principal base de datos,
tienen bien los
hipervínculos.
Ver temáticas, logo Se ven las Exitoso
cargado desde blobs, y temáticas, se
descripción corta. hacen cambios
desde el
Cargue de temáticas de
administrador y se
la plataforma
ven reflejados
inmediatamente
en la lectura de
los datos.
Listar los 5 usuarios con Steven los Exitoso
más participaciones en usuarios con más
Ciudadanos
las acciones de la participaciones
destacados
plataforma. organizados de
mayor a menor.
Ver las palabras con más Se ve la nube de Exitoso
actividad en los gags que gags con las
Nube de etiquetas se ingresan en la palabras con más
plataforma. actividad en la
plataforma.
Ver las 3 primeras Se ven las noticias Exitoso
Noticias de actualidad
noticias del RSS del de actualizada en
recomendadas
tiempo el portal.
Permitir ingresar la Registra el usuario Exitoso
información del formulario de manera
Registro de usuarios validando que sea un correcta en la
mayor de edad mayor de edad. Se plataforma.
coloca como fecha de
nacimiento 10-10-1988
Permitir ingresar la Registra el usuario Exitoso
Cuenta
información del formulario de manera

validando que sea un correcta en la
Registro de usuarios menor de edad y solicite plataforma.
con tutor
el correo del tutor. Se
coloca como fecha de
nacimiento 10-10-1988
Ver correo de activación Llega correo a Exitoso
Correo de activación de la cuenta en el correo Hotmail, gmail y
electrónico yahoo
71
Usuario da clic en correo Se redirige a Exitoso
Activación de cuenta de
para redirigir y activar página y activa la
usuario
cuenta cuenta.
Ingresar a la plataforma Ingresa de Exitoso
Autentican de usuarios con el usuario Nick y manera correcta a
contraseña la cuenta.
Envió por correo Llega el correo Exitoso
electrónico de una nueva con una nueva
Recuperación de
contraseña, para que el contraseña.
contraseña
usuario la cambie cuando
ingrese a la plataforma.
Ver la cuenta del usuario, Se ven los datos Exitoso
Ingreso a perfil de medallas, puntaje y esperados y se
usuario últimas participaciones. listan las últimas
participaciones.
El usuario estando Se puede cambiar Exitoso
Cambio de contraseña autenticado solicita la contraseña
cambiar la contraseña.
Listar las medadlas Se pueden ver las Exitoso
Consulta de medallero obtenidas medallas
(Rating) obtenidas en la
plataforma.
Envió de correo Llega correo a las Exitoso
correo con nueva informando el cambio en bandejas de
contraseña la contraseña. gmail, hotmail y
yahoo
Ver las sub-temáticas Se ven los Exitoso
configuras en cada una contenidos de
Listar sub-temáticas
de las temáticas manera correcta
para las temáticas
Ver la galería relacionada Se ve la galería Exitoso
Sub-Temáticas
con la temática con las imágenes

Redirigir a galería que están en las
bibliotecas de
Blobs
Ver en cada sub-temática Se ve último Exitoso
quien es el último usuario usuario en
que participó. participar, de no
Ver ultimo usuario en
haber participado
participar
ninguno, muestra
una imagen por
defecto.
Se deben ver las últimas Listas las Exitoso
Participaciones
participaciones participaciones
Listar participaciones
organizadas de la más realizadas para
más recientes
reciente a la más antigua una temática
paginando. particular.
Botón de crear redirigir a la pantalla de Redirige a esta Exitoso
participación con sesión inicio de sesión pantalla y permite
cerrada iniciar la sesión.
72
Botón de crear Redirige a formulario de Se muestra el Exitoso
participación con sesión crear participación. formulario.
abierta
Navegación a opción Permitir regresar a la lista Regresa a la lista Exitoso
anterior de participaciones de participaciones.
Permitir crear una Se crea Exitoso
Crear una participación
participación. participación
Permitir asociar el link de Permite ubicar la Exitoso
Adjuntar link de imagen una imagen URL para adjuntar
la imagen
Permite escribir las Se guardaban los Exitoso
Escribir Tags palabras claves Tags de manera
separados por , correcta
Permitir escribir una URL Se adjunta URL y Exitoso
Adjuntar URL de video de YOUTUBE crea la
de YouTube participación de
manera exitosa.
Permitir Previsualizar la Permite Exitoso
publicación antes de Previsualizar la
Previsualizar guardarla en base de publicación antes
datos. de guardarla en
base de datos.
Ver la participación que Se ve la Exitoso
fue creada participación
Visualizar participación
creada de manera
correcta.
Sumar más un voto por Sumar más un Exitoso
usuario para una voto por usuario
Votar positivo
participación para una
participación
Restar un voto por Restar un voto por Exitoso
Votar Negativo usuario para una usuario para una
participación participación
Poder responder a una Se puede ver la Exitoso
responder a participación respuesta a una
participación participación en
particular
Permite al usuario dueño Se valida y Exitoso
de la conversación editar permite al usuario
la participación si no han dueño de la
pasado más de 24 horas conversación
Editar publicación
editar la
participación si no
han pasado más
de 24 horas
No permitir eliminar la No permite Exitoso
Eliminar publicación publicación, eliminar la
publicación.
73
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
Se listan correctamente
Lista correctamente, si
todas las publicaciones,
Listar no existen
se prueba en diferentes
publicaciones publicaciones aparece Exitoso
resoluciones de
existentes mensaje, pagina
pantalla y navegadores
correctamente
web
Se editan los campos
Se editan
correctamente todas las
correctamente las
publicaciones, se
Publicaciones
Editar publicaciones, se
prueba en diferentes Exitoso
publicaciones validan los campos
resoluciones de
bien, guarda los
cambios correctamente
web
Se borran
correctamente de la
plataforma y de la base Se borra correctamente
de datos todas las la publicación, se
Borrar
publicaciones, se confirma el borrado, en Exitoso
publicaciones
prueba en diferentes caso negativo aborta la
resoluciones de acción
web
todas las temáticas, se Lista correctamente, si
Listar temáticas y prueba en diferentes no existen temáticas
Exitoso
sub-temáticas resoluciones de aparece mensaje,
Temáticas y sub-temáticas
pantalla y navegadores pagina correctamente

web
Se editan
Se editan
correctamente los
correctamente las
campos de todas las
Editar temáticas y temáticas, se validan
temáticas, se prueba en Exitoso
sub-temáticas los campos bien,
diferentes resoluciones
guarda los cambios
de pantalla y
correctamente
navegadores web
Se crean correctamente
Se crean correctamente
todas las temáticas, se
las temáticas, se
Crear temáticas y prueba en diferentes
validan los campos Exitoso
sub-temáticas resoluciones de
bien, guarda los
web
74
Se borran
correctamente de la
Se borra correctamente
plataforma y de la base
la temáticas, se
Borrar temáticas de datos todas las
confirma el borrado, en Exitoso
y sub-temáticas temáticas, se prueba en
caso negativo aborta la
acción
de pantalla y
navegadores web
todas los usuarios, se Lista correctamente, si
prueba en diferentes no existen usuarios
Listar usuarios Exitoso
resoluciones de aparece mensaje,
pantalla y navegadores pagina correctamente
web
Se editan
Se editan
correctamente todas los
correctamente los
usuarios, se cambian
usuarios, se validan los
campos y contraseña,
Editar usuarios campos bien, se Exitoso
se prueba en diferentes
cambian contraseñas
resoluciones de
bien, guarda los
Usuarios
web
Se crean correctamente Se crean correctamente
todas los usuarios, se los usuarios, se validan
prueba en diferentes los campos bien, es
Crear usuarios Exitoso
resoluciones de consistente en la base
pantalla y navegadores de datos, guarda los
web cambios correctamente
Se borran
correctamente de la
Se borra correctamente
plataforma y de la base
los usuarios, se
de datos todas los
Borrar usuarios confirma el borrado, en Exitoso
usuario, se prueba en
caso negativo aborta la
acción
de pantalla y
navegadores web
Se generan Se generan
Reportes
correctamente los correctamente los

Generar reportes reportes según los reportes según los Exitoso
datos registrados en el datos registrados en el
sistema sistema
75
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.
76
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.
77
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
78
 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/mtrigasTF
C0612memoria.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.
79

Prototipo de Plataforma Web de Participación Enfocada A La Seguridad Ciudadana

Cargado por

Información del documento

Descripción original:

Título original

Derechos de autor

Formatos disponibles

Compartir este documento

Compartir o incrustar documentos

Opciones para compartir

¿Le pareció útil este documento?

¿Este contenido es inapropiado?

Copyright:

Formatos disponibles

Prototipo de Plataforma Web de Participación Enfocada A La Seguridad Ciudadana

Cargado por

Copyright:

Formatos disponibles

PROTOTIPO DE PLATAFORMA WEB DE PARTICIPACIÓN ENFOCADA A LA

JAVIER IVÁN TOQUICA BARRERA

UNIVERSIDAD DISTRITAL FRANCISCO JOSE DE CALDAS

JAVIER IVÁN TOQUICA BARRERA

Trabajo de grado para optar al título de:

NORBERTO NOVOA TORRES

UNIVERSIDAD DISTRITAL FRANCISCO JOSE DE CALDAS

Bogotá D.C. Febrero 25 de 2016.

Javier Iván Toquica Barrera

Agradezco a las personas que me ayudaron de manera directa e indirecta en la

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

1.2. TITULO .................................................................................................... 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

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.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

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.2. PRUEBAS DE INTERACCIÓN DEL SISTEMA ....................................... 70

ANEXO A. Resultados de la encuesta

ANEXO B. Archivos con plantillas base del portal y administrador

ANEXO C. Gráficos Burn Up