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...
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