Manual per als editors - UB · Drupal es un sistema de gestió de continguts que es distribueix com software lliure, del que pot ser modificat i distribuït lliurement. Amb el Drupal

Fitxes d’ensenyaments Manual per als editors

0

Fitxes d’ensenyaments Manual per als editors Maig de 2013 Versió 1.1 (pendent de revisió lingüística)


1

Fitxes d’ensenyaments Manual per als editors 1. Introducció ........................................................................................................2

1.1 Objectius principals de l'eina .................................................................................... 2 1.2 Què és un CMS? ...................................................................................................... 2

2. Identificació.......................................................................................................3 2.1 Com puc identificar-me?........................................................................................... 3 2.2 Com puc sortir de l'aplicació?................................................................................... 5 2.3 Possibles errors ........................................................................................................ 6

3. Fitxes d'ensenyament .......................................................................................7 3.1 Com puc accedir a l'administració d'una fitxa? ........................................................ 7 3.2 Què hi ha dins l'administració d'una fitxa? ............................................................... 9 3.2 Tipus de pàgines d'una fitxa................................................................................... 12 3.4 Com es publiquen o es despubliquen les pàgines? .............................................. 16 3.5 Com es poden modificar els continguts? ............................................................... 18

4. Edició de continguts........................................................................................19 4.1 Pàgina bàsica ......................................................................................................... 20 4.2 Pàgina amb navegació interna............................................................................... 26 4.3 Avisos i notícies ...................................................................................................... 30 4.4 Formularis ............................................................................................................... 33 4.5 WYSIWYG .............................................................................................................. 42 4.6 Com s'afegeixen o es reutilitzen les imatges?....................................................... 43 4.7 Com s'afegeixen les noticies? ................................................................................ 47


2

1. Introducció

1.1 Objectius principals de l'eina

Els objectius principals d'aquesta eina són: Adaptar els continguts sobre els ensenyament existents actualment als respectius llocs web de cadascuna de les facultats de la Universitat a la nova arquitectura de continguts, estructura i disseny gràfic definits per a les fitxes d’ensenyament.

• Desenvolupar un gestor de continguts únic que permeti editar i mantenir els continguts de tots els ensenyaments de la Universitat de forma centralitzada.

• Integrar part dels continguts d’aquestes fitxes d’ensenyament amb l’aplicació de gestió acadèmica de la Universitat.

1.2 Què es un CMS?

El desenvolupament del lloc web que aglutina la creació de les fitxes de tots els ensenyaments s'ha realitzat amb un gestor de continguts que s'anomena Drupal. Un sistema de gestió de continguts (Content Management System, en anglès, abreujat CMS), és un software que permet crear una estructura base per la creació i l’administració de continguts, principalment de pàgines web. Generalment un CMS es una aplicació amb una base de dades associada en què emmagatzema els continguts, separant el disseny o estils. El CMS controla també qui pot editar i visualitzar continguts, convertint-se en una eina de gestió integral per a la publicació de llocs web. Algunes funcionalitats típiques d'un CMS son:

• Administració de l'estructura del lloc web • Administració del contingut • Administració d'usuaris • Informes i gestió del portal

1.3 Què és i què es pot fer amb Drupal Drupal es un sistema de gestió de continguts que es distribueix com software lliure, del que pot ser modificat i distribuït lliurement. Amb el Drupal es possible implementar una gran varietat de llocs web:

• Un blog personal o professional. • Un portal corporatiu. • Una botiga virtual. • Una xarxa social o comunitat virtual • Una eina web personalitzada, com per exemple per gestionar les fitxes

d'ensenyaments de la Universitat de Barcelona. • I un llarg etcètera.


3

2. Identificació

2.1 Com puc identificar-me?

Per identificar-vos dins l'aplicació cal accedir a la pàgina: www.ub.edu/estudis/user

Primer pas: Accés a l'aplicació

Al clicar l'enllaç “Identificació UB” s'obrirà la pàgina d'autenticació de la Universitat de Barcelona.


4

Segon pas: Identificació UB

1. Identificador: El codi identificador comú de la Intranet i la resta d’aplicacions,

normalment és el DNI. 2. Contrasenya: La contrasenya que s'utilitza a la Intranet i la resta d'aplicacions. 3. Un cop omplerts els camps Identificador i contrasenya, cal clicar el botó “Entrar”, i

l’aplicació us redireccionarà a la pàgina principal del compte d’usuari.

Nota: Inactivitat Als 30 minuts d'inactivitat, el sistema farà un logout automàtic de l'usuari.


5

2.2 Com puc sortir de l'aplicació?

Cal clicar a l'enllaç "Surt" per sortir de l'aplicació


6

2.3 Possibles errors

Usuari inexistent Si apareix aquest error, el vostre usuari encara no ha estat donat d'alta a l'aplicació. He de posar-vos en contacte amb la unitat d’Entorns Web ([email protected]) per resoldre el problema.


7

3. Fitxes d'ensenyament

3.1 Com puc accedir a l'administració d'una fitxa?

Per administrar al contingut de les fitxes d'ensenyament es pot accedir directament des de qualsevol pàgina de la fitxa o des de l'administració de l'eina.

Opció 1: A través de qualsevol pàgina de la fitxa

Si l'usuari està identificat (2), al navegar per les pàgines d'una fitxa d'ensenyament es mostra un enllaç (1) que redirecciona a l'administració de les pàgines d'aquesta fitxa. En aquest exemple, l'enllaç (1) envia a l'administració de la fitxa del Màster d'Acció Social i Educativa de la Facultat de Pedagogia. *http://www.ub.edu/estudis/ca/mastersuniversitaris/acciosocial/presentacio


8

Opció 2: A través de la barra d'eines.

La segona opció es navegant per l'administració del gestor de continguts (11), per l'enllaç de la barra d'eines . Al navegar per l'enllaç de fitxes d'ensenyament (1) porta al llistat de totes les fitxes d'ensenyament que l'usuari editor te permís per gestionar; normalment seran les fitxes d'ensenyament del centre del qual és editor. Per a cada fitxa d'ensenyament es mostra: El títol de l'ensenyament (2), l'idioma (3), la data de modificació de la fitxa d'ensenyament (3) (aquesta data únicament pot ser modificada per Entorns Web, no aplica als editors), la data de creació (4) (aquesta data únicament pot ser modificada per Entorns Web, no aplica als editors), el codi GIGA (6), els grups assignats (7), el tipus d'ensenyament: grau o màster universitari (8) i l'estat de la fitxa (9), que pot ser publicat o no publicat. Per regla general sempre estaran publicades. Dins d'aquest llistat també es poden filtrar (10) per cercar mes ràpidament. Es pot filtrar pel títol de l'ensenyament, la llengua, el codi GIGA i el tipus: graus o màsters universitaris. Una vegada es té localitzada la fitxa d'ensenyament que es vol gestionar, al clicar a sobre del seu títol (2) s'obrirà una nova llista amb totes les pàgines i continguts d'aquesta fitxa (vegeu el pas següent). * http://www.ub.edu/estudis/ca/admin/contingut/fitxes


9

3.2 Què hi ha dins l'administració d'una fitxa?

L'objectiu principal de l’administració d'una fitxa es tenir un accés a totes les pàgines d'aquesta fitxa per poder modificar-les o afegir continguts nous.

Pàgines


10

La taula principal mostra totes les pàgines associades a aquesta fitxa d'ensenyament, n’hi ha algunes que l'usuari pot modificar i d'altres que únicament és responsabilitat d'Entorns Web. Cada filera de la taula correspon a una pàgina del menú de navegació de la fitxa. Totes les que tenen l'enllaç "edita" (1) són les pàgines que es té accés per editar. Hi ha quatre tipus de pàgines o continguts diferents que una fitxa té disponibles: Pàgina bàsica, Pàgina amb navegació interna, Llistat d’avisos i notícies, i Formulari. Vegeu “Tipus de pàgines” per a més informació. Per editar la pàgina s'ha de clicar a sobre de l'enllaç "edita" (1) Per veure com queda la pàgina s'ha de clicar a sobre del títol (3). Per veure com es visualitza cada tipus de pàgina es pot veure l'apartat tipus de pàgines.

Canvi d'idioma

Cada fitxa està separada amb tres idiomes: català, espanyol i anglès. Per mitjà d'aquest menú (1) es pot canviar l'idioma de la fitxa.

Filtre

Hi ha un filtre que permet filtrar les pàgines si provenen de GIGA o filtrar per tipus de pàgina.


11

Operacions

Dins l'apartat Operacions es poden publicar o despublicar pàgines, vegeu l'apartat “Com es desplubliquen les pàgines” per a més informació.

Pàgines i Notícies

Hi ha dues pestanyes per separar, d’una banda, les pàgines que es mostren al menú de la fitxa i, d’altra, les notícies. Vegeu l'apartat “Notícies” per a més informació de com es gestionen i es creen les noticies.


12

3.3 Tipus de pàgines d'una fitxa

Pàgina bàsica

Aquest tipus de pàgina és la mes comuna a tota la fitxa.


13

Pàgina de navegació

Aquest tipus de pàgina s'utilitza per separar el contingut en diverses pestanyes.


14

Avisos i noticies

Aquest tipus de pàgina permet únicament llistar les notícies i avisos, dins d'aquest contingut es pot modificar el text d'introducció de la pàgina si es vol afegir una introducció.


15

Formulari

El tipus de pàgina Formulari s'utilitza per a la pàgina de "Dubtes, queixes i suggeriments".


16

3.4 Com es publiquen o despubliquen les pàgines?

Si cal treure una pàgina en especial perquè no hi ha contingut encara per a aquesta fitxa o no es vol publicar per altres raons, dins l'administració de la fitxa hi ha dues operacions que permeten publicar o despublicar en massa.

Seleccionar les pàgines

Primer és necessari seleccionar les pàgines que es volen despublicar. En l’exemple, "Professorat" i "Pràctiques curriculars".

Seleccionar l'operació

Si es vol despublicar s'ha de seleccionar l'operació (2) "Retira el contingut" i si es vol publicar perquè ja s'havia despublicat prèviament, s'ha de seleccionar "Publica el contingut". Seguidament de seleccionar l'operació, fer clic al botó "Execute" (1)


17

Confirmar els canvis

Per finalitzar l'operació s'han de confirmar els canvis fent clic al botó "Confirma" (1)


18

3.5 Com es poden modificar els continguts?

Cada pàgina té un tipus de contingut associat i cada tipus de contingut té un formulari associat amb el contingut de la pàgina. Dins aquest formulari es poden modificar el text, les imatges, els enllaços, i documents associats. Als següents apartats s'expliquen els formularis d'edició de cada tipus de contingut.


19

4. Edició de continguts

4.1 Pàgina bàsica

Formulari d'edició

Aquest és el formulari d'edició d'un contingut tipus pàgina bàsica.


20

Estructura d'una pàgina bàsica

Cada pàgina bàsica es compon de les següents dades: Introducció (1), Imatge d'introducció (2), Cos (3) Imatge Cos (Gran o Petit) (4), Enllaços relacionats (5), Documents relacionats (6).


21

Cos (3)

El component "cos" s'utilitza per afegir gairebé tota la informació important de la pàgina, aquest component inclou un editor WYSIWYG per facilitat l'edició. Aquest editor te disponible les eines bàsiques per formatar el contingut. Vegeu WYSIWYG per a més informació.


22

Introducció (1-2)

El camp Introducció es compon de dues dades: el paràgraf d'introducció per mitjà d'un WYSIWYG, igual que al Cos. I d’altra banda una imatge d'introducció. Per incorporar una imatge es pot: o bé afegir-ne una de nova, o bé seleccionar-ne una de la biblioteca per mitjà del botó "Select media". Vegeu l'apartat "Com s'afegeixen o es reutilitzen les imatges?" per a més informació.


23

Imatge Cos (4)

Hi ha dos tipus d'imatges que es poden afegir a una pàgina bàsica: La imatge gran (2) ("imatge cos gran") que es visualitza al final del contingut o Imatge cos petita (1), que es visualitza al principi del contingut. Es recomana utilitzar la imatge petita únicament quan no hi hagi introducció.


24

Text relacionat (7)

El text relacionat és un component de text igual que la Introducció i s'utilitza per afegir un text relacionat o destacat a final de pàgina.

Enllaços relacionats (5)

Dintre dels continguts relacionats, es poden afegir enllaços externs que es posicionen al final de la pàgina (no hi ha limitació de nombre). Per afegir un enllaç s'ha d'afegir el títol (1) i l’adreça d'Internet (2). Si es volen afegir més enllaços, cal clicar el botó "Afegeix un altre element" (3) i apareixerà un nou bloc per afegir. Si es vol esborrar un enllaç, únicament s'han d'esborrar els valors del títol i URL.


25

Documents relacionats (6)

Els Documents relacionats, són enllaços a documents que es posicionen al final de la pàgina i que permeten la seva descàrrega. Es pot afegir fins a un màxim de 5 documents de 5 MB.


26

4.2 Pàgina amb navegació interna

Formulari d'edició

Aquest és el formulari d'edició d'una Pàgina amb navegació interna.


27

Estructura d'una pàgina amb navegació interna

Cada pàgina amb navegació interna es compon de les següents dades: Introducció (1), i un conjunt de pestanyes que es compon cadascuna de: • Títol de pestanya (2) • Subtítol (3) • Cos pestanya (4) • i una imatge opcional (5)

Introducció (1)


28

El camp introducció es un paràgraf d'introducció per mitjà d'un WYSIWYG


29

Pestanya

Per afegir una pestanya es necessari afegir un títol (1), un subtítol (2), el cos (3) i una imatge (opcional) (4)


30

4.3 Llistat d’avisos i noticies

Formulari d'edició

Aquest es el formulari d'edició d'un contingut tipus Llistat avisos i notícies


31

Estructura del llistat d'avisos i notícies

En el tipus de pàgina Llistat d'avisos i notícies, únicament es pot editar el camp Cos (1).


32

Cos (1)

El camp Cos es un paràgraf d'introducció per mitjà d'un WYSIWYG


33

4.4 Formulari

Formulari d'edició

Aquest es el formulari d'edició per a la pàgina Dubtes, queixes i suggeriments.


34

Estructura del formulari

La introducció del text (1) es pot editar, com a la resta de tipus de continguts, per mitjà de la pestanya Edita. Tota la resta, relacionada amb el formulari, es realitza des de la pestanya "Webform" (2)


35

Cos (1)

El camp Cos es un paràgraf d'introducció per mitjà d'un WYSIWYG


36

Webform: Components del formulari

El formulari està format per un grup de camps preconfigurats, però es poden afegir més camps al formulari arrossegant les opcions de la dreta cap a l'esquerra.

Webform: Correus electrònics

Per defecte els resultats dels formularis s'envien a [email protected], però es poden afegir més correus electrònics, afegint una nova adreça (1) i fent clic a "Afegir" (2)


37

Webform: Resultats Per defecte, cada formulari de la bústia de suggeriments té el seu apartat per visualitzar els enviaments que els usuaris han realitzar amb el formulari. Dintre de la pestanya “Resultats” hi ha 5 apartats per explotar les dades dels formularis: • Trameses (resum de totes les trameses fetes). • Anàlisi (anàlisis i estadístiques a partir de les trameses fetes). • Taula (com “Trameses”, amb més detall). • Baixa (permet descarregar les trameses en format CSV i Excel). • Neteja (Per netejar totes les trameses i deixar-les a 0).


38


39


40

1. Format CSV o Excel 2. Camps que es volen exportar.


41


42

4.5 WYSIWYG

1. Negreta 2. Itàlica 3. Llista amb vinyetes 4. Llista amb ordenació numèrica. 5. Desfer els canvis (Ctrl + Z) 6. Refer els canvis (Ctrl + Mayus + Z) 7-8. Afegir o treure un enllaç. S'obrirà una nova finestra on es pot afegir un enllaç al text seleccionat. 9. Enganxar text sense format. S'obrirà una finestra per enganxar el text que es tingui al porta-papers. 10. Esborrar format, es útil si s'ha enganxat contingut sense passar per l'opció anterior. 11. Aplica Capçaleres al contingut (s'han habilitat capçaleres del tipus 3 i 4). 12. Afegir una taula. S'obrirà una nova finestra per afegir una taula.


43

4.6 Com s'afegeixen o es reutilitzen les imatges?

Dins tots els components d'imatges, hi ha un botó que permet seleccionar o pujar noves imatges.

Pujar o reutilitzar

Es pot pujar una imatge nova des de l'enllaç "puja" (1) o seleccionar-ne una de la biblioteca d'imatges (2-3). Si la imatge ja existeix a la biblioteca d'imatges, es millor utilitzar-la que tornar a pujar-la.

Opció1: Nova imatge


44

La primera opció es pujar una imatge nova. En clicar sobre el botó "Examinar" es cerca la imatge que es vol pujar.

Seleccionar la imatge: Els tipus de imatge permesos son: png, gif, jpg i jpeg.

Per pujar la nova imatge feu clic al botó Puja (1) i quan finalitzi la pujada feu clic a "Envia" (2).


45

Una vegada pujada la imatge al sistema, s'ha d'informar d'un nom (1) que s'utilitzarà per cerca-la mes ràpidament des de la biblioteca d'imatges i d’un text alternatiu (descripció breu) (2).


46

Opció 2: Biblioteca

Totes les imatges es poden reutilitzar des de la mateixa Biblioteca. També es poden filtrar pel nom de la imatge (1) per trobar-les més ràpidament.


47

4.7 Com s'afegeixen les notícies?

Per afegir notícies s'ha d'anar a la pestanya Avisos i notícies de la administració d'una fitxa.

Nova Notícia

Formulari d'edició


48

Aquest és el formulari d'edició d'una notícia.

Estructura d'una notícia

Cada noticia es composa de les següents dades: El títol de la noticia (6), Cos (1), Imatge (2), Data de la notícia (5), Enllaços relacionats (3) i documents relacionats (4)

Títol

Títol de la noticia


49

Cos

El component "cos" és igual que la resta de components Cos. Vegeu WYSIWYG per mes informació. Però a les notícies és una mica especial, el camp cos s'utilitza per afegir el contingut de la notícia i el resum de la notícia. A sobre del camp cos hi ha un enllaç amb el nom "edita el resum", Activant aquest enllaç s'activa el camp resum (2). Aquest resum és el text que es mostra al llistat d'avisos i noticies.

Imatge notícia


50

La imatge de notícia s'utilitza al detall de la notícia i al llistat d'avisos i notícies. Veure com s'afegeixen o reutilitzen les imatges.

Data Noticia

Enllaços relacionats


51

Dintre dels continguts relacionats, es poden afegir enllaços externs que es posicionen al final de la pàgina (no hi ha limitació). Per afegir un enllaç s'ha d'afegir del títol (1) i l’adreça d'Internet (2). Si es volen afegir més enllaços, clicant el botó "afegeix un altre element" (3) apareixerà un nou bloc per afegir. Si es vol esborrar un enllaç, únicament s'han d'esborrar els valors del títol i URL.

Documents relacionats


52

Els documents relacionats són enllaços a documents que es posicionen al final de la pàgina i que es poden descarregar. Es poden afegir fins un màxim de 5 documents de 5 MB.