Este documento describe un caso de éxito de la implementación de Drupal para el sitio web de Banca Cívica. Se resumen los principales módulos de Drupal utilizados como Views, Panels y CCK. También se describe la metodología SCRUM utilizada para gestionar el proyecto de manera iterativa, así como algunas lecciones aprendidas como la importancia de incorporar el multilingüismo y los diseños desde el principio.

1. un CASO de éxito Drupal en el sector bancario by PARTNER 1-11- 2011

2. 01 Presentémonos Conocernos y ENTENDERNOS

3. ¿Qué es Biko? Somos una consultora multidisciplinar. Creamos relaciones a largo plazo. Aplicamos soluciones smart y personalizadas Construimos proyectos de principio a fin El agilismo corre por nuestras venas 1 2 Nuestro expertise nos permite implantar ideas y tecnología inteligente específica para cada cliente, abarcando todos los ámbitos y dispositivos necesarios en la explotación de su negocio online. 3 3 Queremos basar la relación con nuestros clientes en la confianza y la transparencia. Buscamos la colaboración total para lograr conocer y superar sus expectativas. Definimos y frontalizamos apuestas de negocio y servicio con nuestros clientes gracias a nuestro equipo multidisciplinar de casi 100 trabajadores y nuestros 20 años de experiencia acumulada.

4. ¿Qué es biko? Para poder presumir de trabajar para y con…

5. un CASO de éxito Drupal en el sector bancario by PARTNER 1-11- 2011

6. 02 Banca Cívica: el proyecto Un poquito de contexto para no perdernos

7. ¿Qué es Banca Cívica? Grupo bancario formado por la fusión de Caja de Navarra, Caja Canarias, Caja de Burgos y Cajasol hace algo más de un año.

8. Ago Sep Sep Oct Abr May Oct Ago Nov Dic Ene Feb Mar Jun Jul 2010 2011 1ª Versión estática del site. Migración a Drupal versión estática del site.

9. Ago Sep Sep Oct Abr May Oct Ago Nov Dic Ene Feb Mar Jun Jul 2010 2011 1ª Versión estática del site. Migración a Drupal versión estática del site. Lanzamiento Banca Cívica USA.

10. Ago Sep Sep Oct Abr May Oct Ago Nov Dic Ene Feb Mar Jun Jul 2010 2011 1ª Versión estática del site. Migración a Drupal versión estática del site. Lanzamiento Banca Cívica USA. BancaCivica.es Versión 2.0 Hazte cliente.

11. Ago Sep Sep Oct Abr May Oct Ago Nov Dic Ene Feb Mar Jun Jul 2010 2011 1ª Versión estática del site. Migración a Drupal versión estática del site. Lanzamiento Banca Cívica USA. BancaCivica.es Versión 2.0 Hazte cliente. BancaCivica.es Versión 2.5 Multiidioma

12. Ago Sep Sep Oct Abr May Oct Ago Nov Dic Ene Feb Mar Jun Jul 2010 2011 1ª Versión estática del site. Migración a Drupal versión estática del site. Lanzamiento Banca Cívica USA. BancaCivica.es Versión 2.0 Hazte cliente. BancaCivica.es Versión 2.5 Multiidioma Inversores Versión 1.0

13. Ago Sep Sep Oct Abr May Oct Ago Nov Dic Ene Feb Mar Jun Jul 2010 2011 1ª Versión estática del site. Migración a Drupal versión estática del site. Lanzamiento Banca Cívica USA. BancaCivica.es Versión 2.0 Hazte cliente. BancaCivica.es Versión 2.5 Multiidioma Inversores Versión 1.0 BancaCivica.es 3.0 Inversores 2.0 Banca Civica USA 2.0

14. 03 Qué y cómo usamos Drupal Funcionalidades y módulos clave

15. Por supuesto usamos los “Building Blocks” CCK, Views, Panels, Context y NodeQueue como módulos clave para la construcción. CCK: Feed Field, FlickrField, Media Youtube, Media Flickr 1#1

16. Por supuesto usamos los “Building Blocks” CCK, Views, Panels, Context y NodeQueue como módulos clave para la construcción. CCK: Feed Field, FlickrField, Media Youtube, Media Flickr

17. Por supuesto usamos los “Building Blocks” Panels y context: Panels para las Portadas y alguna Portadilla, Context para ubicación de bloques en carcasa. Y views, muchas views…

18. Webforms Formularios “multi-step” con conexión con WS externo y Salesforce. Webform 3.6 y Webform validation 1.3

20. i18nmenu -- Permitetraducirlasetiquetas en los tipos de contenido.

21. i18ntaxonomy -- Permitetraducir los vocabulariosytérminos.

22. i18nprofile -- Añade la opción de múltiplesidiomasytraducción de lasetiquetas de los perfiles de usuario

23. i18ncontent -- Traducción de contenidos

24. i18nstrings -- Traducción de strings a través de la herramientatraducción de interfaz

25. i18ncck --Soportepara la traducción de campos

26. i18nsync -- Sincronización entre campos de contenidostraducidos

27. i18npoll

28. i18nblocks -- Añade la opción de múltiplesidiomasytraducciones de bloques

29. i18n

30. Locale updater (l10n_update) -- Descargaautomáticamentetraducciones de drupal, modulos...

31. i18nviews -- Traducción de vistas

32. Panels title translation -- Creado en Biko, con él se puedentraducirtítulos de panels.

33. Pathauto persistant state -- Permiteguardar alias de urlparanodos sin queafecte a resto de nodostraducidosMulti-idioma LECCIÓN APRENDIDA: Lo metimos a posteriori, bastante complejidad para incluirlo dentro de un site ya en producción.

34. Mapping Location 3.x-dev, Gmap 1.1, Gmap Location 1.1, Location phone, Node Locations 2 Views AJAX conectadas con “Custom módule” +Display Suite para control de Globos

36. Pathauto(drupal.org/project/pathauto): generación automática de URLs en base al title

37. Global Redirect (drupal.org/project/globalredirect) Imprescindible para evitar URLs duplicadas

38. Path Redirect (drupal.org/project/path_redirect): Redirecciones 401 automáticas

39. Meta Tags, formerly known as Nodewords (drupal.org/project/nodewords): Control total de keywords, description, etc…

40. Google Analytics (drupal.org/project/google_analytics)

41. XML Sitemap (drupal.org/project/xmlsitemap) crea dinámicamente sitemaps compatibles con Sitemaps.orgSEO: Módulos imprescindibles Realmente satisfechos con el resultado obtenido. Si bien no hay mágia, hemos realizado keyword research, link building, etc…

42. Backend: Afinado para mejorar su usabilidad Admin, Better Messages, Better formats, Tabs, WYSIWYG + TinyMCE, Gestión de imágenes: IMCE, ImageCache Tema de administración: Seven

43. Theming Partimos de theme “Basic”: http://drupal.org/project/basic. Tema muy limpio con buena estructura de IDs y class CSS. Buena estructuración para SEO. Para cambios fuertes de diseño usamos 2 themes.

44. Kickstart: profiles de instalación y distros Algunas lecciones aprendidas. Siempre usamos un nucleo de módulos y themes común ¿cómo aceleramos los comienzos de los proyectos? Profiles! + Features comunes Proyectos clave: Drush + Drush make

45. 04 Nuestros entornos y su trasiego

46. Queusamos en nuestrodía a día Control de versiones: SVN, por ser el que historicamente siempre hemos usado, GIT es lo siguiente. Etiquetamos en los pasos a producción. Entornos de desarrollo: BD compartida por todo el equipo (a veces da guerra), document_root por desarrollador en servidor compartido.Los que trabajamos en remoto, lo hacemos igual. IDEs de desarrollo: Para todos los gustos, cada desarrollador el que más le gusta (Zend, Netbeans, Aptana, VIM, …). Nos gustaría: Incorporar Selenium + Sistema de integración continua. Entornos: PREproducción y PROducción

47. 1 2 3 ¿qué hemos pasado? Desde luego la BD NO! Despliegues entre entornos. En busca de la automatización Desplegamos con 2 scripts. Empaquetado -> SCP -> Despliegue

48. 3 Despliegues entre entornos. En busca de la automatización Features!!!!!!!! Y la segunda derivada: Reutilización entre proyectos si se definen correctamente

49. 05 Infraestructura en producción

50. Temporalmente 1 Server en entorno virtualizado. Cacheo estándar de Drupal. En proyecto 4#1 Entornos de producción

51. 06 Cómo organizamos todo Metodología de gestión de proyecto

52. METODOLOGÍA Y TAREAS DE FASE 2 Cómo encaramos la CONSTRUCCIÓN de un PROYECTO Nos aprovechamos de nuestro equipo, SCRUM!, y lo hacemos iterar 32

53. Liturgia SCRUM Iteraciones normalmente semanales. Lunes: 1h DEMO + 1 RETRO + 2 Planificación. PRESENCIAL Scrum Diario: 15 min. SKYPE con los remotos

54. ¿1 Equipo? No. Hemos llegado a 3 en paralelo + apoyos en diseño y UX Ago Sep Sep Oct Abr May Oct Ago Nov Dic Ene Feb Mar Jun Jul 2010 2011 1ª Versión estática del site. Migración a Drupal versión estática del site. Lanzamiento Banca Cívica USA. BancaCivica.es Versión 2.0 Hazte cliente. BancaCivica.es Versión 2.5 Multiidioma Inversores Versión 1.0 BancaCivica.es 3.0 Inversores 2.0 Banca Civica USA 2.0

55. Herramientas para la coordinación: JIRA + Greenhopper Paneles físicos

56. 07 Lecciones aprendidas LA MEJOR GUINDA PARA EL PASTEL

58. Multiidioma tarde: Incorporar el multiidioma en un sitio en PRO es “doloroso”.

59. Features: No tenemos en todos los proyectos, ahora ya forman parte de nuestro ADN.

60. Diseños tarde: Nos han frenado el ¡done done!. Ahora si no los tenemos nos los inventamos.