Se ha denunciado esta presentación.
Utilizamos tu perfil de LinkedIn y tus datos de actividad para personalizar los anuncios y mostrarte publicidad más relevante. Puedes cambiar tus preferencias de publicidad en cualquier momento.
Explotando tus datos con
Drupal y Carto
Sobre nosotros
Alejandro Soto - @Aless86
alejandro.soto.sanchez86@gmail.com
Martín González - @mgzrobles
martin.glez.roble...
2
Introducción
• Situación actual de los medios digitales
• Integrando Carto en Drupal
• Demo: Caso práctico del mapa de l...
3
Situación actual de los medios digitales
Vídeos
Móvil
Gráficos
Seguimiento
de usuario
Interactividad
con el
usuario
Noti...
4
Hacia un mundo interactivo
• OpenStreetMaps
• Datawrapper
• Google FusionTables
• EasyCharts
• Encuestas
• D3
• CartoDB
5
Hacia un mundo interactivo
6
Hacia un mundo interactivo
Páginas
vistas
+30%
Tiempo en
página
7
Carto
An open, powerful, and
intuitive platform for
discovering and predicting the
key insights underlying the
location ...
8
Carto en Drupal (7): Integración con Media
• Media
• MediaInternet
• MediaInternetYouTubeHandler
• MediaInternetSlidesha...
9
Carto en Drupal (7): Integración con Media
Implements hook_media_internet_providers().
Implements hook_stream_wrappers()...
10
Carto en Drupal (7): Integración con Media
function media_carto_media_token_to_markup_alter(&$element, $tag, $settings)...
11
Media en Drupal 8
http://groups.drupal.org/media
IRC: #drupal-media @ Freenode
Media entity proporciona una entidad bas...
DEMO
Caso práctico del mapa de los asistentes a una DrupalCamp
13
Referencias de Carto
Docu de carto
https://carto.com/docs/carto-engine/carto-js/
Gallery
https://carto.com/gallery/
Eje...
¿Preguntas?
Próxima SlideShare
Cargando en…5
×

Explotando tus datos con Carto y Drupal

135 visualizaciones

Publicado el

Hablaremos de nuestra experiencia con Carto, herramienta de visualización de mapas. Desde cómo surgió la necesidad desde el punto de vista editorial, hasta las distintas soluciones técnicas que hemos ido adoptando a lo largo de los últimos meses para integrarlo en nuestro sistema Drupal.

Veremos cómo hoy en día los usuarios reclaman una mayor interacción con los medios de noticias y cómo herramientas como Carto pueden sernos de utilidad para dicho objetivo.

Ponentes

Alejandro Soto: PHP/Front Developer
@Aless86

Martín González: Lead Drupal Developer
@mgzrobles

Ambos son integrantes del equipo de tecnología de idealista/news, publicación digital sobre noticias inmobiliarias y de actualidad cuya plataforma está basada en Drupal.

Podéis encontrar el código utilizado en la parte de demo en https://github.com/mgzrobles/charlaDrupalCarto

Publicado en: Software
  • Sé el primero en comentar

  • Sé el primero en recomendar esto

Explotando tus datos con Carto y Drupal

  1. 1. Explotando tus datos con Drupal y Carto
  2. 2. Sobre nosotros Alejandro Soto - @Aless86 alejandro.soto.sanchez86@gmail.com Martín González - @mgzrobles martin.glez.robles@gmail.com
  3. 3. 2 Introducción • Situación actual de los medios digitales • Integrando Carto en Drupal • Demo: Caso práctico del mapa de los asistentes a una DrupalCamp
  4. 4. 3 Situación actual de los medios digitales Vídeos Móvil Gráficos Seguimiento de usuario Interactividad con el usuario Notificaciones
  5. 5. 4 Hacia un mundo interactivo • OpenStreetMaps • Datawrapper • Google FusionTables • EasyCharts • Encuestas • D3 • CartoDB
  6. 6. 5 Hacia un mundo interactivo
  7. 7. 6 Hacia un mundo interactivo Páginas vistas +30% Tiempo en página
  8. 8. 7 Carto An open, powerful, and intuitive platform for discovering and predicting the key insights underlying the location data in our world.
  9. 9. 8 Carto en Drupal (7): Integración con Media • Media • MediaInternet • MediaInternetYouTubeHandler • MediaInternetSlideshareHandler • MediaInternetFileHandler • ¿idealista? MediaInternetIdealistaHandler • …. • MediaInternetCartoHandler • ….. El módulo Media proporciona un framework para manejar “ficheros” hosteados en sitios externos. 'file browser to the internet'
  10. 10. 9 Carto en Drupal (7): Integración con Media Implements hook_media_internet_providers(). Implements hook_stream_wrappers(). /** * Implementation of MediaInternetBaseHandler. * * @see hook_media_internet_providers() */ class MediaInternetIdnCartoDBHandler extends MediaInternetBaseHandler { public static function parse($embedCode) { $pattern = '@https://(.*?).carto.com/viz/([A-Za-z0-9-]{36})@i'; preg_match($pattern, $embedCode, $matches); if (isset($matches[2]) && self::validId($embedCode)) { $user = check_plain($matches[1]); $map_id = check_plain($matches[2]); return file_stream_wrapper_uri_normalize('Carto://' . $user . '/' . $map_id); } }
  11. 11. 10 Carto en Drupal (7): Integración con Media function media_carto_media_token_to_markup_alter(&$element, $tag, $settings) { if (carto::isCartoFile($element['#file'])) { $element["#theme"] = "theme_media_carto"; } }
  12. 12. 11 Media en Drupal 8 http://groups.drupal.org/media IRC: #drupal-media @ Freenode Media entity proporciona una entidad base para media. https://www.drupal.org/project/media_entity Media provider modules https://www.drupal.org/project/media_entity_slideshow https://drupal.org/project/media_entity_twitter ……. class Twitter extends MediaTypeBase { public static $validationRegexp = array( '@((http|https):){0,1}//(www.){0,1}twitter.com/(?<user>[a-z0-9_- ]+)/(status(es){0,1})/(?<id>[d]+)@i' => 'id', ); }
  13. 13. DEMO Caso práctico del mapa de los asistentes a una DrupalCamp
  14. 14. 13 Referencias de Carto Docu de carto https://carto.com/docs/carto-engine/carto-js/ Gallery https://carto.com/gallery/ Ejemplos de idealista/news https://www.idealista.com/labs/blog/idealista/sobrevivirias-a-un- apocalipsis-zombie-making-of/ https://www.idealista.com/news/especiales/reportajes/2015/12/18/7403 67-elecciones-20D-resultados-electorales https://www.idealista.com/news/estadisticas/precio-linea-metro/madrid https://www.idealista.com/news/especiales/evolucion- urbanistica/barcelona
  15. 15. ¿Preguntas?

×