Git Product home page Git Product logo

terremoto-cdmx's Introduction

dkqm2ypuqae8hw8 Fotografía por Armando Simonin

SISMOMX

En Septiembre 2017 sismos afectaron a diferentes partes de México.

Hasta ahora los estados con más afectaciones reportadas han sido Oaxaca, Chiapas, Ciudad de México, Tlaxcala, Puebla, Guerrero, Morelos y Michoacán.

Sobre este repositorio

Este repositorio contiene un sitio web creado a partir del sismo de Septiembre 19, 2017. Fue creado inicialmente para concentrar los diferentes esfuerzos de apoyo tras el siniestro y proveer información rápidamente a quienes puedan necesitarla.

Este proyecto podría ser usado como base para organizar una pronta respuesta en caso de desastres posteriores.

¿Cómo ayudar?

Para contribuir con los proyectos dentro de terremoto-cdmx revisa la Guia de Contribución donde encontrarás la información fundamental para comenzar a contribuir en los proyectos.

La conversación y coordinación de las tareas las estamos llevando en el Slack de Codeando México, dentro del canal #equipo-humanitario. Para unirte a Slack, registrate en: http://slack.codeandomexico.org.

También puedes agregar un issue con preguntas, ideas o ayuda que necesites (asegúrate de etiquetarlo correctamente).

¿Es tu primer Pull Request en Github? Te recomendamos tomar el siguiente curso gratuito sobre Cómo contribuir a un proyectos open source en Github

Grupos de trabajo

Revisa los issues etiquetados para cada grupo de trabajo y únete a la conversación en Slack. Antes de asignarte un issue, avisa al grupo de trabajo correspondiente en Slack para no duplicar esfuerzos:

Equipo Slack Descripción
Bots #sismomx-bots Tareas relacionadas con bots.
Búhos #sismomx-buhos Brigada nocturna de trabajo.
Comunicación #sismomx-comunicación Tareas de comunicación, monitoreo de redes y vinculación con otras organizaciones.
Data #sismomx-data Tareas de limpieza, validación, análisis y ETL de datos.
Desarrollo #sismomx-desarrollo Tareas de desarrollo para todos los proyectos. Súmate si buscas ayuda o cómo contribuir.
DevOps #sismomx-devops Equipo que resuelve dudas y ayuda a montar infraestructura y servers.
Diseño #sismomx-diseño Tareas de diseño de UI/UX para múltiples proyectos. Ofrece y busca ayuda de diseño para proyectos.
Docs #sismomx-docs Tareas de documentación de procesos y repositorios.
GitHub #sismomx-github Ayúdanos a revisar y hacer merge de Pull Requests en los distintos repositorios.
Mapas #sismomx-mapas Tareas de mapeo y trabajo con datos geográficos.
Project Managers #sismomx-pm Ayúdanos a organizar mejor los esfuerzos y mejorar procesos.
Sitio web #sismomx-website Ayúdanos a actualizar el sitio web del proyecto.
QA #sismomx-qa Solicita y contribuye con tareas de testing

Proyectos abiertos

Proyecto Descripción Canal de Slack Tecnologías Repositorio
Ayuda México Cómo ayudar y buscar ayuda #sismomx-ayuda-mexico Android :octocat:
Acopio API Api para reunir información de los centros de acopio habilitados para apoyar a los damnificados por el sismo en México #sismomx-acopio-api Loopback, mongodb :octocat:
Acopio UI UI para centros de acopio #sismomx-acopio-ui React, Mapbox GL :octocat:
Ajuda n/a #sismomx-mobile iOS, :octocat:
Ban Fake News Reporta noticias falsas sobre el sismoMX #sismomx-fakenews PHP, Yii :octocat:
Banco de tiempo Herramienta útil para intercambiar servicios por algún tipo de asistencia para aquellos que se hayan quedado sin trabajo y sin hogar #sismomx-banco-tiempo Rails, React :octocat:
Bot inteligente de información Bot para informacion sobre el sismo de cdmx #sismomx-bots Node :octocat:
bot-471 Bot que informa sobre instituciones gubernamentales en mexico encargadas de servicios #sismomx-servicios-bot Python, tweepy :octocat:
CómoAyudar.MX Proyecto que ayuda a recopilar la información de asociaciones, entidades, organizaciones, centros de acopio o cualquier forma de ayuda en caso de desastres naturales. #sismomx-camx HTML5, CSS3 :octocat:
Fake News Bot Busca tweets, responde a ellos y otorga una lista de tweets con un hashtag específico. #sismomx-fakenews Python :octocat:
Fuerza Méxco Aplicación móvil de colaboración para la captura de puntos afectados por los sismos del 2017 #sismomx-fuerza-mexico Android :octocat:
infomME Colección de reportes de personas, mascotas y centros de acopio. n/a Node, Angular n/a
Información valiosa de Twitter Filtra información valiosa relacionada al terremoto 09-19-2017 #equipo-humanitario Python :octocat:
Limpieza, validación y georreferenciación de datos Archivos para la limpieza de datos a partir de kml que fueron trasformados a CSV. `` R, Python :octocat:
Localizador de personas hospitalizadas Sitio que recopila la información de personas hospitalizadas tras un desastre natural. n/a n/a n/a
Mapa Colaborativo Herramientaque permite a ciudadanos reportar incidentes y los georeferencía. #equipo-humanitario n/a :octocat:
Promesas.mx Concentramos la información sobre las promesas que se estan haciendo y acciones que se estan indicando por distintos sectores de Gobierno, iniciativas públicas y privadas, organizaciones civiles, fundaciones, etc. promesasmx.slack.com Angular :octocat:
Qué ayuda necesita México Encontrar las necesidades más prioritarias por zona para enviar ayuda y notificar #sismomx-realtime Rails :octocat:
Reconstruye n/a #sismomx-reconstruye n/a n/a
Revisa Mi Grieta API Backend de la aplicación de Revisa Mi Grieta #sismomx-obras Google App Engine, Java 7 :octocat:
Revisa Mi Grieta Bot Bot para atender algunas de las necesidades después del SismoMX del 19 de Septiembre de 2017 #sismomx-obras Python :octocat:
Revisa Mi Grieta FrontEnd Revisa Mi Grieta FrontEnd #sismomx-daños n/a :octocat:
SismoMX Contribuye (Front) n/a #sismomx-contribuye Vue :octocat:
SismoMX Contribuye (Harvest) Realtime API dedicada a conectar issues abiertos dentro de repositorios de CodeandoMexico #sismomx-contribuye Node :octocat:
Sitio web Sitio web con la recopilación de recursos #sismomx-website Jekyll :octocat:
SMS Alerts Informar y movilizar voluntarios y expertos a través de SMS. #equipo-humanitario Rails, Twilio :octocat:
SMS-Brigadistas Un sistema de comunicación con SMS #sismo-sms-brigadistas n/a :octocat:
Tweetbot desaparecidos Bot que busca personas desaparecidas durante el sismo y recopila la información en un CSV #sismomx-bots Node :octocat:
Verificado19s Herramienta de crowdsourcing para reportar y verificar los daños y necesidades en terreno. #sismomx-verificado19s n/a :octocat:
xAyuda Contáctame Sitio que reune gente con necesidades con gente que busca ayudar. #sismomx-xayuda Js :octocat:
juridica19s Sitio de gestión de casos y asesoría jurídica gratuita. `` Node :octocat:

Contribuye con este sitio

Requisitos

Para poder correr este repositorio de manera local es necesario que cuentes con:

Instrucciones para Linux y OSX

$ gem install bundler
$ bundle install
$ jekyll serve

Intrucciones para desarrollo local con Docker

$ docker build -t terremoto-cdmx .
$ docker run -p 4000:4000 terremoto-cdmx

El sistema estará disponible en http://127.0.0.1:4000

Contacto

Créditos

{ } con ❤️ en Codeando México.

Licencia

Este repositorio cuenta con una licencia MIT. Para más información y detalles sobre la licencia visita LICENSE.md

terremoto-cdmx's People

Contributors

ageofzetta avatar ajpalacios avatar almarngl avatar anahiruiz avatar astrocumbia avatar cacilie avatar cienvaras avatar coderdiaz avatar darredondort avatar dulcedu avatar gabelula avatar gilfranfer avatar gus-bn avatar gustavobn avatar hernandezka avatar hrocha16 avatar huhgawz avatar jorandradefig avatar lasr21 avatar lmauromb avatar marianagh avatar miguelsalazar avatar misaelsalcido avatar rbdr avatar the-vladman avatar thehackermonkey avatar thewarpaint avatar tlacoyodefrijol avatar unrob avatar xiam avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

terremoto-cdmx's Issues

Rediseño de sitio web / Sección necesito ayuda

Hacer sección necesito ayuda con el titulo y sus subtítulos, tomar en cuenta que el estilo general del texto ya se está trabajando, después capturar la información actual en la sección.

Sub-secciones de necesito ayuda:

  • Telefonos de emergencia
  • Estoy buscando a alguien
  • Busco Albergue o centros de ayuda
  • otros sitios de ayuda | Asesoría jurídica

La linea rosa que separa las secciones se implementa aquí.

Diseño base

https://www.figma.com/file/WWr0IfDxJLIn26YuOYOTuQlz/cmx_sismomx_website_01

Rediseño de sitio web / Sección quiero ayudar

Hacer sección necesito ayuda con el titulo y sus subtítulos, tomar en cuenta que el estilo general del texto ya se está trabajando, después capturar la información actual en la sección.

Sub-secciones de quiero ayudar:

  • Donar sangre

    1. Requisitos
    2. Bancos de sangre CDMX
  • Ayudanos a tener más información

    1. mapea con OPENSTREETMAP
    2. Colabora agregando centros de acopio y ayuda a nuestra base.
  • Dona en especie

    1. Medicamentos /Curación
    2. Herramientas
    3. aseo personal
    4. Viveres
  • Dona depositanto

  • Otras formas de donar

  • Contribuye con código

La imagen se sustituye por otra franja rosa como la de "necesito ayuda" por cuestiones de agilidad y uso de datos de la página.

Diseño base

https://www.figma.com/file/WWr0IfDxJLIn26YuOYOTuQlz/cmx_sismomx_website_01

Mejorar SEO del sitio

Algun experto en SEO que desee colaborar a posicionar el sitio dentro de los primeros resultados de busqueda de los principales buscadores?

Nuevas Features Ban Fake News

Unámonos en el esfuerzo de erradicar las noticias falsas en Internet.

Ban Fake News está abierto a features y colaboración. Se requieren desarrolladores con experiencia en PHP.
Igualmente si se tiene alguna propuesta de diseño gráfico, UX y UI, bienvenidos sean.

Cualquier duda o comentario, estoy a sus ordenes en el Slack en el canal #sismomx-fakenews.

Mapeo de tweets con categorias de ayuda y localización

Estamos consumiendo todos los tweets que tienen palabras claves de solicitar ayuda, clasificando por categorías (Comida, Agua, Herramientas, etc) y mapeando los voluntarios con las persona que piden la ayuda.

Mockup: https://app.moqups.com/civica-digital/d4yHUXskVr/view

Escenarios principales:
1.- Como voluntario encuentro las categorías que necesitan más ayuda.
2.- Como voluntario me apunto para dar ayuda en esa categoría
3.- Como persona que pide ayuda, recibo un SMS de aviso que alguien se apunto en dar ayuda

Agregar analytics

Nos puede ayudar a entender en qué secciones está dando click la gente y desde qué tipo de dispositivios están accediendo al sitio.

<script>
  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');

  ga('create', 'UA-106756325-1', 'auto');
  ga('send', 'pageview');

</script>

Inventario y Distribución de Víveres

Hay mucho inventario en los centros de acopio, pero no se sabe cuánto ni qué ni dónde se ocupa.

Necesitamos generar la solución con algo ya existente o crearlo.

Agregar proyectos al README

BanFake News https://github.com/RZEROSTERN/banfakenews PHP, Yii
API para centros de acopio https://github.com/Skycatch/acopio-api JS, Hapi
comoayudar.mx backend https://github.com/ComoAyudarMX/CAMbackend JS, express
http://sismomexico.org https://github.com/CodeandoMexico/terremoto-cdmx Jekyll, HTML, CSS, ruby
Encontrar las necesidades más prioritarias por zona para enviar ayuda y notificar https://github.com/civica-digital/quake-relief-cdmx/commits/master Ruby on Rails 5.0
send sms alerts for the earthquake in mexico https://github.com/denialtorres/SMS-ALERTS Ruby on Rails 4.2
Herramienta para el reporte ciudadano https://github.com/leodc/mapeo_colaborativo JS, express, socket.io

Agregar template a sitio web

El template debe tener las siguientes características:

  • Ligero, para que pueda cargar rápidamente en conexiones lentas y/o saturadas.
  • Responsivo, para que se pueda visualizar adecuadamente desde dispositivos móviles.
  • Simple, para evitar problemas de legibilidad por uso innecesario de estilo/diseño.

Teléfonos de emergencia

Formato

<Ciudad>, <Estado> [utilizar #]

  • <Agencia>: <Teléfono>

Ejemplo

Delegación Cuauhtémoc, Ciudad de México

  • Locatel: (55) 5658-1111

Mejor vista de la sección de recursos en móviles

Cuesta trabajo visualizar la sección de recursos desde un telefono movil, la mayoria de personas que necesitan ayuda estan buscando infomación desde su celular, opino que lo mejor seria mover esa sección a otra pagina para poder extender todos los datos

Crear hyperlinks a mapas

Crear hyperlinks a cualquier tipo de mapas (Google, Apple, OpenMaps, etc) de los textos que se refieren a una ubicación como los centros de acopio, bancos de sangre, etc.

Mapeo de zonas de riesgo

El objetivo es comenzar a mapear zonas cuyas estructuras estén muy dañadasy tengan posible riesgo de derrumbe y alertar a las personas y redirigir esfuerzos ahí. Estaría alimentado de información ciudadana y de los análisis que las casas de arquitectura están haciendo.

Visualización Mobile

  • Tenemos problemas de visualización en mobile:
    • Menús
    • Columnas
    • Navegación General

screen shot 2017-09-20 at 19 16 17

  • Necesitamos un refactorizado de un front que tenga experiencia con skeleton o algún framework similar. Creo que es indispensable ya que para ayudar la gente consultará el sitio en dispositivos móviles.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.