seu-e. manual i guia d'ús. - consorci aoc · sempre que l’usuari hagi estat donat d’alta...

SEU-e Manual i guia d’ús

Realitzat per: Manel Loosveldt

Versió: 1.0

Data: 29/03/2012

mloosveldt

CC

http://creativecommons.org/licenses/by-nc-nd/3.0/es/legalcode.ca

http://www.aoc.cat/Inici/SERVEIS/Relacions-amb-la-ciutadania/SEU-e

Servei de seu electrònica pàg. 2/45

ii

29/03/2012

Manual_Guia_SEU-e_v1.0.doc Usuaris

Índex 0 Consells de navegació pels continguts del manual ................................................................... 1

0.1 Tornar a la vista anterior ............................................................................................................ 1

0.2 Ús del cercador .......................................................................................................................... 2

1 Estructura de continguts de SEU-e ............................................................................................ 3

1.1 Estructura de SEU-e .................................................................................................................. 3

1.2 Tipus de continguts publicats a SEU-e ...................................................................................... 4

2 Usuaris i permisos ...................................................................................................................... 5

3 Accés a l’aplicació ...................................................................................................................... 6

4 Pestanya Seccions ..................................................................................................................... 7

4.1 La pàgina Índex.......................................................................................................................... 9

4.1.1 Paràmetres de la pàgina Índex......................................................................... 10

4.1.2 Títol i subtítol de la pàgina Índex...................................................................... 11

4.1.3 Editor de text enriquit........................................................................................ 12

4.1.4 Agregadors d’enllaços ...................................................................................... 14

4.1.5 Elements comuns ............................................................................................. 19

4.1.6 Previsualitzar / Desar esborrany / Desar i publicar ......................................... 19

4.2 Pàgines interiors....................................................................................................................... 20

4.2.1 Edició de pàgines interiors ............................................................................... 21

4.2.2 Creació de pàgines interiors............................................................................. 24

4.2.3 Afegir continguts a una pàgina interior ............................................................. 24

4.3 Elements comuns..................................................................................................................... 28

4.3.1 Capçalera ......................................................................................................... 28

4.3.2 Columna ........................................................................................................... 30

4.3.3 Peu ................................................................................................................... 31

4.4 Gestió d’Idiomes....................................................................................................................... 32


iii

29/03/2012

Manual_Guia_SEU-e_v1.0.doc Usuaris

5 Pestanya CSS .......................................................................................................................... 33

6 Pestanya Imatges..................................................................................................................... 35

7 Pestanya Fitxers....................................................................................................................... 36

7.1 Pujar un fitxer a SEU-e............................................................................................................. 36

7.2 Modificar un fitxer o obtenir-ne l’enllaç..................................................................................... 38

8 Pestanya Estadístiques ............................................................................................................ 39

9 Pestanya Històric...................................................................................................................... 40

10 Pestanya Propietats ................................................................................................................. 41

29/03/2012Manual_Guia_SEU-e_v1.0.doc


0 Consells de navegació pels continguts del manual

0.1 Tornar a la vista anterior

Aquest manual conté nombroses referències que condueixen a altres seccions, capítols, apartats i imatges del mateix document o a altres recursos externs accessibles a través d’Internet. Aquestes referències es poden consultar en clicar en el text amb un tipus de lletra de color blau i subratllat, la qual cosa indica l’existència d’un enllaç. Els enllaços interiors del propi document porten cap a exemples textuals o visuals de suport a la comprensió de les funcionalitats descrites. Algunes imatges també contenen zones actives que, en ser clicades, condueixen a altres seccions així referenciades (v. Fig. 1i Fig. 8).

L’Adobe Acrobat Reader disposa d’un recurs de navegació molt útil que permet retornar a la vista immediatament anterior en combinar les tecles ALT+← (fletxa esquerra). D’aquesta manera, encara que ens desplacem en el document a fi de consultar-hi una referència, podrem tornar al punt on ens trobàvem.

També es pot tornar al punt de lectura anterior en clicar en el botó dret del ratolí i escollir Vista anterior en el menú desplegable:


O també al menú principal situat a la barra superior: Ver > Navegación de página > Vista anterior:

0.2 Ús del cercador

Una altra recurs molt útil és el cercador de l’Adobe Acrobat Reader:

Mitjançant aquesta funcionalitat podem cercar paraules o frases a l’interior del manual i localitzar-hi continguts amb molta rapidesa.



1 Estructura de continguts de SEU-e

1.1 Estructura de SEU-e

SEU-e s'enllaça des del web corporatiu de l'ens usuari del servei i s'estructura en diferents zones:(Fig.1) Informació general (A.1), Tràmits i gestions (A.2) i Informació pública (A.3) que són pròpies de la pàgina Índex (A). La Capçalera (C), la Columna (B) i el Peu (D) són elements comuns a totes les pàgines de la SEU-e, tant de la pàgina Índex, com de les pàgines interiors (v. Fig. 32). Podeu visitar la SEU-e del Consorci AOC: https://www.seu.cat/consorciaoc on trobareu els continguts, informacions i serveis més habituals a una seu electrònici ii la manera més recomanable de publicar-los mitjançant el servei de SEU-e.

També és molt recomanable estudiar amb cura la Guia d’Implantació de SEU-e (v. Què és) a fi de conèixer quins serveis i continguts han de ser publicats a la seu electrònica i de quina manera. Així mateix, el formulari d’alta al servei SEU-e conté un inventari (pàgs. 4 i 5) i una Guia de la sol·licitud (v. Com sol·licitar-ho) que ajuden l’ens sol·licitant a fer la tria correcta d’aquelles informacions i prestacions que s’hi han d’oferir. Cliqueu a la imatge per anar a l’apartat corresponent:

Fig. 1


https://www.seu.cat/consorciaoc

http://www.aoc.cat/Inici/SERVEIS/Relacions-amb-la-ciutadania/SEU-e/Que-es

http://www.aoc.cat/Inici/SERVEIS/Relacions-amb-la-ciutadania/SEU-e/Com-sol-licitar-ho

serveis més habituals a una seu electrònica


1.2 Tipus de continguts publicats a SEU-e

Les informacions i serveis de SEU-e poden ser de tres tipus:

1. Continguts propis de la seu electrònica publicats en el propi domini de SEU-e: https://www.seu.cat/nomdelens com és el cas de tot allò que aparegui escrit a La pàgina Índex i a les Pàgines interiors. L’ens n’assumeix plenament la integritat, la veracitat i l’actualització.

2. Continguts propis de la seu electrònica, però que són prestats per organismes supramunicipals (Generalitat, Diputacions, Consorci AOC, etc.) i, per tant, des d’altres dominis com per exemple: https://contractaciopublica.gencat.cat/; https://orgt.diba.cat/; https://tram.ajuntaments.info/. La disposició de creació de la seu electrònica haurà de recollir aquesta eventualitat i indicar que es mantindrà actualitzada l’enumeració exhaustiva de totes aquestes adreces juntament amb les seves funcions i les seves característiques d’identificació i autenticació. En el cas de SEU-e, la relació d’URLs i certificats apareixerà publicada a una pàgina interior anomenada Estructura i certificats digitals accessible des del Peu (v. Fig. 1 D.2).

3. Continguts accessibles des de la seu electrònica però que no es poden considerar com a part de la mateixa. Es tracta de tots aquells continguts que:

a. L’ens no n’assumeix la integritat, la veracitat i l’actualització.

b. El domini no és https i, per tant no disposa d’un certificat que el securitzi i n’acrediti la titularitat.

En cada cas l’ens haurà de tenir molt present quin tipus de contingut s’està enllaçant des de SEU-e ja que això condiciona de ple el comportament dels enllaços en cada cas (v. Edició d’un enllaç).



2 Usuaris i permisos El gestor de l’ens a EACAT pot atorgar permisos en funció de dos perfils d’usuari:

1. Gestor: pot introduir canvis als continguts de SEU-e, desar-los, previsualitzar-los i publicar-los.

2. Editor: pot introduir canvis als continguts, desar-los i previsualitzar-los, però no pot publicar-los.

Per tant, l’única diferència entre ambdós perfils és que el gestor disposa de privilegis de publicació que l’editor no té. Aquests privilegis del gestor són palesos en determinades funcionalitats que li permeten supervisar el canvis introduïts per l’editor i, si pertoca, autoritzar-ne la publicació o, en cas contrari, fer-los enrera (v. Previsualitzar / Desar esborrany / Desar i publicar).



3 Accés a l’aplicació L’aplicació de gestió de SEU-e s’accedeix, prèvia identificació, des de la pestanya Aplicacions de l’EACAT sempre que l’usuari hagi estat donat d’alta pel gestor del seu ens a EACAT amb els perfils de gestor o editor de SEU-e (Usuaris i permisos).

Fig. 2

Al llistat d’aplicacions disponibles, en clicar a Seu-e – Gestió de la Seu s’accedeix a la consola de gestió des d’on s’editen els continguts de la SEU-e de l’ens corresponent (v. Fig. 3).

Fig. 3

En clicar en el nom de l’ens i en la icona llapis situada a l’extrem dret (v. Fig. 3 i Fig. 5) s’accedeix a cinc pestanyes les funcionalitats de les quals es detallen en els pròxims capítols.


mloosveldt

Rectángulo


4 Pestanya Seccions En accedir-se per primer cop a la consola de Gestió de SEU-e, a la pestanya Seccions hi trobem el llistat de les pàgines de la seu electrònica:

Fig. 4

Per defecte, hi ha 6 Pàgines del model o pàgines interiors: Atenció ciutadà, Calendari Inhàbils, Certificats digitals i segells, Notificacions electròniques, Titularitat i regulació i Índex. Aquestes pàgines han estat preconfigurades amb continguts de plantilla que els gestors i/o editors podran personalitzar amb les informacions pròpies del seu ens.

A la zona anomenada Pàgines personalitzades (v. Fig. 4 A) s’hi situen aquelles pàgines els continguts de les quals han estat editats i les noves pàgines creades pels gestors i editors (v. Fig. 6). A la columna Modificació s’hi recull la data i hora dels últims canvis introduïts. A la zona Pàgines del model (v. Fig. 4 B) s’hi situen aquelles pàgines que encara no han estat modificades.

Es poden editar els continguts de totes les pàgines en clicar el seu nom (columna Títol) o la icona llapis situada a la dreta de la consola (v. Fig. 5).

Les icones situades a la dreta de la consola tenen les següents funcionalitats:

Fig. 5

1. La bombeta indica si hi ha continguts pendents de publicar (color vermell, v. Fig. 5 A) o no (color blanc, v. Fig. 5 B) a la pàgina corresponent. En cas d’haver-ne, els usuaris que disposin dels



permisos corresponents (Usuaris i permisos) podran publicar-los en clicar a la bombeta de color vermell.

2. El llapis dóna accés als contingut de la pàgina per tal d’editar-los.

3. La lupa ens permet de previsualitzar la pàgina tal com apareixerà publicada a Internet.

4. La paperera esborra la pàgina sencera i els seus continguts.

Les icones 1, 2 i 3 també es troben en accedir a la consola de gestió (v. Fig. 3), on hi tenen les mateixes funcionalitats.

La Creació de pàgines interiors noves es fa en clicar el botó Nova pàgina:

Fig. 6



4.1 La pàgina Índex

La pàgina Índex és la portada o pàgina inicial (Home) de la seu electrònica. La informació de la pàgina Índex apareix preconfigurada per defecte i s’ha de completar o personalitzar mitjançant la informació recollida prèviament en el formulari d’alta (v. el formulari d’alta i la guia de la sol·licitud a Com sol·licitar-ho).

És aconsellable visitar les pàgines interiors de la SEU-e del Consorci AOC: https://www.seu.cat/consorciaoc o la de l’Ajuntament de Torres de Segre https://www.seu.cat/torresegre que són exemples dels servei actualment publicats a Internet.

Hi accedim des de la pestanya seccions (v. Fig. 7 i Fig. 1 A).

Fig. 7

La pàgina Índex es compon de diferents zones de continguts editables tal com veurem a continuació. Cliqueu a la imatge per anar a l’apartat corresponent:




https://www.seu.cat/torresegre


Fig. 8

Aquestes zones són blocs d’informació que apareixeran publicats per Internet a la SEU-e de l’ens corresponent (v. Fig. 1 A i B), la numeració de la Fig. 8 es correspon a diferents subcapítols d’aquest document.

4.1.1 Paràmetres de la pàgina Índex

Fig. 9

La parametrització inicial de la pàgina de portada de la seu electrònica es fa mitjançant els següents camps:

A. Nom: nom de la pàgina, en aquest cas és Índex. Aquest nom apareix també a la columna Títol de la pestanya Seccions (v. Fig. 4 A i/o B i Fig. 7).



B. URL d’accés: és un camp obligatori on hi posarem l’adreça de la pàgina tal com apareixerà a la URL a través de la qual hi accedirem a través d’Internet, en aquest cas és index. (v. Fig. 10)

Fig. 10

C. Descripció: és un camp opcional on descriure-hi la pàgina corresponent. Apareix a la columna Descripció de la pestanya Seccions (v. Fig. 7).

D. Composició: en clicar a la fletxa es desplega una zona on es poden triar dues composicions diferents (v. Fig. 9 D):

1. interior_20 amb dues zones, pròpia de les pàgines interiors (v. Fig. 29).

2. portada_20 amb quatre zones, pròpia de la portada i, per tant, seleccionada per defecte. Per tornar a amagar aquestes opcions cal clicar a la fletxa .

4.1.2 Títol i subtítol de la pàgina Índex

Fig. 11

El Títol de la pàgina apareix reflectit a la pestanya del navegador i en el seu text alternatiu un cop publicada la SEU-e a Internet:

Fig. 12

El Subtítol de la pàgina és un camp opcional purament descriptiu.



4.1.3 Editor de text enriquit

Informació General

Des d’aquesta zona s’edita el bloc d’informació general de la pàgina Índex (v. Fig. 1 A.1.).

Fig. 13

A la zona anomenada Text enriquit – Index hi trobareu, en primer lloc, les opcions de configuració de:

A. La publicació o no publicació d’aquest bloc d’informació. B. En clicar a la fletxa es desplega una zona on es poden definir les dates i hores d’inici i

finalització de la publicació. Per tornar a amagar aquestes opcions cal clicar a la fletxa .

C. La icona que dóna accés a l’edició dels continguts de la zona D. Els continguts originals que han estat editats i/o personalitzats poden recuperar-se en clicar a la icona:

Fig. 14

En cas de clicar-hi es rep un missatge que adverteix del risc de perdre les personalitzacions:

Fig. 15



Aquesta funcionalitat és pròpia de tots els blocs de text enriquit i de tots els agregadors d’enllaços, tant de la pàgina Índex com de la resta de pàgines interiors de SEU-e.

D. Els continguts d’informació general, per defecte, són un text estàndard que el gestor o l’editor de SEU-e han d’editar i personalitzar amb les dades del seu ens o proposar un text nou segons les seves preferències.

El continguts editables es poden formatar mitjançant un seguit d’eines de text enriquit:

Fig. 16

Per obtenir més informació sobre el funcionament d’aquesta aplicació cliqueu a la icona ? o aquí: http://docs.cksource.com/CKEditor_3.x/Users_Guide/Quick_Reference

Aquesta eina disposa de prestacions avançades, com ara editar el codi font de tal manera que, per exemple, hi podríem inserir l'iFrame d'un servei segur (https), com en aquest exemple:

Fig. 17


http://docs.cksource.com/CKEditor_3.x/Users_Guide/Quick_Reference


4.1.4 Agregadors d’enllaços

Tràmits per Internet i Informació pública

Els enllaços corresponents als blocs de Tràmits per internet (v. Fig. 1, A.2.) i Informació pública (v. Fig. 1, A.3.) són els que apareixeran publicats a la pàgina Índex de la SEU-e.

Fig. 18

A. Les opcions de configuració són les mateixes que les del bloc d’informació general (v. Fig. 13).

B. Títol: nom del bloc d’informació que, per defecte, serà Tràmits per internet a l’esquerra o Informació pública a la dreta (v. el formulari d’alta i la guia de la sol·licitud a Com sol·licitar-ho).

C. Enllaços: llistat d’enllaços disponibles per defecte els qual s’hauran d’editar en clicar a la icona de llapis situada a la dreta (v. Fig. 20). En clicar en el nom dels enllaços corresponents a Pàgines interiors de la pròpia SEU-e, tindrem la possibilitat d’editar-les després de rebre un missatge d’advertiment:

Fig. 19





En el cas de triar-se Sí es rep un missatge d’advertiment (v. Fig. 28).

D. Afegeix enllaç: el procés de creació d’un nou enllaç és idèntic al procés d’edició que veurem tot seguit (v. Fig. 25).

4.1.4.1 Opcions de configuració dels enllaços.

Cadascun dels enllaços disponibles en el llistat presenta les següents opcions de configuració situades a la dreta i accessibles mitjançant aquestes icones:

Fig. 20

Editar: per a modificar el nom, URL i propietats de l’enllaç cliqueu a la icona llapis.

Moure: la posició d’un determinat enllaç pot moure’s amunt i avall en clicar a les fletxes corresponents.

Esborrar: per suprimir un enllaç cliqueu a la icona de paperera.



4.1.4.2 Edició d’un enllaç

En clicar a la icona llapis s’accedeix als camps d’edició de l’enllaç corresponent:

Fig. 21

A. Títol: Nom de l’enllaç tal com apareixerà publicat a la SEU-e (v. Fig. 24, 1).

B. Enllaç intern Sí/No: En el cas d’escollir l’opció Sí s’accedeix a un menú desplegable que permet triar l’enllaç a una de les pàgines interiors de SEU-e de la pestanya Seccions que hem vist anteriorment (v. Fig. 4); és a dir, les 6 pàgines interiors preexistents per defecte, a més de qualsevol altra pàgina interior (v. Pàgines interiors) que s’hagi afegit posteriorment (v. Fig. 6).

Fig. 22



C. Enllaç: Camp accessible en cas d’escollir l’opció No a B. En aquest camp s’introdueix la URL de la pàgina externa que es vol enllaçar des de la SEU-e (v. Fig. 24, 3), en aquest exemple es tracta d’un enllaç del tràmit de Sol·licitud genèrica de l’e-TRAM.

D. Surt Seu electrònica Sí/No: Si es tria l’opció Sí, en clicar-se a l’enllaç publicat a Internet, apareix un missatge d’avís de sortida de la SEU-e com aquest:

Fig. 23

Per regla general, es considera que se surt de la SEU-e quan s’accedeix a serveis i continguts la integritat, veracitat i actualització dels quals NO són garantides per l’ens titular de la seu electrònica o a qualsevol altra domini NO reconegut per aquest com a part integrant de la mateixa (v. Tipus de continguts publicats a SEU-e). En aquests casos, aquesta funcionalitat es combinarà amb la descrita en el punt F explicat més avall. (Per més informació v. el formulari d’alta i la guia de la sol·licitud a Com sol·licitar-ho).

E. Text alternatiu: camp on s’introdueix el text que apareix en posar-se el cursor al damunt de l’enllaç, un cop ha estat publicat a Internet. El text alternatiu és necessari per a facilitar la lectura als usuaris que, a causa d’una disminució visual, fan servir un lector de pantalla (v. Fig. 24, 2).

F. Finestra nova Sí/No: Si es tria l’opció Sí l’enllaç s’obrirà en una finestra nova. Aquesta funcionalitat s’ha d’emprar en els casos en què els serveis i/o continguts que constitueixen la seu electrònica es prestin des d’adreces (dominis) diferents de la declarada com a URL principal de la mateixa, com ara el perfil de contractant, notificacions electròniques, tramitació, recaptació, etc., que es presten per organismes supramunicipals (Diputacions, Consells Comarcals, organismes de gestió tributària, el Consorci AOC, etc.), el Web corporatiu de l’ens titular de la seu electrònica i altres. S’aconsella que tota pàgina que surti de l’àmbit del domini https://www.seu.cat/nomdelens s’obri en una finestra nova, tot i que el servei/contingut es consideri com a part integrant de la seu electrònica. Si , a més de sortir-se del domini en qüestió, l’enllaç porta a continguts que no formen part de la seu electrònica i/o l’ens titular no se’n fa responsable, és recomanable emprar la funcionalitat descrita en el punt D més amunt.

G. Visible Sí/No: Si es tria l’opció Sí el títol o nom de l’enllaç serà visible al bloc d’informació corresponent.

H. Fet: Un cop finalitzada l’edició dels enllaços es desa la personalització en clicar el botó Fet.


https://tram.ajuntaments.info/tram/730/catala/cartaServicios/06C1841D3A944532B529D6BAE4B1BC0B.asp



Fig. 24

Es recomana consultar Tipus de continguts publicats a SEU-e.

4.1.4.3 Afegir un nou enllaç:

Per afegir un nou enllaç al llistat, clicar al botó + Afegeix enllaç (v. Fig. 18, D i Fig. 25). El procés de creació d’un nou enllaç és idèntic al procés d’edició que acabem de detallar.

Fig. 25



4.1.5 Elements comuns

Columna de destacats

Als Element comuns de la pàgina Índex correspon la columna de destacats que apareix a la zona dreta de la SEU-e, un cop aquesta és publicada per Internet (v. Fig. 1 B):

Fig. 26

Aquests elements els podem fer visibles (caselles seleccionables) i moure la seva posició amunt i avall (icones de fletxa), segons les nostres preferències (v. Fig. 26).

Els continguts corresponents a cadascun d’aquest elements són editables a l’apartat Elements comuns > Columna de la consola de gestió de SEU-e (v. Fig. 4 C).

4.1.6 Previsualitzar / Desar esborrany / Desar i publicar

Un cop creat, editat o personalitzat qualsevol contingut, tant de la pàgina Índex com de qualsevol pàgina interior de SEU-e podem previsualitzar-lo, desar-lo i/o publicar-lo mitjançant els següents botons:

Fig. 27

A. Previsualitza: la funcionalitat de previsualització és present a la pestanya Seccions, així com a la resta de pestanyes de la consola de gestió (v. Fig. 4). Es poden previsualitzar els continguts creats, editats o personalitzats de la pàgina Índex o de cadascuna de les pàgines interiors de SEU-e. Aquesta mateixa funcionalitat també és disponible en clicar a la icona



lupa (v. Fig. 3 i Fig. 5). Fins i tot, poden previsualitzar-se els continguts d’aquelles SEU-e la publicació per Internet de les quals ha estat desactivada.

B. Desa esborrany: permet guardar els continguts creats, editats o personalitzats a les pàgines de SEU-e, sense haver de publicar-los directament per Internet. Els perfil de gestor i el d’editor (Usuaris i permisos) disposen d’aquesta funcionalitat. Els continguts que han estat desats com a esborranys poden ser previsualitzats mitjançant la funcionalitat descrita anteriorment (A) abans no hagin estat publicats mitjançant la funcionalitat que descriurem tot seguit (C).

C. Desa i publica: permet publicar directament els canvis introduïts i, de retruc desar-los, sense haver-ne guardat un esborrany previ. També permet publicar tots els continguts creats, editats o personalitzats que havien estat desats anteriorment en forma d’esborranys successius, però que encara no havien estat publicats. El perfil de gestor disposa d’aquesta funcionalitat i també de l’anterior (B), el perfil d’editor no en disposa i, fins i tot, el botó Desa i publica no li és visible (Usuaris i permisos). La publicació de continguts per part del gestor també es pot fer efectiva en clicar a la icona de bombeta vermella que ens indica que una pàgina o una SEU-e conté canvis que no han estat publicats (v. Fig. 5 A).

En el cas que es vulgui sortir de la pàgina Índex o d’una pàgina interior de SEU-e sense haver desat els continguts que hem creat, editat o personalitzat, es rep un missatge d’advertència:

Fig. 28

4.2 Pàgines interiors

Tal com hem vist anteriorment, a la Pestanya Seccions hi trobem 6 pàgines per defecte, preconfigurades amb continguts de plantilla que els gestors i/o editors hauran d’editar i personalitzar amb les informacions pròpies del seu ens: Atenció ciutadà, Calendari Inhàbils, Certificats digitals i segells, Notificacions electròniques, Titularitat i regulació.

Com en el cas de la pàgina Índex, la informació i els serveis de les pàgines interiors s’ha de completar mitjançant la informació recollida prèviament en el formulari d’alta al servei SEU-e (v. el formulari d’alta i la guia de la sol·licitud a Com sol·licitar-ho).

És aconsellable visitar les pàgines interiors de la SEU-e del Consorci AOC: https://www.seu.cat/consorciaoc o la de l’Ajuntament de Torres de Segre https://www.seu.cat/torresegre que són exemples dels servei actualment publicats a Internet.




https://www.seu.cat/torresegre


4.2.1 Edició de pàgines interiors

Com en el cas de la pàgina Índex, l’edició de les pàgines interiors es fa en clicar-ne el Títol o la icona llapis (v. Fig. 7). També es pot editar en clicar en el nom o títol de qualsevol enllaç interior present a un agregador d’enllaços de la pàgina Índex o a qualsevol altra pàgina interior (v. Fig. 18 C).

El procés de creació o d’edició d’una nova pàgina interior és idèntic al procés d’edició de la pàgina índex (v. La pàgina Índex).

Atès que es tracta d’un pàgina interior no s’ha de triar la composició de portada_20 (v. Fig. 9 D), sinó la composició que ens ve proposada per defecte: interior_20 (v. Fig. 29):

Fig. 29

Els continguts de les 6 pàgines interiors disponibles per defecte s’han d’editar, personalitzar-los i s’han d’introduir a la plantilla les dades escaients en cada cas mitjançant l’editor de text enriquit corresponent (v. Editor de text enriquit):



4.2.1.1 Edició i configuració d’un enllaç amb l’editor de text enriquit

Fig. 30

A. Seleccioneu el text on volem inserir la URL de l’enllaç.

B. Cliqueu la icona d’edició de l’enllaç.

C. Introduïu la tipologia, protocol i adreça de l’enllaç.

En el cas dels enllaços que porten a serveis o continguts exteriors al domini de SEU-e (https://www.seu.cat/) es pot configurar l’enllaç de tal manera que, en clicar-hi, s’obri una nova finestra del navegador (v. Fig. 31):

Fig. 31

En clicar a la pestanya Destí (Fig. 31 A) s’accedeix al menú desplegable que permet configurar el comportament de l’enllaç. Amb l’opció Nova finestra (_blank) (Fig. 31 B) l’enllaç s’obre a una nova finestra o pestanya.


https://www.seu.cat/


4.2.1.2 Navegació per les pàgines interiors de SEU-e.

Les pàgines interiors sempre són indicades mitjançant un fil d’Ariadna a la part superior esquerra, sota la capçalera. Per exemple: Seu electrònica > Atenció al ciutadà (v. Fig. 32).

Fig. 32

Les pàgines interiors es poden vincular des de qualsevol dels blocs d’informació existent a la SEU-e. Per exemple en el cas de la pàgina Atenció al ciutadà:

Fig. 33



4.2.2 Creació de pàgines interiors

En clicar el botó Nova Pàgina de la Pestanya Seccions (v. Fig. 6) ens apareixerà la següent pantalla:

El procés de creació d’una nova pàgina és molt semblant al d’edició dels Paràmetres de la pàgina Índex o el de l’Edició de pàgines interiors.

A la zona de Dades generals hi hem de posar el Nom, la URL d’accés i la Descripció tal com vèiem a la Fig. 9 A, B i C.

En la zona de Composició hi hem de triar la que pertoqui en cada cas, tal com vèiem a la Fig. 9 D i a la Fig. 29.

Fig. 34

Un cop creada, la nova pàgina apareixerà en el llistat de pàgines personalitzades (v. Fig. 4, A)

4.2.3 Afegir continguts a una pàgina interior

Un cop es desen aquests canvis apareix la possibilitat d’Afegir continguts (v. Fig. 35). Aquesta funcionalitat és exclusiva de les pàgines creades de nou per l’ens usuari de SEU-e i, per tant, no és present a les pàgines interiors del model i tampoc a la pàgina Índex.



Fig. 35

En clicar a aquesta opció, es pot escollir entre quatre opcions diferents d’afegir continguts (v. Fig. 36):

Fig. 36

4.2.3.1 Un editor de text enriquit.

L’editor de text enriquit (v. Fig. 36 1) és idèntic al que hem vist anteriorment (v. 4.1.3).




4.2.3.2 Un agregador d’enllaços.

L’agregador d’enllaços (v. Fig. 36 2) és idèntic al que hem vist anteriorment (v. 4.1.4).

4.2.3.3 Una eina de Transformacions XSLT

Aquesta eina (v. Fig. 36 3) permet crear un llistat de notícies per RSS (v. Fig. 37).

Fig. 37

XSLT o Transformacions XSL és un estàndard de l'organització W3C que presenta una forma de transformar documents XML en uns altres i fins i tot a formats que no són XML. Els fulls d'estil XSLT realitzen la transformació del document utilitzant una o diverses regles de plantilla: unides al document font a transformar, aquestes regles de plantilla alimenten a un processador de XSLT, el qual realitza les transformacions desitjades col·locant el resultat en un arxiu de sortida o, com en el cas d'una pàgina web, directament en un dispositiu de presentació, com el monitor d'un usuari.

Actualment, XSLT és molt usat en l'edició web, generant pàgines HTML o XHTML. La unió de XML i XSLT permet separar contingut i presentació, augmentant així la productivitat1. NOTA: per a gestionar un bloc de continguts del tipus Transformacions XSLT cal tenir coneixements d’HTML, XML i XSTL.

1 Font: Viquipèdia.

http://ca.wikipedia.org/wiki/Extensible_Stylesheet_Language_Transformations


4.2.3.4 Llistat de fitxers

Mitjançant l’opció de Llistat de fitxers (v. Fig. 36 4), es poden afegir enllaços que, en ser clicats, permeten descarregar-se fitxers des d’una pàgina interior de SEU-e (v. Fig. 38). Els fitxers s’hauran de seleccionar d’un llistat desplegable on apareixen tots els fitxers que han estat emmagatzemats prèviament a la Pestanya Fitxers.

Fig. 38

Un cop creat el llistat (v. Fig. 39), en clicar a la icona llapis es poden editar els fitxers que en formen part, canviar-ne el nom i seleccionar un altre fitxer del llistat desplegable. La posició de l’enllaç que dóna accés al fitxer es pot desplaçar amunt i avall mitjançant les icones de fletxa. Amb la icona paperera es poden esborrar els enllaços que formen part dels llistat. També es poden afegir nous enllaços en clicar al botó +Afegeix enllaç.



Fig. 39

Una forma alternativa d’enllaçar fitxers descarregables emmagatzemats a SEU-e consisteix en copiar-ne la URL (v. Fig. 52 C) i , o bé afegir-la a un agregador d’enllaços, o bé inserir-la en el text de qualsevol pàgina interior mitjançant de l’eina de text enriquit.

4.3 Elements comuns

Els elements comuns de la seu electrònica són blocs d’informació compartits tant per la pàgina Índex com per les pàgines interiors de la SEU-e (v. Fig. 4 C) i es corresponen a les zones detallades a la Fig. 1 B, C i D.

Cada element comú de la seu electrònica es pot editar per tal de modificar-ne el contingut.

4.3.1 Capçalera

La capçalera ens permet gestionar un agregador d’enllaços idèntic al que vèiem a 4.1.4 amb les següents particularitats:



Fig. 40

A. Els enllaços proposats es corresponen als de la franja superior de la SEU-e, tant a la pàgina Índex com a les pàgines interiors: (v. Fig. 1 B.1) que per defecte són:

- Ajuntament: URL del web corporatiu de l’ens usuari del servei (a l’exemple de la Fig. 40 hi posa Consorci AOC)

- Contacteu: l’adreça de correu electrònic principal de l’ens precedida per mailto: (p.ex. mailto:[email protected]).

B. L’edició de l’enllaç és igual que a Edició d’un enllaç

C. Es poden afegir més enllaços, tot i que cal tenir en compte l’espai disponible a fi de publicar-los.

Altres elements de la Capçalera es configuren des d’altres apartats de SEU-e:

- Els enllaços que porten a les versions de SEU-e en altres Idiomes (v. Fig. 1 B.2) es configuren a Gestió d’Idiomes

- El logotip de l’ens usuari del servei (v. Fig. 1 B.4 i B.5), la URL que s’enllaça en clicar-hi i el text que pot aparèixer-hi al costat en cas necessari. Ambdós elements es configuren des de la Pestanya Propietats.

La informació de Data i hora oficials d’accés al registre electrònic (v. Fig. 1 B.3) no és element configurable per part dels gestors i editors de l’ens usuari del servei, sinó que es tracta d’un requisit obligatori de tota seu electrònica (Article 26.1 de la LAECSP, 11/2007) sincronitzat amb els servidors del Real Observatorio de la Armada.


mailto:[email protected]

http://www.boe.es/boe_catalan/dias/2007/07/02/pdfs/A02921-02937.pdf#page=10

http://www.armada.mde.es/ArmadaPortal/page/Portal/ArmadaEspannola/ciencia_observatorio/06_Hora--01_QueHoraEs


4.3.2 Columna

La columna de destacats es correspon a la zona dreta de SEU-e, tant a la pàgina Índex (v. Fig. 1 C) com a les pàgines interiors (v. Fig. 32). Mitjançant aquesta funcionalitat l’ens usuari pot remarcar aquells serveis i continguts més rellevants de la seva seu electrònica.

Cadascun dels elements que en formen part s’editen mitjançant un conjunt de 6 blocs de text enriquit, fixes i preconfigurats, els continguts i informacions dels quals es poden personalitzar tal com hem vist a l’Editor de text enriquit.

Aquests blocs són per ordre descendent: Factures electròniques, Atenció al ciutadà, Suggeriments i queixes, Carpeta ciutadana, Sol·licitud genèrica, Contractació administrativa.

La visibilitat dels blocs de text enriquit i la seva posició a la columna de destacat es configura des de la pàgina Índex (v. Elements comuns) i des de les pàgines interiors (v. Fig. 35).

Fig. 41



D’aquesta manera es poden crear prestacions avançades sense gaire esforç. Per exemple, es pot crear una Carpeta ciutadana tan sols mitjançant la inserció de l’enllaç del menú Consulta els teus tràmits que trobem a la part superior dreta de l’e-TRAM:

Fig. 42

4.3.3 Peu

Mitjançant Peu es poden editar i personalitzar els continguts situats a la zona inferior de SEU-e (v. Fig. 1 D), tant a la pàgina Índex com a les pàgines interiors.

Fig. 43

A. Un bloc de text enriquit amb la informació de drets que es personalitzarà amb les dades de l’ens titular.

B. Un agregador d’enllaços que, per defecte, enllaça amb les següents pàgines interiors que, prèviament, hauran estat personalitzades amb la corresponent informació de l’ens usuari (v. Fig. 4 A):

1. Titularitat i regulació

2. Estructura i certificats digitals

3. Canals d’accés / Atenció al ciutadà


https://tram.ajuntaments.info/tram/730/catala/principal/20AB29E7AA6646CBA7E396C16672FE94.asp?css=mtm_ajuntament


4.4 Gestió d’Idiomes

SEU-e permet oferir versions dels seus continguts en 4 idiomes: català, aranès, castellà i anglès. L’únic idioma disponible per defecte en sol·licitar-se l’alta del servei és el català; si se’n volen afegir altres s’haurà de sol·licitar al Fomulari d'alta del servei.

Els idiomes activats apareixeran en forma de pestanya tant a la pàgina Índex com a les pàgines interiors:

Fig. 44

A cadascuna de les pestanyes corresponents als idiomes activats, els usuaris podran editar una versió traduïda dels continguts en català publicats a la SEU-e de l’ens corresponent, els quals apareixen situats a dalt com a model i referència de la versió original. La traducció dels continguts és responsabilitat de l’ens.




5 Pestanya CSS Si es tenen coneixements de CSS es poden modificar els estils definits per defecte a SEU-e, de tal manera que el disseny gràfic i els colors corporatius de la seu electrònica s’avinguin més amb el full d’estil del web corporatiu de l’ens usuari del servei.

Fig. 45

Per a Modificar editar el CSS existent podem introduir un de nou o pujar un fitxer CSS a través d’Internet:

Fig. 46



Exemples:

• La SEU-e de l’Ajuntament de Torres de Segre és un exemple del full d’estil existent per defecte: https://www.seu.cat/torressegre

• Com a exemples de CSS personalitzat hi ha:

- La SEU-e del Consorci AOC: https://www.seu.cat/consorciaoc

- La SEU-e de CATCert: https://www.seu.cat/catcert


https://www.seu.cat/torressegre


https://www.seu.cat/catcert


6 Pestanya Imatges Conté el llistat de totes les imatges disponibles a la SEU-e, tant les que existeixen pel disseny gràfic per defecte, com les que s’afegeixin a fi d’emprar-les en un CSS propi.

Fig. 47

Afegir una imatge

Fig. 48

Es poden afegir noves imatges des del nostre ordinador cap a la seu electrònica en clicar en el botó Examinar.



7 Pestanya Fitxers SEU-e permet emmagatzemar fitxers que poden ser descarregats des de les pàgines interiors creades per l’ens usuari del servei (v. Llistat de fitxers).

7.1 Pujar un fitxer a SEU-e

En clicar al botó Nou fitxer (v. Fig. 49) s’accedeix al repositori de tots els fitxers que hi ha emmagatzemats a la SEU-e de l’ens corresponent:

Fig. 49

Tot seguit accedirem a una interfície des d’on pujar el fitxer a SEU-e:

Fig. 50

A. El camp Nom permet anomenar el fitxer amb independència del seu nom original.

B. En clicar al botó Navega es pot cercar el fitxer que es vol pujar a SEU-e.

C. Se selecciona el fitxer escaient i es clica al botó Abrir.



D. En clicar al botó Desa es finalitza el procés de pujada.

Hi apareixen dos llistats:

Fig. 51

A. Els fitxers pujats a SEU-e pels usuraris de l’ens apareixen a la zona anomenada Fitxers propis.

B. Els fitxers pujats per l’Administració de SEU-e apareixen a la zona anomenada Fitxers del model.



7.2 Modificar un fitxer o obtenir-ne l’enllaç

Fig. 52

En clicar en el nom del fitxer o a la icona llapis a l’extrem dret de la consola (v. Fig. 51) es pot:

A. Modificar el nom del fitxer.

B. Pujar un altre fitxer.

C. Copiar la URL de l’enllaç que apareix en el nom del fitxer. Aquesta URL pot ser utilitzada de manera alternativa, en o bé afegir-la a un agregador d’enllaços, o bé en inserir-la en el text de qualsevol pàgina interior mitjançant de l’eina de text enriquit (v. Edició i configuració d’un enllaç amb l’editor de text enriquit i Fig. 39).



8 Pestanya Estadístiques La pestanya estadístiques permet visualitzar el nombre de visites per pàgina a la seu electrònica.

Els resultats es poden filtrar per dates i exportar en un informe en format CSV.

Fig. 53



9 Pestanya Històric La pestanya Històric ens permet visualitzar el llistat de les accions (publicacions i canvis) que s’han realitzar a la seu electrònica, la data i l’usuari que les ha realitzat.

Fig. 54




10 Pestanya Propietats Dins de la pestanya Propietats es gestionarà la imatge de capçalera de la seu electrònica i el seu enllaç.

Fig. 55

A. Amb el botó Navega... se seleccionarà el fitxer de la imatge del logotip de l’ens (v. Fig. 1 B.4, Fig. 56 1). Es recomana que tingui un màxim de 70 píxels d’alçada.

B. El nom del fitxer del logotip publicat a SEU-e. En clicar-hi a sobre es visualitza la imatge en qüestió i es pot copiar la seva URL.

C. Eliminar la imatge del logotip.

D. El text alternatiu que apareix en passar amb el cursor per damunt del logotip.

E. La llegenda del logotip o el text que haurem d’introduir en cas que el logotip no disposi d’un text descriptiu (Fig. 1 B.4, Fig. 56 2).

F. La URL del lloc web que s’enllaça en clicar en el logotip i la seva llegenda. Recomanem que sigui la URL de la pròpia SEU-e, atès que ja hi ha un enllaç que porta al web corporatiu de l’ens (v. . Fig. 1 B.1).

Fig. 56

seu-e. manual i guia d'ús. - consorci aoc · sempre que l’usuari hagi estat donat d’alta...

Documents