Presentació de Funcionalitats i Mòdu Drupal de la jornada "Global Learn Day" organitzada per Atenea tech al Citilab de Cornellà el 14 de desembre de 2012.

1. Drupal: Funcionalitats i
mòduls
Global Training Days
Siddharta Navarro / Luis Ortiz Ramos
14/12/2012
www.ateneatech.com

2. Usuaris, rols i permisos
Mòdul “User”
Un usuari és una persona que interacciona
amb el sistema
Un usuari anònim també és un usuari
www.ateneatech.com

3. El sistema permet a un usuari anònim
autenticar-se fent servir:
 Nom i clau
 OpenID
 Twitter, Facebook, Linkedin...
www.ateneatech.com

4. Es pot configurar el sistema per a que el
registre d'usuaris el pugui fer:
 L'usuari anònim
 L'usuari anònim amb aprovació d'un administrador
 Només un administrador
www.ateneatech.com

5. Es pot seguir un procés de validació de
correus electrònics:
 L'usuari es registra amb:
 Nom
 Correu electrònic
 El sistema li envia un correu amb una adreça d'un
sol ús
 L'usuari accedeix fent-la servir i indica la seva clau
d'accés
www.ateneatech.com

6. El sistema notifica fent servir el correu electrònic
quan:
 Un administrador registra un usuari
 Un usuari es registra i espera a l'aprovació
 Un usuari es registra
 S'activa el compte de l'usuari
 Es bloqueja el compte de l'usuari
 Es cancel·la
 El usuari demana recuperar la seva clau
www.ateneatech.com

7. Modes de visualització
 Compte d'usuari (user/UID)
www.ateneatech.com

8. Els usuaris tenen un o més rols
El sistema defineix dos rols:
 Usuari anònim
 Usuari autenticat
Es poden crear tants rols personalitzats com sigui
necessari:
 Administrador
 Editor
 ...
www.ateneatech.com

9. El administrador dona permisos als rols
Els mòduls:
 Registren nous permisos al sistema
 Veure el contingut
 Crear contingut de tipus pàgina
 Administrar usuaris
 Canviar el nom d'usuari propi
 ...
 Comproven que l'usuari actual te un rol que te un permís
abans de fer una acció
www.ateneatech.com

10. Demo
www.ateneatech.com

11. Continguts i tipus de contingut
Mòdul “Node”
Son la peça fonamental
S'agrupen en tipus
 que es defineixen a:
 els mòduls
 el perfil d'instal·lació
 la interfície d'administració
www.ateneatech.com

12. Tipus més comuns:
 Pàgina bàsica
 Article
 Notícia
 Activitat
 ...
www.ateneatech.com

13. Atributs i camps per defecte:
 Títol
 Cos
 Revisions: Crear nova i comentaris
 Informació d'autoria: Usuari i data d'enviament
 Estat: Publicat, promogut, enganxat
www.ateneatech.com

14. Modes de visualització
 Contingut complet (node/NID)
 Resum (node)
 RSS (rss.xml)
www.ateneatech.com

15. Permisos:
 generals:
 Saltar-se el control d'accés
 Administrar contingut/tipus de contingut
 Accedir a la pàgina d'administració de contingut
 Veure contingut publicat/contingut no publicat propi
 Veure/esborrar/revertir revisions
 per cada tipus:
 Crear
 Editar els propis/tots
 Esborrar els propis/tots
www.ateneatech.com

16. Demo
www.ateneatech.com

17. Formats de text
Mòdul “Filter”
Format de text
 Conjunt de filtres
 S'apliquen al mostrar el text
Al editar el camp “Cos” podem seleccionar-lo
www.ateneatech.com

18. Per defecte:
 Text pla:
 El codi HTML es mostra com a text
 Transforma els retorn de línia en HTML
 Transforma les URLs en ellaços
www.ateneatech.com

19.  HTML filtrat:
 Limita alguna de les etiquetes HTML
 Transforma els retorn de línia en HTML
 Transforma les URLs en enllaços
 Corregeix el codi HTML mal format o tallat
www.ateneatech.com

20.  HTML complet:
 Transforma els retorn de línia en HTML
 Transforma les URLs en enllaços
 Corregeix el codi HTML mal format o tallat
www.ateneatech.com

21. Podem crear tants formats com calgui
Els mòduls implementen nous filtres:
 External links
 Code filter
 oEmbed
 Pathologic
 ...
www.ateneatech.com

22. Demo
www.ateneatech.com

23. Editors visuals
Mòdul “Wysiwyg”
“What You See Is What You Get”
Podem instal·lar un o més d'un editor
Opcions: YUI editor, NicEdit, Whizzywig,
EpicEditor, markItUp, TinyMCE, WYMeditor,
CKEditor, openWYSIWYG, jWYSIWYG,
FCKeditor.
www.ateneatech.com

24. Associem un editor a un format de text
Podem configurar:
 Opcions generals
 Botons
 Aparença
 Neteja del codi
 Estils
www.ateneatech.com

25. Demo
www.ateneatech.com

26. Camps
Módul “Field” i “Field UI”
Podem afegir camps a Usuaris, Contingut i
altres entitats del sistema
www.ateneatech.com

27. Els camps tenen:
 Nom
 Tipus
 Descripció
 Obligatorietat
 Valor per defecte
 Cardinalitat
 Altres opcions segons el tipus
www.ateneatech.com

28. Els tipus de camps es defineixen als mòduls:
 Al nucli:
 Text:
 Curt
 Llarg
 Llarg amb resum
 Nombre:
 Enter
 Decimal
 Amb coma flotant
 Arxiu
 Imatge
www.ateneatech.com

29.  A mòduls contribuïts:
 Enllaç
 Correu electrònic
 Data
 Adreça
www.ateneatech.com

30. Grups de camps:
 Mòdul contribuït “Field group”
 Permet agrupar camps en:
 Conjunts
 Pestanyes horitzontals/verticals
 Acordions
 Múltiples passos
www.ateneatech.com

31. Gestió de la presentació:
 A cada mode de visualització permet gestionar:
 Posició del camp
 Format: depèn del tipus del camp
www.ateneatech.com

32. Demo
www.ateneatech.com

33. Arxius, imatges i estils
Mòdul “File”
Fa possible adjuntar arxius a les entitats.
Permet introduir també la descripció
Validació per:
 Extensió
 Grandaria
Sistemes d'arxius:
 Públic
 Privat
www.ateneatech.com

34. Mòdul “Image”
És un tipus especial d'arxiu
Permet introduir:
 Títol
 Text alternatiu
Validacions per:
 Extensió
 Grandària
 Dimensions
 Màxima
 Mínima
www.ateneatech.com

35. Estils son conjunts de efectes que es poden
aplicar a les imatges
Es poden fer servir com a format al mostrar
una imatge
Per defecte:
 Thumbnail
 Medium
 Large
www.ateneatech.com

36. Els efectes s'implementen en mòduls:
 Al nucli:
 Crop
 Desaturate
 Resize
 Rotate
 Scale
 Scale and crop
www.ateneatech.com

37.  A mòduls contribuïts:
 Watermarking
 Overlays
 Text overlay
 Color-shifting
 Brighten/Darken
 Alpha blending
 Canvas manipulation
 Background
 File Format switcher
 Rounded corners (transparent)
 Aspect Switcher
 ...
www.ateneatech.com

38. Demo
www.ateneatech.com

39. Termes de taxonomia
Mòdul “Taxonomy”
Representa una categoria o etiqueta
S'agrupen en vocabularis
www.ateneatech.com

40. Atributs i camps per defecte:
 Nom
 Descripció
 Relacions: terme pare i pes
Podem afegir camps
www.ateneatech.com

41. Mode de visualització:
 Pàgina de terme (taxonomy/term/TID)
www.ateneatech.com

42. Referencia a terme: nou tipus de camp
Associa qualsevol entitat a un terme
 Es mostrarà a la seva pàgina de terme
Ginys:
 Llistat de selecció
 Caixes de verificació
 Botons de ràdio
 Auto-completat
Permet crear termes dinàmicament
www.ateneatech.com

43. Demo
www.ateneatech.com

44. Comentaris
Mòdul “Comment”
Permet afegir comentaris als continguts
www.ateneatech.com

45. Configuració per cada tipus:
 Obert, tancat, ocult
 Niuats
 Nombre de comentaris per pàgina
 Activar títol de comentari
 Formulari a la pàgina del contingut
 Previsualització
Configuració per cada contingut
 Obert, tancat
www.ateneatech.com

46. Atributs i camps per defecte
 Autor
 Títol
 Comentari
Podem afegir camps
www.ateneatech.com

47. Permisos:
 Administrar comentaris
 Veure/Enviar comentaris
 Saltar aprovació de comentaris
 Editar els comentaris propis
www.ateneatech.com

48. Demo
www.ateneatech.com

49. Blocs
Mòdul “Blocks”
Permet gestionar que contingut secundari es
veu a cada pàgina
Els blocs es poden col·locar a regions
El tema defineix les regions disponibles
www.ateneatech.com

50. Propietats dels blocs:
 Títol administratiu
 Títol
 Regió
 Visibilitat:
 Per adreça
 Per tipus de contingut
 Per rol d'usuari
 Per opció d'usuari
www.ateneatech.com

51. Els blocs es defineixen a:
 Els mòduls
 La interfície d'administració:
 Al nucli:
 Blocs bàsics de text
 Amb mòduls contribuïts:
 “Views”
 “Bean”
www.ateneatech.com

52. Demo
www.ateneatech.com

53. Menús
Mòdul “Menu”
Permet crear i gestionar menús
Per defecte:
 Menú principal
 Menú d'usuari
 Gestió
 Navegació
Genera un bloc per cada menú
www.ateneatech.com

54. Interfície de gestió d'enllaços:
 Ordenar-los i niuar-los fent servir Drag&drop
 Crear enllaços:
 Propietats dels enllaços:
 Títol
 Adreça interno o externa
 Descripció
 Actiu
 Expandit
 Element pare
 Pes
www.ateneatech.com

55. Creació a continguts:
 Als tipus:
 Menús disponibles
 Element pare per defecte
 Als continguts:
 Afegir enllaç al menú
 Títol
 Descripció
 Element pare
 Pes
www.ateneatech.com

56. Demo
www.ateneatech.com

57. Cerca
Mòdul “Search”
Activa la cerca bàsica
Indexa el text de continguts i usuaris
Implementa:
 Un bloc amb una caixa de cerca
 Una pàgina de resultats de la cerca
www.ateneatech.com

58. Molt bàsica:
 Només paraules complertes
 Només paraules de més de tres caràcters
 Distingeix entre majúscules i minúscules
Es pot ampliar amb mòduls contribuïts:
 Search API
 Apache Sorl
www.ateneatech.com

59. Demo
www.ateneatech.com

60. Àlies
Mòdul “Path”
Permet crear àlies a les adreces internes.
Des de:
 El formulari de creació o edició de contingut
 Interfície d'administració
www.ateneatech.com

61. Mòdul contribuït “Pathauto”
Permet generar automàticament per:
 Tipus de contingut
 Termes de taxonomies
 Usuaris
Permet fer servir informació d'aquestes
entitats per construir l'àlies
www.ateneatech.com

62. Demo
www.ateneatech.com

63. Multi-idioma
Mòduls:
 Nucli: “Locale” i “Content translation”
 Contribuïts: “i18n”, “i18nviews”...
Permet traduir:
 Interfície
 Entitats
www.ateneatech.com

64. Interfície
 Cadenes de text definides a
 mòduls: en Anglés
 interfície d'administració: en l'idioma per defecte o el
que configurem
 Cercador general per a traduir
 Grups de traduccions
 Exportable en format .po
www.ateneatech.com

65. Entitats
 Continguts, Termes, etc.
 Definim el seu idioma al crear-lo
 Podem traduir-lo
 Correspondència entre traduccions
www.ateneatech.com

66. Altres
 Blocs
 Menús i elements del menú
 Aliés d'adreces
 Variables (nom del lloc, eslògan..)
www.ateneatech.com

67. Demo
www.ateneatech.com

68. Vistes
Mòdul “Views”
Llistats de:
 Continguts
 Revisions de continguts
 Usuaris
 Arxius
 Mòduls, temes i motors de temes
www.ateneatech.com

69. Presentació:
 Pàgina
 Bloc
 Adjunt
 Canal
www.ateneatech.com

70. Format de presentació:
 Per a pàgina, bolc i adjunt:
 Llistat sense format
 Llistat HTML
 Taula
 Graella
 Menú d'enllaços
 Per canal:
 Canal RSS
www.ateneatech.com

71. Format d'element:
 Mode de presentació
 Camps
www.ateneatech.com

72. Filtres
Filtres contextuals
Relacions
Ordre
www.ateneatech.com

73. I més:
 Filtres exposats
 Ordre exposat
 Capçalera
 Peu
 Comportament si no hi ha resultats
 Control d'accés
 Paginador
 Cache
 Agregacions
www.ateneatech.com

74. Molt extensible amb mòduls:
 Presentació:
 Views Data export
 Entity Views Attachment
 Formats de presentació:
 Views slideshow
 jCarousel
 Views accordion
 Calendar
 OpenLayers
Podem implementar mòduls personalitzats
www.ateneatech.com

75. Demo
www.ateneatech.com

76. Disposicions (“Layouts”)
Mòdul “Panels”
Permet gestionar des de la interfície
d'administració com es disposen els
continguts dintre de diferents elements
www.ateneatech.com

77. Permet gestionar:
 Amb el mòdul “Panels”
 Pàgines
 Blocs
 Nodes
 Amb mòduls contribuïts:
 Entitats
 Vistes
www.ateneatech.com

78. Context:
 Permet definir que elements es podran fer servir
dintre del “layout”
 Fa servir paràmetres de URL i de la sessió
 Permet cercar elements relacionats
www.ateneatech.com

79. Disposicions:
 Reutilitzables
 Extensibles des de mòduls i tema
www.ateneatech.com

80. Contingut
 Els elements que es poden inserir dintre d'un
“Panel”
 S'anomenen “Panes”
 Són:
 Blocs
 Camps de elements al context
 Continguts personalitzats
www.ateneatech.com

81. Demo
www.ateneatech.com

82. Control de flux
Mòdul “Rules”
Triggered rule:
 Esdeveniment → Condicions → Accions
www.ateneatech.com

83. Components:
 Encapsulen funcionalitats
 Tenen paràmetres d'entrada i sortida
 Tipus:
 Rule:
 Condicions → Accions
 Rule set:
 Conjunt de rules
 Conditions set (OR)
 Conditions set (AND)
 Action set
www.ateneatech.com

84. Programació:
 Una acció especial permet programar l'execució
de “Rules” en el futur.
www.ateneatech.com

85. Demo
www.ateneatech.com