D134: La intranet, una eina per a la comunicació i l'aprenentatge

El PostNuke ofereix la possibilitat de modificar els entorns visuals des de la intranet. Malauradament, això requereix un grau elevat de coneixement del seu funcionament intern.

La configuració dels entorns visuals permet transformar-los completament, encara que algunes modificacions poden requerir actuacions sobre els fitxers, com l’addició d’imatges o l’edició dels fulls d’estil.

Aquesta pràctica té l’objectiu d’introduir l’alumne a la secció de configuració d’entorns visuals del PostNuke i serveix de punt de partida per a les dues pràctiques següents. Per aquestes raons, el seu contingut és eminentment teòric.

Des del menú horitzontal de la capçalera, accediu a Administració –> Sistema i feu clic a la icona Xanthia.

Localitzeu la fila corresponent a l’entorn visual detic_blau i cliqueu a l’enllaç Edita.

La pantalla de configuració conté sis pestanyes anomenades Marcadors, Enllaços de continguts, Plantilles, Colors, Paràmetres i Control de blocs.

Aquestes pestanyes permeten accedir a eines de modificació de l’entorn visual, per tal de personalitzar l’estètica de la intranet.

Cal insistir en què la personalització fent ús d’aquestes eines no és trivial i, excepte en els casos dels colors i dels paràmetres, cal tenir uns coneixements bàsics de programació amb HTML i del funcionament intern del PostNuke.

Una plantilla és un fitxer que conté codi HTML i marcadors tipus Smarty. Cada vegada que s’ha de mostrar una pàgina de la intranet, el Xanthia llegeix diverses plantilles, les combina, substitueix els marcadors per la informació a la qual estan associats i construeix la pàgina.

Smarty és un motor de plantilles. El PostNuke incorpora una versió reduïda i particularitzada de l’Smarty anomenada pnRender. Però, què és un motor de plantilles?

Les pàgines web que reben els navegadors web estan construïdes mitjançant codi HTML i, opcionalment, JavaScript. Si en aquestes pàgines web se’ls afegeixen combinacions de caràcters especials, com per exemple <!–[ o ]–>, amb paraules clau en el seu interior, s’obté una plantilla.

Les combinacions de caràcters indicades tenen la particularitat que els navegadors i els editors HTML les interpreten com a comentaris, atès que comencen amb <!– i acaben amb –>, i, en cas de que les rebin, no en fan cas.

Ara bé, perquè les plantilles siguin útils cal que els marcadors siguin substituïts per continguts. Aquesta és la tasca del motor de plantilles.

Observeu que la taula de les plantilles presenta tres columnes, corresponents als tres tipus de plantilla que utilitza el PostNuke: d’entorn visual, de mòdul i de bloc.

Les plantilles d’entorn visual s’anomenen així perquè tenen un caràcter general i poden ser utilitzades en qualsevol part de la intranet. Les cinc plantilles originals són imprescindibles pel correcte funcionament del PostNuke, tot i que poden ser modificades i se’n poden crear d’addicionals.

La més important és la master.htm que conté una pàgina web sencera amb un gran nombre de connectors i variables del pnRender. Aquesta plantilla és l’esquelet que es fa servir per defecte. Table1.htm i table2.htm contenen fragments de codi que construeixen les taules generades mitjançant l’API del PostNuke (les taules creades pels mòduls poden ser diferents). News-index.htm es fa servir a la pàgina inicial, en construir el llistat de notícies, mentre que News-article.htm s’utilitza en llegir una notícia completa.

Les plantilles de mòdul són opcionals i s’utilitzen en lloc de la plantilla master.htm en carregar mòduls específics, per tant, també contenen esquelets de pàgines web completes. Un exemple d’aplicació seria fer que, en accedir als fòrums, en lloc de dues columnes només hi hagués la corresponent als fòrums, ocupant tota l’amplada.

Hi ha tres plantilles de mòdul especials: la *home.htm, que es carrega en accedir a la web (fitxer index.php), la *user.htm, utilitzada en l’opció El meu compte del menú horitzontal de la capçalera de la intranet (fitxer user.php) i la *admin.php, destinada a les pantalles d’administració (fitxer admin.php).

Les plantilles de bloc serveixen per formatar els blocs. La plantilla lsblock.htm no pot ser eliminada perquè és la plantilla per defecte de tots els blocs del PostNuke. Addicionalment, a la intranet s’han incorporat la rsblock.htm i la ccblock.htm, que permeten personalitzar els blocs de la columna dreta i la central respectivament.

Els marcadors són unes cadenes de caràcters que s’introdueixen dins del codi HTML de les plantilles i que, en el moment de mostrar-se la pàgina, són substituïts pel codi HTML que tenen associat.

Cliqueu a la pestanya Marcadors.

Inicialment, la taula de marcadors de l’entorn detic_blau és buida. A la pràctica següent, hi introduireu dades.

Els entorns visuals fan servir aquesta taula com a referència dels marcadors definits pels usuaris, de manera que el primer pas per utilitzar marcadors és afegir-los a la taula.

Un enllaç de continguts és una associació entre un marcador i una plantilla. Els crea el PostNuke de manera automàtica en utilitzar el control de blocs, tot i que es poden crear manualment.

Els marcadors que no tenen cap plantilla associada no se substitueixen al generar (rendering) la plantilla. Això provoca que el navegador de l’usuari/ària rebi el codi original, cosa que interpreta com un comentari HTML i, per tant, ignora.

Un marcador només pot tenir una plantilla associada, però una plantilla pot ser utilitzada per diversos marcadors.

Hi ha dos tipus d’enllaços de continguts: requerits i complements. Els requerits no es poden desactivar ni eliminar perquè el nucli del PostNuke els necessita per funcionar, mentre que els complements sí que poden perquè tenen un caràcter opcional.

Els entorns visuals Xanthia permeten que l’administrador/a de la intranet modifiqui alguns dels colors de les pàgines web mitjançant una paleta de selecció de colors.

El procediment per modificar un color s’il·lustra a la pràctica següent i consisteix en:

1. Clicar sobre el botó corresponent al color que es vol modificar.
2. Clicar sobre el nou color a la paleta de colors.
3. Fer clic a Submit these colors.

Desafortunadament, la paleta té un nombre de colors molt reduït i no és possible introduir el codi del color de forma manual. L’única opció per utilitzar determinats colors, és accedir directament a la base de dades i modificar-los.

Cal remarcar que la funcionalitat de modificar els colors només és disponible si l’autor/a de l’entorn visual ha incorporat el suport per aquesta característica. En cas contrari, els canvis de colors no tindrien cap efecte.

Habitualment, els entorns visuals ofereixen la possibilitat de personalitzar alguna característica del seu aspecte. Aquesta configuració es realitza a la secció de paràmetres.

Alguns exemples de paràmetres són l’amplada de les columnes o la visualització de les notícies amb una o dues columnes. En línies generals, qualsevol aspecte de l’entorn visual és susceptible de ser modificat mitjançant paràmetres. La condició per fer-ho és que l’autor o autora hi hagi incorporat el suport.

La modificació dels paràmetres és molt senzilla: es modifica el seu valor i es clica a Tramet.

El control de blocs permet ubicar qualsevol bloc en qualsevol part de la pàgina web, de manera que la distribució dels continguts sigui totalment diferent de la inicial.

Aquesta característica és, possiblement, la més interessant per aquelles persones que consideren que l’esquelet de la intranet (capçalera, tres columnes centrals i peu) és excessivament rígid i desitgen modificar-lo.

El control de blocs, en activar-se, preval sobre les instruccions de posicionament del mòdul de blocs i fa possible la utilització de marcadors en qualsevol lloc de les plantilles.

Aquesta característica està destinada a membres avançats de l’administració i es tractarà en profunditat a la pràctica 5 d’aquest mòdul.