Plone 3 per a usuaris UNITAT 8 Fàtima Brunet i Guarch Càtedra de ...

Plone 3 per a usuaris
UNITAT 8
Fàtima Brunet i Guarch
Càtedra de programari lliure de la UPC
Aquesta obra està subjecta a una llicència Reconeixement-No comercial 2.5 Espanya
de Creative Commons. Per veure'n una còpia, visiteu
http://creativecommons.org/licenses/by-nc/2.5/es/ o envieu una carta a
Creative Commons, 171 Second Street, Suite 300, San Francisco, California 94105, USA.
1

Sessió 8. Funcionament intern de
Plone: Conceptes bàsics
En la sessió d'avui veurem...
L'arquitectura de Plone
La ZMI
Estendre Plone a través de productes
Skinning (o com canviar la cara del Plone)
ZMI: trucs senzills i trucs d'alt nivell
2

Un CMS.
Extensible
Què és Plone ?
Amb un èmfasi especial en:
● La usabilitat i l'accessibilitat.
● La funcionalitat “out-of-the-box”
● La seguretat
Programari lliure.
Plone és un Sistema de Gestió de Continguts,
basat en Zope i programat en Python.
És programari lliure i està dissenyat per
ser extensible. Pot ésser usat com a
servidor intranet o com a servidor web públic.
3

Arquitectura de Plone
Feu doble clic per afegir una imatge
Python: llenguatge de programació d'alt
nivell. És orientat a objectes i interpretat.
4

Arquitectura de Plone
Zope: és un servidor d'aplicacions web
orientat a objectes. És programari lliure i està
escrit en python.
Algunes de les seves particularitats són:
● base de dades orientada a objectes (ZODB: Zope
Object Database).
● integra un acurat model de seguretat
● possibilitat de crear extensions (Products)
● permet l'administració quasi total a través de web
5

Zope i Plone
Tot Plone està muntat sobre un Zope, per tant
existeixen dos nivells en l'aplicació.
Cada un d'aquests nivells té la seva interfície
web:
● Plone: La que hem estat treballant tot el curs.
● Zope: la ZMI (Zope Management Interface)
6

Per a l'administració del sistema, cal saber que
el servidor zope funciona amb instàncies.
Una instància té un arbre de directoris concret.
Per afegir un Plone cal accedir al directori
Products de la instància zope i hi copiar-hi tots
els productes de Plone.
Podem accedir directament a la ZMI a través
del navegador a l'adreça:
localhos:8090/manage
Zope i Plone
(on localhost:8090 són la màquina i el port on s'executa
la instància zope)
7

La ZMI
8

La ZMI
Des del RootFolder de la ZMI podem afegir
diferents objectes, entre els quals, el
PloneSite.
I podem afegir-n'hi tants com vulguem, tenint
en compte, que com que són la mateixa
instància zope, comparteixen la mateixa base
de dades (ZODB).
Tota la base de dades de la instància zope es
guarda en un fitxer al directori /var de la
instància, anomenat Data.fs
9

La ZMI
10

Ara bé, des del Panell de control de la ZMI
podem fer certes tasques d'administració:
● Parar i engegar la instància zope
● Compactar de base de dades
● Obtenir informació dels productes instal·lats
● ...
La ZMI: Control_Panel
11

La ZMI: Control_Panel
12

La ZMI: còpies de Plones
Des de la ZMI podem exportar o importar
portals Plone.
Quan exportem el portal es genera un fitxer
.zexp que conté tot el Plone:
● estructura de carpetes i documents
● usuaris, grups, permisos i estat dels workflows
● configuracions del portal i productes instal·lats
Condició: per importar-lo cal tenir la mateixa
versió de Plone amb els mateixos productes
Utilitat ?
● per fer-ne còpies de seguretat
13

La ZMI: còpies de Plones
Guarda el fitxer
zplone9.zexp al directori
“var” de la instància
Recupera els fitxer del
directori “import” de la
instància
14

Estendre Plone: els productes
El Plone és extensible.
Els productes de Plone (Products) són paquets
afegeixen utilitats al Plone.
N'hi ha de diversos tipus:
● afegeixen nous tipus d'objecte
● Exemple: un gestor de documentació. Afegirà el tipus
FAQ, tutorial, definició de glossari... etc.
● afegeixen noves funcionalitats
● Exemple: connexió amb un LDAP
● afegeixen eines de configuració
● Exemple: control de caches.
15

Estendre Plone: els productes
Existeixen molts productes de Plone
● http://www.plone.org/products
Però cal ser prudent a l'hora escollir-los i
instal·lar-los:
● N'hi ha de bons i n'hi ha que no ho són tant.
● Alguns son incompatibles entre ells
● Poden ser complicats de migrar a noves versions de
Plone.
16

Els productes: instal·lació
Instal·lació: cal posar la carpeta descomprimida
del producte al directori Products de la
instància del nostre Plone i reiniciar el zope.
Amb això, ens apareixen a l'administració del
portal (Add-on Products)
17

Els productes: instal·lació
18

Els productes: exemples
Alguns exemples de productes i les seves
funcionalitats són:
● NuPlone: un skin alternatiu de Plone
● CacheFu: permet definir les polítiques de catch que
tindrà el nostre Portal. Molt útil per augmentar-ne
l'agilitat de consulta.
● PloneHelpCenter: sistema molt complert de gestió de
documentació.
● PressRoom: centre de premsa. Permet el tracte
pertinent per cada tipus d'article. Útil per periodistes.
19

Productes: CacheFu
Alguns productes es configuren des del menú
de configuració
20

Productes: CacheFu
21

Productes: PloneHelpCenter
22

Productes: PloneHelpCenter
El PloneHelpCenter permet 8 tipus d'objectes:
● secció de referències d'errors
● secció de FAQ's
● secció de How-to
● secció d'enllaços
● secció de manuals de referència
● secció de tutorials
● secció de vídeos
● secció de definicions de glossari
Cada secció admet només documents d'aquell
tipus, i cada tipus té les seves particularitats.
23

Productes: PloneHelpCenter
24

Productes: PloneHelpCenter
Exemple de Centre de Documentació en ús:
https://cc.epsem.upc.edu/documentacio/
25

Productes: PressRoom
26

Productes: PressRoom (exemple)
27

Productes: PressRoom (exemple)
28

Productes: desinstal·lació
Instal·lar un producte i usar-lo és fàcil... i
desinstal·lar-lo ?
Si no hi ha contingut al portal generat amb el
producte, podem desinstal·lar-lo sense cap
problema
(des de la Configuració del Portal -> Add-on Products)
Alerta ! Si hi ha contingut generat, aquest
quedarà inaccessible.
Quan tornem a instal·lar el producte podrem
tornar a veure el contingut.
29

Productes: EXERCICI
Instal·leu el producte: PressRoom
Creeu un nou objecte del tipus PressRoom, a
l'arrel del vostre portal. El nom serà “Sala de
Premsa”.
Creeu algun document de cada un dels tres
nous tipus.
Podeu fixar-vos en l'exemple del portal del
Conservatori: Sala de Premsa.
30

Productes: EXERCICI
Instal·leu el productes: PloneHelpCenter
Creeu un nou objecte del tipus PloneHelpCenter
a la carpeta de recursos del vostre portal.
Traieu la secció de “reference errors” i afegiu la
secció de Videos.
Afegiu alguns documents nous de tipus: FAQ,
How-to, glossari, enllaç i tutorial.
Comproveu els diferents camps de cada un.
31

Creació de productes
I si necessitem una funcionalitat, un producte,
que no existeix ?
Podem crear-nos els nostres propis productes
de Plone.
● programant amb python
● a partir del model UML i usant l'ArchGenXML
Exemple: https://borsa.epsem.upc.edu
32

Skinning de Plone
El contingut està separat de la visualització
Exemple: diferents vistes dels continguts d'una
carpeta.
També, de l'aparença general del portal: colors,
distribució, etc.
Producte NuPlone: una altre cara del Plone
33

Skinning de Plone: Exemples
34

Skinning de Plone: Exemples
35

Com canviar l'skin de Plone?
En la configuració del portal, accedim a Themes
Escollim quin tema volem (abans, ha calgut
instal·lar-ne els paquets).
Això, ens canviarà l'aparença del portal, però
no ens modificarà en cap cas el contingut.
36

Skinning de Plone: EXERCICI
Instal·leu el producte NuPlone.
Accediu a la configuració del portal, i canvieu el
vostre skin de plone.
Navegueu una mica per la pàgina per veure les
diferències.
Torneu a deixar l'skin per defecte de Plone.
Fixeu-vos que no ha canviat res del contingut
del portal.
37

Configuració del lloc: Interfície
d'administració del Zope (ZMI)
S'hi accedeix des de la configuració del lloc.
Des de la ZMI es pot administrar tot el portal
Plone.
Cal ser molt curós a l'hora de remenar-hi.
També es veu tota l'estructura de carpetes i
documents del Portal.
● això en permet la importació / exportació de certes
carpetes (ídem importació del portal)
Veurem alguns trucs per canviar l'aparença del
Plone:
● portal_skins
● portal_actions -> portal_tabs
38

ZMI - portal_skins
Personalitzar el portal: sense la necessitat de
crear un nou skin, podem modificar certs
aspectes visuals del nostre portal.
El lloc on es gestiona tota la visualització del
portal és al portal_skins.
Tots els productes de Plone, tenen un directori
anomenat skins, el contingut del qual
s'administra des d'aquí.
Aquí dins s'hi troben imatges, fulls d'estil (css),
templates, etc.
39

ZMI – portal_skins
Com modificar l'aparença del portal ? Canviant
aquests scripts i/o imatges.
Però... i si volem tornar enrera ?
El portal_skins, conté una carpeta anomenada
custom.
Qualsevol canvi que fem no modifiquem els
arxius originals sinó que en creem una còpia
dins d'aquest directori.
El Plone quan busca qualsevol element de la
imatge, primer agafa el de la carpeta custom, i
si no existeix, el busca a lloc establert.
40

ZMI – portal_skins: Canvi de logo
El primer que personalitzarem serà el logo del
portal.
Per fer-ho, accedim a portal_skins ->
portal_images -> logo
41

ZMI – portal_skins: Canvi de logo
Cliquem a
Customize
i anem a
buscar el
nou logo
42

ZMI – portal_skins: Canvi de logo
43

ZMI – portal_skins: Adaptació estètica
A continuació, canviarem algunes aparences
del portal: tipus i tamany de lletra, colors de
fons, de lletra i dels marcs dels portlets, i
gruixària de la vora de les pestanyes i taules.
Tot això, ho fem des del base_properties.
Accedim a portal_skins -> portal_styles ->
base_properties
44

ZMI – portal_skins: Adaptació estètica
Premem “Customize” i editem els camps.
45

ZMI – portal_skins: Adaptació estètica
Els elements més destacats són:
logoName
El nom de la imatge que agafem com a logo. Podem
tenir-ne més d'un i escollir per aquí quin utilitzem.
fontFamily, fontBaseSize i fontColor
Família de lletres que s'usen al portal, valor percentual
del tamany de les lletres i color (lletra negre per defecte)
linkColor
Color emprat pels links.
backgroundColor
El color de fons del portal
borderWidth
La gruixària de les vores dels portles i altres caixes
46

ZMI – portal_skins: Adaptació estètica
globalBorderColor
El color de les vores dels portlets i altres caixes.
globalBackgroundColor
Correspon al blau cel de l'skin estàndard que s'usa, per
exemple, en les capçaleres dels portlets.
globalFontColor
Correspon al color de la lletra no negra de l'skin.
evenRowBackgroudColor
Usat com a fons en les files de taules i portlets.
Habitualment és un blau cel molt clar.
contentViewBorderColor, contentViewBackgroudColor,
contentViewFontColor
Ídem que global, però s'utilitza en l'edició dels continguts.
47

ZMI – portal_skins: Adaptació estètica
globalFontColor
contentViewFontColor
evenRowBackgroudColor
globalBorderColor
globalBorderColor
globalBackgroundColor
globalBackgroundColor
48

ZMI – portal_skins: Adaptació estètica
Alerta ! un cop creats els nous fitxers
d'aparença (logo.jpg i base_properties) per
retocar-los, hem d'accedir directament a la
carpeta custom, ja que si tornem als originals,
sobreescriurem aquests que hem editat.
per editar les propietats
accedim a la pestanya
Properties
49

ZMI – Afegir pestanya al menú
horitzontal
Ens hem fixat, que qualsevol contingut que es
crea a la carpeta arrel del Plone pot aparèixer a
la navegació del portal.
Si hi apareix, ho fa tant a les pestanyes
horitzontals superiors com al portlet de
navegació.
I si volem una pestanya, que només sigui al
menú horitzontal, però que no aparegui a la
navegació ? És a dir que no sigui un contingut ?
Això és gestiona al portal_tabs.
50

ZMI – Afegir pestanya al menú
horitzontal
Accedim a portal_actions -> portal_tabs.
Dupliquem
l'index_html
(copy - paste)
51

ZMI – Afegir pestanya al menú
horitzontal
Li canviem el nom (Rename) i l'editem:
52

ZMI – Afegir pestanya al menú
horitzontal
53

La ZMI: EXERCICIS
Importeu la carpeta Professors al vostre Portal
(ja està guardada al directori “import” de la
instància zope)
Canvieu el logo del vostre portal (teniu tres
logos d'exemple a la carpeta zploneX de
l'ordinador)
Canvieu algunes propietats bàsiques del portal:
color de fons, dels portlets i de la lletra.
(si voleu, poder fer servir l'exemple mostrat a continuació)
Creeu una pestanya (portal_tab) anomentada
MANRESA amb l'enllaç a l'ajuntament de
Manresa.
54

La ZMI: EXERCICIS
Exemple d'una nova
aparença del portal.
A la següent
diapositiva, veiem
que podem tenir
dos aspectes
diferents canviant
només el logo del
portal i el color de
fons.
logo2
#f8f3ff
55

La ZMI: EXERCICIS
56

QUÈ SÉ QUE ABANS NO SABIA...
Algunes pinzellades de l'arquitectura de
plone/zope
Que el Plone es pot estendre amb Productes:
● Com instal·lar aquests productes existents
http://www.plone.org/products
● Que hi ha la possibilitat de crear-ne de nous
Com instal·lar un producte d'skinning i canviar
el disseny del portal
Accedir a la ZMI i canviar l'aparença més bàsica
del portal.
57