SlideShare uma empresa Scribd logo
1 de 41
Introducció a Drupal:
La nova generació de pàgines web i botigues on-line
                                      autoeditables


                             Ricard Solans – Disseny gràfic i programació
                                Jonatan Murcia – Creativitat i continguts
                            Gerard Guiu – Programació web i aplicacions
Index de la presentació:


> Introducció:
     - que és?
     - com funciona?
     - per què serveix?

> Avantatges de la plataforma

> Funcionalitats

> Exemples
Què és

                               ?
> Drupal és un CMS programat en PHP sota llicència GNU/GPL.

- CMS són les sigles de Content Management System, en català, Sistema de
  Gestió de Continguts.

- PHP són les lletres de l’acrònim recursiu per Hipertext
  Preprocessor, igualment inintel·ligible en català però que bàsicament és un
  llenguatge de programació que ens permet generar webs de forma
  dinàmica.

- GNU/GPL són les sigles de General Public License, un tipus de llicència
  per a programari que permet la còpia, distribució (comercial o no) i
  modificació del codi, sempre que qualsevol modificació es continuï
  distribuint amb la mateixa llicència GPL.
Com funciona

                                          ?
                                                          CCK
> Drupal és un nucli de programació
que fa de motor de diverses aplicacions
dinàmiques anomenades MÒDULS                  Webforms              Token

> Aquests mòduls són funcions                            NUCLI
específiques de la web... Actualment hi                    core
ha 12.492 mòduls disponibles on-line                      (php)
de manera gratuita (GNU/GPL).
                                              Wysiwyg               Views
> Són constantment desenvolupats per
una comunitat de 12.374
programadors d’arreu del mòn.                            Pathauto
Per què serveix

                   ?
>> Gràcies a la seva flexibilitat i
adaptabilitat Drupal és una tecnologia
adequada per desenvolupar gairebé
qualsevol tipus de lloc web...
>> Pàgines web corporatives:
>> Portals comunitaris:
>> Aplicacions d’intranet:
>> Llocs webs personals:
>> Blocs:
>> Portfolios de projectes:
>> Catàlegs de producte:
>> Botigues on-line:
>> Guvernamentals:
>> Entitats:
>> Entitats:
>> Avantatges de la plataforma
>> Drupal té una altíssima ADAPTABILITAT:

-   Tant el Frontend com el Backend es
    creen totalment a mida.

-   Backend: Funcionalitats i paràmetres
    personalitzats per cada web

-   Frontend: Aspecte gràfic de la part
    pública totalment configurable
>> Administració de continguts molt SENZILLA:
-   Zona d’administració en format web (tipus gmail,
    yahoo, hotmail...)

-   Funcions a mida. Trobaràs just les funcions que
    necessites per gestionar la teva web, ni més ni
    menys.

-   Inclusió d’editor html
    (wysiwyg) amb eines tipus
    “Word”.
>> Sistema molt POTENT:
-   La programació en php destaca per la qualitat del codi font
    i el respecte als estàndards de qualitat W3C

-   Genera pàgines web molt estables amb temps de càrrega
    molt reduïts.

-   Tot el sistema ofereix
    molta consistència.
>> Totalment ESCALABLE:
-   L’estructura modular de la web permet anar afegint nous
    dissenys, seccions i funcionalitats al llarg del temps

-   La programació en php deixa la porta oberta.


-   Es pot desenvolupar en
    diferents fases a mig, curt
    o llarg termini, adaptant-se
    sempre al pas del temps i
    als canvis.
>> ACTUALITZABLE:
-   Tots els mòduls instal·lats es poden anar actualitzant
    periòdicament.

-   Assegura l’aparició de nous recursos i millores


-   Mai et qudaràs enrere!!!
>> Optimitzada per POSICIONAMENT en cercadors:
-   Tot el contingut de la Web Autoeditable és indexat de
    forma independent

-   Excel·lent estructura de tags (etiquetes), enllaços i Url’s
    amigables que afavoreix el posicionament.
-   Disponibles mòduls
    específics per SEO
>> Molt rendible:
-   Llarg període d’amortització

-   Contingut editable en qualsevol moment sense necessitat de
    programadors externs.

-   Com més la fas servir,
    millor funciona.
>> Funcionalitats destacades
Administració de continguts




• Entorn d’administració (BackOffice) personalitzable per a l’administrador
• Editor de continguts tipus “Word” amb possibilitat d’inserir imatges, vídeo, etc...
• Categorització de continguts (determinació de seccions, categories i subcategories)
• Sistema de menús il·limitat i autogestionable
• Sistema de gestió d’usuaris avançat amb diferents rols, perfils i privilegis
• Sistema de cerca avançada (indexació de tot el contingut en temps real)
Sistema multimèdia




• Compatibilitat amb qualsevol tipus de contingut multimèdia en qualsevol format
• Pots publicar galeries d’imatges i vídeos autoeditables
• Pots publicar vídeos on-line en Streaming
• Reproducció de vídeo i àudio extern (procedent d’altres sites com Youtube, Vimeo...)
• Animacions tipus flash amb pas de diapositives i efectes Slideshow / Slideview
Sistema multi-idioma




• Possibilitat d’idiomes il·limitats amb botó de selecció sincronitzat amb tot el lloc
• Sistema de traducció de tots els continguts autogestionable per l’usuari
• Sistema de traducció “al vol” (traducció instantània del contingut mostrat)
• Traducció automàtica d’interfície d’autogestió (BackOffice) i nous mòduls instal·lats
• Compatibilitat amb idiomes d’escriptura en sentit contrari i caràcters especials
Sistema Multi-plataforma




• Compatibilitat total amb tots els navegadors (Firefox, Safari, Explorer, etc...)
• Compatibilitat total amb tots els sistemes operatius (Windows, Mac, Linux, etc...)
• Compatibilitat total amb tots els tipus de dispositius mòbils (Smart-
phone’s, Tablets, etc...)
• Sindicació de continguts a través de canals RSS
• Actualització periòdica de codi font per adaptar-se a les novetats del mercat
Sincronització amb xarxes socials




• Pots integrar continguts i crear sinergies amb les xarxes socials molt fàcilment
• Enllaç amb Facebook, Twitter, Linked in, etc...
• Visualització de tweets, estats, like’s, etc, en el propi lloc web
• Publicació d’aquests continguts en aquestes xarxes socials a través del propi lloc
• Campanyes de màrqueting multi-site
Sistemes de notícies, blocs,
fòrums, xats...




• Crea tu mateix un portal de continguts on pugui opinar tothom
• Creació de sistemes de notícies avançats amb vistes de resum, històric de
notícies, etc...
• Possibilitat d’integrar un blog dins del lloc, enllaçat amb la resta del contingut
• Possibilitat d’integrar fòrums d’opinió dins el propi lloc
• Sistemes avançats de comunicació interactiva (Web 2.0)
Comentaris, enquestes, votacions...




• Els usuaris poden comentar qualsevol contingut que aparegui en el lloc
• Tu decideixes què es pot comentar, qui pot comentar i aproves els comentaris
• Pots publicar una enquesta sobre qualsevol tema i mostrar (o no) els resultats
• Els continguts poden ser votats i filtrats segons la opinió dels usuaris
Sistema de Newsletter




• Pots crear, editar i gestionar un butlletí periòdic com si fos un contingut més del lloc
• Personalització amb disseny propi i continguts dinàmics
• Gestió d’enviament massiu automàtic amb sistema anti “correu no desitjat” i filtre
d’idioma
• Sistema de seguiment i gestió d’altes i baixes automàtic
• Autogestió de Newsletters enviats, rebuts, borradors, etc...
• Cumpliment de la Llei de Protecció de Dades (15/1999)
Geolocalització de continguts i usuaris




• Ubica els continguts dinàmics del teu lloc en un mapa interactiu
• Possibilitat de vincular usuaris a un punt geogràfic del mapa
• Possibilitat de mostrar informació diferenciada segons la localitat de l’usuari
• Sistema de cerca per localitats
• Sincronització amb el sistema Google Maps
Creació de comunitats i xarxes socials




• Pots crear un portal comunitari amb les funcionalitats de qualsevol xarxa social
• Creació de grups, fans, estats, missatges entre usuaris, fotos, etc...
• Sistema de registre i afiliació d’usuaris amb possibilitat de publicar contingut sota
revisió
• Continguts variables en funció dels perfils d’usuari i/o usuaris registrats
Gestió d’esdeveniments




• Pots fer servir el lloc per organitzar qualsevol esdeveniment i tenir-ho tot controlat
• Sistema de calendari anual per ubicar i visualitzar els esdeveniments
• Gestió de les inscripcions amb possibilitat de pagament on-line
• Mailing automàtic per confirmar inscripcions, assistència, recordatoris, etc...
• Vinculació d’esdeveniments i vistes d’elements relacionats
Posicionament en cercadors
i anàlisi de tràfic




• Ràpida indexació de TOT el contingut del lloc en els cercadors
• Optimització de codi de programació segons estàndards W3C per S.E.O
• Inclusió de metatags segons “Keywords” (Paraules clau)
• URL’s amigables que inclouen keywords (ex: www.elmeulloc.com/paraules-clau)
• Mapa web i links amb keywords en pàgina d’inici
• Sistema de anàlisi de visites “Google Analytics” integrat, amb informes setmanals
Seguretat i privacitat




• Sistema infranquejable per robots o atacs informàtics, dades privades totalment protegides
• Gestió privada de contrasenyes i claus d’accés
• Filtre anti-spam i aprovació prèvia de l’administrador per autoritzar els comentaris als articles
• Respecte a les polítiques de privacitat en l’obtenció de dades d’usuaris
• Creació automàtica de Captchas per autenticació d’usuaris (caràcters en format imatge)
• Sistemes d’identificació i certificació digital
Funcions a mida




• Qualsevol funció disponible a internet pot ser integrada a la Web Autoeditable
Moltes gràcies per la vostra atenció... i també per la
vostra paciència.
Introducció a Drupal:
La nova generació de pàgines web i botigues on-line
                                      autoeditables


                             Ricard Solans – Disseny gràfic i programació
                                Jonatan Murcia – Creativitat i continguts
                            Gerard Guiu – Programació web i aplicacions

Mais conteúdo relacionado

Semelhante a Introducció a Drupal - CINC Girona

Semelhante a Introducció a Drupal - CINC Girona (20)

UPCnet: gestió del coneixement i col·laboració
UPCnet: gestió del coneixement i col·laboracióUPCnet: gestió del coneixement i col·laboració
UPCnet: gestió del coneixement i col·laboració
 
Vull fer una web: per on començo?
Vull fer una web: per on començo?Vull fer una web: per on començo?
Vull fer una web: per on començo?
 
Eines per disposar d'un web o un blog
Eines per disposar d'un web o un blogEines per disposar d'un web o un blog
Eines per disposar d'un web o un blog
 
Resum
ResumResum
Resum
 
Curs Wordpress Ajuntament Platja d'Aro
Curs Wordpress Ajuntament Platja d'AroCurs Wordpress Ajuntament Platja d'Aro
Curs Wordpress Ajuntament Platja d'Aro
 
UD4 Web
UD4 WebUD4 Web
UD4 Web
 
Pràctica na1 uf uf1 aplicacions web
Pràctica na1 uf uf1 aplicacions webPràctica na1 uf uf1 aplicacions web
Pràctica na1 uf uf1 aplicacions web
 
Llenguatges de programació web
Llenguatges de programació webLlenguatges de programació web
Llenguatges de programació web
 
Programes a tenir en compte per crear uan botiga on-line
Programes a tenir en compte per crear uan botiga on-lineProgrames a tenir en compte per crear uan botiga on-line
Programes a tenir en compte per crear uan botiga on-line
 
Planta't a Internet
Planta't a InternetPlanta't a Internet
Planta't a Internet
 
Eines per a la millora i el manteniment de webs
Eines per a la millora i el manteniment de websEines per a la millora i el manteniment de webs
Eines per a la millora i el manteniment de webs
 
Web 2.0 - Rotary Club
Web 2.0 - Rotary ClubWeb 2.0 - Rotary Club
Web 2.0 - Rotary Club
 
Practica webquest
Practica webquestPractica webquest
Practica webquest
 
Webquest practica
Webquest practicaWebquest practica
Webquest practica
 
Programari
ProgramariProgramari
Programari
 
Programari
ProgramariProgramari
Programari
 
Programari
ProgramariProgramari
Programari
 
Programari d'un ordinador 1r trimestre
Programari d'un ordinador 1r trimestre Programari d'un ordinador 1r trimestre
Programari d'un ordinador 1r trimestre
 
Drupal
DrupalDrupal
Drupal
 
Arxius 2.0
Arxius 2.0Arxius 2.0
Arxius 2.0
 

Introducció a Drupal - CINC Girona

  • 1. Introducció a Drupal: La nova generació de pàgines web i botigues on-line autoeditables Ricard Solans – Disseny gràfic i programació Jonatan Murcia – Creativitat i continguts Gerard Guiu – Programació web i aplicacions
  • 2. Index de la presentació: > Introducció: - que és? - com funciona? - per què serveix? > Avantatges de la plataforma > Funcionalitats > Exemples
  • 3. Què és ? > Drupal és un CMS programat en PHP sota llicència GNU/GPL. - CMS són les sigles de Content Management System, en català, Sistema de Gestió de Continguts. - PHP són les lletres de l’acrònim recursiu per Hipertext Preprocessor, igualment inintel·ligible en català però que bàsicament és un llenguatge de programació que ens permet generar webs de forma dinàmica. - GNU/GPL són les sigles de General Public License, un tipus de llicència per a programari que permet la còpia, distribució (comercial o no) i modificació del codi, sempre que qualsevol modificació es continuï distribuint amb la mateixa llicència GPL.
  • 4. Com funciona ? CCK > Drupal és un nucli de programació que fa de motor de diverses aplicacions dinàmiques anomenades MÒDULS Webforms Token > Aquests mòduls són funcions NUCLI específiques de la web... Actualment hi core ha 12.492 mòduls disponibles on-line (php) de manera gratuita (GNU/GPL). Wysiwyg Views > Són constantment desenvolupats per una comunitat de 12.374 programadors d’arreu del mòn. Pathauto
  • 5. Per què serveix ? >> Gràcies a la seva flexibilitat i adaptabilitat Drupal és una tecnologia adequada per desenvolupar gairebé qualsevol tipus de lloc web...
  • 6. >> Pàgines web corporatives:
  • 9. >> Llocs webs personals:
  • 11. >> Portfolios de projectes:
  • 12. >> Catàlegs de producte:
  • 17. >> Avantatges de la plataforma
  • 18. >> Drupal té una altíssima ADAPTABILITAT: - Tant el Frontend com el Backend es creen totalment a mida. - Backend: Funcionalitats i paràmetres personalitzats per cada web - Frontend: Aspecte gràfic de la part pública totalment configurable
  • 19. >> Administració de continguts molt SENZILLA: - Zona d’administració en format web (tipus gmail, yahoo, hotmail...) - Funcions a mida. Trobaràs just les funcions que necessites per gestionar la teva web, ni més ni menys. - Inclusió d’editor html (wysiwyg) amb eines tipus “Word”.
  • 20. >> Sistema molt POTENT: - La programació en php destaca per la qualitat del codi font i el respecte als estàndards de qualitat W3C - Genera pàgines web molt estables amb temps de càrrega molt reduïts. - Tot el sistema ofereix molta consistència.
  • 21. >> Totalment ESCALABLE: - L’estructura modular de la web permet anar afegint nous dissenys, seccions i funcionalitats al llarg del temps - La programació en php deixa la porta oberta. - Es pot desenvolupar en diferents fases a mig, curt o llarg termini, adaptant-se sempre al pas del temps i als canvis.
  • 22. >> ACTUALITZABLE: - Tots els mòduls instal·lats es poden anar actualitzant periòdicament. - Assegura l’aparició de nous recursos i millores - Mai et qudaràs enrere!!!
  • 23. >> Optimitzada per POSICIONAMENT en cercadors: - Tot el contingut de la Web Autoeditable és indexat de forma independent - Excel·lent estructura de tags (etiquetes), enllaços i Url’s amigables que afavoreix el posicionament. - Disponibles mòduls específics per SEO
  • 24. >> Molt rendible: - Llarg període d’amortització - Contingut editable en qualsevol moment sense necessitat de programadors externs. - Com més la fas servir, millor funciona.
  • 26. Administració de continguts • Entorn d’administració (BackOffice) personalitzable per a l’administrador • Editor de continguts tipus “Word” amb possibilitat d’inserir imatges, vídeo, etc... • Categorització de continguts (determinació de seccions, categories i subcategories) • Sistema de menús il·limitat i autogestionable • Sistema de gestió d’usuaris avançat amb diferents rols, perfils i privilegis • Sistema de cerca avançada (indexació de tot el contingut en temps real)
  • 27. Sistema multimèdia • Compatibilitat amb qualsevol tipus de contingut multimèdia en qualsevol format • Pots publicar galeries d’imatges i vídeos autoeditables • Pots publicar vídeos on-line en Streaming • Reproducció de vídeo i àudio extern (procedent d’altres sites com Youtube, Vimeo...) • Animacions tipus flash amb pas de diapositives i efectes Slideshow / Slideview
  • 28. Sistema multi-idioma • Possibilitat d’idiomes il·limitats amb botó de selecció sincronitzat amb tot el lloc • Sistema de traducció de tots els continguts autogestionable per l’usuari • Sistema de traducció “al vol” (traducció instantània del contingut mostrat) • Traducció automàtica d’interfície d’autogestió (BackOffice) i nous mòduls instal·lats • Compatibilitat amb idiomes d’escriptura en sentit contrari i caràcters especials
  • 29. Sistema Multi-plataforma • Compatibilitat total amb tots els navegadors (Firefox, Safari, Explorer, etc...) • Compatibilitat total amb tots els sistemes operatius (Windows, Mac, Linux, etc...) • Compatibilitat total amb tots els tipus de dispositius mòbils (Smart- phone’s, Tablets, etc...) • Sindicació de continguts a través de canals RSS • Actualització periòdica de codi font per adaptar-se a les novetats del mercat
  • 30. Sincronització amb xarxes socials • Pots integrar continguts i crear sinergies amb les xarxes socials molt fàcilment • Enllaç amb Facebook, Twitter, Linked in, etc... • Visualització de tweets, estats, like’s, etc, en el propi lloc web • Publicació d’aquests continguts en aquestes xarxes socials a través del propi lloc • Campanyes de màrqueting multi-site
  • 31. Sistemes de notícies, blocs, fòrums, xats... • Crea tu mateix un portal de continguts on pugui opinar tothom • Creació de sistemes de notícies avançats amb vistes de resum, històric de notícies, etc... • Possibilitat d’integrar un blog dins del lloc, enllaçat amb la resta del contingut • Possibilitat d’integrar fòrums d’opinió dins el propi lloc • Sistemes avançats de comunicació interactiva (Web 2.0)
  • 32. Comentaris, enquestes, votacions... • Els usuaris poden comentar qualsevol contingut que aparegui en el lloc • Tu decideixes què es pot comentar, qui pot comentar i aproves els comentaris • Pots publicar una enquesta sobre qualsevol tema i mostrar (o no) els resultats • Els continguts poden ser votats i filtrats segons la opinió dels usuaris
  • 33. Sistema de Newsletter • Pots crear, editar i gestionar un butlletí periòdic com si fos un contingut més del lloc • Personalització amb disseny propi i continguts dinàmics • Gestió d’enviament massiu automàtic amb sistema anti “correu no desitjat” i filtre d’idioma • Sistema de seguiment i gestió d’altes i baixes automàtic • Autogestió de Newsletters enviats, rebuts, borradors, etc... • Cumpliment de la Llei de Protecció de Dades (15/1999)
  • 34. Geolocalització de continguts i usuaris • Ubica els continguts dinàmics del teu lloc en un mapa interactiu • Possibilitat de vincular usuaris a un punt geogràfic del mapa • Possibilitat de mostrar informació diferenciada segons la localitat de l’usuari • Sistema de cerca per localitats • Sincronització amb el sistema Google Maps
  • 35. Creació de comunitats i xarxes socials • Pots crear un portal comunitari amb les funcionalitats de qualsevol xarxa social • Creació de grups, fans, estats, missatges entre usuaris, fotos, etc... • Sistema de registre i afiliació d’usuaris amb possibilitat de publicar contingut sota revisió • Continguts variables en funció dels perfils d’usuari i/o usuaris registrats
  • 36. Gestió d’esdeveniments • Pots fer servir el lloc per organitzar qualsevol esdeveniment i tenir-ho tot controlat • Sistema de calendari anual per ubicar i visualitzar els esdeveniments • Gestió de les inscripcions amb possibilitat de pagament on-line • Mailing automàtic per confirmar inscripcions, assistència, recordatoris, etc... • Vinculació d’esdeveniments i vistes d’elements relacionats
  • 37. Posicionament en cercadors i anàlisi de tràfic • Ràpida indexació de TOT el contingut del lloc en els cercadors • Optimització de codi de programació segons estàndards W3C per S.E.O • Inclusió de metatags segons “Keywords” (Paraules clau) • URL’s amigables que inclouen keywords (ex: www.elmeulloc.com/paraules-clau) • Mapa web i links amb keywords en pàgina d’inici • Sistema de anàlisi de visites “Google Analytics” integrat, amb informes setmanals
  • 38. Seguretat i privacitat • Sistema infranquejable per robots o atacs informàtics, dades privades totalment protegides • Gestió privada de contrasenyes i claus d’accés • Filtre anti-spam i aprovació prèvia de l’administrador per autoritzar els comentaris als articles • Respecte a les polítiques de privacitat en l’obtenció de dades d’usuaris • Creació automàtica de Captchas per autenticació d’usuaris (caràcters en format imatge) • Sistemes d’identificació i certificació digital
  • 39. Funcions a mida • Qualsevol funció disponible a internet pot ser integrada a la Web Autoeditable
  • 40. Moltes gràcies per la vostra atenció... i també per la vostra paciència.
  • 41. Introducció a Drupal: La nova generació de pàgines web i botigues on-line autoeditables Ricard Solans – Disseny gràfic i programació Jonatan Murcia – Creativitat i continguts Gerard Guiu – Programació web i aplicacions