23

#Soy Voluntario

  • Upload
    rul-her

  • View
    1.625

  • Download
    0

Embed Size (px)

DESCRIPTION

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

Citation preview

Page 1: #Soy Voluntario
Page 2: #Soy Voluntario

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.

Page 3: #Soy Voluntario

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.

Page 4: #Soy Voluntario

La propuesta visualUno 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)

Page 5: #Soy Voluntario

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

Page 6: #Soy Voluntario

Propuesta de Plataforma Web& WebAppEl 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:

CiudadanoAliadoSubsecretaría de prevención y participación ciudadana.

Page 7: #Soy Voluntario

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.

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.

Page 8: #Soy Voluntario

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.

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.

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

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.

Page 9: #Soy Voluntario

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.

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

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.

Page 10: #Soy Voluntario

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.

Page 11: #Soy Voluntario

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.

Page 12: #Soy Voluntario

Mapa de Flujo

Page 13: #Soy Voluntario
Page 14: #Soy Voluntario

Mapa de Flujo

Page 15: #Soy Voluntario

Mapa de Flujo

Page 16: #Soy Voluntario
Page 17: #Soy Voluntario
Page 18: #Soy Voluntario
Page 19: #Soy Voluntario

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

Agosto Septiembre Octubre Noviembre Diciembre Enero Febrero Marzo Abril

LanzamientoPrototipo

Desarrollo del Proyecto

Cronograma de Trabajo

Page 20: #Soy Voluntario

CV del EquipoRaúl Isaac Hernández PeñaPresidente 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 FloresDirector 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 AnayaDirector 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 CiudadanaA.C.Digital

Page 21: #Soy Voluntario

Casos de Éxito

Page 22: #Soy Voluntario

Contacto

www.bridgestudio.mx

Tel. (33) 1984-0556

Av. Real Acueducto 360-A PISO 1Puerta de Hierro C.P. 45116

[email protected]

Page 23: #Soy Voluntario

Carta bajo protesta