SlideShare uma empresa Scribd logo
1 de 13
Baixar para ler offline
ELISAVA
Nou web institucional de l'escola de disseny
http://ymbra.com
http://www.elisava.net
Característiques no tècniques
●   Cadascú és expert en la seva part




    ●   Estratègia web, UX i disseny gràfic per Optimyzet
●   Projecte realitzat amb pseudo-SCRUM
    ●   Per la beta, 5 sprints de 2-3 setemanes (2 mesos i mig)
    ●   Equip de comunicació i sistemes implicat des del primer
        dia
Característiques tècniques
●   Drupal 7
●   Alguns mòduls:
    ●   Project core: Views, Pathauto, i18n
    ●   Semi project core: Menu block, Menu position
    ●   Camps: Link, Field group, Field collection,
        References
    ●   Multimèdia: Wysiwyg, Insert, Video filter, Vimeo link
        formatter
●   Custom: RSS link formatter, Menu images
●   Tema personalitzat des de zero.
Nou model de desenvolupament (I)
    “Si el Drupal barreja contingut i configuració(*) a la
    base de dades, com ho faig per passar els meus
    canvis a producció?”

●   Solució 1: mode manual. Paper + llapis + molta
    sort
●   Solució 2: passar tota la configuració a codi i pujar
    aquest codi a l'entorn que pertoqui


(*) Configuració: definició de tipus de contingut i camps, variables,
vistes, regles, estils d'imatge, etc.
Nou model de desenvolupament (II)
●   En un model clàssic, això s'hauria d'haver fet via
    codi, implementant hook_update, però no
    volem morir en l'intent.
●   Gràcies al “nou” paradigma d'exportables, això és
    una tasca “trivial”.
●   Features + Strongarm permet exportar múltiples
    configuracions via UI, i generar un mòdul amb
    aquesta informació.
●   Context ens ajuda a gestionar la distribució dels
    nostres blocs i poder-ho exportar tot a codi.
Nou model de desenvolupament (III)
●   És bo agrupar els features en funcionalitats.
    Per exemple, un feature “News” que agrupa el
    tipus de contingut, els seus camps, els seus
    estils d'imatge, les seves vistes, etc.
●   Si ho fem bé, podem crear un banc de Features
    i així reaprofitar aquesta feina per a futurs
    projectes.
●   Ah, i com és codi, tot pot anar cap al nostre
    sistema de control de versions (Git per
    descomptat :) )
Nou model de desenvolupament (i IV)
●   Per cada projecte creem un perfil d'instal·lació.
●   En aquest perfil, a part de gestionar altres
    temes, generem un makefile amb tots els
    mòduls i biblioteques que fem servir,
    especificant versions, pegats a usar, i directoris
    destí.
●   Això ens facilita el treball col·laboratiu
projects[boxes][version] = "1.0-beta6"
projects[boxes][subdir] = contrib

projects[google_analytics][version] = 1.2
projects[google_analytics][subdir] = contrib

projects[metatag][version] = 1.0-alpha3
projects[metatag][subdir] = contrib

projects[draggableviews][subdir] = contrib
projects[draggableviews][download][type] = git
projects[draggableviews][download][url] = http://git.drupal.org/project/draggableviews.git
projects[draggableviews][download][revision] = 24e6ce2cf603bbb5bad008ad14b7a1fedd91e674

projects[vimeo_link_formatter][version] = 1.0
projects[vimeo_link_formatter][subdir] = contrib
projects[vimeo_link_formatter][patch][1350642] = "http://drupal.org/files/settings-summary-
doesnt-works.patch"

; LIBRARIES
libraries[ckeditor][download][type] = "get"
libraries[ckeditor][download][url] =
"http://download.cksource.com/CKEditor/CKEditor/CKEditor%203.6.1/ckeditor_3.6.1.tar.gz"
libraries[ckeditor][destination] = "libraries"

libraries[jquery.cycle][download][type] = "get"
libraries[jquery.cycle][download][url] =
"https://raw.github.com/malsup/cycle/master/jquery.cycle.all.js"
libraries[jquery.cycle][download][filename] = "jquery.cycle.all.min.js"
libraries[jquery.cycle][destination] = "libraries"
Conclusions
●   D7 és obligat per a tots els nous
    desenvolupaments
●   No podem seguir treballant amb un model
    Drupal-clàssic. Cal treballar amb exportables!
●   Proveu mòduls sense por, i si alguna cosa falla,
    mireu de solucionar-ho. Molta gent que vindrà
    darrera us ho agrairà
●   Ah! I si la interfície és en anglès, traduïu-la al
    català :)

Mais conteúdo relacionado

Semelhante a ELISAVA Beta. Cas d'èxit desenvolupat per Ymbra

Semelhante a ELISAVA Beta. Cas d'èxit desenvolupat per Ymbra (20)

Presentacio Django
Presentacio DjangoPresentacio Django
Presentacio Django
 
Turbo Gears, Framework De Python Per Aplicacions Web
Turbo Gears, Framework De Python Per Aplicacions WebTurbo Gears, Framework De Python Per Aplicacions Web
Turbo Gears, Framework De Python Per Aplicacions Web
 
Practica webquest
Practica webquestPractica webquest
Practica webquest
 
Webquest practica
Webquest practicaWebquest practica
Webquest practica
 
Ofimàtica i col·laboració online
Ofimàtica i col·laboració onlineOfimàtica i col·laboració online
Ofimàtica i col·laboració online
 
Nodes
Nodes  Nodes
Nodes
 
Formacio centres 10_11
Formacio centres 10_11Formacio centres 10_11
Formacio centres 10_11
 
Presentació EXELEARNING.pptx
Presentació EXELEARNING.pptxPresentació EXELEARNING.pptx
Presentació EXELEARNING.pptx
 
Programari Lliure UOC
Programari Lliure UOCProgramari Lliure UOC
Programari Lliure UOC
 
Arquitectura de la Información - Pac03 - Lidia Bria
Arquitectura de la Información - Pac03 -  Lidia BriaArquitectura de la Información - Pac03 -  Lidia Bria
Arquitectura de la Información - Pac03 - Lidia Bria
 
Àgora: el tercer nivell
Àgora: el tercer nivellÀgora: el tercer nivell
Àgora: el tercer nivell
 
Presentacio arambee 03-05-2012
Presentacio arambee 03-05-2012Presentacio arambee 03-05-2012
Presentacio arambee 03-05-2012
 
Git
GitGit
Git
 
Dai 9 - Ruby on Rails
Dai 9 - Ruby on RailsDai 9 - Ruby on Rails
Dai 9 - Ruby on Rails
 
Disseny De Contextos Educatius Grup Dessign Net
Disseny De Contextos Educatius Grup Dessign NetDisseny De Contextos Educatius Grup Dessign Net
Disseny De Contextos Educatius Grup Dessign Net
 
Display suite - Drupal.cat
Display suite - Drupal.catDisplay suite - Drupal.cat
Display suite - Drupal.cat
 
Shibboleth, el cas d'ús de la UOC
Shibboleth, el cas d'ús de la UOCShibboleth, el cas d'ús de la UOC
Shibboleth, el cas d'ús de la UOC
 
T4 ex1
T4 ex1T4 ex1
T4 ex1
 
2. Planifica la teva web v2
2. Planifica la teva web v22. Planifica la teva web v2
2. Planifica la teva web v2
 
Arquitectura de la Información - Pràctica - Lidia Bria
Arquitectura de la Información - Pràctica -  Lidia BriaArquitectura de la Información - Pràctica -  Lidia Bria
Arquitectura de la Información - Pràctica - Lidia Bria
 

Mais de Ymbra

El universo JavaScript en Drupal 8
El universo JavaScript en Drupal 8El universo JavaScript en Drupal 8
El universo JavaScript en Drupal 8Ymbra
 
Arquitectura de proyectos Drupal
Arquitectura de proyectos DrupalArquitectura de proyectos Drupal
Arquitectura de proyectos DrupalYmbra
 
Migrate, una herramienta de trabajo y desarrollo
Migrate, una herramienta de trabajo y desarrolloMigrate, una herramienta de trabajo y desarrollo
Migrate, una herramienta de trabajo y desarrolloYmbra
 
Field Types API: Field, widgets y formatters
Field Types API: Field, widgets y formattersField Types API: Field, widgets y formatters
Field Types API: Field, widgets y formattersYmbra
 
Desarrollo y arquitectura de proyectos con Features
Desarrollo y arquitectura de proyectos con FeaturesDesarrollo y arquitectura de proyectos con Features
Desarrollo y arquitectura de proyectos con FeaturesYmbra
 
Distribuciones en Drupal
Distribuciones en DrupalDistribuciones en Drupal
Distribuciones en DrupalYmbra
 
Views 3: Qué hay de nuevo
Views 3: Qué hay de nuevoViews 3: Qué hay de nuevo
Views 3: Qué hay de nuevoYmbra
 
Drupal 7: mucho más que una nueva versión (para desarrolladores)
Drupal 7: mucho más que una nueva versión (para desarrolladores)Drupal 7: mucho más que una nueva versión (para desarrolladores)
Drupal 7: mucho más que una nueva versión (para desarrolladores)Ymbra
 
Drupal 7 multilingüe: internacionalització i localització de llocs web
Drupal 7 multilingüe: internacionalització i localització de llocs webDrupal 7 multilingüe: internacionalització i localització de llocs web
Drupal 7 multilingüe: internacionalització i localització de llocs webYmbra
 
El universo JavaScript en Drupal 7
El universo JavaScript en Drupal 7El universo JavaScript en Drupal 7
El universo JavaScript en Drupal 7Ymbra
 
Drupal 7: mucho más que una nueva versión
Drupal 7: mucho más que una nueva versiónDrupal 7: mucho más que una nueva versión
Drupal 7: mucho más que una nueva versiónYmbra
 

Mais de Ymbra (11)

El universo JavaScript en Drupal 8
El universo JavaScript en Drupal 8El universo JavaScript en Drupal 8
El universo JavaScript en Drupal 8
 
Arquitectura de proyectos Drupal
Arquitectura de proyectos DrupalArquitectura de proyectos Drupal
Arquitectura de proyectos Drupal
 
Migrate, una herramienta de trabajo y desarrollo
Migrate, una herramienta de trabajo y desarrolloMigrate, una herramienta de trabajo y desarrollo
Migrate, una herramienta de trabajo y desarrollo
 
Field Types API: Field, widgets y formatters
Field Types API: Field, widgets y formattersField Types API: Field, widgets y formatters
Field Types API: Field, widgets y formatters
 
Desarrollo y arquitectura de proyectos con Features
Desarrollo y arquitectura de proyectos con FeaturesDesarrollo y arquitectura de proyectos con Features
Desarrollo y arquitectura de proyectos con Features
 
Distribuciones en Drupal
Distribuciones en DrupalDistribuciones en Drupal
Distribuciones en Drupal
 
Views 3: Qué hay de nuevo
Views 3: Qué hay de nuevoViews 3: Qué hay de nuevo
Views 3: Qué hay de nuevo
 
Drupal 7: mucho más que una nueva versión (para desarrolladores)
Drupal 7: mucho más que una nueva versión (para desarrolladores)Drupal 7: mucho más que una nueva versión (para desarrolladores)
Drupal 7: mucho más que una nueva versión (para desarrolladores)
 
Drupal 7 multilingüe: internacionalització i localització de llocs web
Drupal 7 multilingüe: internacionalització i localització de llocs webDrupal 7 multilingüe: internacionalització i localització de llocs web
Drupal 7 multilingüe: internacionalització i localització de llocs web
 
El universo JavaScript en Drupal 7
El universo JavaScript en Drupal 7El universo JavaScript en Drupal 7
El universo JavaScript en Drupal 7
 
Drupal 7: mucho más que una nueva versión
Drupal 7: mucho más que una nueva versiónDrupal 7: mucho más que una nueva versión
Drupal 7: mucho más que una nueva versión
 

ELISAVA Beta. Cas d'èxit desenvolupat per Ymbra

  • 1. ELISAVA Nou web institucional de l'escola de disseny
  • 4.
  • 5.
  • 6. Característiques no tècniques ● Cadascú és expert en la seva part ● Estratègia web, UX i disseny gràfic per Optimyzet ● Projecte realitzat amb pseudo-SCRUM ● Per la beta, 5 sprints de 2-3 setemanes (2 mesos i mig) ● Equip de comunicació i sistemes implicat des del primer dia
  • 7. Característiques tècniques ● Drupal 7 ● Alguns mòduls: ● Project core: Views, Pathauto, i18n ● Semi project core: Menu block, Menu position ● Camps: Link, Field group, Field collection, References ● Multimèdia: Wysiwyg, Insert, Video filter, Vimeo link formatter ● Custom: RSS link formatter, Menu images ● Tema personalitzat des de zero.
  • 8. Nou model de desenvolupament (I) “Si el Drupal barreja contingut i configuració(*) a la base de dades, com ho faig per passar els meus canvis a producció?” ● Solució 1: mode manual. Paper + llapis + molta sort ● Solució 2: passar tota la configuració a codi i pujar aquest codi a l'entorn que pertoqui (*) Configuració: definició de tipus de contingut i camps, variables, vistes, regles, estils d'imatge, etc.
  • 9. Nou model de desenvolupament (II) ● En un model clàssic, això s'hauria d'haver fet via codi, implementant hook_update, però no volem morir en l'intent. ● Gràcies al “nou” paradigma d'exportables, això és una tasca “trivial”. ● Features + Strongarm permet exportar múltiples configuracions via UI, i generar un mòdul amb aquesta informació. ● Context ens ajuda a gestionar la distribució dels nostres blocs i poder-ho exportar tot a codi.
  • 10. Nou model de desenvolupament (III) ● És bo agrupar els features en funcionalitats. Per exemple, un feature “News” que agrupa el tipus de contingut, els seus camps, els seus estils d'imatge, les seves vistes, etc. ● Si ho fem bé, podem crear un banc de Features i així reaprofitar aquesta feina per a futurs projectes. ● Ah, i com és codi, tot pot anar cap al nostre sistema de control de versions (Git per descomptat :) )
  • 11. Nou model de desenvolupament (i IV) ● Per cada projecte creem un perfil d'instal·lació. ● En aquest perfil, a part de gestionar altres temes, generem un makefile amb tots els mòduls i biblioteques que fem servir, especificant versions, pegats a usar, i directoris destí. ● Això ens facilita el treball col·laboratiu
  • 12. projects[boxes][version] = "1.0-beta6" projects[boxes][subdir] = contrib projects[google_analytics][version] = 1.2 projects[google_analytics][subdir] = contrib projects[metatag][version] = 1.0-alpha3 projects[metatag][subdir] = contrib projects[draggableviews][subdir] = contrib projects[draggableviews][download][type] = git projects[draggableviews][download][url] = http://git.drupal.org/project/draggableviews.git projects[draggableviews][download][revision] = 24e6ce2cf603bbb5bad008ad14b7a1fedd91e674 projects[vimeo_link_formatter][version] = 1.0 projects[vimeo_link_formatter][subdir] = contrib projects[vimeo_link_formatter][patch][1350642] = "http://drupal.org/files/settings-summary- doesnt-works.patch" ; LIBRARIES libraries[ckeditor][download][type] = "get" libraries[ckeditor][download][url] = "http://download.cksource.com/CKEditor/CKEditor/CKEditor%203.6.1/ckeditor_3.6.1.tar.gz" libraries[ckeditor][destination] = "libraries" libraries[jquery.cycle][download][type] = "get" libraries[jquery.cycle][download][url] = "https://raw.github.com/malsup/cycle/master/jquery.cycle.all.js" libraries[jquery.cycle][download][filename] = "jquery.cycle.all.min.js" libraries[jquery.cycle][destination] = "libraries"
  • 13. Conclusions ● D7 és obligat per a tots els nous desenvolupaments ● No podem seguir treballant amb un model Drupal-clàssic. Cal treballar amb exportables! ● Proveu mòduls sense por, i si alguna cosa falla, mireu de solucionar-ho. Molta gent que vindrà darrera us ho agrairà ● Ah! I si la interfície és en anglès, traduïu-la al català :)