1. Entrar continguts amb Drupal
… i més
Biblioteca de l’Escola d’Arquitectura del Vallès
Febrer 2010

2. Sumari
Per El nostre
començar Workflows site
Estructura CKEditor
dels
documents

3. Per començar
 Gestor de continguts fet amb programari lliure.
 Podem entrar continguts sense necessitat de tenir
coneixements informàtics.
 Incorpora eines web 2.0.

4. Per començar



5. Per començar
•Per accedir i modificar la informació del
directori
•Per visualitar, editar, validar i suprimir les
pàgines
Per crear contingut
Per acabar

6. Per començar
• Aquestes són les plantilles
dissenyades per al nostre site.
• Tots podem crear pàgines web
a partir de cadascuna.
• Qui validarà i publicarà la
informació serà el revisor de
cada plantilla.

7. Estructura dels documents
Títol
Camps
Metadades
especials
Estructura
URL Menú
Comentaris Cos

8. Estructura del document
Camp obligatori
Es important donar bons títols a les pàgines.
Recomanacions:
• Ha de funcionar quan es llegeixi fora del context del document (per ex. En la
llista de resultats d’un cercador).
• Ha de donar una idea adequada del contingut del document.
• Cal evitar els títols massa llargs i procurar no escriure més de deu paraules.
Més informació: Manual d'estil

9. Estructura del document > metadades
Camp obligatori
De tota la web hi ha d’haver
una versió en català.
Podrem seleccionar quines
pàgines seran traduïdes al
castellà i a l’anglès.
Totes les pàgines en castellà
també hauran d’estar en anglès.

10. Estructura del document > metadades
Camp obligatori
Per defecte  Pàgina web

11. Estructura del document > metadades
Si és Novetat remota:
Camp obligatori UPC.SBD desglossat.
Si és una pàgina nostra
a més a més de SBD, BETSAV
desglossat.

12. Estructura del document > metadades
• Escriure els tags en
minúscula exceptuant els
noms propis.
• Etiquetar els continguts
pensant en l'usuari.
• El nombre de tags
recomanat és un màxim de
Camp obligatori 3 tags per pàgina.
Més informació: Manual d'estil

13. Estructura del document
Per a les pàgines amb fills
Per saber de quina pàgina depèn
Resultat

14. Estructura del document
Aquí escriurem el contingut de la pàgina
Per saber com funciona l’editor…

15. Estructura del document
 Les pàgines web han d’estar preparades per tal que l’usuari
pugui fer una lectura ràpida.
 Utilitzar l’estil de la piràmide invertida.
• Primer escriurem la idea principal o conclusió (atraurem l’atenció de
l’usuari més ràpidament).
• Després de la idea principal escriurem els raonaments generals que
argumenten aquesta idea.
• I, finalment, oferirem enllaços a altres documents amb taules de
dades, resultats concrets, gràfics, etc.
 L’estil ha de ser breu i senzill.
 Més informació: Manual d'estil

16. Estructura del document
Ha d’estar així per permetre
comentaris a la pàgina.
Per defecte, Drupal atorga una
URL partir del títol del document

17. Estructura del document

18. Estructura dels documents > camps especials
Resum de la novetat.
Si cal afegir més
informació aquesta es
Resum posa al cos.
Novetats URL
Data fi Data en què la
novetat desapareixerà
de la pàgina d’inici. Es
recomanen uns 15
dies.
Per poder generar
Any
Panells (algun dia) l’índex
URL
automàtic.

19. Workflow
Administrador
Revisors
Suport

20. Workflow
Revisor 1 Revisor 2 Revisor 3
Novetats Blocs
Plantilla 1 Plantilla 3
Plantilla 2
Suport

21. Workflow > revisar i publicar




22. Workflow > revisar i publicar
 Comprovar totes les dades entrades
 Passar de l’estat de creació al de publicació
 Desar els canvis

23. Exercici 1
 Incorporar una novetat remota a la pàgina inicial.
 Observacions: les que estan publicades ja han estat
incorporades al site.

24. CKEditor
Comand
aments
Inserir Redacció
Allotjar un
enllaços document
Inserir
imatges = Editor de text

25. CKEditor > comandaments
Els formats ja venen
definits. Caldrà escollir
entre:
• Format normal per al cos
de la pàgina
• Formats encapçalaments
per als títols
Salt de
Tipografia Sangrat
pàgina
Vinyetes Alineació

26. CKEditor > comandaments
Visualitzar el codi font de la
Pantalla completa Visualitzar els blocs
pàgina. Útil per quan es vol
copiar el contingut i xml de la pàgina. Útil
l’estructura d’una altra per a comprovar si
pàgina. estem escrivint on
cal.

27. CKEditor > comandaments
Ortografia
Buscar
Tallar Reemplaçar
Copiar Seleccionar-ho tot
Enganxar Esborrar format
Acció enrera
Acció endavant

28. CKEditor > comandaments
Posar i treure Taules
enllaços
Flash Icones
Imatges Símbols
Marcador Línia

29. CKEditor > allotjar documents



30. CKEditor > allotjar documents
 Seleccionar la carpeta
 Cercar el document en el local
Carregar-lo al servidor

31. CKEditor > inserir imatge



32. CKEditor > inserir imatge
 Passar la imatge a la pàgina web
 Seleccionar la imatge

33. CKEditor > inserir imatge
Text alternatiu: important per a què
els discapacitats visuals tinguin més
informació.
Espaiat: per a què la imatge no quedi
enganxada al text.
Alineació: usarem l’ajust a l’esquerra
per a les novetats.

34. CKEditor > inserir un enllaç
Enllaç a una altra pàgina web
Enllaç a un punt de la
mateixa pàgina
Enllaç a una adreça de
correu electrònic
Per escriure l’adreça de
l’enllaç
Per cercar l’enllaç a un
document allotjat al servidor

35. CKEditor > inserir un enllaç
NO definit  Per als enllaços
al nostre site
Nova finestra  Per als
enllaços a altres pàgines

36. Exercici 2
 Incorporeu una novetat local al site. Propostes:
• Normativa d’entrega de PFC.
• Cursos Refworks en línia.
• Bibliografia reservada de l’assignatura…
• Estar al dia de les notícies d’arquitectura a la premsa.
 Intenteu evitar “nou – nova”. Totes les novetats ho són.
 Podeu trobar algunes imatges a comú > serveis > formació >
drupal.

37. El nostre site
Font: http://www.tvciutatvella.com/
A tenir en compte i ben present:
Font: http://s0.geograph.org.uk
 El site ha de reflectir la nostra tasca...
 …però no ens hem de limitar a fer això.
 Estem relacionats amb altres sistemes
d’informació que necessàriament hem
d’utilitzar en major o menor mesura.

38. El nostre site

39. El nostre site
Catàleg Metalib
Sistema
bibliotecari
Site BT
general Biblioteques
UPCommons
UPC
Sistema
universitàri ETSAV Tendències:
UPC
EEES - EER
Refworks Site BETSAV
Delicious
Slideshare
LibraryThing Anem a
Google pams…

40. El nostre site
Catàleg Metalib
Site BT
general Biblioteques
UPCommons
UPC
Site BETSAV
 Formem part d’aquest sistema.
 Sigui quin sigui el nostre àmbit, és necessari conèixer les
prestacions de tots aquests nodes.

41. El nostre site
UPC ETSAV
Sistema Site BETSAV Tendències:
universitàri EEES - EER
Sistema
bibliotecari
 També formem part d’aquest sistema.
 Hem de conèixer tot allò que fa referència al nostre àmbit.

42. El nostre site
Refworks Site BETSAV
Delicious
Slideshare LibraryThing
Google
 Eines externes al nostre site.
 Les utilitzem per a potenciar els nostres serveis.

43. El nostre site > AVUI
 Panells expositors
 Presentacions
 Dossiers de premsa
 Cerques bibliogràfiques
 Webs d’interès
 Catàlegs industrials
 Darreres adquisicions  Imatges en accés obert
 Bibliografia recomanada  Bancs d’imatges de projectes

44. El nostre site > avui
 Agenda d’activitats
 Estadístiques del site
 On som
 Documents per
compartir  Estar al dia

45. El nostre site
Exemple de procés: Sessions de formació
Material nou Material modificat
Google Calendar S’entra l’esdeveniment
Intranet SBD Es crea un nou registre S’actualitza el registre
existent
Servidor formació Es valora si cal allotjar-la
Slideshare Es crea un nou registre S’actualitza el registre
existent
Pàgina web específica Es crea ---
Pàgina web formació S’actualitza ---
Pàgina web de recursos S’actualitza ---

46. I qualsevol dubte…
… al digital.