CIVICS es una plataforma donde encontrarás información geolocalizada de las iniciativas de tu ciudad, así como de las actividades que organizan.
Este proyecto consta de dos mapas interconectados entre sí, uno de iniciativas y otro de actividades. Además, desde cada mapa puedes acceder a un formulario de entrada de datos, para dar de alta nuevas iniciativas o actividades.
Se encuentra disponible en: www.civics.es
Para una descripción detallada de las tablas de datos y de sus atributos consulta el documento DatasetDescription.md
- Funcionalidades del mapa de iniciativas
- Descripción de los documentos del mapa de iniciativas
- Dependencias
Formulario de entrada de nuevas iniciativas
- Funcionalidades del mapa de actividades
- Descripción de los documentos del mapa de actividades
- Dependencias
Formulario de entrada de nuevas actividades
Equipo de desarrollo de la versión alpha v3
- Visualizar puntos en un mapa, correspondientes a la localización de iniciativas ciudadanas
- Filtrado de datos según Ciudad, Temática, Tipo de Espacio y Tipo de Agente impulsor de las iniciativas, mediante menús desplegables
- Consultar información completa de la iniciativa seleccionada
- Compartir los datos de una actividad seleccionada, mediante redes sociales como Facebook o Twitter
- Introducir nuevos datos mediante formulario
- Consultar leyenda del mapa
Los documentos correspondientes se encuentran en la carpeta ./iniciativas/
Documento HTML con los menús, canvás del mapa y desplegables con información
Archivo de imagen en formato PNG correspondiente al icono a representar en el navegador
Documento CSS con estilos comunes en los dos mapas
Documento CSS con estilos del mapa de iniciativas
Documento JavaScript para tomar datos de la base de datos y organizarlos para su visualización
- CartoDB.js: Librería JavaScript para interactuar con el servicio de datos CartoDB. Se trata de una librería descendiente de Leaflet
- Overlapping Marker Spiderfier for Leaflet: Librería JavaScript Copyright (c) 2011 - 2012 George MacKerron. El código se encuentra incluido en ./iniciativas/js/script.js Released under the MIT licence
- Font Awesome 4.4.0: Biblioteca de iconos abierta
- Moment.js Librería JavaScript para parsear, validar, manipular y representar datos en forma de fecha.
- Google Fonts API Servicio para añadir fuentes de texto
Documento con el formulario de entrada de nuevas iniciativas. Mediante scipt en JavaScript, los datos previos se ajustan a la ciudad que se visualiza en el mapa desde el que se ha convocado al formulario añadiendo a la URL: ?city=NombreCiudad. En esta versión alpha v3, se encuentran disponibles dos valores para Nombreciudad: Madrid y MexicoDF
Documento CSS con estilos de visualización del formulario
Documento PHP que se conecta a la base de datos para mostrar en el formulario valores existentes, correspondientes a la ciudad desde donde se ha llamado al formulario
Documento PHP que toma los datos introducidos en el formulario por el usuario y crea entradas nuevas en la base datos
Script para manipular información obtenida de la base de datos alojada en la cuenta del servicio www.cartodb.com asociada al proyecto
Script para la conexión a la base de datos mediante servicio de oauth
Documento PHP con las credenciales para obtener permiso para editar la base de datos de la cuenta del servicio www.cartodb.com asociada al proyecto
- JQUERY v1.72 Biblioteca JavaScript para la simplificación de código
- jquery-latitude-longitude-picker-gmaps Biblioteca JavaScript construida sobre JQuery para la ventana de mapa de geocodificación (obtención de coordenadas geográficas a partir de direcciones postales mediante la API de Google)
- Visualizar puntos en un mapa, correspondientes a las localizaciones de las actividades que organizan las iniciativas.
- Filtrado de datos según Ciudad, Fecha, Temática y Tipo de actividad, mediante menús desplegables
- Consultar información completa de la actividad seleccionada
- Compartir los datos de una iniciativa seleccionada, mediante redes sociales como Facebook o Twitter
- Introducir nuevos datos mediante formulario
- Consultar leyenda del mapa
Los ficheros correspondientes se encuentran en la carpeta ./actividades/
Documento HTML con los menús, canvás del mapa y desplegables con información
Archivo de imagen en formato PNG correspondiente al icono a representar en el navegador
Documento CSS con estilos comunes en los dos mapas
Documento CSS con estilos del mapa de actividades
Documento JavaScript para tomar datos de la base de datos y organizarlos para su visualización
- CartoDB.js: Librería JavaScript para interactuar con el servicio de datos CartoDB. Se trata de una librería descendiente de Leaflet
- Overlapping Marker Spiderfier for Leaflet: Librería JavaScript Copyright (c) 2011 - 2012 George MacKerron. El código se encuentra incluido en ./actividades/js/script.js Released under the MIT licence
- Font Awesome 4.4.0: Biblioteca de iconos abierta
- Moment.js Librería JavaScript para parsear, validar, manipular y representar datos en forma de fecha
- Google Fonts API API para añadir fuentes de texto
Documento HTML con el formulario de entrada de nuevas actividades. Mediante scipt en JavaScript, los datos previos se ajustan a la ciudad que se visualiza en el mapa desde el que se ha convocado al formulario añadiendo a la URL: ?city=NombreCiudad. En esta versión alpha v3, se encuentran disponibles dos valores para Nombreciudad: Madrid y MexicoDF
Documento PHP que se conecta a la base de datos para mostrar en el formulario valores existentes
Documento PHP que toma los datos introducidos en el formulario por el usuario y crea entradas nuevas en la base datos
Script para manipular información obtenida de la base de datos alojada en la cuenta del servicio www.cartodb.com asociada al proyecto
Script para la conexión a la base de datos mediante servicio de oauth
Documento PHP con las credenciales para obtener permiso para editar la base de datos de la cuenta del servicio www.cartodb.com asociada al proyecto
Documento CSS con estilos de visualización del formulario
Documento JavaScript para manipular datos de fecha
- JQUERY v1.72 Biblioteca JavaScript para la simplificación de código
- jquery-latitude-longitude-picker-gmaps Biblioteca JavaScript construida sobre JQuery para la ventana de mapa de geocodificación (obtención de coordenadas geográficas a partir de direcciones postales mediante la API de Google)
- jquery-ui-timepicker-addon.js Biblioteca JavaScript construida sobre JQuery para manipular fechas
- JQuery-ui Biblioteca JavaScript construida sobre JQuery para la interacción con la interfaz de usuario
Los datos corresponden a la información facilitada por las iniciativas
Puedes consultar, descargar o utilizar el API que los proporciona desde el servicio de www.cartodb.com:
Para una descripción detallada de las tablas de datos y de sus atributos consulta el documento DatasetDescription.md
Se distribuyen en dos tablas:
- iniciativas: Tabla de datos correspondientes a las iniciativas ciudadanas. Una iniciativa es una entidad ciudadana que realiza actividades.
- actividades: Tabla de datos correspondientes a las actividades. Una actividad es un evento organizado por una iniciativa, que tiene lugar en una determinada fecha y hora y en un determinado lugar.
- @largocreatura: Diseño gráfico e IU
- @ruizfrontend: Desarrollo front-end de vistas de mapa
- @chemabc: Desarrollo de Formularios
- Carlos Salgado: Desarrollo front-end de Formularios
- @alayzappala: (Gestión de Proyecto y desarrollo)
Esta obra está bajo una Licencia Creative Commons Atribución-CompartirIgual 4.0 Internacional