Taller de Drupal 1

3,602 views
3,529 views

Published on

Primera parte del taller de Drupal impartido en el Seminario Internacional de Usabilidad y Accesibilidad para la Web 2008, en Monterrey, México.

Published in: Technology
1 Comment
5 Likes
Statistics
Notes
  • Excelentísima serie de presentaciones.
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
No Downloads
Views
Total views
3,602
On SlideShare
0
From Embeds
0
Number of Embeds
295
Actions
Shares
0
Downloads
318
Comments
1
Likes
5
Embeds 0
No embeds

No notes for slide

Taller de Drupal 1

  1. 1. Drupal de la A a la Z Cómo construir un sitio web dinámico Seminario Internacional de Usabilidad y Accesibilidad para la Web 2008 Centro Internacional de Negocios de Monterrey Noviembre 5-7, 2008
  2. 2. Punto de partida
  3. 3. Temario <ul><li>Introducción </li></ul><ul><li>Conceptos generales de administración de contenido </li></ul><ul><li>Conceptos clave de Drupal </li></ul><ul><li>Instalación y primeros pasos </li></ul><ul><li>Módulos del core </li></ul><ul><li>Módulos de terceros </li></ul><ul><li>Administración y funcionalidades </li></ul><ul><li>La capa de presentación: temas gráficos </li></ul><ul><li>Para ir más lejos… </li></ul>
  4. 4. Introducción <ul><li>El taller: una inmersión ligera en las capacidades reales de Drupal, para poder construir con facilidad un sitio relativamente complejo. </li></ul><ul><li>El instructor: un aficionado de buen nivel. Sobre todo divulgador de ciencia, pero también un poco de todo: arquitecto de información, periodista, diseñador, coder (muy básico) y más. </li></ul><ul><li>Los talleristas: ? </li></ul>
  5. 5. Conceptos generales <ul><li>Datos, información y contenido </li></ul><ul><li>Sitios estáticos </li></ul><ul><li>Sitios dinámicos </li></ul><ul><li>Sitios vs páginas </li></ul><ul><li>Elementos de un sitio </li></ul><ul><li>Elementos de una página </li></ul><ul><li>Elementos de un CMS </li></ul>
  6. 6. Datos, información, contenido <ul><li>Datos – Pequeños trozos de información (números, palabras, imágenes, sonidos) a los que se ha quitado mucho de su significado humano </li></ul><ul><li>Información – Todas las formas comunes de comunicación registrada </li></ul><ul><li>Contenido – Información envuelta en datos para aplicarla a un uso </li></ul><ul><ul><li>Definiciones de Bob Boiko, Content Management Bible </li></ul></ul>
  7. 7. Una versión más simple <ul><li>$ 1,000 </li></ul><ul><li>Dinero en mi cuenta </li></ul>
  8. 8. Una versión más simple <ul><li>$1,000 </li></ul><ul><li>Dinero en mi cuenta </li></ul>
  9. 9. Una versión más simple <ul><li>$1,000 </li></ul><ul><li>Dinero en mi cuenta </li></ul>
  10. 10. Sitios estáticos
  11. 11. Sitios dinámicos
  12. 12. Sitios dinámicos 2
  13. 13. Sitios vs páginas <ul><li>¿Les ha tocado conocer a alguien que dice “Necesito una paginita web” cuando en realidad lo que quiere es un sitio web? </li></ul><ul><li>Una página web es una colección de estructuras rectangulares dispuestas conforme a las reglas de sintaxis del HTML. </li></ul><ul><li>Un sitio web es una colección de páginas web organizada conforme a una estructura o arquitectura de sitio. </li></ul>
  14. 14. Elementos de una página
  15. 15. Algunos elementos posibles <ul><li>Cabecera – identificación, banners </li></ul><ul><li>Navegación (varios niveles) </li></ul><ul><li>Pie de página </li></ul><ul><li>Contenido principal </li></ul><ul><li>Barra(s) lateral(es) con bloques de contenido </li></ul><ul><li>Etc. </li></ul>
  16. 16. Elementos de un sitio
  17. 17. Algunos elementos posibles <ul><li>Página inicial </li></ul><ul><li>Páginas concentradoras de listas </li></ul><ul><li>Páginas finales </li></ul><ul><li>Páginas estáticas (referencias) </li></ul><ul><li>Funcionalidades </li></ul><ul><li>Etc. </li></ul>
  18. 18. Elementos de un CMS 1 <ul><li>Un sistema de administración de contenido en web, o CMS, es un sistema que facilita la adición, moderación, actualización, borrado, archivamiento y recuperación de contenido. </li></ul><ul><li>Un CMS permite que usuarios no técnicos construyan y usen un sitio web con poco o ningún entrenamiento. </li></ul><ul><li>Un CMS es una aplicación web que administra varias formas de contenido, desde texto e imágenes hasta video. </li></ul>
  19. 19. Elementos de un CMS 2 <ul><li>Desde una perspectiva de proceso, se llama administración de contenido al proceso de recolectar, administrar y publicar contenido. </li></ul><ul><li>Recolectar: Se crea o se adquiere información de una fuente existente. Dependiendo de ésta, puede o no necesitarse convertir la información a un formato maestro (como el XML). Por último, se agrega la información al sistema editándola, segmentándola en bloques (o componentes) y agregándole los metadatos apropiados. </li></ul>
  20. 20. Elementos de un CMS 3 <ul><li>Administrar: Se crea un repositorio que consiste en registros de base de datos o en archivos que contienen los componentes de contenido y datos administrativos (por ejemplo, los datos sobre los usuarios del sistema). </li></ul>
  21. 21. Elementos de un CMS 4 <ul><li>Publicar: Se hace disponible el contenido extrayendo componentes del repositorio y construyendo publicaciones dirigidas como sitios Web, documentos imprimibles y cartas noticiosas por correo. Las publicaciones consisten en componentes apropiadamente dispuestos, funcionalidad, información relacionada y navegación. </li></ul>
  22. 24. Conceptos clave de Drupal <ul><li>Qué es Drupal </li></ul><ul><li>Historia </li></ul><ul><li>Por qué usar Drupal </li></ul><ul><li>El core y los módulos </li></ul><ul><li>Las versiones de Drupal </li></ul><ul><li>Nodos </li></ul><ul><li>Módulos </li></ul><ul><li>Bloques </li></ul><ul><li>Temas gráficos </li></ul>
  23. 25. Qué es Drupal <ul><li>Drupal es un CMS, un sistema de administración de contenido gratuito, modular, de código abierto. Es también una plataforma de desarrollo para la administración de contenido. </li></ul><ul><li>Está escrito en el lenguaje PHP y corre sobre bases de datos MySQL o PostgreSQL. </li></ul><ul><li>Ofrece a los desarrolladores una base sólida para extender e implementar soluciones personalizadas de administración de contenido. </li></ul>
  24. 26. Es un sistema compacto Drupal Joomla Wordpress Plone
  25. 27. Qué puede hacerse con Drupal <ul><li>Sitios web comunitarios/redes sociales </li></ul><ul><li>Blogs/Weblogs - Bitácoras </li></ul><ul><li>Sitios de comercio electrónico </li></ul><ul><li>Foros de discusión </li></ul><ul><li>Wikis/Bases de conocimiento </li></ul><ul><li>Aplicaciones web de negocios </li></ul><ul><li>Intranets/Extranets </li></ul>
  26. 28. Capacidades de Drupal <ul><li>Sistema granular de permisos </li></ul><ul><li>Administración de usuarios </li></ul><ul><li>Manejo de temas gráficos/plantillas </li></ul><ul><li>Sindicación (hilos RSS)/Agregación </li></ul><ul><li>Tipos de contenido a la medida </li></ul><ul><li>Generación visual de consultas de datos </li></ul><ul><li>Control y moderación de contenido </li></ul><ul><li>Gestión WYSIWYG de archivos… ¡Y mucho más! </li></ul>
  27. 29. Historia
  28. 30. Historia <ul><li>El proyecto Drupal se lanzó en el año 2000 en Holanda, cuando Dries Buytaert era estudiante. </li></ul><ul><li>El código se diseñó originalmente para un sitio llamado drop.org. </li></ul><ul><li>En 2001 el código se liberó como Drupal. </li></ul><ul><li>La historia de Drupal se puede consultar en http://drupal.org/node/769. </li></ul><ul><li>En 2007 Dries anunció el lanzamiento de Acquia, un proyecto comercial para impulsar Drupal. </li></ul>
  29. 31. La comunidad (parte)
  30. 32. Por qué usar Drupal <ul><li>Porque es fácil de instalar </li></ul><ul><li>Porque es fácil de usar, amigable (ejem) </li></ul><ul><li>Porque es fácil de aprender (ejem ejem) </li></ul><ul><li>Porque es increíblemente variado y rico en funcionalidades (a través de sus módulos) </li></ul><ul><li>Porque es gratis/código abierto (GNU/GPL) </li></ul><ul><li>Porque es flexible, robusto y modular </li></ul><ul><li>Porque tiene gran soporte comunitario </li></ul>
  31. 33. Y hace unos días…
  32. 34. La curva de aprendizaje
  33. 35. El core de Drupal <ul><li>Marco de desarrollo compacto y ligero </li></ul><ul><li>Librería de funciones comunes </li></ul><ul><li>Permite a Drupal arrancar y servir una solicitud </li></ul><ul><li>Es lo que uno recibe al descargar Drupal </li></ul>
  34. 36. Extensibilidad vía módulos <ul><li>Son el cómo Drupal se extiende </li></ul><ul><li>Son versátiles y compactos </li></ul><ul><li>Drupal permite a los módulos usar los llamados hooks </li></ul><ul><li>El core realiza sus acciones clave con módulos </li></ul><ul><li>Módulos clave: inamovibles </li></ul><ul><li>Hay módulos opcionales </li></ul><ul><li>Acepta módulos de terceros </li></ul>
  35. 37. Las versiones de Drupal 1 <ul><li>Drupal 4.7 - Mayo 1, 2006 </li></ul><ul><ul><li>Formularios con capacidad para autocompletarse </li></ul></ul><ul><ul><li>Múltiples regiones para los bloques </li></ul></ul><ul><ul><li>Etiquetado libre </li></ul></ul><ul><ul><li>Mejoras a los agregadores </li></ul></ul>
  36. 38. Las versiones de Drupal 2 <ul><li>Drupal 5.0 – Enero 15, 2007 </li></ul><ul><ul><li>Instalador basado en web </li></ul></ul><ul><ul><li>Páginas de administración mejoradas </li></ul></ul><ul><ul><li>Filtrado de URL </li></ul></ul><ul><ul><li>Tipos de contenido personalizados </li></ul></ul>
  37. 39. Las versiones de Drupal 3 <ul><li>Drupal 6.0 – Febrero 13, 2008 </li></ul><ul><ul><li>Soporte para OpenID </li></ul></ul><ul><ul><li>Mejoras en la localización </li></ul></ul><ul><ul><li>Acciones y disparadores </li></ul></ul><ul><ul><li>Administración drag-and-drop </li></ul></ul>
  38. 40. El estado de Drupal
  39. 41. Nodos
  40. 42. Nodos <ul><li>Definición 1: Un nodo puede pensarse como una abstracción primaria a la que se pueden agregar campos para convertir la abstracción en una concreción a la que llamamos tipo de contenido . </li></ul><ul><li>Definición 2: Un nodo es un contenedor de cosas (perdón por los tecnicismos ). ¿De qué cosas? En parte, del contenido que usted crea. En parte, de elementos administrables que Drupal crea. </li></ul>
  41. 43. Módulos <ul><li>Un módulo es una forma de extender las funcionalidades que ofrece Drupal. </li></ul><ul><li>Por lo general un módulo es un montón de archivos de código (usualmente en PHP) y quizás alguna hoja de estilo (CSS). </li></ul><ul><li>Por ejemplo. Su sitio tiene contenido. ¿Quiere describirlo? En HTML esto se hace con descriptores META. Y para administrarlos en Drupal puede instalar el módulo Nodewords. </li></ul>
  42. 44. Módulos <ul><li>Módulos del core requeridos </li></ul><ul><li>Módulos del core opcionales </li></ul><ul><li>Módulos de terceros </li></ul>
  43. 45. Bloques <ul><li>Un bloque es un rectángulo de página donde se publica algo de contenido. </li></ul><ul><li>Si imaginamos un módulo como una tienda ubicada en el interior de un mall (el sitio), un bloque es el equivalente a un escaparate puesto en la parte exterior del mall: es una ventana hacia lo que hay en el interior. </li></ul>
  44. 46. Temas gráficos <ul><li>Un tema gráfico es un conjunto de elementos que sirven para definir la capa de presentación del sitio. Manipulan el contenido para desplegarlo al visitante con ciertas características visuales o de comportamiento. </li></ul><ul><li>Un tema gráfico está formado por diferentes archivos (como plantillas, hojas de estilo, imágenes) que en su conjunto visten el contenido que sirve el sitio. </li></ul>
  45. 47. Sitios hechos en Drupal
  46. 48. Sourceforge
  47. 49. Stand against poverty
  48. 50. ICANN
  49. 51. Bob Dylan
  50. 52. 24 Heures
  51. 53. Led Zeppelin
  52. 54. Sun Learning eXchange
  53. 55. Femina.ch
  54. 56. Universal Music
  55. 57. The New York Observer
  56. 58. Popular Science
  57. 59. Fast Company
  58. 60. GoingOn
  59. 61. Milenio.com
  60. 62. Otros sitios 1 <ul><li>Bandas, músicos y celebridades </li></ul><ul><ul><li>AvrilLavigne.com </li></ul></ul><ul><ul><li>JeniferLopez.com (sí, así lo escribieron) </li></ul></ul><ul><ul><li>Dead.net (Grateful Dead) </li></ul></ul><ul><li>Comunidades y redes sociales </li></ul><ul><ul><li>Blogher.com </li></ul></ul><ul><ul><li>community.menshealth.de </li></ul></ul><ul><ul><li>Drupalsites.net </li></ul></ul>
  61. 63. Otros sitios 2 <ul><li>Compañías y negocios </li></ul><ul><ul><li>http://officepranks.forbes.com/ </li></ul></ul><ul><ul><li>http://www.mtv.co.uk/ </li></ul></ul><ul><ul><li>http://www.warnerbrosrecords.com/ </li></ul></ul><ul><li>Open source, software y desarrollo </li></ul><ul><ul><li>http://dev.aol.com/ </li></ul></ul><ul><ul><li>http://www.flock.com/ </li></ul></ul><ul><ul><li>http://www.ubuntu.com/ </li></ul></ul>
  62. 64. Otros sitios 3 <ul><li>Y si le seguimos: </li></ul><ul><ul><li>Tim Berners-Lee, NASA, Spread Firefox, KDE Devs, GNOME, Blaz, Tipic, DebianPlanet, LinuxJournal.com, jEdit, Lucent Technologies, Yahoo!, MTV, FOSDEM, Avril Lavigne, Electronic Frontier Foundation, Harvard, Britney Spears, United Nations, Lifetime, CBC, Warner Bros., Fox, Tori Amos, Universal Music, Eclipse, Discovery Channel, The Onion, Royal Flemish Philarmonic, 9Lives, MotoGP, Forbes, Men's Health, Ozzy Osbourne, AOL, Greenpeace, Amnesty International, Playboy, HIllary Clinton, Sony, PlayStation, Second Life, Bélgica, Fedex, Nike... </li></ul></ul>

×