guia d’usuari facultats › document › manualusuariofacultats_cat,6.pdf · incloure’s en el...

SGI Soluciones Globales Internet S.A. Passeig de Gràcia 54, 3ºE 08007 Barcelona Tel.: +34-93-272 18 48 Fax: +34-93-215 61 87

C/ Isaac Newton, 11 P.T.M. - Tres Cantos E-28760 Madrid Tel.: +34 - 91 806 16 00 Fax: +34 - 91 806 16 99

© SGI, 04/09/2006

Propietat de Soluciones Globales Internet, S.A.. Reservats tots els drets.

OLSON (Universitat Autònoma de Barcelona)

Guia d’Usuari Facultats

Preparat: Roger Frauca Córdoba

Sergi Gabaldà Gustavo Beneítez Núñez

Aprovat: Gustavo Benéitez Núñez

Autoritzat: Gustavo Benéitez Núñez

Codi: SGI-OLSON-GU-01 Versió: 1 Data: 20/04/2006 Codi Intern: SGISA XXXX/06

GUIA D’USUARI

PROJECTE: OLSON

CODI: SGI-OLSON-GU-01 VERSIÓ: 1 DATA: 20/04/2006

i

FULL D’ESTAT DEL DOCUMENT

Versió Data Pàgines Processador Canvis

1 20/04/2006 63 Word 2000 espanyol Primera versió del document.

GUIA D’USUARI

PROJECTE: OLSON


ii

TAULA DE CONTINGUT

1. INTRODUCCIÓ................................................................................................................................. 1

1.1. Objecte.............................................................................................................................................. 1

1.2. Abast ................................................................................................................................................. 1

1.3. Definicions i Acrònims .................................................................................................................... 1 1.3.1. Definicions...................................................................................................................................... 1 1.3.2. Acrònims ........................................................................................................................................ 1

2. REFERÈNCIES.................................................................................................................................. 3

3. DESCRIPCIÓ DE LA GUIA............................................................................................................. 4

3.1. Característiques del Lector............................................................................................................. 4

3.2. Convencions Tipogràfiques ............................................................................................................ 4

3.3. Organització de la Guia .................................................................................................................. 4

3.4. Descripció Global de l’Entorn de Publicació de Continguts web ............................................... 4 3.4.1. Introducció...................................................................................................................................... 4 3.4.2. Definició de la plataforma de treball .............................................................................................. 5 3.4.2.1. Gestor de Continguts ................................................................................................................................. 5 3.4.3. Estructura de la Plataforma............................................................................................................. 6 3.4.3.1. Vista general.............................................................................................................................................. 6 3.4.3.2. Desenvolupament....................................................................................................................................... 7 3.4.3.3. Staging ....................................................................................................................................................... 8 3.4.3.4. Delivery ..................................................................................................................................................... 9

4. GESTIÓ DE CONTINGUTS .......................................................................................................... 10

4.1. INTRODUCCIÓ............................................................................................................................ 10

4.2. Cerca de contingut......................................................................................................................... 10 4.2.1. Cerca de contingut en el Site Plan................................................................................................ 10 4.2.2. Recerca de contingut en el repositori ........................................................................................... 11 4.2.2.1. Cercar Asset de contingut (tipus de contingut) ...................................................................................... 12 4.2.2.2. Cercar un contingut................................................................................................................................ 13

4.3. Edició, Modificació i Eliminació de contingut ............................................................................ 14 4.3.1. Edició de contingut....................................................................................................................... 14 4.3.2. Modificació de contingut.............................................................................................................. 15 4.3.3. Eliminació de contingut................................................................................................................ 15 4.3.4. Control de versions....................................................................................................................... 17

4.4. Publicació de contingut ................................................................................................................. 17

4.5. Creació de contingut...................................................................................................................... 19 4.5.1. Creació de contingut a partir d’un altre existent........................................................................... 19 4.5.2. Creació d’un nou contingut .......................................................................................................... 20

4.6. Col·leccions..................................................................................................................................... 22 4.6.1. Creació d’una col·lecció ............................................................................................................... 23 4.6.2. Modificació i Construcció (Build) d’una col·lecció ..................................................................... 24

5. ESTRUCTURA DEL SITE ............................................................................................................. 30

GUIA D’USUARI

PROJECTE: OLSON


iii

5.1. Elements comuns ........................................................................................................................... 30 5.1.1. Capçalera ...................................................................................................................................... 30 5.1.2. Menú de l’esquerra ....................................................................................................................... 32 5.1.2.1. Estructura de pàgines. Col·locar una pàgina.......................................................................................... 32 5.1.2.2. Classificació de les pàgines. Muntar el menú de l’esquerra .................................................................. 35 5.1.2.3. Enllaços del menú de l’esquerra ............................................................................................................ 40 5.1.3. Menú de la dreta ........................................................................................................................... 42 5.1.3.1. Noticia ..................................................................................................................................................... 42 5.1.3.2. Enllaços del menú de la dreta................................................................................................................. 42 5.1.4. Peu de pàgina................................................................................................................................ 43

5.2. Contingut central de les pàgines.................................................................................................. 43 5.2.1. Pàgina principal del site: Home de les facultats ........................................................................... 43 5.2.2. Pàgines de nivell 1........................................................................................................................ 44 5.2.3. Estructures comuns de les pàgines de segon i tercer nivell .......................................................... 45 5.2.3.1. Pestanyes ................................................................................................................................................. 45 5.2.3.2. Menú dins del contingut central ............................................................................................................. 46 5.2.3.3. Pàgines de titulacions.............................................................................................................................. 47

ANNEX A. ELEMENTS DE CODI.................................................................................................... 51

A.1. Introducció .................................................................................................................................... 51 A.1.1 Funcionament genèric de les plantilles......................................................................................... 51

A.2. Plantilles Rellevants...................................................................................................................... 53 A.2.1 Plantilles per a planes ................................................................................................................... 53 A.2.2 Plantilles per a textos genèrics...................................................................................................... 53 A.2.2.1 TemplateGenericTextHomePerfilTemes .................................................................................................. 54 A.2.2.2 TemplateGenericTextComuCanals .......................................................................................................... 54 A.2.3 Plantilles per a col.leccions de documents ................................................................................... 54 A.2.3.1 TemplateCollectionEnllacsDocuments .................................................................................................... 55 A.2.3.2 TemplateCollectionDocumentsLinkOnly.................................................................................................. 55

A.3. Enumeració de plantilles.............................................................................................................. 55

GUIA D’USUARI

PROJECTE: OLSON


iv

LLISTA DE TAULES I FIGURES

TAULA 1: POSSIBLES CONTINGUTS D’UNA COL·LECCIÓ........................................................................... 24 TAULA 2: DESCRIPCIÓ DE LES DIFERENTS PLANTILLES I ELEMENTS DE CODI DISPONIBLES ...................... 56

FIGURA 1: DESCRIPCIÓ GRÀFICA DE L’ ENTORN DE TREBALL COMPLET..................................................... 6 FIGURA 2: DESCRIPCIÓ GRÀFICA DE L’ENTORN DE DESENVOLUPAMENT.................................................... 7 FIGURA 3: DESCRIPCIÓ GRÀFICA DE L’ENTORN DE PRE-PRODUCCIÓ O STAGING ........................................ 8 FIGURA 4: DESCRIPCIÓ GRÀFICA DE L’ ENTORN DE PRODUCCIÓ O DELIVERY............................................ 9 FIGURA 5: EXEMPLE DE RECERCA D’ UN CONTINGUT A TRAVÉS DEL SITE PLAN....................................... 10 FIGURA 6: EXEMPLE DE RECERCA D’ UN CONTINGUT A TRAVÉS DEL SITE PLAN .................................... 11 FIGURA 7: BARRA D’EINES DE FATWIRE ®. BOTÓ DE RECERCA.............................................................. 12 FIGURA 8: FINESTRA DE SELECCIÓ DEL TIPUS DE CONTINGUT QUE ES VULGUI BUSCAR........................... 12 FIGURA 9: FORMULARI PER A FILTRAR LES RECERQUES DE CONTINGUT.................................................. 13 FIGURA 10: FINESTRA DE RESULTATS D’ UNA RECERCA D’ ASSETS DE TIPUS TITULACIONS 1R I 2N CICLE................................................................................................................................................................ 13 FIGURA 11: COM ACCEDIR A LA UTILITAT D’EDICIÓ DE CONTINGUT, DES DEL DETALL ........................... 15 FIGURA 12: COM ACCEDIR A L‘ UTILITAT D’ELIMINACIÓ DE CONTINGUTS, DES DEL DETALL .................. 16 FIGURA 13: FINESTRA DE CONFIRMACIÓ, PRÈVIA A L‘ ELIMINACIÓ DE CONTINGUT ................................ 16 FIGURA 14: COM APROVAR UN CONTINGUT PER A PUBLICACIÓ.............................................................. 18 FIGURA 15: COM APROVAR UN CONTINGUT PER A PUBLICACIÓ ............................................................... 18 FIGURA 16: COM FER UNA CÒPIA D’UN CONTINGUT ................................................................................ 19 FIGURA 17: AL COPIAR EL TEXT GENÈRIC SELECCIONAT ANTERIORMENT, ES MOSTRARIA AQUESTA FINESTRA ................................................................................................................................................. 20 FIGURA 18: BARRA D’EINES. CREAR UN NOU CONTINGUT....................................................................... 20 FIGURA 19: FINESTRA PER A SELECCIONAR EL TIPUS PER AL NOU CONTINGUT QUE ES DESITJA CREAR ... 21 FIGURA 20: FORMULARI D’ ALTA D’UN CONTINGUT ................................................................................ 22 FIGURA 21: COL·LECCIÓ DE NOTÍCIES DE LA HOME ................................................................................ 22 FIGURA 22: COL·LECCIÓ DE RAONS PER VENIR A L’ETSE (TEXTOS GENÈRICS) ....................................... 23 FIGURA 23: COL·LECCIÓ D’ENLLAÇOS DEL PEU DE PÀGINA ..................................................................... 23 FIGURA 24: AFEGIR UNA NOVA COL·LECCIÓ .......................................................................................... 23 FIGURA 25: FORMULARI DE CREACIÓ D’ UNA NOVA COL·LECCIÓ ............................................................ 24 FIGURA 26: CERCA DE COL·LECCIONS ..................................................................................................... 25 FIGURA 27: EDITAR I MODIFICAR UNA COL·LECCIÓ ................................................................................. 25 FIGURA 28: FORMULARI DE MODIFICACIÓ D‘UNA COL·LECCIÓ ................................................................ 25 FIGURA 29: GENERAR UNA COL·LECCIÓ, ÉS A DIR, ASSOCIAR-LI CONTINGUTS ....................................... 26 FIGURA 30: ASSOCIAR CONTINGUTS A UNA COL·LECCIÓ......................................................................... 26 FIGURA 31: COL·LECCIÓ DE NOTÍCIES. ES POT COMPROVAR QUE APAREGUIN A L’ORDRE MARCAT ...... 27 FIGURA 32: MODIFICACIÓ DELS ELEMENTS QUE CONTÉ LA COL·LECCIÓ ................................................. 28 FIGURA 33: COMPROVAR QUE S’HAN PRODUÏT ELS CANVIS PORTATS A TERME....................................... 29 FIGURA 34: FORMULARI PER A AFEGIR UNA NOVA CAPÇALERA .............................................................. 31 FIGURA 35: CAPÇALERA D’EXEMPLE. ES POT VEURE COM ES VISUALITZA CADA UN DELS CAMPS DE L’ASSET ................................................................................................................................................... 31 FIGURA 36: COM COL·LOCAR UNA PÀGINA DES DE LA PESTANYA DE SITEPLAN ..................................... 32 FIGURA 37: COM COL·LOCAR UNA PÀGINA DES DEL MENÚ D’EDICIÓ D’UNA PÀGINA .............................. 33 FIGURA 38: LLISTA DE PÀGINES COL·LOCADES A SOTA HOMEETSE_CA I LLISTA DE PÀGINES NO COL·LOCADES EN EL SITE ......................................................................................................................... 34 FIGURA 39: ARBRE DEL SITE DE LA ETSE .............................................................................................. 35

GUIA D’USUARI

PROJECTE: OLSON


v

FIGURA 40: LES PÀGINES DE NIVELL 1 AMB CATEGORIA “PERFILS” ES MOSTREN A LA CAPÇALERA. NO HO FAN LES DE CATEGORIA “DESHABILITADA”. ............................................................................................ 35 FIGURA 41: CATEGORIES DE MENÚ DE L’ESQUERRA ................................................................................ 37 FIGURA 42: ESTRUCTURA DE PÀGINES D’UN NOU MENÚ DE L’ESQUERRA ............................................... 38 FIGURA 43: PÀGINA DEL CANAL D’ESTUDIAR. COMPROVAR EL MENÚ DE L’ESQUERRA........................... 39 FIGURA 44: PÀGINA DE MATRÍCULA. COM ES POT VEURE, TANT EL MENÚ DE L‘ESQUERRA, COM LA CAPÇALERA SÓN DIFERENTS DELS ESTUDIAR .......................................................................................... 40 FIGURA 45: ON ES TROBA LA COL·LECCIÓ D’ENLLAÇOS EXTERNS DEL MENÚ DE L’ESQUERRA................ 42 FIGURA 46: MENÚ DE LA DRETA D’ UN TEMA O PERFIL ........................................................................... 42 FIGURA 47: ASSET DEL MENÚ DE LA DRETA ............................................................................................ 43 FIGURA 48: SEPARACIÓ DELS DISTINTS ELEMENTS QUE FORMEN LA HOME DEL SITE .............................. 44 FIGURA 49: EXEMPLE DE CONTINGUT DE CANAL ..................................................................................... 45 FIGURA 50: ESTRUCTURA DE PESTANYES ................................................................................................ 46 FIGURA 51: EXEMPLE DE MENÚS DE NIVELL 3 I 4. ................................................................................... 47 FIGURA 52: LLISTAT DE LES TITULACIONS, GENERAT AMB ELS ASSETS DEL TIPUS TITULACIONS DE 1R I 2N CICLE –LLISTAT, GESTIONAT DES DEL SITE DE LA UAB.. ......................................................................... 47 FIGURA 53: DADES DE LES TITULACIONS, GENERAT AMB ELS ASSETS DEL TIPUS TITULACIONS DE 1R I 2N CICLE DADES I GESTIONAT DE MANERA CONJUNTA ENTRE LES FACULTATS I EL SITE DE LA UAB. ........... 48 FIGURA 54: EN PRIMER LLOC, TRIAR AL MENÚ DE CREACIÓ DE NOU ASSET (O DE CERCA D’ASSET) EL TIPUS TITULACIONS 1R I 2N CICLE DADES. ............................................................................................... 49 FIGURA 55: DESPRÉS TRIEM LA ÚNICA OPCIÓ DEL MENÚ, TITULACIONS 1ER I 2ON CICLE DADES CENTRE................................................................................................................................................................. 49 FIGURA 56: FINALMENT, OMPLIM ELS CAMPS AMB LES DADES DE LA TITULACIÓ I SEL.LECCIONEM, AL CAMP PLA D’ESTUDIS A QUINA TITULACIÓ ES REFEREIXEN AQUESTES DADES. ......................................... 50 FIGURA.57: EXEMPLES DE PLANTILLES PER A DONAR DIFERENT FORMAT A UN MATEIX TIPUS DE CONTINGUT.............................................................................................................................................. 51 FIGURA 58 : EXEMPLE D’UNA PLANTILLA REFERENCIADA DES D’UNA ALTRA ........................................ 52 FIGURA 59: EXEMPLE DE PLANTILLES INTEGRADES ............................................................................... 52 FIGURA 60: EXEMPLES DE COM REUTILITZAR UNA PLANTILLA ............................................................... 53 FIGURA 61: EXEMPLE DE TEXT GENÈRIC AMB TEMPLATEGENERICTEXTHOMEPERFILTEMES ................. 54 FIGURA 62: ORDRE EN EL QUE ES MOSTREN ELS CAMPS D’UN TEXT GENÈRIC A LA PLANTILLA TEMPLATEGENERICTEXTCOMUCANALS ................................................................................................. 54 FIGURA 63: EXEMPLE DE VISUALITZACIÓ D’UNA COL.LECCIÓ DE DOCUMENTS AMB

TEMPLATECOLLECTIONENLLACSDOCUMENTS........................................................................................ 55 FIGURA 64: EXEMPLE DE VISUALITZACIÓ D’UNA COL.LECCIÓ DE DOCUMENTS AMB

TEMPLATECOLLECTIONDOCUMENTSLINKONLY ..................................................................................... 55

GUIA D’USUARI

PROYECTO: OLSON

CÓDIGO: SGI-OLSON-GU-01 VERSIÓN: 1 FECHA: 20/04/2006

1

1. INTRODUCCIÓ

1.1. OBJECTE L’objectiu d’aquest document és la descripció de les feines a realitzar per a poder afegir, modificar i eliminar contingut del site de cada facultat.

1.2. ABAST Es pretén que l’usuari sigui capaç de realitzar modificacions, a les que no es necessiti portar a terme noves codificacions.

1.3. DEFINICIONS I ACRÒNIMS

1.3.1. Definicions

Concepte Definició

Applet Un Applet és un programa escrit en el llenguatge de programació JavaTM que pot incloure’s en el codi HTML de la pàgina, de la mateixa manera en el que s’inclou una imatge. A l’obrir una finestra d’un navegador que permeti executar codi JavaTM per a veure la pàgina que conté l’Applet, el codi de l’applet es transfereix al sistema client i l’executa la JVM del navegador.

Asset Un asset és un objecte java que representa tant una porció de contingut d’un lloc Web, com una part de l’estructura d’aquest mateix lloc, és a dir, el tipus de continguts que existeixen en un lloc Web.

Base de dades Una base de dades és un conjunt complet i no redundant, de dades. Aquests, han d’estar estructurats, és a dir, definits per uns tipus i grandària, i organitzats, independentment de quin sigui el seu fi últim. La base de dades ha de ser accessible en temps real, permetre concurrència d’usuaris amb distintes necessitats, que accedeixen a dades diverses, de manera no predictible en el temps.

Control de versions Les eines de control de versions permeten reservar una sèrie d’elements per a que només siguin modificables per un usuari durant un període de temps, de manera que, quan aquest acaba, es genera una nova versió de l’element. Al guardar-se distintes versions, permet tornar enrera, sense haver de tornar a fer el treball.

Flux de treball Els processos de flux de treball (workflow), defineixen els diferents estats per els que passa un element, assignen un responsable a cada estat i defineixen un procés de validació.

Gestor de continguts Un gestor de continguts és una eina que permet realitzar un seguiment o executar tots els procediments i processos involucrats a l’agregació, transformació, catalogació, agrupació, autorització, presentació i distribució d’informació útil per als propòsits del projecte.

1.3.2. Acrònims

Acrònim Concepte

GIF Graphic Interchange Format (file extension)

HTML HyperText Mark-up Language

IP Internet Protocol

JPG / JPEG Graphics file type/extension (lossy compressed 24 bit color image storage format developed by the Joint Photographic Experts Group)

GUIA D’USUARI

PROYECTO: OLSON


2

Acrònim Concepte

JSP Java Server Pages

JVM Java Virtual Machine

PDF Portable Document Format

UAB Universitat Autònoma de Barcelona

XML eXtensible Mark-up Language

GUIA D’USUARI

PROYECTO: OLSON


3

2. REFERÈNCIES Els següents documents són aplicables en la mesura que s’indiqui en el procediment, corresponent-se les seves versions i dates amb les vigents en el moment d’aplicació del mateix; la resta s’han utilitzat simplement de manera de consulta:

Codi Document

No aplicable

GUIA D’USUARI

PROYECTO: OLSON


4

3. DESCRIPCIÓ DE LA GUIA

3.1. CARACTERÍSTIQUES DEL LECTOR El lector ha de tenir coneixements mínims d’ofimàtica.

3.2. CONVENCIONS TIPOGRÀFIQUES - En Times New Roman cursiva s’estableixen aquelles paraules o expressions que estan en un

altra idioma que no sigui el català.

- En Courier New Cursiva aquelles paraules o expressions que designen nom d’assets.

- En Times New Roman negreta els noms de les màquines, adreces ip, etc.

3.3. ORGANITZACIÓ DE LA GUIA Els diferents capítols, defineixen:

− Capítol 1: Introducció a la guia.

− Capítol 2: Referències bibliogràfiques utilitzades per a la redacció de la present guia.

− Capítol 3: Descripció general de la guia, tipografia emprada, organització, descripció del sistema, etc.

− Capítol 4: S’explica com donar d’alta contingut, com modificar-lo i com eliminar-lo. També s’explica com aprovar un contingut per a que sigui publicat i , per tant, passi a producció.

− Capítol 5: S’explica l’estructura del lloc web de la UAB.

− Annex A: Explicació dels elements de codi desenvolupats més rellevants.

− Annex B: Convencions de grandària tant dels banners publicitaris, com de les imatges.

3.4. DESCRIPCIÓ GLOBAL DE L’ENTORN DE PUBLICACIÓ DE CONTINGUTS WEB

3.4.1. Introducció

El sistema de publicació de continguts definit per FatWire® té tres nivells:

- El codi es realitza en el nivell de desenvolupament (en aquest cas a la màquina nefertari)

- El contingut s’introdueix en el nivell de staging (en aquest cas a la màquina nefertiti)

- L’usuari final accedeix al nivell de delivery (en aquest cas, isis, osiris, sia)

Els programadors codifiquen en el nivell de desenvolupament, després d’haver comprovat que no produeix errors, publiquen el codi a staging.

Els editors de contingut treballen en staging, i comproven l’aparença dels seus continguts després de que els programadors hagin publicat el seu codi.

Un cop que s’hagi comprovat que el contingut és correcte i que el codi realitzat ho demostra adequadament, s’aprova tot (codi i contingut) per a publicar a delivery, i, finalment, es publica, quedant els canvis a la vista dels usuaris finals.

GUIA D’USUARI

PROYECTO: OLSON


5

3.4.2. Definició de la plataforma de treball

3.4.2.1. Gestor de Continguts

Definició

Un gestor de continguts és:

- Eina per a tractar informació

- Emmagatzemar, generar, compartir, vendre…

- Facilitar la seva manipulació

- Centralitzar fonts d’informació

- Redistribució i canalització a diferents públics

Un gestor de continguts no és:

- Una web

- Un generador de HTML, PDFs, XML, Javascript, …

- Un llenguatge de programació

- Una màquina

- Una eina només per a informàtics

Un gestor de continguts permet:

- Visualitzar un únic repositori de dades de moltes diverses formes

- Generar vistes

- Html

- PDF

- XML

- Paper escrit

- Correus electrònics

- Missatges a mòbils

- etc.

- Llibertat a les vistes. El gestor no proporciona ni limita cap vista “prefabricada”.

- Proporciona eines per a facilitar la “fabricació” de les vistes.

Sistema de generació de vistes

- Intervenen varies persones o grups

- Anàlisi de requeriments

GUIA D’USUARI

PROYECTO: OLSON


6

- Estudi de viabilitat

- Disseny funcional i “usabilitat”

- Disseny de la vista

- Codificació en el gestor de la vista

- Generació i reutilització de la informació a través de la vista

3.4.3. Estructura de la Plataforma

3.4.3.1. Vista general

Figura 1: Descripció gràfica de l’ entorn de treball complet

GUIA D’USUARI

PROYECTO: OLSON


7

3.4.3.2. Desenvolupament

Figura 2: Descripció gràfica de l’entorn de desenvolupament

GUIA D’USUARI

PROYECTO: OLSON


8

3.4.3.3. Staging

Figura 3: Descripció gràfica de l’entorn de pre-producció o staging

GUIA D’USUARI

PROYECTO: OLSON


9

3.4.3.4. Delivery

Figura 4: Descripció gràfica de l’ entorn de producció o delivery

GUIA D’USUARI

PROYECTO: OLSON


10

4. GESTIÓ DE CONTINGUTS

4.1. INTRODUCCIÓ A continuació es detallen els processos necessaris per a la creació, cerca, edició, modificació, publicació i eliminació de continguts a l’entorn de Staging (nefertiti).

4.2. CERCA DE CONTINGUT FatWire ® ofereix a l’usuari dues formes de cercar contingut, a través del repositori on es troba emmagatzemat, o navegant per l’arbre del Site Plan si el contingut està publicat. A continuació es detallen aquests dos procediments.

4.2.1. Cerca de contingut en el Site Plan1

Aquesta forma de cerca de contingut és molt útil i ràpida per a l’usuari, si es coneix on està el contingut publicat a la web. La web està organitzada en un esquema d’arbre, on a l’arrel hi ha la home (o pàgina d’inici) i d’ella pengen diferents planes que, al seu torn, també contenen altres pàgines. La forma de realitzar aquesta cerca és navegar per l’arbre de les pàgines col·locades en el Site Plan. A continuació s’explica un exemple de recerca del contingut:

Figura 5: Exemple de recerca d’ un contingut a través del site plan

1 En el present document s’ha considerat que la interfície de l’eina de Fatwire ®, està disponible en anglès. Si es disposa de la versió en castellà o en català els textos serien les corresponents traduccions. En aquest cas: site plan = pla del lloc = pla del web

GUIA D’USUARI

PROYECTO: OLSON


11

Com s’observa, aquest contingut es troba en Futurs Estudiants dins de la secció de Beques i Ajuts, per al que, desplegant dins del Site Plan aquesta secció trobarem aquest contingut.

Figura 6: Exemple de recerca d’ un contingut a través del site plan

Simplement, fent doble clic a l’element que es desitgi, s’aconsegueix veure el seu contingut.

4.2.2. Recerca de contingut en el repositori

Per a realitzar la cerca d’un contingut del repositori s’han de seguir dos passos: cercar l’asset i, una vegada seleccionat, cercar l’ item corresponent al contingut cercat. Cal conèixer, per tant, quin tipus d’asset és el contingut que busquem. A continuació, es detalla cada un d’aquests passos.

GUIA D’USUARI

PROYECTO: OLSON


12

4.2.2.1. Cercar Asset de contingut (tipus de contingut)

Es selecciona l’opció Search de la barra de menú del gestor de continguts,

Figura 7: Barra d’eines de Fatwire ®. Botó de recerca

i es selecciona el tipus de contingut de la llista que es vol cercar.

Figura 8: Finestra de selecció del tipus de contingut que es vulgui buscar

A continuació, apareix el cercador, que es detalla seguidament, i que serveix per a llistar els continguts existents del tipus de contingut seleccionat anteriorment.

GUIA D’USUARI

PROYECTO: OLSON


13

4.2.2.2. Cercar un contingut

Figura 9: Formulari per a filtrar les recerques de contingut

Aquest cercador permet la cerca d’un contingut per nom (opció per defecte), descripció i usuari que ha realitzat l’última modificació (Name, Description, Modified by, respectivament). A més, es permet triar la quantitat d’items que es desitja mostrar per pàgina (10, 20, 30, 50, 100, 200, 300), essent 20 l’opció per defecte; així com ordenar la llista de resultats per nom (opció per defecte), creador del contingut, data de creació, usuari de l’última modificació i data de l’última modificació (Name, Created by, Created Date, Modified by, Modified Date).

Per a realitzar una recerca s’han d’introduir els paràmetres (si no s’introdueix cap, es llistaran paginats tots els continguts) i s’ha de clicar en el botó Search.

Figura 10: Finestra de resultats d’ una recerca d’ assets de tipus Titulacions 1r i 2n cicle

GUIA D’USUARI

PROYECTO: OLSON


14

Per últim, només queda seleccionar l’item escollit per a així poder accedir a la consulta, edició, modificació, esborrat i publicació del contingut. De vegades, ja que el resultat de la cerca es pagina, no tots els elements de la cerca apareixen a la pantalla. En aquests casos, podem navegar entre tots els elements resultat amb els enllaços de Next i Previous que apareixen a dalt a la dreta. Des d’aquí també es pot afegir un o diversos continguts a la llista activa, marcant la checkbox associada a cada contingut, i prement el botó “Add to my active list”.

4.3. EDICIÓ, MODIFICACIÓ I ELIMINACIÓ DE CONTINGUT Per a poder editar, modificar i eliminar un contingut primer s’ha de realitzar el punt 4.2 Cerca de contingut , per a localitzar l’esmentat contingut. Una cop localitzat, es procedeix com s’explica en els següents apartats. Per a qualsevol tipus de contingut, el procés de modificació és idèntic, per al que, en el present document es detalla la modificació de contingut de només un asset, i s’afegeix l’apartat 4.6 Col·leccions, ja que tenen especificacions especials.

4.3.1. Edició de contingut

Per a editar un contingut s’ha de clicar en el llapis d’edició , a la llista de continguts o una vegada seleccionat el contingut en el seu detall.

GUIA D’USUARI

PROYECTO: OLSON


15

Figura 11: Com accedir a la utilitat d’edició de contingut, des del detall

Aquesta acció permetrà a l’usuari accedir a tots els camps del formulari, que es trobava bloquejat fins ara. Per a tornar l’estat anterior només caldrà prémer sobre el botó Cancell. Per a guardar els canvis que es realitzin, prémer sobre el botó Save.

4.3.2. Modificació de contingut

Una cop editat un contingut (veure 4.3.1 Edició de contingut ) es realitza els canvis desitjats sobre el contingut i es prem sobre el botó Save Changes per a guardar els canvis realitzats.

Aquesta operació produeix que el canvi es realitzi a l’entorn de staging per al que l’usuari ha de comprovar que el canvi s’ha realitzat correctament a l’esmentat entorn.

4.3.3. Eliminació de contingut

Per a eliminar un contingut s’ha de clicar a la paperera bé a la llista de continguts o una vegada seleccionat el contingut en el seu detall.

GUIA D’USUARI

PROYECTO: OLSON


16

Figura 12: Com accedir a l‘ utilitat d’eliminació de continguts, des del detall

Per a finalitzar, serà suficient amb confirmar que es desitja eliminar el contingut prement el botó de Delete This Item

Figura 13: Finestra de confirmació, prèvia a l‘ eliminació de contingut

Una vegada eliminat un contingut no es pot recuperar.

GUIA D’USUARI

PROYECTO: OLSON


17

4.3.4. Control de versions

L’eina de FatWire® permet realitzar un control de versions dels continguts (en anglès Revision Tracking). Aquest control de versions s’activa o desactiva per tipus de contingut, no per a cada element particular.

Quan un tipus de contingut té activat el control de versions, al veure el detall del contingut apareixen els botons de gestió de versions (com es pot veure a la Figura 14: Com aprovar un contingut per a publicació):

- Check out (bloquejar): si es prem, s’està indicant que durant un temps, només l’usuari que l’hagi bloquejat, tindrà permisos per a fer-ho, a la resta els apareixerà un missatge de: “contingut bloquejat per l’usuari admin.”.

- Check in (alliberar): apareix una vegada que s’ha bloquejat el contingut. Si es prem es poden portar a terme dues accions:

o Alliberar el contingut sense guardar els canvis realitzats en la nova versió

o Alliberar el contingut i fer una nova versió que reflecteixi els canvis

- Rollback (carregar una altra versió): permet tornar cap enrera en les versions. Per exemple, si s’ha fet una versió d’un text, però al cap d’un mes, es rectifica i es vol tornar al contingut anterior, simplement, hauria de preveure en rollback, comprovar quina és la versió que cerquem, seleccionar-la i acceptar els canvis.

- Show versions (mostrar versions): quan no s’ha bloquejat un contingut, es poden veure les versions ja existents del mateix. Per a poder activar una d’aquestes versions, és necessari bloquejar-lo, prèviament.

4.4. PUBLICACIÓ DE CONTINGUT

Una vegada comprovat a l’entorn de staging el contingut a publicar, es tindrà que cercar el contingut a publicar (veure 4.2 Cerca de contingut ) i una vegada seleccionat es posarà el citat contingut a la cua de publicació desplegant i triant l’opció de Approve for Publish.

GUIA D’USUARI

PROYECTO: OLSON


18

Figura 14: Com aprovar un contingut per a publicació

Per últim, es selecciona l’entorn en el que es desitja publicar (Delivery per a que aparegui el canvi reflectit a la web) i es prem el botó Approve.

Figura 15: Com aprovar un contingut per a publicació

Aquest procés no publica sinó introdueix el contingut a la cua de publicació restant a l’espera de que actuï un procés automàtic o manual de publicació.

GUIA D’USUARI

PROYECTO: OLSON


19

4.5. CREACIÓ DE CONTINGUT A continuació, es detallen les dues maneres de creació de nou contingut: una, duplicant un contingut ja existent i guardant-lo amb un altre nom (molt útil per a continguts similars o amb petites variacions), i, altra, generant-lo de nou.

Per a qualsevol tipus de contingut, el procés de creació és idèntic, per el que en el present document es detalla la creació de contingut de només un tipus d’asset, i s’afegeix les explicacions necessàries per a les col·leccions a l’apartat 4.6 Col·leccions.

4.5.1. Creació de contingut a partir d’un altre existent

Un cop editat un contingut (veure 4.3.1 Edició de contingut ) es desplega l’opció de Copy

Figura 16: Com fer una còpia d’un contingut

S’emplena el camp obligatori de Name (ha de ser diferent a qualsevol existent) i es modifica el contingut oportú. Al fer una còpia, es mantenen tots els camps, associacions, etc. excepte el camp name, que, és únic per a cada contingut.

GUIA D’USUARI

PROYECTO: OLSON


20

Figura 17: Al copiar el text genèric seleccionat anteriorment, es mostraria aquesta finestra

Per últim es prem sobre el botó Save.

4.5.2. Creació d’un nou contingut

Per a crear un nou contingut es selecciona l’opció New de la barra de menú del gestor de continguts

Figura 18: Barra d’eines. Crear un nou contingut

i es selecciona el tipus de contingut de la llista que es vol crear.

GUIA D’USUARI

PROYECTO: OLSON


21

Figura 19: Finestra per a seleccionar el tipus per al nou contingut que es desitja crear

Una vegada seleccionat el tipus de contingut apareix un formulari amb els camps que s’han de completar.

GUIA D’USUARI

PROYECTO: OLSON


22

Figura 20: Formulari d’ alta d’un contingut

S’emplena tot el contingut (els camps marcats amb * són de caràcter obligatori) i es prem sobre el botó Save.

4.6. COL·LECCIONS Una col·lecció és un conjunt d’elements del mateix tipus de contingut, ordenats per l’usuari. A continuació, es mostren alguns exemples:

• Col·lecció de notícies:

Figura 21: Col·lecció de notícies de la Home

• Col·lecció de Textos genèrics:

GUIA D’USUARI

PROYECTO: OLSON


23

Figura 22: Col·lecció de raons per venir a l’ETSE (textos genèrics)

• Col·lecció d’enllaços:

Figura 23: Col·lecció d’enllaços del peu de pàgina

A continuació, es detallen els processos de creació d’una nova col·lecció i el de modificació i construcció (build) d’una col·lecció ja existent.

4.6.1. Creació d’una col·lecció

Com per a la creació de qualsevol contingut, els passos a seguir s’expliquen a l’apartat 4.5.2 Creació d’un nou contingut, però aquesta vegada seleccionant el tipus de contingut New Collection.

Figura 24: Afegir una nova col·lecció

Si es posa l'accent en aquest tipus de contingut és per que té camps especials que, a continuació, es detallen.

GUIA D’USUARI

PROYECTO: OLSON


24

Figura 25: Formulari de creació d’ una nova col·lecció

Aquests camps especials són:

• Subtype: Indica el tipus de contingut permès per a formar una col·lecció. Com s’observa, a l’exemple anterior és una col·lecció de notícies. Els valors que pot tenir aquest camp són:

Valor

Document

Enllaç

Notícia

Text genèric

Taula 1: Possibles continguts d’una col·lecció

• Template: veure Annex A Elements de codi

• Associated queries:. Indica la query o consulta a la base de dades que ofereix un llistat de tots els continguts del tipus seleccionat. Com s’observa, a l’exemple anterior s’ha triat QueryNoticiesAll que crea un llistat amb totes les notícies existents. Els noms d’aquestes queries expliquen de manera descriptiva i per a cada tipus de contingut el resultat que s’obté de la seva execució.

4.6.2. Modificació i Construcció (Build) d’una col·lecció

Com per a la recerca de qualsevol contingut els passos a seguir s’expliquen a l’apartat 4.2.2.1 Cercar Asset de contingut (tipus de contingut), però, aquesta vegada, seleccionant el tipus de contingut Find Collection.

GUIA D’USUARI

PROYECTO: OLSON


25

Figura 26: Cerca de col·leccions

Per a modificar la col·lecció hi haura prou amb editar-la

Figura 27: Editar i modificar una col·lecció

i realitzar els canvis pertinents i tornar a gravar-los prement sobre el botó Save changes.

Figura 28: Formulari de modificació d‘una col·lecció

GUIA D’USUARI

PROYECTO: OLSON


26

Una vegada creada i/o modificada una col·lecció s’ha de generar, és a dir, triar quin contingut formarà l’esmentada col·lecció. Per a realitzar aquesta acció s’ha de triar l’opció de Build.

Figura 29: Generar una col·lecció, és a dir, associar-li continguts

A la següent pantalla, es llistaran tots els continguts possibles que poden formar part de la col·lecció per a que es triïn i ordenin els elements. Aquesta acció es realitza numerant a la columna Rank. En el següent exemple, es construeix una col·lecció de tres notícies:

Figura 30: Associar continguts a una col·lecció

GUIA D’USUARI

PROYECTO: OLSON


27

Per últim, es guardarà aquesta col·lecció clicant en el botó Save changes. És ara, quan s’observen a la col·lecció les notícies que s’han triat i en l’ordre triat.

Figura 31: Col·lecció de notícies. Es pot comprovar que apareguin a l’ordre marcat

Aquesta col·lecció es pot generar tantes vegades com sigui necessari, prement de nou a l’opció Build. El procés per a tornar a generar una col·lecció serà el mateix donat que, com que aquesta vegada ja hi ha contingut, s’ofereix la possibilitat d’eliminar el contingut existent a la col·lecció així com de nou el llistat per a tornar a seleccionar i ordenar el contingut que es vol mostrar a la col·lecció.

GUIA D’USUARI

PROYECTO: OLSON


28

Figura 32: Modificació dels elements que conté la col·lecció

Com s’observa a l’exemple anterior, les accions realitzades han estat:

• eliminar de la col·lecció la notícia que estava a la posició 3, seleccionant la notícia a la columna Remove

• seleccionar una altra notícia que ocuparà la tercera posició, indicant-ho amb un 3 a la columna Rank

• afegir una quarta notícia a la col·lecció, indicant-ho amb un 4 a la columna Rank

GUIA D’USUARI

PROYECTO: OLSON


29

Figura 33: Comprovar que s’han produït els canvis portats a terme

GUIA D’USUARI

PROYECTO: OLSON


30

5. ESTRUCTURA DEL SITE La Web de les Facultats de la UAB s’ha estructurat en pàgines. Cada una d’aquestes pàgines està formada per diversos elements la unió dels quals conforma l’estructura completa. La pàgina es “renderitza” a través de una template o plantilla que s’encarrega de cridar ordenadament a cada un dels elements de codi, bé en forma de SiteEntries (que porten implícit un CSElement) associats a la pàgina o directament a CSElements, per a obtenir, finalment, la pàgina completa.

Els elements de codi cridats des de la template utilitzen els assets associats a la pàgina, col·leccions, imatges, textos genèrics, etc., per a establir l’aparença i el contingut final de la pàgina.

En els següents apartats s’explicaran cada un dels blocs en els que s’han dividit les pàgines. Per a conèixer els elements de codi generals, veure Annex A.

5.1. ELEMENTS COMUNS Per a aprofitar al màxim els avantatges del gestor de continguts, és aconsellable dissenyar les pàgines, de manera que tinguin la majoria dels elements que s’obtinguin i mostrin de la mateixa; tot i que el contingut associat, en distintes parts del site, sigui diferent. Per tant, la majoria de les pàgines conté:

− Capçalera: on apareix el logotip de la UAB, el nom de la facultat o escola, es pot accedir a els diferents canals del web, hi ha enllacos a la intranet i altres pàgines, i on es mostra un banner publicitari del canal particular. Per tant, conté el primer nivell de navegació.

− Menú de l’esquerra: es mostra el contingut de la secció en particular, els punts més importants. És a dir, és el segon nivell de navegació.

− Menú de la dreta: habitualment, mostra informació relacionada amb el contingut, com poden ser dades sobre una persona notable en el canal per el que s’està navegant, una sèrie d’enllaços ressenyables o informació de contacte del canal.

− Peu de pàgina: conté una sèrie d’enllaços: per a tornar a la home de la web, un formulari de contacte, accés al mapa de la web i la informació sobre la web.

Per últim, el contingut central pot variar per a cada pàgina, tot i que s’ha procurat que molts dels formats es puguin replicar per a, a més d’aprofitar els avantatges del gestor, poder avançar més ràpidament en la codificació de les pàgines.

5.1.1. Capçalera

La capçalera és un asset tipus capçalera que conté cada un dels elements que conformen la capçalera: les imatges, els colors, el full d’estils.... Porta associada una template, que indica com es mostrarà l’esmentada capçalera.

A la següent figura es mostra el formulari per a donar d’alta un asset capçalera. El formulari de modificació és idèntic, només tindrà els camps necessaris ja completats.

GUIA D’USUARI

PROYECTO: OLSON


31

Figura 34: Formulari per a afegir una nova capçalera

Cal tenir en compte, que no tots els camps s’usen per a pintar la capçalera. Així, només els que consten a la figura següent tenen rellevància.

A la següent figura, es comprova com es veu una capçalera i com es veuen cada un dels camps del formulari (també es pot veure, envoltat en blau, els enllaços associats a la capçalera):

Figura 35: Capçalera d’exemple. Es pot veure com es visualitza cada un dels camps de l’asset

Logo

Imatge 1 Corba superior Imatge corba inferior

Imatge 2 Corba superior

GUIA D’USUARI

PROYECTO: OLSON


32

Per a que un determinat canal porti una capçalera, aquesta només haurà d’anar associada a la pàgina principal del canal. Les pàgines filles del canal, les que estan col·locades sota de la principal, llegiran la del pare per a establir la capçalera.

Excepcions

Home

La capçalera completa de la Home s’estableix a l’element de codi que dibuixa la pàgina. Per a modificar les imatges, s’haurà de modificar el full d’estils o l’element de codi.

5.1.2. Menú de l’esquerra

5.1.2.1. Estructura de pàgines. Col·locar una pàgina

Com s’ha comentat abans, l’estructura del site s’ha establert mitjançant pàgines. Cada canal es defineix per una estructura ordenada de pàgines.

- El nivell 0 l’estableixen les pàgines de cada idioma.

- Les pàgines de nivell 1 defineixen els canals de navegació del site (que apareixen a les pestanyes de la capçalera).

- Las pàgines de nivell 2 defineixen els punts de menú de l’esquerra de cada canal.

Per a establir una pàgina de nivell 1, simplement s’ha de col·locar sota de la corresponent de nivell 0, etc. I, per tant, per a afegir un punt de menú de l’esquerra a un canal, simplement s’ha de col·locar la nova pàgina a sota de la de nivell 1 corresponent.

La següent pregunta, per tant, és com es col·loca una pàgina, una vegada que s’ha creat. Des de la consola de FatWire®, existeixen dues possibilitats:

a. Seleccionar des del SitePlan la pàgina “pare”, és a dir, a on volem col·locar la nova pàgina. Amb el botó dret del ratolí, expandir el menú i seleccionar “Place Page”. A la Figura 36: Com col·locar una pàgina es pot veure com es realitza aquest procés.

Figura 36: Com col·locar una pàgina des de la pestanya de SitePlan

GUIA D’USUARI

PROYECTO: OLSON


33

b. Fer doble clic des del SitePlan a la pàgina “pare”, és a dir, on volem col·locar la nova pàgina. Expandir el desplegable que apareix en el contingut central i seleccionar “Browse in Site Plan”. Per últim, prémer sobre l’enllaç “Place Page”. A la Figura 37: Com col·locar una pàgina es pot veure com realitzar aquest procés.

Figura 37: Com col·locar una pàgina des del menú d’edició d’una pàgina

Una vegada aquí, es mostren en el contingut central dues llistes: una amb les pàgines ja col·locades a la pàgina pare i altra amb les pàgines disponibles sense col·locar, com es pot veure a la Figura 38: Llista de pàgines col·locades a sota HomeETSE_ca i llista de pàgines no col·locades en el site. La primera d’aquestes llistes apareix numerada, i el número es correspon amb l’ordre en el que apareixen les pàgines sota del pare. Per a col·locar una de les pàgines disponibles, simplement s’assigna un número a la casella que apareix al costat del seu nom. Si la pàgina ha d’anar al mig de les ja existents, serà necessari tornar a numerar-les, doncs no s’ordenen soles i sempre és preferible que cada pàgina porti un número únic.

GUIA D’USUARI

PROYECTO: OLSON


34

Figura 38: Llista de pàgines col·locades a sota HomeETSE_ca i llista de pàgines no col·locades en el site

Per a distingir les pàgines en els diferents idiomes s’ha establert una nomenclatura: les pàgines que mostren la mateixa informació en diferents idiomes s’anomenaran igual, llevat un sufix final, en el que s’indicarà l’idioma corresponent. Per exemple, les pàgines de nivell 0 s’anomenen:

- Home{NomFacultat}_ca: pàgina inicial en català

- Home{NomFacultat}_es: pàgina inicial en castellà

- Home{NomFacultat}_en: pàgina inicial en anglès

Com es pot veure a l’exemple de la Figura 39: Arbre del site de la ETSE, la pàgina de nivell 0 de català es HomeETSE_ca, les pàgines col·locades sota d’aquesta són EscolaETSE_ca, EstudisETSE_ca, etc. Això significa que sota de HomeETSE _es existiran EscolaETSE _es, EstudisETSE _es, etc.

GUIA D’USUARI

PROYECTO: OLSON


35

Figura 39: Arbre del site de la ETSE

5.1.2.2. Classificació de les pàgines. Muntar el menú de l’esquerra

La manera com es mostren els enllaços a les diferents pàgines del web depèn, a més del nivel en què estan, de la categoria que se li assigna a una pàgina en el seu menú d’edició. Per al cas de les pàgines de nivell 1, si la categoria assignada és “perfils”, es mostrarà a les pestanyes de la capçalera (com mostra la figuara següent) i si la catgeoria es canvia a “deshabilitada” no és mostrarà. En el cas de les pàgines de nivell 2, en canvi, la categoria determina com es mostren en el menú de l’esquerra.

Figura 40: Les pàgines de nivell 1 amb categoria “perfils” es mostren a la capçalera. No ho fan les de categoria “deshabilitada”.

Formar el menú de l’esquerra

Fins aquí, s’han definit les categories de pàgines que s’utilitzen per a les pàgines principals de cada canal. Les categories que permeten mostrar el menú de l’esquerra de cada canal i que, per tant, s’apliquen a les pàgines de nivell 2, són les següents:

− Títol menú Esquerra: Indica que una pàgina no tindrà contingut, simplement es mostrarà en el menú d’ esquerra marcada amb el color del canal per a mostrar un títol, d’un grup de pàgines.

− Subratllat: Indica que una pàgina portarà una ratlla gris per sota, per a marcar una separació entre dues parts d’un menú de l’esquerra. Si la pàgina, a més a més de portar la ratlla gris per sota, redirecciona a un enllaç (tant externs, com interns, com documents), es marcarà com Subratllat ext.

GUIA D’USUARI

PROYECTO: OLSON


36

− Deshabilitat: Indica que una pàgina, encara que estigui col·locada en el nivell 2 d’un canal, no ha d’aparèixer en el menú de l’esquerra, però podrà ser accedida i mostrar-se amb la capçalera, el peu de pàgina, el menú de l’esquerra i el de la dreta del canal corresponent.

− Enllaç extern: Indica que una pàgina redireccionarà a una URL externa. Si la URL fos una pàgina dins del gestor, la categoria seria Enllaç intern (també permet redireccionar a documents). Cal recordar que a més de tenir aquesta categoria, és necessari que la pàgina estigui associada a algun enllaç amb la referència Enllaç extern, per tal que la redirecció es pugi dur a terme.

La resta de pàgines del canal poden portar associada qualsevol categoria, excepte les anteriors. Però és preferible posar, per exemple, Section Front a totes, per a seguir una norma. La categoria Alias serveix perquè el coningut central que mostra aquesta pàgina es reculli d’una altra pàgina del site de la UAB. Això evita duplicar codi quan no és necessari a més d’altres ventatges. Aquest tipus de pàgines, però, es gestionen des de l’Àrea de Comunicació, per tant els editors de les facultats no necessiten modificar ni crear pàgines amb aquesta categoria.

L’ordre de les pàgines és molt important, perquè l’ordre en que les col·loquem serà el que aparegui en el menú de l’esquerra.

El que es mostra per pantalla és la descripció de les pàgines, per tant si es vol canviar el que apareix en una entrada del menú, cal canviar la descripció de la pàgina corresponent.

A la Figura 41: Categories de menú de l’esquerra, es pot comprovar com es mostren algunes d’aquestes categories (al canal de ConeixUAB).

GUIA D’USUARI

PROYECTO: OLSON


37

Figura 41: Categories de menú de l’esquerra

5.1.2.2.1. Excepcions: Com mostrar una entrada al menú de l’esquerra distint dins d’un canal

Solució 1

Al llarg del projecte, ha sorgit la necessitat de dotar, a certes parts d’un canal, com Matrícula, en el cas d’Estudiar o perfil d’accés, en el cas de Futurs estudiants, d’un menú de l’esquerra nou i, per tant, diferent, del menú del canal.

Com exemple, s’analitzarà el cas del punt de Matrícula que apareix al canal d’Estudiar. Pel que al mostrar el menú de l’esquerra d’Estudiar es mostri el punt Matrícula es crea un pàgina (Matrícula_ca) i es col·loca sota d’EstudiarUAB_ca. Aquesta pàgina porta associada la categoria SubrallatExt, però podria portar també enllaç intern, si no necessités una ratlleta gris a sota.

Aquesta pàgina haurà de portar associat un asset de tipus Flex Link en el punt Enllaç extern de la llista de continguts associats. Aquest enllaç ha d’apuntar a la pàgina inicial de l’estructura que formarà

Pàgina de nivell 2

Pàgina de nivell 2: títol menú esquerra

Pàgina de nivell 2: subratllat

Col.lecció d’enllaços externs

GUIA D’USUARI

PROYECTO: OLSON


38

el menú de l’esquerra de Matrícula. A la Figura 42: Estructura de pàgines d’un nou menú de l’esquerra es pot comprovar que la pàgina inicial de l’esmentada estructura és de nivell 1. L’enllaç ha d’apuntar a la primera pàgina amb contingut. Normalment serà la primera.

Figura 42: Estructura de pàgines d’un nou menú de l’esquerra

A la següent figura es veu el menú de l’esquerra del canal d’Estudiar. Al prémer en el punt Matrícula, es mostrarà la pàgina de la Figura 44: Pàgina de Matrícula. Com es pot veure, tant el menú de l‘esquerra, com la capçalera són diferents dels Estudiar. Com es pot veure s’ha modificat tant el menú de l’esquerra, com la capçalera i, per suposat, el contingut central. Malgrat això, el menú de la dreta és el mateix.

Pàgina principal del nou menú de l’esquerra de Matrícula

GUIA D’USUARI

PROYECTO: OLSON


39

Figura 43: Pàgina del canal d’estudiar. Comprovar el menú de l’esquerra.

GUIA D’USUARI

PROYECTO: OLSON


40

Figura 44: Pàgina de Matrícula. Com es pot veure, tant el menú de l‘esquerra, com la capçalera són diferents dels Estudiar

Solució 2

Per al cas del site de Biblioteques, la solució que es va adoptar va ser la de crear un nou site a la consola de Fatwire®, de manera, que la gent de Biblioteques només i exclusivament veuran les seves pàgines a l’entrar. Mentre que la gent d’Afers acadèmics veurà tot el site de la UAB, encara que només pugui modificar les seves pàgines, enllaços, textos, etc.

5.1.2.3. Enllaços del menú de l’esquerra

Com es pot veure a la Figura 41: Categories de menú de l’esquerra, a la part inferior del menú de l’esquerra es mostren una sèrie d’enllaços, habitualment externs, als que es pretén donar publicitat, remarcar, etc.

El text que apareix per a mostrar aquests enllaços, és el nom_language de l’enllaç corresponent.

Per a modificar, afegir o eliminar un enllaç s’hauran de seguir els següents passos:

1. Afegir un enllaç nou:

a. Primer crear l’enllaç corresponent (veure apartat 4.5 Creació de contingut)

GUIA D’USUARI

PROYECTO: OLSON


41

b. Buscar la col·lecció d’enllaços que es vol modificar. La col·lecció d’enllaços del menú de l’esquerra de cada canal està associada a la pàgina principal de cada canal (el nom de l’asssociació és col.lecció enllaços externs). Com es veu a la Figura 45: On es troba la col·lecció d’enllaços externs del menú de l’esquerra, per a modificar la col·lecció d’enllaços del menú de l’esquerra del canal de l’Escola, s’obriria la pàgina principal de l’Escola i allà apareix una col·lecció d’enllaços (en aquest cas CollecEnllacExternEscolaETSE). Per a més informació sobre com modificar una col·lecció veure l’apartat 4.6.2 Modificació i Construcció (Build) d’una col·lecció.

c. Afegir l’enllaç a la col·lecció a la posició que es desitgi (veure apartat 4.6.2 Modificació i Construcció (Build) d’una col·lecció)

2. Eliminar un enllaç:

a. Cercar la col·lecció d’enllaços que es vulgui eliminar (veure punt 4.2 Cerca de contingut )

b. Eliminar l’enllaç que es desitgi (veure apartat 4.3.3 Eliminació de contingut )

3. Modificar un enllaç:

a. Buscar la col·lecció d’enllaços a on estigui l’enllaç que es vulgui modificar (veure punt 4.3 Edició, Modificació i Eliminació de contingut ).

b. Prémer sobre l’enllaç que es vulgui modificar, per a poder editar-lo (veure punt 4.3 Edició, Modificació i Eliminació de contingut ).

Enllaços externs del menú de l’esquerra

GUIA D’USUARI

PROYECTO: OLSON


42

Figura 45: On es troba la col·lecció d’enllaços externs del menú de l’esquerra

5.1.3. Menú de la dreta

El menú de la dreta no està format per pàgines, sinó que són diferents elements (una noticia, una col·lecció d’enllaços i un punt d’informació) que es combina d’una determinada manera mitjançant un element de codi. Tots ells s’associen a la pàgina a través de l’associació anomenada Menu de la dreta, com es pot veure a la Figura 47: Asset del menú de la dreta . Aquest asset pot contenir una noticia, una col.lecció d’enllaços, i un asset del tipus Informació menu de la dreta.

Figura 46: Menú de la dreta d’ un tema o perfil

5.1.3.1. Noticia

La noticia s’associa al menú de la dreta mitjançant l’associació anomenada Noticia.

Per a veure com es dona d’alta, de baixa i es modifica una noticia, veure el capítol 4 gestió de continguts .

5.1.3.2. Enllaços del menú de la dreta

El format amb el que es mostren aquests enllaços és una “caixeta” on el nom_llenguatge de l’enllaç corresponent és el títol i la descripció_languatge és el text explicatiu.

Noticia

Enllaços

Punt d’informació

GUIA D’USUARI

PROYECTO: OLSON


43

Per a afegir, eliminar o modificar un enllaç de qualsevol d’aquestes col·leccions, es fa com en qualsevol altra. L’únic punt diferent és com trobar la col·lecció que volem modificar. En aquest cas, les col·leccions d’enllaços del menú de la dreta es troben associades al menú de la dreta, mitjançant l’associació col.lecció d’enllaços.

Figura 47: Asset del menú de la dreta

Nota

− El menú de la dreta no s’hereda. És a dir, si la plana de nivell 2 no té associat un menú de la dreta, no es mostrarà cap menú de la dreta, encara que la plana pare (la plana de nivell 1 sota la que està la de nivell2) tingui un menú de la dreta associat.

5.1.4. Peu de pàgina

El peu de pàgina està format per una col·lecció d’enllaços. S’ha dissenyat de manera que la col·lecció d’enllaços del site és comú per a tots els canals del mateix. Així, es va decidir que només la home de cada idioma hauria de portar associada l’esmentada col·lecció, excepte si alguna pàgina es volgués que tingués uns enllaços diferents (fins al moment això no ha passat).

La col·lecció d’enllaços corresponent a cada idioma es denomina LinksFootPageNomFacultat i s’ha d’associar a la pàgina de la Home corresponent en el punt marcat com Enllaços pel peu de pagina. Així que, per a afegir un element, modificar-lo, treure’l, etc. simplement, s’ha d’anar a la Home corresponent obrir la col·lecció i modificar-la, com s’ha explicat a l’apartat 4.6 Col·leccions.

Excepcions

A més a més a les Homes, les pàgines que mostren els pop-up amb detalls (esdeveniments de l’agenda, plans d’accés, etc.), també tenen que portar associada la col·lecció d’enllaços del peu de pàgina, si es necessari mostrar-la.

5.2. CONTINGUT CENTRAL DE LES PÀGINES

5.2.1. Pàgina principal del site: Home de les facultats

Les homes dels tres idiomes que s’han definit, es formen de manera completament diferent a la resta de pàgines del site. Per tant, els seus elements de codi són específics per a elles. A la figura següent es diferencien les parts que la componen.

1. Capçalera: La capçalera es dibuixa des d’un element de codi, estant les imatges que la componen guardades en una carpeta del servidor web. Conté a més les pestanyes amb els enllaços als diferents canals.

2. Notícies: Les notícies són una col·lecció associada a la pàgina HomeFacultat_idioma. Per a català es denomina CollectionNoticiesETSEPortada, mentre que per castellà i anglès porta

Enllaços del menú de la dreta

GUIA D’USUARI

PROYECTO: OLSON


44

el sufix corresponent (CollectionNoticiesETSEPortada_es i CollectionNoticiesETSEPortada_en, respectivament). L’esmentada col·lecció anirà associada a la pàgina en el punt marcat com Col·lecció de Notícies de la Home.

3. Peu de pàgina: Com ja s’ha comentat anteriorment, el peu de pàgina va associat a la home de l’idioma corresponent, veure apartat 5.1.4 Peu de pàgina ).

4. Serveis. Aquest menú està format per una col·lecció d’enllaços. Per a conèixer com afegir, modificar o eliminar un d’aquests enllaços de la col·lecció, veure l’apartat 4.6 Col·leccions. Aquesta col·lecció d’enllaços es denomina CollectionLinkPromoETSE, CollectionLinkPromoETSE_es i CollectionLinkPromoETSE_en, respectivament per a cada idioma. Les col·leccions han d’anar associades a la home en el punt marcat com Enllaços promocionals. Tot i que el número d’ enllaços pot ser qualsevol, malgrat això, el número màxim, per a que l’aparença de la pàgina sigui òptima, és de sis.

5. Oferta: Està format per una col.lecció d’enllaços, associada a la home amb la relació Col·lecció de enllaços de la home, que té el nom CollectionEnllaçHomeOfertaETSE, CollectionEnllaçHomeOfertaETSE_es i CollectionEnllaçHomeOfertaETSE_en, respectivament per a cada idioma. En aquest cas no es recomana posar més de 10 enllaços per evitar que la taula es descompensi.

Figura 48: Separació dels distints elements que formen la home del site

5.2.2. Pàgines de nivell 1

Les pàgines de nivell 1 defineixen els canals, així com les pàgines d’enllaç per a aquells punts de nivell 3 que contenen menús complets (veure apartat 5.1.2 Menú de l’esquerra). Una dada important a recordar és que les pàgines de nivell 1 estan programades per a que, en cas que no tinguin cap

2.Notícies

1.Capçalera

4.Serveis

3.Peu de pàgina

5.Oferta

GUIA D’USUARI

PROYECTO: OLSON


45

contingut central associat (és a dir, cap SiteEntry associat amb la referència Contingut central nivell1), carreguin automàticament la seva primera pàgina filla.

Figura 49: Exemple de contingut de canal

Per a més detalls sobre l’estructura de les pàgines, veure l’ Annex A Elements de codi.

5.2.3. Estructures comuns de les pàgines de segon i tercer nivell

Les pàgines de segon i tercer nivell formen el contingut central. Existeixen varies estructures “automàtiques”:

Si la pàgina de nivell 2 porta associat en el Contingut central de nivell 2 el SiteEntryDisplayCenterN2Estudiar o SiteEntryDisplayCenterN2Alias, es mostrarà automàticament l’estructura de pestanyes que es pot veure en el punt següent (la diferència entre els dos SiteEntries és que el segon interpreta correctament les pàgines de categoria Alias, mostrant el contingut de la pàgina corresponent).

Si la pàgina de nivell 2/3/4 porta associat un SiteEntry especial, pot mostrar qualsevol altre format, col·leccions de textos genèrics, d’imatges, etc.

Per a que es mostri un menú (com el que es mostra al detall dels plans d’estudi) és necessari definir un SiteEntry especial, però una vegada fet, es mostraran totes les pàgines de nivell 3 o 4 que es tinguin.

5.2.3.1. Pestanyes

Aquesta estructura mostra de forma automàtica el text genèric associat a la pàgina de nivell 2, les pàgines de nivell 3 i nivell 4 en forma de pestanyes i els textos genèrics associats a cada una, dins de les pestanyes. Si una pàgina de nivell 3 o 4 porta associat, un altre SiteEntry, es pot mostrar qualsevol contingut que es desitgi. Un exemple es pot veure a la següent figura.

GUIA D’USUARI

PROYECTO: OLSON


46

Figura 50: Estructura de pestanyes

5.2.3.2. Menú dins del contingut central

Per a que es mostri aquest tipus de menús és necessari desenvolupar un SiteEntry especial, però, una vegada desenvolupat, es mostraran les pàgines de nivell 3 (corresponentment, nivell 4) en un menú enmig del contingut central (com es pot veure a la Figura 51: Exemple de menús de nivell 3 i 4.). Al prémer sobre les distintes pàgines es mostrarà el contingut associat a cada una d’elles. En aquest cas, s’està mostrant el detall d’un pla d’estudis. Però, en qualsevol cas, les “filles” de la pàgina “Estudis de 1er i 2on cicle” han de ser, almenys, 5: informació general, accessos als estudis, pla d’estudis, habilitats requerides i sortides professionals. Si s’afegís una altra pàgina, per exemple, per a mostrar una dada més dels plans d’estudis, es col·locaria la pàgina sota d’estudis de primer i segon cicle (nivell 2) i automàticament es mostraria la pàgina en el menú. Això sí, en aquests casos, és necessari desenvolupar el / els SitesEntries necessaris per a mostrar els continguts dels assets. Per a veure més sobre com col·locar pàgines, apartat 5.1.2.1 Estructura de pàgines. Col·locar una pàgina.

Text genèric associat a la pàgina de nivell 2

Pàgines de nivell 3

Text genèric associat a la pàgina seleccionada de nivell 4


GUIA D’USUARI

PROYECTO: OLSON


47

Figura 51: Exemple de menús de nivell 3 i 4.

5.2.3.3. Pàgines de titulacions

Especial esment mereixen les pàgines de mostra de les dades de les titulacions. Aquestes pàgines estan estructurades amb un llistat que es mostra al nivell 2 i que enllaça, en cadascun dels elements del llistat, amb la pàgina de nivell 3 filla. En aquestes pàgines de nivell 3 es mostra el menú de nivell 3 dins el contingut central, tal i com s’explica a l’apartat 5.2.3.2, i en les diferents pàgines de nivell 3 es mostren les dades de cada titulació.

Figura 52: Llistat de les titulacions, generat amb els assets del tipus Titulacions de 1r i 2n cicle –llistat, gestionat des del site de la UAB..


GUIA D’USUARI

PROYECTO: OLSON


48

Figura 53: Dades de les titulacions, generat amb els assets del tipus Titulacions de 1r i 2n cicle dades i gestionat de manera conjunta entre les facultats i el site de la UAB.

És remarcable el fet que a la pàgina de la UAB hi ha una estructura similar per mostrar les titulacions, amb la diferència que a la web de la UAB s’hi mostren totes les titulacions i no només les d’una facultat. El contingut de cada titulació, tanmanteix, prové dels mateixos assets.

El llistat que es mostra a la pàgina de nivell 2 llista els assets del tipus Titulacions 1r i 2n cicle – llistat. Aquest asset es gestiona des del site de la UAB. La informació pròpia de la titulació que es mostra en el les planes de nivell 3, en canvi, prové dels assets tipus Titulacions 1r i 2n cicle dades. Totes les dades que es mostren en aquestes pàgines de nivell 3 no és, però, editable des del site de les facultats. Així, part de la informació és recollida dels sites de les facultats, i una altra part es recull del site de la UAB. En cas que no existeixi contingut per a una titulació donada en el site de les facultats, només es mostrarà la que apareix en el site de la UAB. El cas contrari no es pot donar, ja que no es permet crear un asset del tipus Titulacions 1r i 2n cicle dades a una facultat si no existeix prèviament un de corresponent a la web de la UAB.

A efectes pràctics, si es vol afegir des d’una facultat alguna informació d’una titulació, cal crear (o cercar si ja existeix) un asset del tipus Titulacions 1r i 2n cicle dades, omplir-ne els camps desitjats i triar-ne la titulació a la qual correspon (cosa que el relaciona amb el asset Titulacions 1r i 2n cicle dades del site de la UAB amb el que es conmbinarà). A les següents figures es pot veure el procès de manera esquemàtica.

GUIA D’USUARI

PROYECTO: OLSON


49

Figura 54: En primer lloc, triar al menú de creació de nou asset (o de cerca d’asset) el tipus Titulacions 1r i 2n cicle dades.

Figura 55: Després triem la única opció del menú, Titulacions 1er i 2on cicle dades Centre.

GUIA D’USUARI

PROYECTO: OLSON


50

Figura 56: Finalment, omplim els camps amb les dades de la titulació i sel.leccionem, al camp Pla d’estudis a quina titulació es refereixen aquestes dades.

GUIA D’USUARI

PROYECTO: OLSON


51

ANNEX A. ELEMENTS DE CODI

A.1. INTRODUCCIÓ La Web institucional de la UAB i la de les facultats de la UAB s’ha realitzat amb un gestor de continguts, en particular Fatwire ®. Aquest annex exposa la part de Fatwire ® que fa la formatació dels continguts del web institucional de la UAB.

La principal funcionalitat d’un gestor de continguts és la de separar la informació de com mostrar-la. Per a formatar el contingut Fatwire ® fa servir tres tipus d’elements de codi: Templates, SiteEntry i CSElements. No es detallarà en aquest annex les diferències i requeriments tècnics de citats elements, els quals queden detallats dins de la documentació tècnica de l’eina, sinó les funcionalitats específiques dels elements desenvolupats. Al llarg d’aquest annex tots aquests elements seran nomenats, de manera conjunta, com elements de format, o plantilles.

Totes les pàgines del web institucional de la UAB, així com altres webs generades amb Fatwire ®, es mostren mitjançant una o un conjunt de plantilles: establint una,“l'esquelet” de la pàgina i, des d’aquesta, cridant a altres que mostraran cada una de les parts en que pugui descompondre’s una pàgina.. Aquest annex descriu el conjunt principal de plantilles que són necessàries per a generar el web de les facultats de la UAB, o per a generar nous continguts. Principalment, la intenció del document és la de descriure com mostra la informació cada una de les plantilles.

A.1.1 Funcionament genèric de les plantilles

Una plantilla és un element de codi que especifica a l’eina de Fatwire ® com mostrar la informació. En aquest punt s’exposen alguns conceptes bàsics necessaris per a entendre les bases de les mateixes i les explicacions de la resta de punts de l’annex.

Com s’ha explicat, les plantilles es fan servir per a definir com pintar els diferents continguts de l’aplicació. S’entén per contingut del web, les diferents titulacions, notícies, imatges etc. Així, cada un d’aquests elements d’informació, disposa d’un formulari amb diferents camps que permeten introduir el contingut dels mateixos, per a més informació sobre aquests formularis, veure apartat 4 gestió de continguts .

S’exposen a continuació alguns exemples del funcionament de les plantilles, que mostren les característiques bàsiques de les mateixes. L’exemple següent, considera un element que disposa dels camps nom, descripció i comentaris. Una plantilla pot mostrar aquests camps un a continuació de l’altre, un sota de l’altre, formant dues columnes, etc.. Cada format significa el desenvolupament d’una plantilla, que indica com mostrar els camps del contingut, independentment del valor dels mateixos. A les següents figures es mostren algunes plantilles d’exemple.

(a) (b)

Figura.57: Exemples de plantilles per a donar diferent format a un mateix tipus de contingut

Nom

Descripció

Comentari

Nom

Descrip

ció

Comentari

GUIA D’USUARI

PROYECTO: OLSON


52

Figura 58 : Exemple d’una plantilla referenciada des d’una altra

Com es pot comprovar, les plantilles permeten mostrar la informació que contenen els assets. Però una plantilla no té perquè mostrar, únicament, continguts d’un element: també pot organitzar altres plantilles, per a mostrar diferents parts més elementals d’una pàgina. A la següent figura, es descriu una plantilla que mostraria la de la Figura.57: Exemples de plantilles per a donar diferent format a un mateix tipus de contingut, amb una altra sèrie d’elements.

Per a aconseguir aquesta última plantilla es pot generar una plantilla totalment nova tal com les dues anteriors. O bé es poden fer servir les plantilles anteriors per a compondre aquesta última. A la següent figura es reflexa el resultat de la plantilla anterior:

Figura 59: Exemple de plantilles integrades

A la plantilla central es podria especificar què es vol mostrar. Així, amb una única plantilla, es podrien obtenir diferents resultats, canviant la plantilla central:

Nom

Descripció

Comentari

Títol

Títol

< plantilla central >

GUIA D’USUARI

PROYECTO: OLSON


53

(a) (b)

Figura 60: Exemples de com reutilitzar una plantilla

Així, moltes de les plantilles que s’han desenvolupat per a la web institucional de la UAB i les seves facultats, no mostren un element concret, sinó que combinen varies plantilles.

Al llarg dels següents apartats s’expliquen els elements de codi que s’usaran en la feina de l’editor normalment. L’ordre establert ha estat, de les més genèriques, és a dir, les que mostren “esquelets” de pàgines, a les més específiques. Es pretén oferir una visió global de les funcionalitats de les plantilles més comunes de l’aplicació.

Per a disposar d’una explicació més detallada de com s’associa el format al contingut i de com es generen aquestes plantilles, veure els capítols anteriors d’aquest manual, els manuals de Fatwire ®.

A.2. PLANTILLES RELLEVANTS

A.2.1 Plantilles per a planes En el site de les Facultats, quan es crea una nova plana, se li poden aplicar vàries templates. Tanmateix, la que s’ha d’usar sempre és la TemplateGenericHeaderSite. D’aquesta manera, la capçalera es mostrarà correctament i s’obtindrà l’aspecte correcte. Per tant cal anar en compte a l’hora de crear pàgines, vigilant que aquesta sigui la tamplate que s’hi aplica. Si hi ha alguna pàgina que ja té alguna Template diferent, no s’ha de canviar, doncs és per a les pàgines que es facin noves.

A.2.2 Plantilles per a textos genèrics

Els textos genèrics són un dels elements que permeten definir un element lliure a mostrar en el web. Existeixen diferents possibilitats per a mostrar els mateixos. Amb tot s’ha de tenir en compte que la majoria de llocs on es mostren els textos genèrics, aquests es mostren d’una forma determinada a la pàgina, de manera que tot i que es guardi el text genèric en un format determinat existeixen molts llocs on es força la seva forma de visualització.

En quan es crea un nou text genèric, s’especifica la plantilla que li correspondrà. Segons quina plantilla se li apliqui, es veurà d’una manera o d’una altra.

Nom

Descripció

Comentaris

Títol Títol

Nom

Descrip

ció

Comentaris

GUIA D’USUARI

PROYECTO: OLSON


54

A.2.2.1 TemplateGenericTextHomePerfilTemes

Aquest Template pinta el text genèric amb la imatge relacionada (en cas que en tingui) de manera que el color de la lletra es correspón amb el color general del Site. Com es veu a la següent figura, la imatge es mostra a l’esquerra, i el text de color taronja (ja que l’exemple és extret del site de l’ETSE, on el color és el taronja). A més, cal tenir en ment que aquest template no mostra la col.lecció de documents que pot tenir un text genèric.

Figura 61: Exemple de text genèric amb TemplateGenericTextHomePerfilTemes

A.2.2.2 TemplateGenericTextComuCanals

Aquesta plantilla pinta al text genèric segons el següent esquema. La col.lecció de documents es pinta amb la seva pròpia template, doncs el TemplateGenericTextComuCanals només crida al template que la col.lecció te associada.

Figura 62: Ordre en el que es mostren els camps d’un text genèric a la plantilla TemplateGenericTextComuCanals

A.2.3 Plantilles per a col.leccions de documents

Els editors poden controlar com es veuen les col.leccions de documents dins el text genèric (sempre i quan la template del text genèric pinti la col.lecció de documents) usant un o altre template per a aquestes col.leccions.

Nom del text genèric

Imatge associada al text genèric

Contingut del text genèric

Col·lecció de document associada al text genèric

GUIA D’USUARI

PROYECTO: OLSON


55

A.2.3.1 TemplateCollectionEnllacsDocuments

Amb aquesta plantilla els documents es pinten per files (a cada fila, un document) amb una linia separatòria de color gris entre cada fila. Cal tenir en compte que aquesta template aplica a una col.lecció d’enllaços, per tant cal primer crear enllaços als documents que volem mostrar, i després agrupar-los en una col.lecció d’enllaços i aplicar-li aquest template.

Figura 63: Exemple de visualització d’una col.lecció de documents amb TemplateCollectionEnllacsDocuments

A.2.3.2 TemplateCollectionDocumentsLinkOnly

Aquesta template pinta els documents per files, sense separació i mostrant només el nom del document. En aquest cas cal fer una col.lecció de documents directament, en lloc d’una col.lecció d’enllaços com passava en el cas anterior.

Figura 64: Exemple de visualització d’una col.lecció de documents amb TemplateCollectionDocumentsLinkOnly

A.3. ENUMERACIÓ DE PLANTILLES A continuació, es mostra el conjunt de plantilles existents, així com una petita descripció de les mateixes.

Element Plantilla Descripció

Col·lecció TemplateCollectionDocumentsLinkOnly Mostra una col·lecció de documents.

Col·lecció TemplateCollectionEnllacsDocuments

Mostra una col·lecció d’enllaços. Mostra les descripcions dels enllaços uns sota altres.

Col·lecció TemplateCollectionFlexLinksCustList

Mostra una col·lecció de links. On pinta un nom de cada link sota l’altre.

GUIA D’USUARI

PROYECTO: OLSON


56

Element Plantilla Descripció

Col·lecció TemplateCollectionFlexLinksLeft

Mostra una col·lecció de links, a on cada enllaç el pinta amb la plantilla TemplateFlexLinkLeft

Col·lecció TemplateCollectionFlexLinksRight

Mostra una col·lecció d’enllaços, on cada enllaç el pinta amb la plantilla TemplateLinkRightMenu.

Col·lecció TemplateCollectionKnowledgeAreas

Mostra una col·lecció d’àrees de coneixement. Per a cada àrea pinta un link a la mateixa amb la ICONA de l’àrea.

Col·lecció TemplateCollectionNoticias

Mostra una col·lecció de notícies, segons els paràmetres que se li assignen.

Col·lecció TemplateCollectionNoticVert Mostra una col·lecció de notícies amb una sola columna

Col·lecció TemplateCollectionStudyTypesSelect Mostra una col·lecció d’enllaços als tipus d’estudi.

Col·lecció TemplateCollectionStudyTypes Mostra una col·lecció d’enllaços als tipus d’estudi.

Col·lecció TemplateCollectionTextGenericDestacats

Mostra una col·lecció de textos genèrics amb les seves imatges.

Col·lecció TemplateCollectionTextGenericDivDoctorat

Mostra una col·lecció de textos genèrics.

Col·lecció TemplateCollectionTextGenericDiv

Mostra una col·lecció de textos genèrics, i un llistat de facultats.

Col·lecció TemplateCollectionTextGenericSelectDoctorat

Mostra un combo, d’una col·lecció de textos genèrics.

Col·lecció TemplateCollectionTextGenPerfilDiv

Mostra una col·lecció de textos genèrics amb les seves imatges.

Document TemplateDocumentDescripcionEnllac

Funció que retorna part de les propietats del document. No es pot usar directament per a pintar al document.

Document TemplateDocumentEnllacText

Genera un enllaç al documento, on l'enllaç té per nom la descripció del mateix.

Document TemplateDocumentNomTipoPeso

Mostra un enllaç al document amb el nom, el tipus i el pes del mateix.

FlexLink TemplateFlexLinkExtern Genera un enllaç amb text de referència del nom de l'enllaç.

FlexLink TemplateFlexLinkLeft

Genera un enllaç amb el text del mateix com a referència. Sota de l’enllaç hi ha una descripció del mateix. S’obra en una pàgina nova.

FlexLink TemplateLinkRightMenu Plantilla per a la col·lecció d’enllaços del menú de la dreta.

GenericText TemplateGenericTextComuCanals

Template per a visualitzar el text comú de totes les pàgines de nivells 2, 3 i 4.

GenericText TemplateGenericTextHomePerfilTemes

Template per a mostrar el text genèric a les pàgines de perfils i temes.

Noticia TemplateNoticiaDataTemaTitol

Mostra la data, tema i títol de la notícia. El tema el mostra en negreta.

Noticia TemplateNoticiaDetall Per a les pàgines que mostren el detall de la notícia.

Noticia TemplateNoticiaPetitaHome

Mostra la imatge, la data i l’entradeta de la notícia. Tal i com es mostra a la home.

Noticia TemplateNoticiaPetitaImatgeDataEntradeta

Mostra la imatge, la data i l’entradeta de la notícia. Tal i com es mostra a la home de notícies.

Noticia TemplateNoticiaPetitaImatgeText Mostra la imatge i al text de la notícia

Noticia TemplateNoticiaPetitaTextePetit Mostra només el text de la notícia.

Page TemplateGenericHeaderSite Template per a les pàgines dels sites de les facultats

Taula 2: Descripció de les diferents plantilles i elements de codi disponibles

GUIA D’USUARI

PROYECTO: OLSON


57