#SoyVoluntario es una plataforma web basada en una arquitectura MVC diseñada bajo las tendencias actuales de diseño, técnicas responsivas y de Cross-Browser; que permita la compatibilidad con las principales versiones de navegadores. Facilitando la creación de una red de voluntarios para el Programa Nacional para la Prevención Social de la Violencia y la Delincuencia que permita crear un espacio donde se pueda facilitar la capacitación, profesionalización difusión, seguimiento, evaluación, promoción y fomento de actividades de servicio voluntario. #SOY VOLUNTARIO estará conectado a las redes sociales (facebook, twitter, linkedin, change.org) por medio de sus respectivas APIS para generar comunicaciones en diferentes vías. Además se propone el consumo de las API de Google Calendar para publicar los calendarios de actividades de voluntario por parte de los aliados, y la API de Google Maps para georeferenciar todas las actividades que se lleven a cabo. La ejecución e implementación está planeado con bases antropológicas, destacando su sencillez y facilidad de uso, acotando su curva de aprendizaje.

2. Perfil del Participante.
#Soy Voluntario es una propuesta por parte de bienTICS, marca que tiene como filosofía el empoderamiento de la sociedad a
través del uso de la tecnología de la información y comunicación.
BienTICS trabaja en un ecosistema de empresas de la industria creativa del estado de Jalisco entre las que se encuentran Mamuht
Cinema (Videos Corporativos, Musicales & Documentales), Bridge Studio (Branding, Aplicaciones Móviles, Desarrollo Web & Com-munity
Manager), CETIC JALISCO A.C (Confederación de Empresarios en Tecnologías de la Información y Comunicación de Jalisco) y
Red Ciudadana Digital A.C.

3. La propuesta #SoyVoluntario
#SoyVoluntario es una plataforma web basada en una arquitectura
MVC diseñada bajo las tendencias actuales de diseño, técnicas
responsivas y de Cross-Browser; que permita la compatibilidad con
las principales versiones de navegadores.
Facilitando la creación de una red de voluntarios para el Programa
Nacional para la Prevención Social de la Violencia y la Delincuencia
que permita crear un espacio donde se pueda facilitar la
capacitación, profesionalización difusión, seguimiento, evaluación,
promoción y fomento de actividades de servicio voluntario.
#SoyVoluntario estará conectado a las redes sociales (facebook, twitter, linkedin, change.org) por medio de sus respectivas APIS
para generar comunicaciones en diferentes vías.
Además se propone el consumo de las API de Google Calendar para publicar los calendarios de actividades de voluntario por parte
de los aliados, y la API de Google Maps para georeferenciar todas las actividades que se lleven a cabo.
La ejecución e implementación está planeado con bases antropológicas, destacando su sencillez y facilidad de uso, acotando su
curva de aprendizaje.

4. La propuesta visual
Uno de los retos más importantes fue crear una interfaz gráfica intuitiva, que pueda ser utilizada sin la necesidad de explicar su
funcionamiento. Para esto se cimentaron desde un principio gráficos de gran contenido conceptual, comenzando por
el identificador visual.
La idea general para esta identidad fue crear un logotipo e interfáz gráfica que cree
relaciones con el usuario de la aplicación, y que cumpla con el objetivo de incentivar
a la participación social.
Los elementos utilizados para la composición fueron en base a un análisis sobre lo
que el identificador debía comunicar, el cual se explica brevemente a continuación:
El fomento a la participación ciudadana en casos de voluntariado.
Comunicar por medio del logotipo que #SoyVoluntario es una plataforma
tecnológica que satisface las necesidades de promoción, gestión y administración de
oportunidades de voluntariado.
Generar compromiso y fidelización del usuario con el fin de crear una red de
voluntarios.
Integrar la imagen de #SoyVoluntario de acuerdo a la identidad gráfica del sitio
de la Subsecretaría (www.nosmuevelapaz.gob.mx)

5. Partimos de la propuesta de utilizar elementos que connoten los objetivos que queremos comunicar.
Las manos son el símbolo del trabajo, y la herramienta para transformar un país, es por esto que es el elemento principal de nues-tra
composición, en dos distintas posiciones se comunica la disposición de trabajo y la apertura a la participación.
La nube es el elemento qu representa la tecnología, ya que este término se entiende por el almacenamiento masivo de datos en
servidores que alojan la información.
El “puente tecnológico” está representado por el listón que envuelve el hashtag #SoyVoluntario, por su forma y dirección.
La propuesta de color está fundamentada en la identidad de el sitio web (nosmuevelapaz.gob.mx), ya que #SoyVoluntario prentede
integrarse a este sitio web, además de hacer referencia a los colores de nuestra bandera y fomentar el patriotismo.
Pantone 1935 C Pantone 356 C Pantone 427 C

6. Propuesta de Plataforma Web
& WebApp
El desarrollo tendrá una arquitectura Modelo| Vista | Controlador.
El modelo de negocio propuesto está enfocado a crear un espacio que facilite la
capacitación, profesionalización difusión, seguimiento, evaluación, promoción y
fomento de actividades de servicio voluntario entre los diversos usuarios de la
plataforma.
Tecnologías a ocupar:
Back-End: MySQL, PHP.
Front-End: HTML5, CSS3, jQuery, Bootstrap.
Usuarios definidos:
Ciudadano
Aliado
Subsecretaría de prevención y participación ciudadana.

7. Flujo de trabajo de la aplicación.
El perfil del ciudadano contará con 8 secciones:
Actividades de voluntariado.
En esta sección el ciudadano podrá conocer las actividades de voluntariado a través de un mapa de actividades que será generado
a través de Google Maps y poder compartir y seguir las actividades de voluntariado a través de sus redes sociales.
Oportunidades de voluntariado.
En esta sección el ciudadano podrá conocer las actividades de voluntariado a través de un mapa de actividades, este mapa será
generado a través de Google Maps.
A través del mapa podrá seleccionar el estado donde desea ver las actividades de voluntariado que están disponible, el usuario
podrá conocer los detalles y darse de alta en la actividad tendiendo en todo momento la posibilidad de compartirlo a través de
diferentes redes sociales para el fomento la actividad.
Mis actividades.
En esta sección el ciudadano podrá ver las actividades en las que está inscrito, así como ver toda la información complementaria de
la actividad para su realización; como son vídeos, links, audios, infografías, manuales, formatos y fechas importantes. Esta infor-mación
es administrada por el aliado que creó la actividad.
Además podrá compartir sus experiencias que vaya generando en el desempeño de su actividad. Con opciones de publicar en sus
redes sociales.
Mi perfil.
En esta sección podrá completar su perfil como ciudadano pudiendo elegir si es público o privado además de una serie de criterios
de participación en las actividades en que desee recibir notificaciones de actividades de voluntariado.
Notificaciones.
En esta sección se podrá recibir notificaciones relacionadas a las propuestas de actividades de voluntariado con base a la configura-ción
de su perfil, enviadas por los Aliados.

8. Cómo funciona.
En esta sección se brindará la información necesaria para familiarizar al ciudadano en el uso y manejo del sistema.
Preguntas Frecuentes.
En esta sección se podrá ver una serie de preguntas frecuentes que han tenido los usuarios en el uso de la plataforma.
Contacto.
En esta sección el ciudadano podrá ponerse en contacto directamente con los administradores de la plataforma.
El perfil del aliado contará con 7 secciones:
Localizar voluntarios.
En esta sección el aliado podrá conocer la oferta de voluntarios con base a criterios de búsqueda como ubicación y tipo de perfil.
Mis actividades.
Esta sección se compone de tres áreas:
Agregar Actividad.
En está área el aliado puede subir sus actividades de voluntariado; para efecto de poderlo subir creamos un flujo en el que
el proceso se ejecuta en dos fases:
Definición:
Lugar o Lugares.
En esta área el aliado elegirá el lugar o los lugares donde se llevarán a cabo las actividades de voluntariado, poer
medio de un buscador conectado a google maps, para crear una experiencia sencilla e intuitiva.
Fechas
En esta área el aliado elegirá las fechas relacionadas a las actividades de voluntariado: fecha de inscripción y de cierre de la
inscripción, inicio y término de actividades. Producto de las fechas seleccionadas se creara los calendarios de actividades a través
de Google Calendar.

9. Equipos, Instrumentos, Materiales, Provisiones.
En esta área se podrá introducir la información de equipo material necesario para la ejecución de la actividad de voluntariado.
Recompensas.
En esta área se podrá introducir la información en caso de existir de la recompensas que se ofrecen al realizar estas actividades
de voluntariado.
Capacitación:
Vídeos.
En esta área podrá subir videos relacionados a laa actividades de voluntariado.
Links.
En esta área podrá subir el aliado links de interes relacionados a las actividades de voluntariado.
Audios.
En esta área podrá subir videos relacionados a las actividades de voluntariado.
Infografías.
En esta área podrá subir infografías relacionadas a las actividades de voluntariado.
Manuales.
En esta área se podrá subir manuales relacionados a las actividades de voluntariado.
Actividades en curso.
En esta área el aliado podrá llevar un seguimiento de las actividades que lleva en curso a través de una bitácora, ver los
detalles de los voluntarios que están en la actividad.
Actividades Concluidas.
En esta área el aliado podrá ver las actividades que ha concluido, y ver la calificación obtenida por los voluntarios.

10. Mi perfil,
En esta sección podrá completar su perfil como aliado especificando el tipo de aliado (institución educativa, organización social,
entidad estatal o municipal)
Notificaciones.
En esta sección se podrá ver todas las notificaciones que han generado ciudadanos, voluntarios, aliados y subsecretaría.
Cómo funciona.
En esta sección se brindará la información necesaria para familiarizar al aliado en el uso y manejo del sistema.
Preguntas Frecuentes.
En esta sección se podrá ver una serie de preguntas frecuentes que han tenido los usuarios en el uso de la plataforma.
Contacto.
En esta sección el aliado podrá ponerse en contacto directamente con los administradores de la plataforma.
El perfil de la subsecretaría contará con 3 secciones:
Aliados.
Esta sección se divide en 4 áreas:
Notificaciones.
En esta sección la subsecretaria podra enviar y recibir notificaciones de aliados.
Cómo funciona.
En esta sección la subsecretaria podra subir y actualizar la información de como funciona la plataforma para los aliados.
Status.
En esta sección podrá ver y modificar el estado en el que se encuentre un aliado, desde su solicitud como aliado, autorización
y baja.
Preguntas Frecuentes.
En esta sección podrá subir y actualizar las preguntas que considere frecuentes la subsecretaría con el fin
de que los aliados puedan verlo.

11. Voluntarios.
En esta sección se divide en 3 áreas
Notificaciones.
En esta sección la subsecretaría podrá enviar y recibir notificaciones a los ciudadanos.
Cómo funciona.
En esta sección la subsecretaría podrá subir y actualizar la información de como funciona la plataforma para los
ciudadanos.
Preguntas Frecuentes.
En esta sección podrá subir y actualizar las preguntas que considere frecuentes la subsecretaría con el fin de que los ciudadanos
puedan verlo.
Actividades de Voluntariado.
En esta sección se divide en 3 áreas
En revisión.
En esta área la subsecretaría podrá revisar y/o autorizar en automático la publicación de actividades de voluntariado por
parte de los aliados.
En curso.
En esta área se podrá el estado de avance de las actividades por estado, pudiendo ver el detalle de las actividades
realizadas.
Concluidos.
En esta área se podrá ver las actividades realizadas por los aliados, mostrando detalles estadísticos.

12. Mapa de Flujo

14. Mapa de Flujo

15. Mapa de Flujo

19. Cronograma de Trabajo
Agosto Septiembre Octubre Noviembre Diciembre Enero Febrero Marzo Abril
Lanzamiento
Prototipo
Desarrollo del Proyecto
Para consulta más detallada favor de visitar el siguiente link: https://drive.google.com/a/bientics.com/folderview?id=0Bx_-
fOYYoFIyARlJVbk4zU25SSm8&usp=sharing_eil

20. CV del Equipo
Raúl Isaac Hernández Peña
Presidente de Red Ciudadana Digital A.C Cluni (RCD1209051501J), desarrollador
back-end & front-end. Tiene más de 8 años de experiencia en proyectos de internet.
Entusiasta y emprendedor en proyectos de tecnología de corte social.
Edgard José Vargas Flores
Director General de Bridge Studio, Diseñador Gráfico especializado en Branding y
Diseño de UI/UX y MKT Digital. 7 años de experiencia en el ramo. Interesado por los
temas sociales.
Antonio Cantillo Anaya
Director General Analista de sistemas, especialista en diseño de sistema de infor-mación,
creación de experiencias de usuario y marketing digital. Emprendedor y
entusiasta en temas de innovación tecnológica.
Red Ciudadana
Digital A.C.

21. Casos de Éxito

22. Contacto
Av. Real Acueducto 360-A PISO 1
Puerta de Hierro C.P. 45116
contacto@bridgestudio.mx
www.bridgestudio.mx
Tel. (33) 1984-0556

23. Carta bajo protesta