1
Guia de configuracioacute de comparticioacute de tragravemits de lrsquoOVT en webs drsquoorganismes 24112011
Versioacute 23
2
Histograveric de modificacions
Versioacute Accioacute Realitzada per Data Modificacions
10 Creacioacute Jesuacutes Rivera Bonilla 07052010
20 Modificacioacute Aacutengel Loacutepez 28102010 Canvi de nom del
document
21 Modificacioacute Nicoloacute Bevilacqua 02112010 Revisioacute del
document
22 Modificacioacute Nicoloacute Bevilacqua 03012011
Canvi
nomenclatura
ldquowebs
departamentalsrdquo
per ldquowebs
dorganismesrdquo
23 Modificacioacute Nicoloacute Bevilacqua 24112011
Adaptacioacute
solucions a grids
genegraveriques
24 Modificacioacute Jesuacutes Rivera 18042013
Revisioacute comparticioacute
amb OVT i
eliminacioacute
referegravencies a OVTE
3
Iacutendex de contingut
1 INTRODUCCIOacute 4
2 CONFIGURACIOacute DE LrsquoADMINISTRACIOacute DE VAP 5
21 CREAR LA PAgraveGINA DE LLISTAT DE TRAgraveMITS 6
211 Crear NavItem del llistat Tragravemits 17
22 CREAR PAgraveGINA DE DETALL DE TRAgraveMITS I NORMATIVA SAC 21
221 Crear NavItem de detall de tragravemits i normativa SAC 33
3 CONFIGURACIOacute DE LrsquoADMINISTRACIOacute DE VCM 37
31 CREACIOacute DEL CANAL ldquoLLISTAT TRAgraveMITSrdquo 37
311 Associacioacute de fitxers a la presentacioacute drsquoun canal 38
32 CREACIOacute I ASSIGNACIOacute DE PLANTILLES DE PRESENTACIOacute PER AL CANAL ldquoCANAL LLISTAT
TRAgraveMITSrdquo 46
321 Creacioacute de les plantilles (templates) de VCM 46
322 Configuracioacute de la plantilla al canal 51
4 COMPARTICIOacute DE CONTINGUTS 66
41 VALIDAR QUE LA COMPARTICIOacute DE CONTINGUTS EacuteS CORRECTA 73
5 CONFIGURACIOacute AL PORTAL 76
51 CONFIGURACIOacute A CANAL LLISTAT TRAgraveMITS 76
511 Configuracioacute de la llista de tragravemits 76
512 Configuracioacute del detall del tragravemit i el pas a pas 84
513 Configuracioacute del detall drsquouna normativa SAC 91
514 Validacioacute final de VAP 96
4
1 Introduccioacute
Aquest document eacutes una guia pragravectica que recull tot el necessari per compartir els
continguts de tipus ldquoTragravemitsOVTrdquo de lrsquoOVT en una web dorganisme i per a la seva
visualitzacioacute posterior
Tota la integracioacute (formes de presentacioacute components de presentacioacute) es fa amb
peces de genegraveric
El document es divideix en dues parts
1 Continguts a VCM en aquest apartat es veuragrave tot el que estagrave relacionat amb
VCM i aixograve implica la configuracioacute de projectes i canals Respecte als
projectes veurem com i on es poden crear estructures on organitzarem els
continguts que es volen presentar en el portal Per dur a terme aquesta tasca
crearem canals on associarem els continguts i els configurarem amb plantilles
(templates) i fitxers associats per poder continuar la configuracioacute a nivell de
portal
2 Configuracioacute del portal en aquest apartat configurarem les plantilles de
lrsquoapartat anterior a nivell de presentacioacute eacutes a dir configurarem els portlets amb
certs components de presentacioacute per llistar ldquotragravemitsrdquo el detall i el pas a pas de
cadascun dels
3 Comparticioacute dels continguts en aquest apartat es fa referegravencia a la manera
de compartir continguts amb portals
Atencioacute
Els projectes sites i plantilles que es fan servir soacuten nomeacutes un exemple per
fer un circuit plenament funcional Cada usuari ha de tenir clar quins soacuten els
seus projectes sites i plantilles per realitzar les seves progravepies
configuracions
En el document srsquoaniran indicant a mode de recordatori aquestes pautes i
altres accions que soacuten obligatograveries
El model presentat eacutes compatible amb les plantiles GridA GridB GridB2
GridC GridD i GridD2 El model del detall de tragravemit nomeacutes eacutes compatible
ambgrids sense destacats (GridB GridD)
5
2 Configuracioacute de lrsquoadministracioacute de VAP
A continuacioacute explicarem la configuracioacute que srsquoha de realitzar a VAP perquegrave es puguin
visualitzar el tragravemits en un portal diferent de lrsquoOVT utilitzant els recursos del Site
Genegraveric Tot seguit indicarem com es crea una pagravegina i un element de navegacioacute per
poder configurar els canals de VCM meacutes endavant
Atencioacute
En lrsquoexemple es presenta la creacioacute de la Page NavItem utilitzant la Graella i
tema de Genegraveric Cada site srsquoha de crear el seu propi NavItem depenent de
les caracteriacutestiques del seu site
El Llistat de tragravemits es pot configurar amb una graella amb destacats a la
dreta o sense
La configuracioacute del detall dels tragravemits el pas a pas del tragravemit i la normativa
aplicable srsquoha de fer amb una graella sense destacats a la dreta per tal que
la visualitzacioacute sigui correcta
En aquesta primera part es crearan dos Navigation Item que srsquoencarregaran de
mostrar un llistat de tragravemits i les modalitats del detall Lrsquoexemple mostraragrave la
configuracioacute drsquoun MenuItem VAP amb destacats (Llistat de tragravemits) i un sense
destacats (Detall) Si no es fan servir destacats es pot saltar lrsquoapartat 21 i seguir
directament a lrsquoapartat 22 (creacioacute de la pagravegina de detall)
6
21 Crear la pagravegina de llistat de tragravemits
Dins del gestor de portals (VAP) realitzarem les tasques seguumlents
1 Accedir a la consola de ldquoVAPrdquo del nostre site
2 Seleccionar ldquoComponentsrdquo
3 Seleccionar ldquoPagesrdquo
4 Seleccionar ldquoLlistat de Pagraveginesrdquo
5 Fer clic a ldquoCrear Pagraveginardquo
Srsquoobriragrave un formulari per donar drsquoalta una nova pagravegina Cal fer el seguumlent
1
2
3
4
5
7
1 Introduir el nom de la pagravegina per exemple FW_Pagina_Grid_Tramits_B2
2 Seleccionar ldquoEnllaccedil de Navegacioacuterdquo
3 Fer clic a ldquoCrear Pagraveginardquo
Sersquons mostraragrave la pantalla seguumlent on cal
1 Seleccionar ldquoVisualitzacioacuterdquo
Apareix la pantalla seguumlent on cal
1 Seleccionar ldquo1 columnardquo
2 Fer clic a ldquoActualitzarrdquo
3 Seleccionar ldquoColmiddotlocacioacute de Portletrdquo
1
3
2
1
8
Sersquons mostraragrave la pantalla seguumlent on cal
1 Fer clic a ldquoAfegir Portletsrdquo
Ens mostraragrave la pantalla seguumlent on cal
1 Seleccionar ldquoCrear i afegir nous Portletsrdquo
1
2
3
1
9
Ens mostraragrave la pantalla seguumlent on cal
1 Seleccionar ldquoContent Publish Portlet 20rdquo
2 Fer clic a ldquoCrear Seleccionatsrdquo
3 Fer clic a ldquoTancarrdquo
Es poden afegir tants portlets com es vulgui a la pagravegina i com a miacutenim un
per configurar el llistat de tragravemits
1
10
1
2
3
11
La pagravegina srsquohauragrave actualitzat amb els portlets que srsquohan creat tot seguit cal fer el
seguumlent
1 Fer clic al tiacutetol del portlet
1
12
Srsquoha de configurar el tipus de portlet per al llistat Tragravemit per a aixograve cal
1 Posar un nom al portlet
2 Posar el nivell Template
3 Seleccionar que pot ser un Llista Manual o Automagravetica de continguts
4 Posar en ldquoJSP Override URLrdquo la ruta ldquovgn-ext-templatingviewsindexControladorjsprdquo
5 Fer clic a ldquoSaverdquo
1
2
3
3
5
4
vgn-ext-templatingviewsindexControladorjsp
13
Srsquohan de configurar permisos del portlet per al llistat Tragravemit per a aixograve cal
1 Seleccionar ldquoPermisosrdquo
2 Seleccionar els grups que es volen autoritzar
3 Fer clic a ldquoActualitzarrdquo
1
2
3
14
Srsquohan de configurar les dades bagravesiques del portlet per fer-ho cal
1 Seleccionar ldquoBagravesicsrdquo
2 Posar el nom del portlet
3 Desmarcar el quadre de verificacioacute ldquoMostra el cromrdquo
4 Fer clic a ldquoActualitzarrdquo
1
2
3
4
15
1 Tot seguit cal validar que la pagravegina srsquoha creat correctament
2 Srsquoha de fer clic al nom de la pagravegina
1
2
16
1 Bloquejar la pagravegina
2 Fer clic a ldquoActualitzar Opcionsrdquo
1
2
17
211 Crear NavItem del llistat Tragravemits
A partir de la consola de VAP farem les tasques seguumlents per crear el NavItem
1 Anar a lrsquoopcioacute del menuacute ldquoArbre de Navegacioacuterdquo
2 Fer clic a ldquoCrear Element de Navegacioacuterdquo
1
2
18
Per crear lrsquoelement de navegacioacute realitzarem les tasques seguumlents
1 Posar el nom al NavItem rdquoFW_NavItem_GRIDB2rdquo
2 Seleccionar ldquoEnllaccedilar ardquo i seleccionar la pagravegina que acabem de crear
3 Seleccionar el tema ldquoFW_Temardquo
4 Seleccionar la graella ldquoFW_Grid_B2rdquo
5 Fer clic a ldquoCrearrdquo
1
2
3
4
5
19
Quan seleccionem ldquoEnllaccedilar ardquo i triem la pagravegina que acabem de crear srsquoobriragrave la
finestra seguumlent per a aixograve cal
1 Cercar la pagravegina que hem creat en el pas anterior
2 Marcar el quadre de verificacioacute de la pagravegina
3 Fer clic a ldquoOKrdquo
Quan seleccionem el tema srsquoobriragrave la finestra seguumlent per a aixograve cal fer el seguumlent
1 Seleccionar el quadre de verificacioacute del tema que farem servir al nostre site per
a aquest exemple fem servir el tema del Site Genegraveric
2 Fer clic a ldquoSalvarrdquo
Quan seleccionem la graella srsquoobriragrave la finestra seguumlent per a aixograve cal
3 Seleccionar la graella que utilitzarem al nostre site per a aquest exemple farem
servir la Graella FW_Grid_B2 que teacute destacats a la dreta del Site Genegraveric
1
1
2
3
2
20
4 Fer clic a ldquoSalvarrdquo
1
2
21
22 Crear pagravegina de detall de tragravemits i normativa SAC
Dins del gestor de portals (VAP) realitzarem les tasques seguumlents
1 Accedir a la consola de ldquoVAPrdquo del nostre site
2 Seleccionar ldquoComponentsrdquo
3 Seleccionar ldquoPagesrdquo
4 Seleccionar ldquoLlistat de Pagraveginesrdquo
5 Fer clic a ldquoCrear Pagraveginardquo
1
2
3
4
5
22
Srsquoobriragrave un formulari per donar drsquoalta una nova pagravegina Aquiacute cal
4 Introduir el nom de la pagravegina FW_Pagina_Grid_Tramits_SAC_Detall_B
5 Seleccionar ldquoEnllaccedil de Navegacioacuterdquo
6 Fer clic a ldquoCrear Pagraveginardquo
Sersquons mostraragrave la pantalla seguumlent on cal
1 Seleccionar ldquoVisualitzacioacuterdquo
1
3
2
1
23
Sersquons mostraragrave la pantalla seguumlent on cal
4 Seleccionar ldquo1 columnardquo
5 Fer clic a ldquoActualitzarrdquo
6 Seleccionar ldquoColmiddotlocacioacute de Portletrdquo
1
2
3
24
Sersquons mostraragrave la pantalla seguumlent on cal
2 Fer clic a ldquoAfegir Portletsrdquo
Sersquons mostraragrave la pantalla seguumlent on cal
2 Seleccionar ldquoCrear i afegir nous Portletsrdquo
1
25
Sersquons mostraragrave la pantalla seguumlent on cal
4 Seleccionar ldquoContent Publish Portlet 20rdquo
5 Fer clic a ldquoCrear Seleccionatsrdquo
6 Fer clic a ldquoTancarrdquo
Es poden afegir tants portlets com es vulgui a la pagravegina i com a miacutenim un
per configurar el llistat de tragravemits
1
26
1
2
3
27
La pagravegina srsquohauragrave actualitzat amb els portlets que srsquohan creat tot seguit cal fer el
seguumlent
2 Fer clic al tiacutetol del portlet
1
28
Srsquoha de configurar el tipus de portlet per al llistat Tragravemit per a aixograve cal
Posar un nom al portlet
1 Posar si eacutes a nivell de Page o Template
2 Seleccionar que pot ser un Detall de contingut i Detall de contingut SAC
3 Posar en ldquoJSP Override URLrdquo la ruta ldquovgn-ext-templatingviewsindexControladorjsprdquo
4 Fer clic a ldquoSaverdquo
1
2
3
3
5
4
vgn-ext-templatingviewsindexControladorjsp
29
Srsquohan de configurar permisos del portlet per al detall del tragravemit i la normativa SAC per
a aixograve cal
4 Seleccionar ldquoPermisosrdquo
5 Seleccionar els grups que es volen autoritzar
6 Fer clic a ldquoActualitzarrdquo
1
2
3
30
Tot seguit srsquohan de configurar les dades bagravesiques del portlet per a aixograve srsquoha de fer el
seguumlent
1 Seleccionar ldquoBagravesicsrdquo
2 Posar el nom del portlet ldquofw_portlet_tramit_sac_detallrdquo
3 Desmarcar el quadre de verificacioacute ldquoMostra el cromrdquo
4 Fer clic a ldquoActualitzarrdquo
1
2
3
4
31
Despreacutes cal validar que la pagravegina srsquoha creat correctament per a aixograve cal fer el
seguumlent
1 Seleccionar ldquoLlista Pagraveginardquo
2 Fer clic al nom de la pagravegina
1
2
32
Per bloquejar la pagravegina cal fer el seguumlent
1 Seleccionar la casella de verificacioacute ldquoPagravegina Bloquejadardquo
2 Fer clic a ldquoActualitzar Opcionsrdquo
1
2
33
221 Crear NavItem de detall de tragravemits i normativa SAC
A partir de la consola de VAP farem les tasques seguumlents per crear el NavItem
1 Anar a lrsquoopcioacute del menuacute ldquoArbre de Navegacioacuterdquo
2 Fer clic a ldquoCrear Element de Navegacioacuterdquo
1
2
34
Per crear lrsquoelement de Navegacioacute realitzarem les tasques seguumlents
1 Posar el nom al NavItem rdquoFW_NavItem_GRIDBrdquo
2 Seleccionar ldquoEnllaccedilar ardquo i seleccionar la pagravegina que acabem de crear
3 Seleccionar el tema ldquoFW_Temardquo
4 Seleccionar la graella ldquoFW_Grid_Brdquo sense destacats a la dreta per
visualitzar correctament el detall de tragravemits el pas a pas i la normativa SAC
5 Fer clic a ldquoCrearrdquo
1
2
3
4
5
35
Quan seleccionem ldquoEnllaccedilar ardquo i seleccionem la pagravegina que acabem de crear srsquoobriragrave
la finestra seguumlent aquiacute cal
1 Cercar la pagravegina que hem creat en el pas anterior
2 Seleccionar la casella de verificacioacute de la pagravegina
3 Fer clic a ldquoOKrdquo
Quan fem seleccionem el tema srsquoobriragrave la seguumlent finestra per a aixograve cal
1 Seleccionar la casella de verificacioacute del tema que utilitzarem al nostre site per
a aquest exemple farem servir el tema del Site Genegraveric
2 Fer clic a ldquoSalvarrdquo
1
1
2
3
2
36
Quan seleccionem la graella srsquoobriragrave la finestra seguumlent aquiacute cal
1 Seleccionar la graella que utilitzarem al nostre site per a aquest exemple farem
servir la Graella FW_Grid_B sense destacats a la dreta del Site Genegraveric Per
tal de visualitzar correctament el detall del tragravemit el pas a pas i la normativa
SAC eacutes imprescindible que la graella tingui una uacutenica columna de continguts
2 Fer clic a ldquoSalvarrdquo
1
2
37
3 Configuracioacute de lrsquoadministracioacute de VCM
31 Creacioacute del canal ldquoLlistat tragravemitsrdquo
Dins del gestor de continguts realitzarem les tasques seguumlents
1 Accedir a ldquoPortalsrdquo
2 Navegar fins al ldquoPortalrdquo on volem configurar el llistat de continguts
3 Seleccionar ldquoHomerdquo
4 Posicionar-se sobre la creu verda i seleccionar ldquoCanalrdquo
a Emplenar la informacioacute i fer clic a ldquoOKrdquo
b Assegurar-se que el canal eacutes ldquoActiurdquo
1
2
3
38
311 Associacioacute de fitxers a la presentacioacute drsquoun canal
Ara srsquohan drsquoassociar els fitxers estagravetics adequats a la presentacioacute del canal perquegrave les
formes de presentacioacute posteriors trobin els estils i els Javascript corresponents
Per a aixograve cal entrar a les propietats del canal ldquoCanal Llistat tragravemitsrdquo i
1 Seleccionar el canal ldquoCanal Llistat tragravemitsrdquo
4
4a
4b
39
1
40
En entrar trobarem el llistat seguumlent on cal
1 Fer clic a ldquoCanal Llistat tragravemitsrdquo
2 Aquest eacutes un contingut del tipus Canals (cal fixar-se que no eacutes com lrsquoanterior)
Es mostraragrave la pantalla seguumlent on afegirem els fitxers relacionats amb el canal per a
cada idioma aquiacute cal
1 Emplenar els camps requerits per crear una pestanya del multiidioma
2 Desplaccedilar-se cap avall en lrsquoapartat ldquomultiidiomardquo fins a observar lrsquoapartat
drsquoassociacioacute de fitxers
3 Fer clic a ldquoAfegirrdquo
En aquest moment apareixeragrave la pantalla seguumlent
1 Si voleu afegir un fitxer amb extensioacute css cal deixar el camp ldquoTipus de fitxerrdquo
amb valor ldquocssrdquo Si voleu afegir un fitxer que teacute extensioacute js srsquoha de canviar el
camp ldquoTipus de fitxerrdquo al valor ldquojsrdquo
2 Fer clic a ldquoNavegadorrdquo
1
2 1 3
2
41
Apareixeragrave la pantalla de navegacioacute de continguts i anirem cercant els fitxers estagravetics
que associarem aquiacute cal
1 Fer clic a ldquoFrameworkrdquo
2 Fer clic a ldquoestilos y scriptsrdquo
3 Fer clic a ldquoNuevos Estilos imagenes y jsrdquo
4 Fer clic a ldquoGlobalsrdquo
2 1
42
43
44
Una vegada se nrsquohagin seleccionat tornarem a la pantalla anterior i farem el seguumlent
1 Verificar que el fitxer seleccionat eacutes el que apareix al quadre de text i que la
seva extensioacute coincideix amb la que hi ha seleccionada a ldquoTipus de fitxerrdquo
2 Fer clic a ldquoOKrdquo
Un cop acabades totes les associacions el resultat de les associacions afegides a la
pantalla principal ha de ser el seguumlent
1 Fer clic a ldquoAplicarrdquo a lrsquoapartat ldquomultiidiomardquo
1
2
45
1
46
Es recarregaragrave la pantalla
1 Fer clic a ldquoOKrdquo al nivell general
Ja tenim configurat el canal que mostraragrave ldquoLlistat de tragravemitsrdquo amb els fitxers associats
que fa referegravencia a la forma de presentacioacute que farem servir aquest mateix canal
mostraragrave el detall del contingut tragravemit amb el format detall
32 Creacioacute i assignacioacute de plantilles de presentacioacute per al
canal ldquoCanal Llistat tragravemitsrdquo
321 Creacioacute de les plantilles (templates) de VCM
La configuracioacute del canal de VCM per mostrar els llistats de tragravemits i el seu detall es
basen en tres plantilles una per llistar el tragravemits (format default) una per mostrar el
detall i el pas a pas drsquoun tragravemit (format detall) i una altra per mostrar la normativa
aplicable drsquoun tragravemit (format detall2)
A continuacioacute srsquoexplica com es creen les plantilles de presentacioacute
(Presentation Templates) necessagraveries per configurar els tragravemits Els
responsables de cada site srsquohan de crear les seves progravepies plantilles
Cal tenir en compte que les plantilles que apareixen en el document soacuten nomeacutes un
exemple drsquouna configuracioacute vagravelida En els casos pragravectics cal seleccionar les plantilles
que pertanyen a cada portal io que tingui cada usuari en els seus recursos
En el nostre cas es fan servir les plantilles ldquoGridB2LlistatTramitsrdquo ldquoGridBTramitrdquo i
ldquoGridBTramitNormativaSacrdquo
1
47
Per la creacioacute de la plantilla srsquohan de seguir els passos seguumlents
1 Accedir al ldquoBanc de Treballrdquo
2 Accedir a ldquoPresentation Templatesrdquo
3 Accedir a la carpeta de presentacions del nostre site en aquest exemple
ldquogenegravericrdquo
1
2
48
Un cop som al llistat de plantilles del nostre site cal fer el seguumlent
1 Seleccionar el signe ldquo+rdquo
2 Seleccionar Forma de Presentation Template
En realitzar aquesta accioacute srsquoobriragrave la finestra drsquoedicioacute o creacioacute de la Presentation
Template Srsquohan de crear dos plantilles noves amb les dades seguumlents
1 Plantilla per al llistat de tragravemits
a Nom cal posar un nom identificatiu de la plantilla per exemple
GenericoGridB2LlistatTramit
b Tipus de plantilla Portal Page
c VAPVCM Portal defaultgeneric (cal posar el nom del portal VAP)
d Element del menuacute de VAP FW_NavItem_GRIDB2
3
1
2
49
e Canal VCM per defecte
Tot seguit cal fer clic a ldquoOKrdquo
Per a la configuracioacute de la plantilla per al llistat de tragravemits es pot fer servir un
NavItem que utilitzi una grid amb destacats a la dreta per exemple la GRID B2 del
Site Genegraveric o beacute un Navitem sense destacats (el FW_NavItem_GRIDB creat
anteriorment)
El NavItem ha de disposar drsquoun portlet a la part central a nivell de Page per
configurar el llistat de tragravemits
f
50
2 Crear una nova Presentation Template per al detall de tragravemits i el pas a
pas
a Nom cal posar un nom identificatiu de la plantilla com per exemple
GenericoGridBTramit
b Tipus de plantilla Portal Page
c VAPVCM Portal defaultgeneric
d Element del menuacute de VAP FW_NavItem_GRIDB
e Canal VCM per defecte
Finalment cal fer clic a ldquoOKrdquo
Per configurar la plantilla per al detall dels tragravemits i el pas a pas srsquoha de fer servir un
NavItem que utilitzi una grid sense destacats a la dreta per exemple la GRID B del
site Genegraveric
El NavItem ha de disposar de dos portlets a la part central a nivell de Page per
configurar el llistat de tragravemits
Tot seguit cal crear una nova Presentation Template per al detall de tragravemits i el pas a
pas
a Nom cal posar un nom identificatiu de la plantilla per exemple
GenericoGridBTramitNormativaSac
f
51
b Tipus de plantilla Portal Page
c VAPVCM Portal defaultgeneric
d Element del menuacute de VAP FW_NavItem_GRIDB
e Canal VCM per defecte
Finalment cal fer clic a ldquoOKrdquo
322 Configuracioacute de la plantilla al canal
Les Presentation Templates que configurarem a continuacioacute soacuten drsquoexemple
Els responsables de cada site han de crear les seves progravepies plantilles
Un cop creat el canal i les Presentation Templates en configurarem la presentacioacute
1 Seleccionarem la casella de seleccioacute del canal que acabem de crear
2 Farem clic a la icona de propietats del canal
3 Navegarem a la pestanya ldquoPresentacioacuterdquo
52
Ens apareixeragrave un formulari com el que es mostra a continuacioacute i realitzarem les
accions seguumlents
1 Fer clic a ldquoAfegir presentacioacute de canalrdquo
1
2
3
53
Apareixeragrave la pantalla seguumlent amb lrsquoobjectiu de seleccionar una plantilla en el nostre
cas farem el seguumlent
1 Seleccionar el projecte de plantilles respectiu al portal A lrsquoexemple ldquogenericrdquo
Posteriorment apareixeragrave un llistat de plantilles (ldquoTemplatesrdquo)
1 En aquest cas seleccionarem ldquoGridB2LlistatTramitsrdquo
2 Acceptarem la seleccioacute ldquoOKrdquo
1
1
54
1
2
55
Un cop acceptat ens apareixeragrave la pantalla seguumlent on configurarem el ldquodetallrdquo Per a
aixograve cal fer el seguumlent
1 Fer clic a ldquoAssignar una Nova Plantilla de Presentacioacuterdquo
1
56
Tot seguit apareixeragrave la pantalla que es mostra a continuacioacute on realitzarem les
accions seguumlents
1 Fer clic a ldquoAfegir formatrdquo
En aquesta nova pantalla ens assegurarem del seguumlent
1 A la casella ldquoFormatrdquo hi ha el valor ldquodetallrdquo
2 A la casella ldquoTemplaterdquo hi ha drsquohaver el correcte Si no eacutes aixiacute srsquoha de fer clic a
ldquoNavegadorrdquo
En fer clic a ldquoNavegadorrdquo cal fer el seguumlent
1 Tornar a navegar fins a ldquogenericrdquo
1
1 2
57
1
58
I a la pantalla seguumlent cal seleccionar una plantilla i
1 Fer clic al botoacute a prop de ldquoGridBTramitrdquo
2 Fer clic a ldquoOKrdquo
1
2
59
En aquest moment es torna a la pantalla anterior i cal
1 Fer clic a ldquoOKrdquo
En el canal Llistat de tragravemits ha drsquoestar configurat el ldquoformatrdquo ldquodetallrdquo ja que la forma
de presentacioacute que configurarem a GridDBTramit necessitaragrave aquest format per
visualitzar el detall del contingut de tipus ldquoTragravemitrdquo
2
60
La pantalla anterior a aquesta ens ha de presentar aquesta informacioacute Ara
configurarem el ldquodetall2rdquo per presentar el contingut rdquo Normativa de SACrdquo Per a aixograve
cal fer el seguumlent
1 Fer clic a ldquoAfegir Formatrdquo
En aquesta nova pantalla ens assegurarem del seguumlent
1 A la casella ldquoFormatrdquo hi ha el valor ldquodetall2rdquo
1
61
2 A la casella ldquoTemplaterdquo hi ha drsquohaver el correcte Si no eacutes aixiacute srsquoha de fer clic a
ldquoNavegadorrdquo
En fer clic a ldquoNavegadorrdquo srsquoha de fer el seguumlent
1 Tornar a navegar fins a ldquogenericrdquo (srsquoha de substituir pel nom del portal)
1 2
62
1
63
A la pantalla seguumlent cal seleccionar una plantilla i
1 Fer clic al botoacute a prop de ldquoGridBTramitNormativaSacrdquo
2 Fer clic a ldquoOKrdquo
1
2
64
En aquest moment es torna a la pantalla anterior i cal fer el seguumlent
2 Fer clic a ldquoOKrdquo
En el canal Llistat de tragravemits ha drsquoestar configurat el ldquoformatrdquo ldquodetall2rdquo ja que la
forma de presentacioacute que configurarem a GridDBTramitNormativaSac necessitaragrave
aquest format per visualitzar el detall del contingut de tipus normativa ldquoSACrdquo
2
65
La pantalla anterior a aquesta ens ha de presentar aquesta informacioacute i srsquoha de fer el
seguumlent
2 Fer clic a ldquoOKrdquo
1
66
La finestra pare anterior a aquesta quedaragrave com es mostra tot seguit i realitzarem les
accions seguumlents
1 Fer clic a ldquoOKrdquo
4 Comparticioacute de continguts
Accedim al projecte on hi ha tots els tragravemits de lrsquoOVT
1
67
OVTDepartaments[NomCurtDepartaments][NomCurtOrganisme] TramitOVT
On NomCurtDepartaments correspon al nom curt del departament al que fa referencia
el nostre organisme
En aquest exemple es mostren tots els projectes de tragravemits de lrsquoOVT
Un cop localitzat el tragravemit de lrsquoOVT que volem compartir amb el nostre site accedirem
a lrsquoedicioacute del contingut i assignarem aquest contingut al canal del nostre site on es
vulgui mostrar Srsquoha de fer el seguumlent
1 Anar al contenidor de projectes on hi ha els continguts de GECO
Apareixeragrave lrsquoestructura de projectes a la qual teacute acceacutes lrsquousuari redactor Cal fer el
seguumlent (exemple Agegravencia Tributagraveria dins drsquoEconomia i Finances)
1 Seleccionar ldquoOVTrdquo
2 Seleccionar ldquoDepartamentsrdquo aquesta carpeta conteacute tots els tragravemits de lrsquoOVT
classificats per departaments
3 Seleccionar ldquoECOrdquo A lrsquousuari nomeacutes se li mostraragrave la carpeta del seu
departament
Si lrsquousuari no visualitza la carpeta dins del seu departament eacutes perquegrave no
srsquoha aplicat la poliacutetica de seguretat correctament Cal obrir un tiquet a Suport
gencat per tramitar aquests permisos AQUESTA CARPETA NOMEacuteS SERAgrave
VISIBLE PER ALS USUARIS AMB ROL REDACTOR
4 Seleccionar ldquoA_Agegravencia Tributagraveriardquo
5 Seleccionar ldquoTramitOVTrdquo
1
68
2
3
1
69
4
5
70
Apareixeragrave el llistat de continguts ldquoTragravemitOVTrdquo de lrsquoOVT de lrsquoAgegravencia Tributagraveria
Realitzarem les accions seguumlents
1 Seleccionar el tragravemit o els tragravemits que volem compartir en la web dorganisme
2 Fer clic a ldquoAssociarrdquo
2
1
71
Aquest proceacutes obriragrave una finestra Per seleccionar el site i canal on es volen mostrar
els tragravemits seleccionats realitzarem les accions seguumlents (cas site Generic)
1 Seleccionar el site ldquoGenericrdquo en el vostre cas el site del departament on es vol
mostrar el contingut ldquotragravemitrdquo
2 Navegar pels canals del Site Genegraveric fins al canal que srsquoha creat en el punt
ldquoLlistat de tragravemitsrdquo i seleccionar el quadre de verificacioacute
3 Fer clic a ldquoOKrdquo
1
72
2
3
73
41 Validar que la comparticioacute de continguts eacutes correcta
Accedim per VCM al canal que hem creat anteriorment al qual li acabem drsquoassignar
els continguts de tragravemits que ha de mostrar i fem el seguumlent
1 Anar al contenidor de portals
2 Seleccionar el Site ldquogenericrdquo
3 Seleccionar el canal ldquoHomerdquo
4 Seleccionar el canal ldquoCanal Llistat tragravemitsrdquo
1
2
3
74
4
75
Apareixeragrave el contingut assignat al canal ldquoCanal Llistat tragravemitsrdquo
En entrar trobarem el llistat seguumlent
1 Llistat del tragravemits de lrsquoOVT que srsquohan compartit amb el canal ldquoCanal Llistat
tragravemitsrdquo
2 Validar que els continguts que apareixen soacuten del tipus ldquoTramitOVTrdquo
En cas que al canal del site ldquoCanal Llistat tragravemitsrdquo no apareguin els continguts
tragravemits associats anteriorment cal repetir el pas 22
1 2
76
5 Configuracioacute al portal
Ara cal entrar al nostre site on tenim configurat el canal que hem creat en lrsquoapartat
anterior (21) i que ara configurarem a nivell de portal
51 Configuracioacute a Canal Llistat tragravemits
511 Configuracioacute de la llista de tragravemits
Farem clic a lrsquoenllaccedil ldquoCanal llistat tragravemitsrdquo de la ldquoHomerdquo i anirem a parar a una
pantalla com la que es mostra meacutes avall
Es pot apreciar que en el contingut de la pagravegina no hi ha res Aixograve eacutes perquegrave cal
configurar els portlets adequats ( )
1 Ens situarem sobre la icona ldquoOpcions de Pagraveginardquo
2 Seleccionarem ldquoObrir Plantillardquo ja que els portlets soacuten a nivell de Page
Ens apareixeragrave una pantalla com la que es mostra tot seguit i realitzarem les accions
seguumlents
1 Seleccionar el portlet de la part central de la pagravegina per configurar una ldquoLlista
automagravetica de contingutsrdquo
2
1
77
Tambeacute podem configurar una ldquoLlista manual de contingutsrdquo segons les
necessitats de cada usuari
78
Ens redirigiragrave cap a un formulari drsquoedicioacute que ens mostraragrave directament quina consulta
hem de configurar per mostrar els continguts i configurarem una consulta com la
seguumlent (evidentment segons les necessitats de cada usuari)
Ara tenim configurat que la pagravegina mostraragrave els tipus de contingut ldquoTramitOVTrdquo del
canal actual ordenats per la ldquoEacutes on-linerdquo en ordre descendent
Aixograve ens portaragrave a la pantalla principal on acabarem de completar la configuracioacute
1 Validar que en lrsquoapartat ldquoConsultardquo hi ha la configuracioacute que acabem drsquoafegir
2 Emplenar ldquoAgraveliesrdquo
3 En lrsquoapartat Forma de presentacioacute fer clic al botoacute ldquoCercar helliprdquo
79
Ens apareixeragrave la pantalla seguumlent
1 Fer clic a ldquoNavegacioacute per projectesrdquo
1
2
3
80
Ens canviaragrave la vista al format seguumlent
1 Navegarem per les carpetes fins a arribar a ldquoFramework Formes de
presentacioacute Site generic fw_fp_llistatramitsrdquo
2 Seleccionarem ldquofw_fp_llistatramitsrdquo
3 Farem clic a ldquoOKrdquo
1
1
81
En retornar a la pantalla principal cal
1 Validar que la forma de presentacioacute eacutes la que acabem de seleccionar
2 Fer clic a ldquoOKrdquo
1 (continuacioacute) 2
3
82
1
2
83
Aquest seragrave el nostre resultat a la pantalla del portal i cal fer el seguumlent
1 Verificar que apareixen els dos continguts que es van associar a aquest canal
1
84
512 Configuracioacute del detall del tragravemit i el pas a pas
En fer clic sobre una activitat veurem com ens redirigeix a la plantilla configurada al
ldquodetallrdquo drsquoaquesta pagravegina tal com la vam configurar en lrsquoapartat 231 cal fer el
seguumlent
1 Fer clic a la primera activitat
1
85
Ens sortiragrave la pagravegina de VAP del detall drsquoun contingut per configurar farem els
passos seguumlents
1 Ens situarem sobre la icona ldquoOpcions de Pagraveginardquo
2 Seleccionar ldquoObrir Plantillardquo ja que els portlets soacuten a nivell de Page
Ens apareixeragrave una pantalla com la que es mostra tot seguit i realitzarem les accions
seguumlents
1 Seleccionar el portlet de la part central de la pagravegina per configurar un ldquoDetall
de contingutrdquo i fer clic a ldquoEditarrdquo
Ens apareixeragrave la pantalla de seleccioacute de component de presentacioacute
1 Seleccionarem el component de presentacioacute ldquoDetall de contingutrdquo
1
2
1
86
Ens apareixeragrave la pantalla que es mostra tot seguit i realitzarem les accions seguumlents
1 Emplenar el camp ldquoAgraveliesrdquo
2 Canviar a la pestanya ldquoPresentacioacuterdquo
En fer clic a la pestanya obtindrem la imatge que es mostra tot seguit i realitzarem les
accions seguumlents
1 Cercarem una forma de presentacioacute fent clic a ldquoCercar helliprdquo
1
2
87
Quan aparegui la pantalla de cercador realitzarem una cerca de la forma de
presentacioacute que volem fer servir per a aixograve cal fer el seguumlent
1 Emplenar la caixa de text amb ldquofw_fp_tramitrdquo
2 Preacutemer ldquoCercarrdquo
3 Seleccionar la forma de presentacioacute de la caixa de resultats
4 Preacutemer ldquoOKrdquo
La forma de presentacioacute ldquofw_fp_tramitrdquo estagrave preparada per ldquomaquillarrdquo el contingut
dels tragravemits Tambeacute es pot fer servir una forma de presentacioacute personalitzada
segons es cregui convenient
1
1
2
3
4
88
En acabar tornarem a la pagravegina principal drsquoedicioacute i farem el seguumlent
1 Verificar que la forma de presentacioacute eacutes la que hem escollit
2 Fer clic a ldquoOKrdquo
En finalitzar la configuracioacute del component de presentacioacute tornem a la pantalla del
portal i cal fer el seguumlent
1 Verificar que el disseny de la presentacioacute eacutes semblant al seguumlent
1
2
89
Configurarem el portlet superior central de la pagravegina perquegrave aquesta contingui el fil
drsquoAriadna
1 Accedir a ldquoObrir Plantillardquo
1 Editar el portlet central que hi ha a sobre del detall de tragravemit per configurar el fil
drsquoAriadna En aquest exemple el portlet eacutes ldquoFW_hilo_ariadnardquo
Escollirem el component de presentacioacute
1 Seleccionar el component de presentacioacute ldquoFil drsquoAriadnardquo
1
1
90
En la configuracioacute del component realitzarem les accions seguumlents
1 Inserir el camp ldquoAgraveliesrdquo
2 Inserir el camp ldquoCanalrdquo
3 Fer clic a la pestanya ldquoPresentacioacuterdquo i cercar la forma de presentacioacute
ldquofw_fp_filariadnardquo
1
91
513 Configuracioacute del detall drsquouna normativa SAC
En el detall de contingut configurat en el punt anterior fent clic sobre una normativa
veurem com ens redirigeix a la plantilla configurada al ldquodetall2rdquo drsquoaquesta pagravegina tal
com hem configurat a lrsquoapartat 231
1 Fer clic a la primera ldquoNormativa Aplicablerdquo
2
3
92
Aquest enllaccedil ens portaragrave al detall2 del canal on srsquoha de configurar el detall de
contingut SAC per tal que es mostri la normativa aplicable
Configurarem el portlet superior central de la pagravegina perquegrave aquesta contingui el fil
drsquoAriadna per a aixograve cal fer el seguumlent
1 Accedir a ldquoObrir Plantillardquo
1
93
1
94
1 Editar el portlet central que hi ha a sobre del detall de tragravemit per configurar el fil
drsquoAriadna En aquest exemple el portlet eacutes ldquofw_portlet_tramitrdquo
Escollirem el component de presentacioacute
1 Seleccionar el component de presentacioacute ldquoDetall de Contingut SACrdquo
En la configuracioacute del component realitzarem les accions seguumlents
1 Inserir el camp ldquoAgraveliesrdquo
2 Seleccionar el tipus de contingut ldquoDetall Tragravemitrdquo
1
95
3 Fer clic a la pestanya ldquoPresentacioacuterdquo i cercar la forma de presentacioacute
ldquofw_fp_sac_normativardquo
4 Fer clic al botoacute ldquoOKrdquo
Srsquoactualitzaragrave la pagravegina de VAP i es mostraragrave el detall de SAC
1
2
3
4
96
514 Validacioacute final de VAP
Finalment cal validar que els tragravemits es visualitzen correctament per a aixograve cal
1 Verificar que tenim els canals creats
2 Accedir al canal ldquoCanal Llistat tragravemitsrdquo i validar que es mostren els tragravemits
que hem associat al punt 22
1
97
A continuacioacute cal fer les comprovacions seguumlents
1 Accedir al detall del tragravemit compartit
2 Accedir al pas a pas del tragravemit i a la normativa de SAC
Exemple llistat de tragravemits compartits
2
1
98
Exemple detall de tragravemit compartit
Exemple pas a pas drsquoun tragravemit
2
2
99
Exemple normativa SAC
En el cas que no es visualitzin el llistat de tragravemits detall o pas a pas configurat
validar
1 Refrescar la Pagravegina
2 Els tragravemits estan associats al canal que esteacuten visualitzat punt 23
1 Refrescar la pagravegina
1
2
Histograveric de modificacions
Versioacute Accioacute Realitzada per Data Modificacions
10 Creacioacute Jesuacutes Rivera Bonilla 07052010
20 Modificacioacute Aacutengel Loacutepez 28102010 Canvi de nom del
document
21 Modificacioacute Nicoloacute Bevilacqua 02112010 Revisioacute del
document
22 Modificacioacute Nicoloacute Bevilacqua 03012011
Canvi
nomenclatura
ldquowebs
departamentalsrdquo
per ldquowebs
dorganismesrdquo
23 Modificacioacute Nicoloacute Bevilacqua 24112011
Adaptacioacute
solucions a grids
genegraveriques
24 Modificacioacute Jesuacutes Rivera 18042013
Revisioacute comparticioacute
amb OVT i
eliminacioacute
referegravencies a OVTE
3
Iacutendex de contingut
1 INTRODUCCIOacute 4
2 CONFIGURACIOacute DE LrsquoADMINISTRACIOacute DE VAP 5
21 CREAR LA PAgraveGINA DE LLISTAT DE TRAgraveMITS 6
211 Crear NavItem del llistat Tragravemits 17
22 CREAR PAgraveGINA DE DETALL DE TRAgraveMITS I NORMATIVA SAC 21
221 Crear NavItem de detall de tragravemits i normativa SAC 33
3 CONFIGURACIOacute DE LrsquoADMINISTRACIOacute DE VCM 37
31 CREACIOacute DEL CANAL ldquoLLISTAT TRAgraveMITSrdquo 37
311 Associacioacute de fitxers a la presentacioacute drsquoun canal 38
32 CREACIOacute I ASSIGNACIOacute DE PLANTILLES DE PRESENTACIOacute PER AL CANAL ldquoCANAL LLISTAT
TRAgraveMITSrdquo 46
321 Creacioacute de les plantilles (templates) de VCM 46
322 Configuracioacute de la plantilla al canal 51
4 COMPARTICIOacute DE CONTINGUTS 66
41 VALIDAR QUE LA COMPARTICIOacute DE CONTINGUTS EacuteS CORRECTA 73
5 CONFIGURACIOacute AL PORTAL 76
51 CONFIGURACIOacute A CANAL LLISTAT TRAgraveMITS 76
511 Configuracioacute de la llista de tragravemits 76
512 Configuracioacute del detall del tragravemit i el pas a pas 84
513 Configuracioacute del detall drsquouna normativa SAC 91
514 Validacioacute final de VAP 96
4
1 Introduccioacute
Aquest document eacutes una guia pragravectica que recull tot el necessari per compartir els
continguts de tipus ldquoTragravemitsOVTrdquo de lrsquoOVT en una web dorganisme i per a la seva
visualitzacioacute posterior
Tota la integracioacute (formes de presentacioacute components de presentacioacute) es fa amb
peces de genegraveric
El document es divideix en dues parts
1 Continguts a VCM en aquest apartat es veuragrave tot el que estagrave relacionat amb
VCM i aixograve implica la configuracioacute de projectes i canals Respecte als
projectes veurem com i on es poden crear estructures on organitzarem els
continguts que es volen presentar en el portal Per dur a terme aquesta tasca
crearem canals on associarem els continguts i els configurarem amb plantilles
(templates) i fitxers associats per poder continuar la configuracioacute a nivell de
portal
2 Configuracioacute del portal en aquest apartat configurarem les plantilles de
lrsquoapartat anterior a nivell de presentacioacute eacutes a dir configurarem els portlets amb
certs components de presentacioacute per llistar ldquotragravemitsrdquo el detall i el pas a pas de
cadascun dels
3 Comparticioacute dels continguts en aquest apartat es fa referegravencia a la manera
de compartir continguts amb portals
Atencioacute
Els projectes sites i plantilles que es fan servir soacuten nomeacutes un exemple per
fer un circuit plenament funcional Cada usuari ha de tenir clar quins soacuten els
seus projectes sites i plantilles per realitzar les seves progravepies
configuracions
En el document srsquoaniran indicant a mode de recordatori aquestes pautes i
altres accions que soacuten obligatograveries
El model presentat eacutes compatible amb les plantiles GridA GridB GridB2
GridC GridD i GridD2 El model del detall de tragravemit nomeacutes eacutes compatible
ambgrids sense destacats (GridB GridD)
5
2 Configuracioacute de lrsquoadministracioacute de VAP
A continuacioacute explicarem la configuracioacute que srsquoha de realitzar a VAP perquegrave es puguin
visualitzar el tragravemits en un portal diferent de lrsquoOVT utilitzant els recursos del Site
Genegraveric Tot seguit indicarem com es crea una pagravegina i un element de navegacioacute per
poder configurar els canals de VCM meacutes endavant
Atencioacute
En lrsquoexemple es presenta la creacioacute de la Page NavItem utilitzant la Graella i
tema de Genegraveric Cada site srsquoha de crear el seu propi NavItem depenent de
les caracteriacutestiques del seu site
El Llistat de tragravemits es pot configurar amb una graella amb destacats a la
dreta o sense
La configuracioacute del detall dels tragravemits el pas a pas del tragravemit i la normativa
aplicable srsquoha de fer amb una graella sense destacats a la dreta per tal que
la visualitzacioacute sigui correcta
En aquesta primera part es crearan dos Navigation Item que srsquoencarregaran de
mostrar un llistat de tragravemits i les modalitats del detall Lrsquoexemple mostraragrave la
configuracioacute drsquoun MenuItem VAP amb destacats (Llistat de tragravemits) i un sense
destacats (Detall) Si no es fan servir destacats es pot saltar lrsquoapartat 21 i seguir
directament a lrsquoapartat 22 (creacioacute de la pagravegina de detall)
6
21 Crear la pagravegina de llistat de tragravemits
Dins del gestor de portals (VAP) realitzarem les tasques seguumlents
1 Accedir a la consola de ldquoVAPrdquo del nostre site
2 Seleccionar ldquoComponentsrdquo
3 Seleccionar ldquoPagesrdquo
4 Seleccionar ldquoLlistat de Pagraveginesrdquo
5 Fer clic a ldquoCrear Pagraveginardquo
Srsquoobriragrave un formulari per donar drsquoalta una nova pagravegina Cal fer el seguumlent
1
2
3
4
5
7
1 Introduir el nom de la pagravegina per exemple FW_Pagina_Grid_Tramits_B2
2 Seleccionar ldquoEnllaccedil de Navegacioacuterdquo
3 Fer clic a ldquoCrear Pagraveginardquo
Sersquons mostraragrave la pantalla seguumlent on cal
1 Seleccionar ldquoVisualitzacioacuterdquo
Apareix la pantalla seguumlent on cal
1 Seleccionar ldquo1 columnardquo
2 Fer clic a ldquoActualitzarrdquo
3 Seleccionar ldquoColmiddotlocacioacute de Portletrdquo
1
3
2
1
8
Sersquons mostraragrave la pantalla seguumlent on cal
1 Fer clic a ldquoAfegir Portletsrdquo
Ens mostraragrave la pantalla seguumlent on cal
1 Seleccionar ldquoCrear i afegir nous Portletsrdquo
1
2
3
1
9
Ens mostraragrave la pantalla seguumlent on cal
1 Seleccionar ldquoContent Publish Portlet 20rdquo
2 Fer clic a ldquoCrear Seleccionatsrdquo
3 Fer clic a ldquoTancarrdquo
Es poden afegir tants portlets com es vulgui a la pagravegina i com a miacutenim un
per configurar el llistat de tragravemits
1
10
1
2
3
11
La pagravegina srsquohauragrave actualitzat amb els portlets que srsquohan creat tot seguit cal fer el
seguumlent
1 Fer clic al tiacutetol del portlet
1
12
Srsquoha de configurar el tipus de portlet per al llistat Tragravemit per a aixograve cal
1 Posar un nom al portlet
2 Posar el nivell Template
3 Seleccionar que pot ser un Llista Manual o Automagravetica de continguts
4 Posar en ldquoJSP Override URLrdquo la ruta ldquovgn-ext-templatingviewsindexControladorjsprdquo
5 Fer clic a ldquoSaverdquo
1
2
3
3
5
4
vgn-ext-templatingviewsindexControladorjsp
13
Srsquohan de configurar permisos del portlet per al llistat Tragravemit per a aixograve cal
1 Seleccionar ldquoPermisosrdquo
2 Seleccionar els grups que es volen autoritzar
3 Fer clic a ldquoActualitzarrdquo
1
2
3
14
Srsquohan de configurar les dades bagravesiques del portlet per fer-ho cal
1 Seleccionar ldquoBagravesicsrdquo
2 Posar el nom del portlet
3 Desmarcar el quadre de verificacioacute ldquoMostra el cromrdquo
4 Fer clic a ldquoActualitzarrdquo
1
2
3
4
15
1 Tot seguit cal validar que la pagravegina srsquoha creat correctament
2 Srsquoha de fer clic al nom de la pagravegina
1
2
16
1 Bloquejar la pagravegina
2 Fer clic a ldquoActualitzar Opcionsrdquo
1
2
17
211 Crear NavItem del llistat Tragravemits
A partir de la consola de VAP farem les tasques seguumlents per crear el NavItem
1 Anar a lrsquoopcioacute del menuacute ldquoArbre de Navegacioacuterdquo
2 Fer clic a ldquoCrear Element de Navegacioacuterdquo
1
2
18
Per crear lrsquoelement de navegacioacute realitzarem les tasques seguumlents
1 Posar el nom al NavItem rdquoFW_NavItem_GRIDB2rdquo
2 Seleccionar ldquoEnllaccedilar ardquo i seleccionar la pagravegina que acabem de crear
3 Seleccionar el tema ldquoFW_Temardquo
4 Seleccionar la graella ldquoFW_Grid_B2rdquo
5 Fer clic a ldquoCrearrdquo
1
2
3
4
5
19
Quan seleccionem ldquoEnllaccedilar ardquo i triem la pagravegina que acabem de crear srsquoobriragrave la
finestra seguumlent per a aixograve cal
1 Cercar la pagravegina que hem creat en el pas anterior
2 Marcar el quadre de verificacioacute de la pagravegina
3 Fer clic a ldquoOKrdquo
Quan seleccionem el tema srsquoobriragrave la finestra seguumlent per a aixograve cal fer el seguumlent
1 Seleccionar el quadre de verificacioacute del tema que farem servir al nostre site per
a aquest exemple fem servir el tema del Site Genegraveric
2 Fer clic a ldquoSalvarrdquo
Quan seleccionem la graella srsquoobriragrave la finestra seguumlent per a aixograve cal
3 Seleccionar la graella que utilitzarem al nostre site per a aquest exemple farem
servir la Graella FW_Grid_B2 que teacute destacats a la dreta del Site Genegraveric
1
1
2
3
2
20
4 Fer clic a ldquoSalvarrdquo
1
2
21
22 Crear pagravegina de detall de tragravemits i normativa SAC
Dins del gestor de portals (VAP) realitzarem les tasques seguumlents
1 Accedir a la consola de ldquoVAPrdquo del nostre site
2 Seleccionar ldquoComponentsrdquo
3 Seleccionar ldquoPagesrdquo
4 Seleccionar ldquoLlistat de Pagraveginesrdquo
5 Fer clic a ldquoCrear Pagraveginardquo
1
2
3
4
5
22
Srsquoobriragrave un formulari per donar drsquoalta una nova pagravegina Aquiacute cal
4 Introduir el nom de la pagravegina FW_Pagina_Grid_Tramits_SAC_Detall_B
5 Seleccionar ldquoEnllaccedil de Navegacioacuterdquo
6 Fer clic a ldquoCrear Pagraveginardquo
Sersquons mostraragrave la pantalla seguumlent on cal
1 Seleccionar ldquoVisualitzacioacuterdquo
1
3
2
1
23
Sersquons mostraragrave la pantalla seguumlent on cal
4 Seleccionar ldquo1 columnardquo
5 Fer clic a ldquoActualitzarrdquo
6 Seleccionar ldquoColmiddotlocacioacute de Portletrdquo
1
2
3
24
Sersquons mostraragrave la pantalla seguumlent on cal
2 Fer clic a ldquoAfegir Portletsrdquo
Sersquons mostraragrave la pantalla seguumlent on cal
2 Seleccionar ldquoCrear i afegir nous Portletsrdquo
1
25
Sersquons mostraragrave la pantalla seguumlent on cal
4 Seleccionar ldquoContent Publish Portlet 20rdquo
5 Fer clic a ldquoCrear Seleccionatsrdquo
6 Fer clic a ldquoTancarrdquo
Es poden afegir tants portlets com es vulgui a la pagravegina i com a miacutenim un
per configurar el llistat de tragravemits
1
26
1
2
3
27
La pagravegina srsquohauragrave actualitzat amb els portlets que srsquohan creat tot seguit cal fer el
seguumlent
2 Fer clic al tiacutetol del portlet
1
28
Srsquoha de configurar el tipus de portlet per al llistat Tragravemit per a aixograve cal
Posar un nom al portlet
1 Posar si eacutes a nivell de Page o Template
2 Seleccionar que pot ser un Detall de contingut i Detall de contingut SAC
3 Posar en ldquoJSP Override URLrdquo la ruta ldquovgn-ext-templatingviewsindexControladorjsprdquo
4 Fer clic a ldquoSaverdquo
1
2
3
3
5
4
vgn-ext-templatingviewsindexControladorjsp
29
Srsquohan de configurar permisos del portlet per al detall del tragravemit i la normativa SAC per
a aixograve cal
4 Seleccionar ldquoPermisosrdquo
5 Seleccionar els grups que es volen autoritzar
6 Fer clic a ldquoActualitzarrdquo
1
2
3
30
Tot seguit srsquohan de configurar les dades bagravesiques del portlet per a aixograve srsquoha de fer el
seguumlent
1 Seleccionar ldquoBagravesicsrdquo
2 Posar el nom del portlet ldquofw_portlet_tramit_sac_detallrdquo
3 Desmarcar el quadre de verificacioacute ldquoMostra el cromrdquo
4 Fer clic a ldquoActualitzarrdquo
1
2
3
4
31
Despreacutes cal validar que la pagravegina srsquoha creat correctament per a aixograve cal fer el
seguumlent
1 Seleccionar ldquoLlista Pagraveginardquo
2 Fer clic al nom de la pagravegina
1
2
32
Per bloquejar la pagravegina cal fer el seguumlent
1 Seleccionar la casella de verificacioacute ldquoPagravegina Bloquejadardquo
2 Fer clic a ldquoActualitzar Opcionsrdquo
1
2
33
221 Crear NavItem de detall de tragravemits i normativa SAC
A partir de la consola de VAP farem les tasques seguumlents per crear el NavItem
1 Anar a lrsquoopcioacute del menuacute ldquoArbre de Navegacioacuterdquo
2 Fer clic a ldquoCrear Element de Navegacioacuterdquo
1
2
34
Per crear lrsquoelement de Navegacioacute realitzarem les tasques seguumlents
1 Posar el nom al NavItem rdquoFW_NavItem_GRIDBrdquo
2 Seleccionar ldquoEnllaccedilar ardquo i seleccionar la pagravegina que acabem de crear
3 Seleccionar el tema ldquoFW_Temardquo
4 Seleccionar la graella ldquoFW_Grid_Brdquo sense destacats a la dreta per
visualitzar correctament el detall de tragravemits el pas a pas i la normativa SAC
5 Fer clic a ldquoCrearrdquo
1
2
3
4
5
35
Quan seleccionem ldquoEnllaccedilar ardquo i seleccionem la pagravegina que acabem de crear srsquoobriragrave
la finestra seguumlent aquiacute cal
1 Cercar la pagravegina que hem creat en el pas anterior
2 Seleccionar la casella de verificacioacute de la pagravegina
3 Fer clic a ldquoOKrdquo
Quan fem seleccionem el tema srsquoobriragrave la seguumlent finestra per a aixograve cal
1 Seleccionar la casella de verificacioacute del tema que utilitzarem al nostre site per
a aquest exemple farem servir el tema del Site Genegraveric
2 Fer clic a ldquoSalvarrdquo
1
1
2
3
2
36
Quan seleccionem la graella srsquoobriragrave la finestra seguumlent aquiacute cal
1 Seleccionar la graella que utilitzarem al nostre site per a aquest exemple farem
servir la Graella FW_Grid_B sense destacats a la dreta del Site Genegraveric Per
tal de visualitzar correctament el detall del tragravemit el pas a pas i la normativa
SAC eacutes imprescindible que la graella tingui una uacutenica columna de continguts
2 Fer clic a ldquoSalvarrdquo
1
2
37
3 Configuracioacute de lrsquoadministracioacute de VCM
31 Creacioacute del canal ldquoLlistat tragravemitsrdquo
Dins del gestor de continguts realitzarem les tasques seguumlents
1 Accedir a ldquoPortalsrdquo
2 Navegar fins al ldquoPortalrdquo on volem configurar el llistat de continguts
3 Seleccionar ldquoHomerdquo
4 Posicionar-se sobre la creu verda i seleccionar ldquoCanalrdquo
a Emplenar la informacioacute i fer clic a ldquoOKrdquo
b Assegurar-se que el canal eacutes ldquoActiurdquo
1
2
3
38
311 Associacioacute de fitxers a la presentacioacute drsquoun canal
Ara srsquohan drsquoassociar els fitxers estagravetics adequats a la presentacioacute del canal perquegrave les
formes de presentacioacute posteriors trobin els estils i els Javascript corresponents
Per a aixograve cal entrar a les propietats del canal ldquoCanal Llistat tragravemitsrdquo i
1 Seleccionar el canal ldquoCanal Llistat tragravemitsrdquo
4
4a
4b
39
1
40
En entrar trobarem el llistat seguumlent on cal
1 Fer clic a ldquoCanal Llistat tragravemitsrdquo
2 Aquest eacutes un contingut del tipus Canals (cal fixar-se que no eacutes com lrsquoanterior)
Es mostraragrave la pantalla seguumlent on afegirem els fitxers relacionats amb el canal per a
cada idioma aquiacute cal
1 Emplenar els camps requerits per crear una pestanya del multiidioma
2 Desplaccedilar-se cap avall en lrsquoapartat ldquomultiidiomardquo fins a observar lrsquoapartat
drsquoassociacioacute de fitxers
3 Fer clic a ldquoAfegirrdquo
En aquest moment apareixeragrave la pantalla seguumlent
1 Si voleu afegir un fitxer amb extensioacute css cal deixar el camp ldquoTipus de fitxerrdquo
amb valor ldquocssrdquo Si voleu afegir un fitxer que teacute extensioacute js srsquoha de canviar el
camp ldquoTipus de fitxerrdquo al valor ldquojsrdquo
2 Fer clic a ldquoNavegadorrdquo
1
2 1 3
2
41
Apareixeragrave la pantalla de navegacioacute de continguts i anirem cercant els fitxers estagravetics
que associarem aquiacute cal
1 Fer clic a ldquoFrameworkrdquo
2 Fer clic a ldquoestilos y scriptsrdquo
3 Fer clic a ldquoNuevos Estilos imagenes y jsrdquo
4 Fer clic a ldquoGlobalsrdquo
2 1
42
43
44
Una vegada se nrsquohagin seleccionat tornarem a la pantalla anterior i farem el seguumlent
1 Verificar que el fitxer seleccionat eacutes el que apareix al quadre de text i que la
seva extensioacute coincideix amb la que hi ha seleccionada a ldquoTipus de fitxerrdquo
2 Fer clic a ldquoOKrdquo
Un cop acabades totes les associacions el resultat de les associacions afegides a la
pantalla principal ha de ser el seguumlent
1 Fer clic a ldquoAplicarrdquo a lrsquoapartat ldquomultiidiomardquo
1
2
45
1
46
Es recarregaragrave la pantalla
1 Fer clic a ldquoOKrdquo al nivell general
Ja tenim configurat el canal que mostraragrave ldquoLlistat de tragravemitsrdquo amb els fitxers associats
que fa referegravencia a la forma de presentacioacute que farem servir aquest mateix canal
mostraragrave el detall del contingut tragravemit amb el format detall
32 Creacioacute i assignacioacute de plantilles de presentacioacute per al
canal ldquoCanal Llistat tragravemitsrdquo
321 Creacioacute de les plantilles (templates) de VCM
La configuracioacute del canal de VCM per mostrar els llistats de tragravemits i el seu detall es
basen en tres plantilles una per llistar el tragravemits (format default) una per mostrar el
detall i el pas a pas drsquoun tragravemit (format detall) i una altra per mostrar la normativa
aplicable drsquoun tragravemit (format detall2)
A continuacioacute srsquoexplica com es creen les plantilles de presentacioacute
(Presentation Templates) necessagraveries per configurar els tragravemits Els
responsables de cada site srsquohan de crear les seves progravepies plantilles
Cal tenir en compte que les plantilles que apareixen en el document soacuten nomeacutes un
exemple drsquouna configuracioacute vagravelida En els casos pragravectics cal seleccionar les plantilles
que pertanyen a cada portal io que tingui cada usuari en els seus recursos
En el nostre cas es fan servir les plantilles ldquoGridB2LlistatTramitsrdquo ldquoGridBTramitrdquo i
ldquoGridBTramitNormativaSacrdquo
1
47
Per la creacioacute de la plantilla srsquohan de seguir els passos seguumlents
1 Accedir al ldquoBanc de Treballrdquo
2 Accedir a ldquoPresentation Templatesrdquo
3 Accedir a la carpeta de presentacions del nostre site en aquest exemple
ldquogenegravericrdquo
1
2
48
Un cop som al llistat de plantilles del nostre site cal fer el seguumlent
1 Seleccionar el signe ldquo+rdquo
2 Seleccionar Forma de Presentation Template
En realitzar aquesta accioacute srsquoobriragrave la finestra drsquoedicioacute o creacioacute de la Presentation
Template Srsquohan de crear dos plantilles noves amb les dades seguumlents
1 Plantilla per al llistat de tragravemits
a Nom cal posar un nom identificatiu de la plantilla per exemple
GenericoGridB2LlistatTramit
b Tipus de plantilla Portal Page
c VAPVCM Portal defaultgeneric (cal posar el nom del portal VAP)
d Element del menuacute de VAP FW_NavItem_GRIDB2
3
1
2
49
e Canal VCM per defecte
Tot seguit cal fer clic a ldquoOKrdquo
Per a la configuracioacute de la plantilla per al llistat de tragravemits es pot fer servir un
NavItem que utilitzi una grid amb destacats a la dreta per exemple la GRID B2 del
Site Genegraveric o beacute un Navitem sense destacats (el FW_NavItem_GRIDB creat
anteriorment)
El NavItem ha de disposar drsquoun portlet a la part central a nivell de Page per
configurar el llistat de tragravemits
f
50
2 Crear una nova Presentation Template per al detall de tragravemits i el pas a
pas
a Nom cal posar un nom identificatiu de la plantilla com per exemple
GenericoGridBTramit
b Tipus de plantilla Portal Page
c VAPVCM Portal defaultgeneric
d Element del menuacute de VAP FW_NavItem_GRIDB
e Canal VCM per defecte
Finalment cal fer clic a ldquoOKrdquo
Per configurar la plantilla per al detall dels tragravemits i el pas a pas srsquoha de fer servir un
NavItem que utilitzi una grid sense destacats a la dreta per exemple la GRID B del
site Genegraveric
El NavItem ha de disposar de dos portlets a la part central a nivell de Page per
configurar el llistat de tragravemits
Tot seguit cal crear una nova Presentation Template per al detall de tragravemits i el pas a
pas
a Nom cal posar un nom identificatiu de la plantilla per exemple
GenericoGridBTramitNormativaSac
f
51
b Tipus de plantilla Portal Page
c VAPVCM Portal defaultgeneric
d Element del menuacute de VAP FW_NavItem_GRIDB
e Canal VCM per defecte
Finalment cal fer clic a ldquoOKrdquo
322 Configuracioacute de la plantilla al canal
Les Presentation Templates que configurarem a continuacioacute soacuten drsquoexemple
Els responsables de cada site han de crear les seves progravepies plantilles
Un cop creat el canal i les Presentation Templates en configurarem la presentacioacute
1 Seleccionarem la casella de seleccioacute del canal que acabem de crear
2 Farem clic a la icona de propietats del canal
3 Navegarem a la pestanya ldquoPresentacioacuterdquo
52
Ens apareixeragrave un formulari com el que es mostra a continuacioacute i realitzarem les
accions seguumlents
1 Fer clic a ldquoAfegir presentacioacute de canalrdquo
1
2
3
53
Apareixeragrave la pantalla seguumlent amb lrsquoobjectiu de seleccionar una plantilla en el nostre
cas farem el seguumlent
1 Seleccionar el projecte de plantilles respectiu al portal A lrsquoexemple ldquogenericrdquo
Posteriorment apareixeragrave un llistat de plantilles (ldquoTemplatesrdquo)
1 En aquest cas seleccionarem ldquoGridB2LlistatTramitsrdquo
2 Acceptarem la seleccioacute ldquoOKrdquo
1
1
54
1
2
55
Un cop acceptat ens apareixeragrave la pantalla seguumlent on configurarem el ldquodetallrdquo Per a
aixograve cal fer el seguumlent
1 Fer clic a ldquoAssignar una Nova Plantilla de Presentacioacuterdquo
1
56
Tot seguit apareixeragrave la pantalla que es mostra a continuacioacute on realitzarem les
accions seguumlents
1 Fer clic a ldquoAfegir formatrdquo
En aquesta nova pantalla ens assegurarem del seguumlent
1 A la casella ldquoFormatrdquo hi ha el valor ldquodetallrdquo
2 A la casella ldquoTemplaterdquo hi ha drsquohaver el correcte Si no eacutes aixiacute srsquoha de fer clic a
ldquoNavegadorrdquo
En fer clic a ldquoNavegadorrdquo cal fer el seguumlent
1 Tornar a navegar fins a ldquogenericrdquo
1
1 2
57
1
58
I a la pantalla seguumlent cal seleccionar una plantilla i
1 Fer clic al botoacute a prop de ldquoGridBTramitrdquo
2 Fer clic a ldquoOKrdquo
1
2
59
En aquest moment es torna a la pantalla anterior i cal
1 Fer clic a ldquoOKrdquo
En el canal Llistat de tragravemits ha drsquoestar configurat el ldquoformatrdquo ldquodetallrdquo ja que la forma
de presentacioacute que configurarem a GridDBTramit necessitaragrave aquest format per
visualitzar el detall del contingut de tipus ldquoTragravemitrdquo
2
60
La pantalla anterior a aquesta ens ha de presentar aquesta informacioacute Ara
configurarem el ldquodetall2rdquo per presentar el contingut rdquo Normativa de SACrdquo Per a aixograve
cal fer el seguumlent
1 Fer clic a ldquoAfegir Formatrdquo
En aquesta nova pantalla ens assegurarem del seguumlent
1 A la casella ldquoFormatrdquo hi ha el valor ldquodetall2rdquo
1
61
2 A la casella ldquoTemplaterdquo hi ha drsquohaver el correcte Si no eacutes aixiacute srsquoha de fer clic a
ldquoNavegadorrdquo
En fer clic a ldquoNavegadorrdquo srsquoha de fer el seguumlent
1 Tornar a navegar fins a ldquogenericrdquo (srsquoha de substituir pel nom del portal)
1 2
62
1
63
A la pantalla seguumlent cal seleccionar una plantilla i
1 Fer clic al botoacute a prop de ldquoGridBTramitNormativaSacrdquo
2 Fer clic a ldquoOKrdquo
1
2
64
En aquest moment es torna a la pantalla anterior i cal fer el seguumlent
2 Fer clic a ldquoOKrdquo
En el canal Llistat de tragravemits ha drsquoestar configurat el ldquoformatrdquo ldquodetall2rdquo ja que la
forma de presentacioacute que configurarem a GridDBTramitNormativaSac necessitaragrave
aquest format per visualitzar el detall del contingut de tipus normativa ldquoSACrdquo
2
65
La pantalla anterior a aquesta ens ha de presentar aquesta informacioacute i srsquoha de fer el
seguumlent
2 Fer clic a ldquoOKrdquo
1
66
La finestra pare anterior a aquesta quedaragrave com es mostra tot seguit i realitzarem les
accions seguumlents
1 Fer clic a ldquoOKrdquo
4 Comparticioacute de continguts
Accedim al projecte on hi ha tots els tragravemits de lrsquoOVT
1
67
OVTDepartaments[NomCurtDepartaments][NomCurtOrganisme] TramitOVT
On NomCurtDepartaments correspon al nom curt del departament al que fa referencia
el nostre organisme
En aquest exemple es mostren tots els projectes de tragravemits de lrsquoOVT
Un cop localitzat el tragravemit de lrsquoOVT que volem compartir amb el nostre site accedirem
a lrsquoedicioacute del contingut i assignarem aquest contingut al canal del nostre site on es
vulgui mostrar Srsquoha de fer el seguumlent
1 Anar al contenidor de projectes on hi ha els continguts de GECO
Apareixeragrave lrsquoestructura de projectes a la qual teacute acceacutes lrsquousuari redactor Cal fer el
seguumlent (exemple Agegravencia Tributagraveria dins drsquoEconomia i Finances)
1 Seleccionar ldquoOVTrdquo
2 Seleccionar ldquoDepartamentsrdquo aquesta carpeta conteacute tots els tragravemits de lrsquoOVT
classificats per departaments
3 Seleccionar ldquoECOrdquo A lrsquousuari nomeacutes se li mostraragrave la carpeta del seu
departament
Si lrsquousuari no visualitza la carpeta dins del seu departament eacutes perquegrave no
srsquoha aplicat la poliacutetica de seguretat correctament Cal obrir un tiquet a Suport
gencat per tramitar aquests permisos AQUESTA CARPETA NOMEacuteS SERAgrave
VISIBLE PER ALS USUARIS AMB ROL REDACTOR
4 Seleccionar ldquoA_Agegravencia Tributagraveriardquo
5 Seleccionar ldquoTramitOVTrdquo
1
68
2
3
1
69
4
5
70
Apareixeragrave el llistat de continguts ldquoTragravemitOVTrdquo de lrsquoOVT de lrsquoAgegravencia Tributagraveria
Realitzarem les accions seguumlents
1 Seleccionar el tragravemit o els tragravemits que volem compartir en la web dorganisme
2 Fer clic a ldquoAssociarrdquo
2
1
71
Aquest proceacutes obriragrave una finestra Per seleccionar el site i canal on es volen mostrar
els tragravemits seleccionats realitzarem les accions seguumlents (cas site Generic)
1 Seleccionar el site ldquoGenericrdquo en el vostre cas el site del departament on es vol
mostrar el contingut ldquotragravemitrdquo
2 Navegar pels canals del Site Genegraveric fins al canal que srsquoha creat en el punt
ldquoLlistat de tragravemitsrdquo i seleccionar el quadre de verificacioacute
3 Fer clic a ldquoOKrdquo
1
72
2
3
73
41 Validar que la comparticioacute de continguts eacutes correcta
Accedim per VCM al canal que hem creat anteriorment al qual li acabem drsquoassignar
els continguts de tragravemits que ha de mostrar i fem el seguumlent
1 Anar al contenidor de portals
2 Seleccionar el Site ldquogenericrdquo
3 Seleccionar el canal ldquoHomerdquo
4 Seleccionar el canal ldquoCanal Llistat tragravemitsrdquo
1
2
3
74
4
75
Apareixeragrave el contingut assignat al canal ldquoCanal Llistat tragravemitsrdquo
En entrar trobarem el llistat seguumlent
1 Llistat del tragravemits de lrsquoOVT que srsquohan compartit amb el canal ldquoCanal Llistat
tragravemitsrdquo
2 Validar que els continguts que apareixen soacuten del tipus ldquoTramitOVTrdquo
En cas que al canal del site ldquoCanal Llistat tragravemitsrdquo no apareguin els continguts
tragravemits associats anteriorment cal repetir el pas 22
1 2
76
5 Configuracioacute al portal
Ara cal entrar al nostre site on tenim configurat el canal que hem creat en lrsquoapartat
anterior (21) i que ara configurarem a nivell de portal
51 Configuracioacute a Canal Llistat tragravemits
511 Configuracioacute de la llista de tragravemits
Farem clic a lrsquoenllaccedil ldquoCanal llistat tragravemitsrdquo de la ldquoHomerdquo i anirem a parar a una
pantalla com la que es mostra meacutes avall
Es pot apreciar que en el contingut de la pagravegina no hi ha res Aixograve eacutes perquegrave cal
configurar els portlets adequats ( )
1 Ens situarem sobre la icona ldquoOpcions de Pagraveginardquo
2 Seleccionarem ldquoObrir Plantillardquo ja que els portlets soacuten a nivell de Page
Ens apareixeragrave una pantalla com la que es mostra tot seguit i realitzarem les accions
seguumlents
1 Seleccionar el portlet de la part central de la pagravegina per configurar una ldquoLlista
automagravetica de contingutsrdquo
2
1
77
Tambeacute podem configurar una ldquoLlista manual de contingutsrdquo segons les
necessitats de cada usuari
78
Ens redirigiragrave cap a un formulari drsquoedicioacute que ens mostraragrave directament quina consulta
hem de configurar per mostrar els continguts i configurarem una consulta com la
seguumlent (evidentment segons les necessitats de cada usuari)
Ara tenim configurat que la pagravegina mostraragrave els tipus de contingut ldquoTramitOVTrdquo del
canal actual ordenats per la ldquoEacutes on-linerdquo en ordre descendent
Aixograve ens portaragrave a la pantalla principal on acabarem de completar la configuracioacute
1 Validar que en lrsquoapartat ldquoConsultardquo hi ha la configuracioacute que acabem drsquoafegir
2 Emplenar ldquoAgraveliesrdquo
3 En lrsquoapartat Forma de presentacioacute fer clic al botoacute ldquoCercar helliprdquo
79
Ens apareixeragrave la pantalla seguumlent
1 Fer clic a ldquoNavegacioacute per projectesrdquo
1
2
3
80
Ens canviaragrave la vista al format seguumlent
1 Navegarem per les carpetes fins a arribar a ldquoFramework Formes de
presentacioacute Site generic fw_fp_llistatramitsrdquo
2 Seleccionarem ldquofw_fp_llistatramitsrdquo
3 Farem clic a ldquoOKrdquo
1
1
81
En retornar a la pantalla principal cal
1 Validar que la forma de presentacioacute eacutes la que acabem de seleccionar
2 Fer clic a ldquoOKrdquo
1 (continuacioacute) 2
3
82
1
2
83
Aquest seragrave el nostre resultat a la pantalla del portal i cal fer el seguumlent
1 Verificar que apareixen els dos continguts que es van associar a aquest canal
1
84
512 Configuracioacute del detall del tragravemit i el pas a pas
En fer clic sobre una activitat veurem com ens redirigeix a la plantilla configurada al
ldquodetallrdquo drsquoaquesta pagravegina tal com la vam configurar en lrsquoapartat 231 cal fer el
seguumlent
1 Fer clic a la primera activitat
1
85
Ens sortiragrave la pagravegina de VAP del detall drsquoun contingut per configurar farem els
passos seguumlents
1 Ens situarem sobre la icona ldquoOpcions de Pagraveginardquo
2 Seleccionar ldquoObrir Plantillardquo ja que els portlets soacuten a nivell de Page
Ens apareixeragrave una pantalla com la que es mostra tot seguit i realitzarem les accions
seguumlents
1 Seleccionar el portlet de la part central de la pagravegina per configurar un ldquoDetall
de contingutrdquo i fer clic a ldquoEditarrdquo
Ens apareixeragrave la pantalla de seleccioacute de component de presentacioacute
1 Seleccionarem el component de presentacioacute ldquoDetall de contingutrdquo
1
2
1
86
Ens apareixeragrave la pantalla que es mostra tot seguit i realitzarem les accions seguumlents
1 Emplenar el camp ldquoAgraveliesrdquo
2 Canviar a la pestanya ldquoPresentacioacuterdquo
En fer clic a la pestanya obtindrem la imatge que es mostra tot seguit i realitzarem les
accions seguumlents
1 Cercarem una forma de presentacioacute fent clic a ldquoCercar helliprdquo
1
2
87
Quan aparegui la pantalla de cercador realitzarem una cerca de la forma de
presentacioacute que volem fer servir per a aixograve cal fer el seguumlent
1 Emplenar la caixa de text amb ldquofw_fp_tramitrdquo
2 Preacutemer ldquoCercarrdquo
3 Seleccionar la forma de presentacioacute de la caixa de resultats
4 Preacutemer ldquoOKrdquo
La forma de presentacioacute ldquofw_fp_tramitrdquo estagrave preparada per ldquomaquillarrdquo el contingut
dels tragravemits Tambeacute es pot fer servir una forma de presentacioacute personalitzada
segons es cregui convenient
1
1
2
3
4
88
En acabar tornarem a la pagravegina principal drsquoedicioacute i farem el seguumlent
1 Verificar que la forma de presentacioacute eacutes la que hem escollit
2 Fer clic a ldquoOKrdquo
En finalitzar la configuracioacute del component de presentacioacute tornem a la pantalla del
portal i cal fer el seguumlent
1 Verificar que el disseny de la presentacioacute eacutes semblant al seguumlent
1
2
89
Configurarem el portlet superior central de la pagravegina perquegrave aquesta contingui el fil
drsquoAriadna
1 Accedir a ldquoObrir Plantillardquo
1 Editar el portlet central que hi ha a sobre del detall de tragravemit per configurar el fil
drsquoAriadna En aquest exemple el portlet eacutes ldquoFW_hilo_ariadnardquo
Escollirem el component de presentacioacute
1 Seleccionar el component de presentacioacute ldquoFil drsquoAriadnardquo
1
1
90
En la configuracioacute del component realitzarem les accions seguumlents
1 Inserir el camp ldquoAgraveliesrdquo
2 Inserir el camp ldquoCanalrdquo
3 Fer clic a la pestanya ldquoPresentacioacuterdquo i cercar la forma de presentacioacute
ldquofw_fp_filariadnardquo
1
91
513 Configuracioacute del detall drsquouna normativa SAC
En el detall de contingut configurat en el punt anterior fent clic sobre una normativa
veurem com ens redirigeix a la plantilla configurada al ldquodetall2rdquo drsquoaquesta pagravegina tal
com hem configurat a lrsquoapartat 231
1 Fer clic a la primera ldquoNormativa Aplicablerdquo
2
3
92
Aquest enllaccedil ens portaragrave al detall2 del canal on srsquoha de configurar el detall de
contingut SAC per tal que es mostri la normativa aplicable
Configurarem el portlet superior central de la pagravegina perquegrave aquesta contingui el fil
drsquoAriadna per a aixograve cal fer el seguumlent
1 Accedir a ldquoObrir Plantillardquo
1
93
1
94
1 Editar el portlet central que hi ha a sobre del detall de tragravemit per configurar el fil
drsquoAriadna En aquest exemple el portlet eacutes ldquofw_portlet_tramitrdquo
Escollirem el component de presentacioacute
1 Seleccionar el component de presentacioacute ldquoDetall de Contingut SACrdquo
En la configuracioacute del component realitzarem les accions seguumlents
1 Inserir el camp ldquoAgraveliesrdquo
2 Seleccionar el tipus de contingut ldquoDetall Tragravemitrdquo
1
95
3 Fer clic a la pestanya ldquoPresentacioacuterdquo i cercar la forma de presentacioacute
ldquofw_fp_sac_normativardquo
4 Fer clic al botoacute ldquoOKrdquo
Srsquoactualitzaragrave la pagravegina de VAP i es mostraragrave el detall de SAC
1
2
3
4
96
514 Validacioacute final de VAP
Finalment cal validar que els tragravemits es visualitzen correctament per a aixograve cal
1 Verificar que tenim els canals creats
2 Accedir al canal ldquoCanal Llistat tragravemitsrdquo i validar que es mostren els tragravemits
que hem associat al punt 22
1
97
A continuacioacute cal fer les comprovacions seguumlents
1 Accedir al detall del tragravemit compartit
2 Accedir al pas a pas del tragravemit i a la normativa de SAC
Exemple llistat de tragravemits compartits
2
1
98
Exemple detall de tragravemit compartit
Exemple pas a pas drsquoun tragravemit
2
2
99
Exemple normativa SAC
En el cas que no es visualitzin el llistat de tragravemits detall o pas a pas configurat
validar
1 Refrescar la Pagravegina
2 Els tragravemits estan associats al canal que esteacuten visualitzat punt 23
1 Refrescar la pagravegina
1
3
Iacutendex de contingut
1 INTRODUCCIOacute 4
2 CONFIGURACIOacute DE LrsquoADMINISTRACIOacute DE VAP 5
21 CREAR LA PAgraveGINA DE LLISTAT DE TRAgraveMITS 6
211 Crear NavItem del llistat Tragravemits 17
22 CREAR PAgraveGINA DE DETALL DE TRAgraveMITS I NORMATIVA SAC 21
221 Crear NavItem de detall de tragravemits i normativa SAC 33
3 CONFIGURACIOacute DE LrsquoADMINISTRACIOacute DE VCM 37
31 CREACIOacute DEL CANAL ldquoLLISTAT TRAgraveMITSrdquo 37
311 Associacioacute de fitxers a la presentacioacute drsquoun canal 38
32 CREACIOacute I ASSIGNACIOacute DE PLANTILLES DE PRESENTACIOacute PER AL CANAL ldquoCANAL LLISTAT
TRAgraveMITSrdquo 46
321 Creacioacute de les plantilles (templates) de VCM 46
322 Configuracioacute de la plantilla al canal 51
4 COMPARTICIOacute DE CONTINGUTS 66
41 VALIDAR QUE LA COMPARTICIOacute DE CONTINGUTS EacuteS CORRECTA 73
5 CONFIGURACIOacute AL PORTAL 76
51 CONFIGURACIOacute A CANAL LLISTAT TRAgraveMITS 76
511 Configuracioacute de la llista de tragravemits 76
512 Configuracioacute del detall del tragravemit i el pas a pas 84
513 Configuracioacute del detall drsquouna normativa SAC 91
514 Validacioacute final de VAP 96
4
1 Introduccioacute
Aquest document eacutes una guia pragravectica que recull tot el necessari per compartir els
continguts de tipus ldquoTragravemitsOVTrdquo de lrsquoOVT en una web dorganisme i per a la seva
visualitzacioacute posterior
Tota la integracioacute (formes de presentacioacute components de presentacioacute) es fa amb
peces de genegraveric
El document es divideix en dues parts
1 Continguts a VCM en aquest apartat es veuragrave tot el que estagrave relacionat amb
VCM i aixograve implica la configuracioacute de projectes i canals Respecte als
projectes veurem com i on es poden crear estructures on organitzarem els
continguts que es volen presentar en el portal Per dur a terme aquesta tasca
crearem canals on associarem els continguts i els configurarem amb plantilles
(templates) i fitxers associats per poder continuar la configuracioacute a nivell de
portal
2 Configuracioacute del portal en aquest apartat configurarem les plantilles de
lrsquoapartat anterior a nivell de presentacioacute eacutes a dir configurarem els portlets amb
certs components de presentacioacute per llistar ldquotragravemitsrdquo el detall i el pas a pas de
cadascun dels
3 Comparticioacute dels continguts en aquest apartat es fa referegravencia a la manera
de compartir continguts amb portals
Atencioacute
Els projectes sites i plantilles que es fan servir soacuten nomeacutes un exemple per
fer un circuit plenament funcional Cada usuari ha de tenir clar quins soacuten els
seus projectes sites i plantilles per realitzar les seves progravepies
configuracions
En el document srsquoaniran indicant a mode de recordatori aquestes pautes i
altres accions que soacuten obligatograveries
El model presentat eacutes compatible amb les plantiles GridA GridB GridB2
GridC GridD i GridD2 El model del detall de tragravemit nomeacutes eacutes compatible
ambgrids sense destacats (GridB GridD)
5
2 Configuracioacute de lrsquoadministracioacute de VAP
A continuacioacute explicarem la configuracioacute que srsquoha de realitzar a VAP perquegrave es puguin
visualitzar el tragravemits en un portal diferent de lrsquoOVT utilitzant els recursos del Site
Genegraveric Tot seguit indicarem com es crea una pagravegina i un element de navegacioacute per
poder configurar els canals de VCM meacutes endavant
Atencioacute
En lrsquoexemple es presenta la creacioacute de la Page NavItem utilitzant la Graella i
tema de Genegraveric Cada site srsquoha de crear el seu propi NavItem depenent de
les caracteriacutestiques del seu site
El Llistat de tragravemits es pot configurar amb una graella amb destacats a la
dreta o sense
La configuracioacute del detall dels tragravemits el pas a pas del tragravemit i la normativa
aplicable srsquoha de fer amb una graella sense destacats a la dreta per tal que
la visualitzacioacute sigui correcta
En aquesta primera part es crearan dos Navigation Item que srsquoencarregaran de
mostrar un llistat de tragravemits i les modalitats del detall Lrsquoexemple mostraragrave la
configuracioacute drsquoun MenuItem VAP amb destacats (Llistat de tragravemits) i un sense
destacats (Detall) Si no es fan servir destacats es pot saltar lrsquoapartat 21 i seguir
directament a lrsquoapartat 22 (creacioacute de la pagravegina de detall)
6
21 Crear la pagravegina de llistat de tragravemits
Dins del gestor de portals (VAP) realitzarem les tasques seguumlents
1 Accedir a la consola de ldquoVAPrdquo del nostre site
2 Seleccionar ldquoComponentsrdquo
3 Seleccionar ldquoPagesrdquo
4 Seleccionar ldquoLlistat de Pagraveginesrdquo
5 Fer clic a ldquoCrear Pagraveginardquo
Srsquoobriragrave un formulari per donar drsquoalta una nova pagravegina Cal fer el seguumlent
1
2
3
4
5
7
1 Introduir el nom de la pagravegina per exemple FW_Pagina_Grid_Tramits_B2
2 Seleccionar ldquoEnllaccedil de Navegacioacuterdquo
3 Fer clic a ldquoCrear Pagraveginardquo
Sersquons mostraragrave la pantalla seguumlent on cal
1 Seleccionar ldquoVisualitzacioacuterdquo
Apareix la pantalla seguumlent on cal
1 Seleccionar ldquo1 columnardquo
2 Fer clic a ldquoActualitzarrdquo
3 Seleccionar ldquoColmiddotlocacioacute de Portletrdquo
1
3
2
1
8
Sersquons mostraragrave la pantalla seguumlent on cal
1 Fer clic a ldquoAfegir Portletsrdquo
Ens mostraragrave la pantalla seguumlent on cal
1 Seleccionar ldquoCrear i afegir nous Portletsrdquo
1
2
3
1
9
Ens mostraragrave la pantalla seguumlent on cal
1 Seleccionar ldquoContent Publish Portlet 20rdquo
2 Fer clic a ldquoCrear Seleccionatsrdquo
3 Fer clic a ldquoTancarrdquo
Es poden afegir tants portlets com es vulgui a la pagravegina i com a miacutenim un
per configurar el llistat de tragravemits
1
10
1
2
3
11
La pagravegina srsquohauragrave actualitzat amb els portlets que srsquohan creat tot seguit cal fer el
seguumlent
1 Fer clic al tiacutetol del portlet
1
12
Srsquoha de configurar el tipus de portlet per al llistat Tragravemit per a aixograve cal
1 Posar un nom al portlet
2 Posar el nivell Template
3 Seleccionar que pot ser un Llista Manual o Automagravetica de continguts
4 Posar en ldquoJSP Override URLrdquo la ruta ldquovgn-ext-templatingviewsindexControladorjsprdquo
5 Fer clic a ldquoSaverdquo
1
2
3
3
5
4
vgn-ext-templatingviewsindexControladorjsp
13
Srsquohan de configurar permisos del portlet per al llistat Tragravemit per a aixograve cal
1 Seleccionar ldquoPermisosrdquo
2 Seleccionar els grups que es volen autoritzar
3 Fer clic a ldquoActualitzarrdquo
1
2
3
14
Srsquohan de configurar les dades bagravesiques del portlet per fer-ho cal
1 Seleccionar ldquoBagravesicsrdquo
2 Posar el nom del portlet
3 Desmarcar el quadre de verificacioacute ldquoMostra el cromrdquo
4 Fer clic a ldquoActualitzarrdquo
1
2
3
4
15
1 Tot seguit cal validar que la pagravegina srsquoha creat correctament
2 Srsquoha de fer clic al nom de la pagravegina
1
2
16
1 Bloquejar la pagravegina
2 Fer clic a ldquoActualitzar Opcionsrdquo
1
2
17
211 Crear NavItem del llistat Tragravemits
A partir de la consola de VAP farem les tasques seguumlents per crear el NavItem
1 Anar a lrsquoopcioacute del menuacute ldquoArbre de Navegacioacuterdquo
2 Fer clic a ldquoCrear Element de Navegacioacuterdquo
1
2
18
Per crear lrsquoelement de navegacioacute realitzarem les tasques seguumlents
1 Posar el nom al NavItem rdquoFW_NavItem_GRIDB2rdquo
2 Seleccionar ldquoEnllaccedilar ardquo i seleccionar la pagravegina que acabem de crear
3 Seleccionar el tema ldquoFW_Temardquo
4 Seleccionar la graella ldquoFW_Grid_B2rdquo
5 Fer clic a ldquoCrearrdquo
1
2
3
4
5
19
Quan seleccionem ldquoEnllaccedilar ardquo i triem la pagravegina que acabem de crear srsquoobriragrave la
finestra seguumlent per a aixograve cal
1 Cercar la pagravegina que hem creat en el pas anterior
2 Marcar el quadre de verificacioacute de la pagravegina
3 Fer clic a ldquoOKrdquo
Quan seleccionem el tema srsquoobriragrave la finestra seguumlent per a aixograve cal fer el seguumlent
1 Seleccionar el quadre de verificacioacute del tema que farem servir al nostre site per
a aquest exemple fem servir el tema del Site Genegraveric
2 Fer clic a ldquoSalvarrdquo
Quan seleccionem la graella srsquoobriragrave la finestra seguumlent per a aixograve cal
3 Seleccionar la graella que utilitzarem al nostre site per a aquest exemple farem
servir la Graella FW_Grid_B2 que teacute destacats a la dreta del Site Genegraveric
1
1
2
3
2
20
4 Fer clic a ldquoSalvarrdquo
1
2
21
22 Crear pagravegina de detall de tragravemits i normativa SAC
Dins del gestor de portals (VAP) realitzarem les tasques seguumlents
1 Accedir a la consola de ldquoVAPrdquo del nostre site
2 Seleccionar ldquoComponentsrdquo
3 Seleccionar ldquoPagesrdquo
4 Seleccionar ldquoLlistat de Pagraveginesrdquo
5 Fer clic a ldquoCrear Pagraveginardquo
1
2
3
4
5
22
Srsquoobriragrave un formulari per donar drsquoalta una nova pagravegina Aquiacute cal
4 Introduir el nom de la pagravegina FW_Pagina_Grid_Tramits_SAC_Detall_B
5 Seleccionar ldquoEnllaccedil de Navegacioacuterdquo
6 Fer clic a ldquoCrear Pagraveginardquo
Sersquons mostraragrave la pantalla seguumlent on cal
1 Seleccionar ldquoVisualitzacioacuterdquo
1
3
2
1
23
Sersquons mostraragrave la pantalla seguumlent on cal
4 Seleccionar ldquo1 columnardquo
5 Fer clic a ldquoActualitzarrdquo
6 Seleccionar ldquoColmiddotlocacioacute de Portletrdquo
1
2
3
24
Sersquons mostraragrave la pantalla seguumlent on cal
2 Fer clic a ldquoAfegir Portletsrdquo
Sersquons mostraragrave la pantalla seguumlent on cal
2 Seleccionar ldquoCrear i afegir nous Portletsrdquo
1
25
Sersquons mostraragrave la pantalla seguumlent on cal
4 Seleccionar ldquoContent Publish Portlet 20rdquo
5 Fer clic a ldquoCrear Seleccionatsrdquo
6 Fer clic a ldquoTancarrdquo
Es poden afegir tants portlets com es vulgui a la pagravegina i com a miacutenim un
per configurar el llistat de tragravemits
1
26
1
2
3
27
La pagravegina srsquohauragrave actualitzat amb els portlets que srsquohan creat tot seguit cal fer el
seguumlent
2 Fer clic al tiacutetol del portlet
1
28
Srsquoha de configurar el tipus de portlet per al llistat Tragravemit per a aixograve cal
Posar un nom al portlet
1 Posar si eacutes a nivell de Page o Template
2 Seleccionar que pot ser un Detall de contingut i Detall de contingut SAC
3 Posar en ldquoJSP Override URLrdquo la ruta ldquovgn-ext-templatingviewsindexControladorjsprdquo
4 Fer clic a ldquoSaverdquo
1
2
3
3
5
4
vgn-ext-templatingviewsindexControladorjsp
29
Srsquohan de configurar permisos del portlet per al detall del tragravemit i la normativa SAC per
a aixograve cal
4 Seleccionar ldquoPermisosrdquo
5 Seleccionar els grups que es volen autoritzar
6 Fer clic a ldquoActualitzarrdquo
1
2
3
30
Tot seguit srsquohan de configurar les dades bagravesiques del portlet per a aixograve srsquoha de fer el
seguumlent
1 Seleccionar ldquoBagravesicsrdquo
2 Posar el nom del portlet ldquofw_portlet_tramit_sac_detallrdquo
3 Desmarcar el quadre de verificacioacute ldquoMostra el cromrdquo
4 Fer clic a ldquoActualitzarrdquo
1
2
3
4
31
Despreacutes cal validar que la pagravegina srsquoha creat correctament per a aixograve cal fer el
seguumlent
1 Seleccionar ldquoLlista Pagraveginardquo
2 Fer clic al nom de la pagravegina
1
2
32
Per bloquejar la pagravegina cal fer el seguumlent
1 Seleccionar la casella de verificacioacute ldquoPagravegina Bloquejadardquo
2 Fer clic a ldquoActualitzar Opcionsrdquo
1
2
33
221 Crear NavItem de detall de tragravemits i normativa SAC
A partir de la consola de VAP farem les tasques seguumlents per crear el NavItem
1 Anar a lrsquoopcioacute del menuacute ldquoArbre de Navegacioacuterdquo
2 Fer clic a ldquoCrear Element de Navegacioacuterdquo
1
2
34
Per crear lrsquoelement de Navegacioacute realitzarem les tasques seguumlents
1 Posar el nom al NavItem rdquoFW_NavItem_GRIDBrdquo
2 Seleccionar ldquoEnllaccedilar ardquo i seleccionar la pagravegina que acabem de crear
3 Seleccionar el tema ldquoFW_Temardquo
4 Seleccionar la graella ldquoFW_Grid_Brdquo sense destacats a la dreta per
visualitzar correctament el detall de tragravemits el pas a pas i la normativa SAC
5 Fer clic a ldquoCrearrdquo
1
2
3
4
5
35
Quan seleccionem ldquoEnllaccedilar ardquo i seleccionem la pagravegina que acabem de crear srsquoobriragrave
la finestra seguumlent aquiacute cal
1 Cercar la pagravegina que hem creat en el pas anterior
2 Seleccionar la casella de verificacioacute de la pagravegina
3 Fer clic a ldquoOKrdquo
Quan fem seleccionem el tema srsquoobriragrave la seguumlent finestra per a aixograve cal
1 Seleccionar la casella de verificacioacute del tema que utilitzarem al nostre site per
a aquest exemple farem servir el tema del Site Genegraveric
2 Fer clic a ldquoSalvarrdquo
1
1
2
3
2
36
Quan seleccionem la graella srsquoobriragrave la finestra seguumlent aquiacute cal
1 Seleccionar la graella que utilitzarem al nostre site per a aquest exemple farem
servir la Graella FW_Grid_B sense destacats a la dreta del Site Genegraveric Per
tal de visualitzar correctament el detall del tragravemit el pas a pas i la normativa
SAC eacutes imprescindible que la graella tingui una uacutenica columna de continguts
2 Fer clic a ldquoSalvarrdquo
1
2
37
3 Configuracioacute de lrsquoadministracioacute de VCM
31 Creacioacute del canal ldquoLlistat tragravemitsrdquo
Dins del gestor de continguts realitzarem les tasques seguumlents
1 Accedir a ldquoPortalsrdquo
2 Navegar fins al ldquoPortalrdquo on volem configurar el llistat de continguts
3 Seleccionar ldquoHomerdquo
4 Posicionar-se sobre la creu verda i seleccionar ldquoCanalrdquo
a Emplenar la informacioacute i fer clic a ldquoOKrdquo
b Assegurar-se que el canal eacutes ldquoActiurdquo
1
2
3
38
311 Associacioacute de fitxers a la presentacioacute drsquoun canal
Ara srsquohan drsquoassociar els fitxers estagravetics adequats a la presentacioacute del canal perquegrave les
formes de presentacioacute posteriors trobin els estils i els Javascript corresponents
Per a aixograve cal entrar a les propietats del canal ldquoCanal Llistat tragravemitsrdquo i
1 Seleccionar el canal ldquoCanal Llistat tragravemitsrdquo
4
4a
4b
39
1
40
En entrar trobarem el llistat seguumlent on cal
1 Fer clic a ldquoCanal Llistat tragravemitsrdquo
2 Aquest eacutes un contingut del tipus Canals (cal fixar-se que no eacutes com lrsquoanterior)
Es mostraragrave la pantalla seguumlent on afegirem els fitxers relacionats amb el canal per a
cada idioma aquiacute cal
1 Emplenar els camps requerits per crear una pestanya del multiidioma
2 Desplaccedilar-se cap avall en lrsquoapartat ldquomultiidiomardquo fins a observar lrsquoapartat
drsquoassociacioacute de fitxers
3 Fer clic a ldquoAfegirrdquo
En aquest moment apareixeragrave la pantalla seguumlent
1 Si voleu afegir un fitxer amb extensioacute css cal deixar el camp ldquoTipus de fitxerrdquo
amb valor ldquocssrdquo Si voleu afegir un fitxer que teacute extensioacute js srsquoha de canviar el
camp ldquoTipus de fitxerrdquo al valor ldquojsrdquo
2 Fer clic a ldquoNavegadorrdquo
1
2 1 3
2
41
Apareixeragrave la pantalla de navegacioacute de continguts i anirem cercant els fitxers estagravetics
que associarem aquiacute cal
1 Fer clic a ldquoFrameworkrdquo
2 Fer clic a ldquoestilos y scriptsrdquo
3 Fer clic a ldquoNuevos Estilos imagenes y jsrdquo
4 Fer clic a ldquoGlobalsrdquo
2 1
42
43
44
Una vegada se nrsquohagin seleccionat tornarem a la pantalla anterior i farem el seguumlent
1 Verificar que el fitxer seleccionat eacutes el que apareix al quadre de text i que la
seva extensioacute coincideix amb la que hi ha seleccionada a ldquoTipus de fitxerrdquo
2 Fer clic a ldquoOKrdquo
Un cop acabades totes les associacions el resultat de les associacions afegides a la
pantalla principal ha de ser el seguumlent
1 Fer clic a ldquoAplicarrdquo a lrsquoapartat ldquomultiidiomardquo
1
2
45
1
46
Es recarregaragrave la pantalla
1 Fer clic a ldquoOKrdquo al nivell general
Ja tenim configurat el canal que mostraragrave ldquoLlistat de tragravemitsrdquo amb els fitxers associats
que fa referegravencia a la forma de presentacioacute que farem servir aquest mateix canal
mostraragrave el detall del contingut tragravemit amb el format detall
32 Creacioacute i assignacioacute de plantilles de presentacioacute per al
canal ldquoCanal Llistat tragravemitsrdquo
321 Creacioacute de les plantilles (templates) de VCM
La configuracioacute del canal de VCM per mostrar els llistats de tragravemits i el seu detall es
basen en tres plantilles una per llistar el tragravemits (format default) una per mostrar el
detall i el pas a pas drsquoun tragravemit (format detall) i una altra per mostrar la normativa
aplicable drsquoun tragravemit (format detall2)
A continuacioacute srsquoexplica com es creen les plantilles de presentacioacute
(Presentation Templates) necessagraveries per configurar els tragravemits Els
responsables de cada site srsquohan de crear les seves progravepies plantilles
Cal tenir en compte que les plantilles que apareixen en el document soacuten nomeacutes un
exemple drsquouna configuracioacute vagravelida En els casos pragravectics cal seleccionar les plantilles
que pertanyen a cada portal io que tingui cada usuari en els seus recursos
En el nostre cas es fan servir les plantilles ldquoGridB2LlistatTramitsrdquo ldquoGridBTramitrdquo i
ldquoGridBTramitNormativaSacrdquo
1
47
Per la creacioacute de la plantilla srsquohan de seguir els passos seguumlents
1 Accedir al ldquoBanc de Treballrdquo
2 Accedir a ldquoPresentation Templatesrdquo
3 Accedir a la carpeta de presentacions del nostre site en aquest exemple
ldquogenegravericrdquo
1
2
48
Un cop som al llistat de plantilles del nostre site cal fer el seguumlent
1 Seleccionar el signe ldquo+rdquo
2 Seleccionar Forma de Presentation Template
En realitzar aquesta accioacute srsquoobriragrave la finestra drsquoedicioacute o creacioacute de la Presentation
Template Srsquohan de crear dos plantilles noves amb les dades seguumlents
1 Plantilla per al llistat de tragravemits
a Nom cal posar un nom identificatiu de la plantilla per exemple
GenericoGridB2LlistatTramit
b Tipus de plantilla Portal Page
c VAPVCM Portal defaultgeneric (cal posar el nom del portal VAP)
d Element del menuacute de VAP FW_NavItem_GRIDB2
3
1
2
49
e Canal VCM per defecte
Tot seguit cal fer clic a ldquoOKrdquo
Per a la configuracioacute de la plantilla per al llistat de tragravemits es pot fer servir un
NavItem que utilitzi una grid amb destacats a la dreta per exemple la GRID B2 del
Site Genegraveric o beacute un Navitem sense destacats (el FW_NavItem_GRIDB creat
anteriorment)
El NavItem ha de disposar drsquoun portlet a la part central a nivell de Page per
configurar el llistat de tragravemits
f
50
2 Crear una nova Presentation Template per al detall de tragravemits i el pas a
pas
a Nom cal posar un nom identificatiu de la plantilla com per exemple
GenericoGridBTramit
b Tipus de plantilla Portal Page
c VAPVCM Portal defaultgeneric
d Element del menuacute de VAP FW_NavItem_GRIDB
e Canal VCM per defecte
Finalment cal fer clic a ldquoOKrdquo
Per configurar la plantilla per al detall dels tragravemits i el pas a pas srsquoha de fer servir un
NavItem que utilitzi una grid sense destacats a la dreta per exemple la GRID B del
site Genegraveric
El NavItem ha de disposar de dos portlets a la part central a nivell de Page per
configurar el llistat de tragravemits
Tot seguit cal crear una nova Presentation Template per al detall de tragravemits i el pas a
pas
a Nom cal posar un nom identificatiu de la plantilla per exemple
GenericoGridBTramitNormativaSac
f
51
b Tipus de plantilla Portal Page
c VAPVCM Portal defaultgeneric
d Element del menuacute de VAP FW_NavItem_GRIDB
e Canal VCM per defecte
Finalment cal fer clic a ldquoOKrdquo
322 Configuracioacute de la plantilla al canal
Les Presentation Templates que configurarem a continuacioacute soacuten drsquoexemple
Els responsables de cada site han de crear les seves progravepies plantilles
Un cop creat el canal i les Presentation Templates en configurarem la presentacioacute
1 Seleccionarem la casella de seleccioacute del canal que acabem de crear
2 Farem clic a la icona de propietats del canal
3 Navegarem a la pestanya ldquoPresentacioacuterdquo
52
Ens apareixeragrave un formulari com el que es mostra a continuacioacute i realitzarem les
accions seguumlents
1 Fer clic a ldquoAfegir presentacioacute de canalrdquo
1
2
3
53
Apareixeragrave la pantalla seguumlent amb lrsquoobjectiu de seleccionar una plantilla en el nostre
cas farem el seguumlent
1 Seleccionar el projecte de plantilles respectiu al portal A lrsquoexemple ldquogenericrdquo
Posteriorment apareixeragrave un llistat de plantilles (ldquoTemplatesrdquo)
1 En aquest cas seleccionarem ldquoGridB2LlistatTramitsrdquo
2 Acceptarem la seleccioacute ldquoOKrdquo
1
1
54
1
2
55
Un cop acceptat ens apareixeragrave la pantalla seguumlent on configurarem el ldquodetallrdquo Per a
aixograve cal fer el seguumlent
1 Fer clic a ldquoAssignar una Nova Plantilla de Presentacioacuterdquo
1
56
Tot seguit apareixeragrave la pantalla que es mostra a continuacioacute on realitzarem les
accions seguumlents
1 Fer clic a ldquoAfegir formatrdquo
En aquesta nova pantalla ens assegurarem del seguumlent
1 A la casella ldquoFormatrdquo hi ha el valor ldquodetallrdquo
2 A la casella ldquoTemplaterdquo hi ha drsquohaver el correcte Si no eacutes aixiacute srsquoha de fer clic a
ldquoNavegadorrdquo
En fer clic a ldquoNavegadorrdquo cal fer el seguumlent
1 Tornar a navegar fins a ldquogenericrdquo
1
1 2
57
1
58
I a la pantalla seguumlent cal seleccionar una plantilla i
1 Fer clic al botoacute a prop de ldquoGridBTramitrdquo
2 Fer clic a ldquoOKrdquo
1
2
59
En aquest moment es torna a la pantalla anterior i cal
1 Fer clic a ldquoOKrdquo
En el canal Llistat de tragravemits ha drsquoestar configurat el ldquoformatrdquo ldquodetallrdquo ja que la forma
de presentacioacute que configurarem a GridDBTramit necessitaragrave aquest format per
visualitzar el detall del contingut de tipus ldquoTragravemitrdquo
2
60
La pantalla anterior a aquesta ens ha de presentar aquesta informacioacute Ara
configurarem el ldquodetall2rdquo per presentar el contingut rdquo Normativa de SACrdquo Per a aixograve
cal fer el seguumlent
1 Fer clic a ldquoAfegir Formatrdquo
En aquesta nova pantalla ens assegurarem del seguumlent
1 A la casella ldquoFormatrdquo hi ha el valor ldquodetall2rdquo
1
61
2 A la casella ldquoTemplaterdquo hi ha drsquohaver el correcte Si no eacutes aixiacute srsquoha de fer clic a
ldquoNavegadorrdquo
En fer clic a ldquoNavegadorrdquo srsquoha de fer el seguumlent
1 Tornar a navegar fins a ldquogenericrdquo (srsquoha de substituir pel nom del portal)
1 2
62
1
63
A la pantalla seguumlent cal seleccionar una plantilla i
1 Fer clic al botoacute a prop de ldquoGridBTramitNormativaSacrdquo
2 Fer clic a ldquoOKrdquo
1
2
64
En aquest moment es torna a la pantalla anterior i cal fer el seguumlent
2 Fer clic a ldquoOKrdquo
En el canal Llistat de tragravemits ha drsquoestar configurat el ldquoformatrdquo ldquodetall2rdquo ja que la
forma de presentacioacute que configurarem a GridDBTramitNormativaSac necessitaragrave
aquest format per visualitzar el detall del contingut de tipus normativa ldquoSACrdquo
2
65
La pantalla anterior a aquesta ens ha de presentar aquesta informacioacute i srsquoha de fer el
seguumlent
2 Fer clic a ldquoOKrdquo
1
66
La finestra pare anterior a aquesta quedaragrave com es mostra tot seguit i realitzarem les
accions seguumlents
1 Fer clic a ldquoOKrdquo
4 Comparticioacute de continguts
Accedim al projecte on hi ha tots els tragravemits de lrsquoOVT
1
67
OVTDepartaments[NomCurtDepartaments][NomCurtOrganisme] TramitOVT
On NomCurtDepartaments correspon al nom curt del departament al que fa referencia
el nostre organisme
En aquest exemple es mostren tots els projectes de tragravemits de lrsquoOVT
Un cop localitzat el tragravemit de lrsquoOVT que volem compartir amb el nostre site accedirem
a lrsquoedicioacute del contingut i assignarem aquest contingut al canal del nostre site on es
vulgui mostrar Srsquoha de fer el seguumlent
1 Anar al contenidor de projectes on hi ha els continguts de GECO
Apareixeragrave lrsquoestructura de projectes a la qual teacute acceacutes lrsquousuari redactor Cal fer el
seguumlent (exemple Agegravencia Tributagraveria dins drsquoEconomia i Finances)
1 Seleccionar ldquoOVTrdquo
2 Seleccionar ldquoDepartamentsrdquo aquesta carpeta conteacute tots els tragravemits de lrsquoOVT
classificats per departaments
3 Seleccionar ldquoECOrdquo A lrsquousuari nomeacutes se li mostraragrave la carpeta del seu
departament
Si lrsquousuari no visualitza la carpeta dins del seu departament eacutes perquegrave no
srsquoha aplicat la poliacutetica de seguretat correctament Cal obrir un tiquet a Suport
gencat per tramitar aquests permisos AQUESTA CARPETA NOMEacuteS SERAgrave
VISIBLE PER ALS USUARIS AMB ROL REDACTOR
4 Seleccionar ldquoA_Agegravencia Tributagraveriardquo
5 Seleccionar ldquoTramitOVTrdquo
1
68
2
3
1
69
4
5
70
Apareixeragrave el llistat de continguts ldquoTragravemitOVTrdquo de lrsquoOVT de lrsquoAgegravencia Tributagraveria
Realitzarem les accions seguumlents
1 Seleccionar el tragravemit o els tragravemits que volem compartir en la web dorganisme
2 Fer clic a ldquoAssociarrdquo
2
1
71
Aquest proceacutes obriragrave una finestra Per seleccionar el site i canal on es volen mostrar
els tragravemits seleccionats realitzarem les accions seguumlents (cas site Generic)
1 Seleccionar el site ldquoGenericrdquo en el vostre cas el site del departament on es vol
mostrar el contingut ldquotragravemitrdquo
2 Navegar pels canals del Site Genegraveric fins al canal que srsquoha creat en el punt
ldquoLlistat de tragravemitsrdquo i seleccionar el quadre de verificacioacute
3 Fer clic a ldquoOKrdquo
1
72
2
3
73
41 Validar que la comparticioacute de continguts eacutes correcta
Accedim per VCM al canal que hem creat anteriorment al qual li acabem drsquoassignar
els continguts de tragravemits que ha de mostrar i fem el seguumlent
1 Anar al contenidor de portals
2 Seleccionar el Site ldquogenericrdquo
3 Seleccionar el canal ldquoHomerdquo
4 Seleccionar el canal ldquoCanal Llistat tragravemitsrdquo
1
2
3
74
4
75
Apareixeragrave el contingut assignat al canal ldquoCanal Llistat tragravemitsrdquo
En entrar trobarem el llistat seguumlent
1 Llistat del tragravemits de lrsquoOVT que srsquohan compartit amb el canal ldquoCanal Llistat
tragravemitsrdquo
2 Validar que els continguts que apareixen soacuten del tipus ldquoTramitOVTrdquo
En cas que al canal del site ldquoCanal Llistat tragravemitsrdquo no apareguin els continguts
tragravemits associats anteriorment cal repetir el pas 22
1 2
76
5 Configuracioacute al portal
Ara cal entrar al nostre site on tenim configurat el canal que hem creat en lrsquoapartat
anterior (21) i que ara configurarem a nivell de portal
51 Configuracioacute a Canal Llistat tragravemits
511 Configuracioacute de la llista de tragravemits
Farem clic a lrsquoenllaccedil ldquoCanal llistat tragravemitsrdquo de la ldquoHomerdquo i anirem a parar a una
pantalla com la que es mostra meacutes avall
Es pot apreciar que en el contingut de la pagravegina no hi ha res Aixograve eacutes perquegrave cal
configurar els portlets adequats ( )
1 Ens situarem sobre la icona ldquoOpcions de Pagraveginardquo
2 Seleccionarem ldquoObrir Plantillardquo ja que els portlets soacuten a nivell de Page
Ens apareixeragrave una pantalla com la que es mostra tot seguit i realitzarem les accions
seguumlents
1 Seleccionar el portlet de la part central de la pagravegina per configurar una ldquoLlista
automagravetica de contingutsrdquo
2
1
77
Tambeacute podem configurar una ldquoLlista manual de contingutsrdquo segons les
necessitats de cada usuari
78
Ens redirigiragrave cap a un formulari drsquoedicioacute que ens mostraragrave directament quina consulta
hem de configurar per mostrar els continguts i configurarem una consulta com la
seguumlent (evidentment segons les necessitats de cada usuari)
Ara tenim configurat que la pagravegina mostraragrave els tipus de contingut ldquoTramitOVTrdquo del
canal actual ordenats per la ldquoEacutes on-linerdquo en ordre descendent
Aixograve ens portaragrave a la pantalla principal on acabarem de completar la configuracioacute
1 Validar que en lrsquoapartat ldquoConsultardquo hi ha la configuracioacute que acabem drsquoafegir
2 Emplenar ldquoAgraveliesrdquo
3 En lrsquoapartat Forma de presentacioacute fer clic al botoacute ldquoCercar helliprdquo
79
Ens apareixeragrave la pantalla seguumlent
1 Fer clic a ldquoNavegacioacute per projectesrdquo
1
2
3
80
Ens canviaragrave la vista al format seguumlent
1 Navegarem per les carpetes fins a arribar a ldquoFramework Formes de
presentacioacute Site generic fw_fp_llistatramitsrdquo
2 Seleccionarem ldquofw_fp_llistatramitsrdquo
3 Farem clic a ldquoOKrdquo
1
1
81
En retornar a la pantalla principal cal
1 Validar que la forma de presentacioacute eacutes la que acabem de seleccionar
2 Fer clic a ldquoOKrdquo
1 (continuacioacute) 2
3
82
1
2
83
Aquest seragrave el nostre resultat a la pantalla del portal i cal fer el seguumlent
1 Verificar que apareixen els dos continguts que es van associar a aquest canal
1
84
512 Configuracioacute del detall del tragravemit i el pas a pas
En fer clic sobre una activitat veurem com ens redirigeix a la plantilla configurada al
ldquodetallrdquo drsquoaquesta pagravegina tal com la vam configurar en lrsquoapartat 231 cal fer el
seguumlent
1 Fer clic a la primera activitat
1
85
Ens sortiragrave la pagravegina de VAP del detall drsquoun contingut per configurar farem els
passos seguumlents
1 Ens situarem sobre la icona ldquoOpcions de Pagraveginardquo
2 Seleccionar ldquoObrir Plantillardquo ja que els portlets soacuten a nivell de Page
Ens apareixeragrave una pantalla com la que es mostra tot seguit i realitzarem les accions
seguumlents
1 Seleccionar el portlet de la part central de la pagravegina per configurar un ldquoDetall
de contingutrdquo i fer clic a ldquoEditarrdquo
Ens apareixeragrave la pantalla de seleccioacute de component de presentacioacute
1 Seleccionarem el component de presentacioacute ldquoDetall de contingutrdquo
1
2
1
86
Ens apareixeragrave la pantalla que es mostra tot seguit i realitzarem les accions seguumlents
1 Emplenar el camp ldquoAgraveliesrdquo
2 Canviar a la pestanya ldquoPresentacioacuterdquo
En fer clic a la pestanya obtindrem la imatge que es mostra tot seguit i realitzarem les
accions seguumlents
1 Cercarem una forma de presentacioacute fent clic a ldquoCercar helliprdquo
1
2
87
Quan aparegui la pantalla de cercador realitzarem una cerca de la forma de
presentacioacute que volem fer servir per a aixograve cal fer el seguumlent
1 Emplenar la caixa de text amb ldquofw_fp_tramitrdquo
2 Preacutemer ldquoCercarrdquo
3 Seleccionar la forma de presentacioacute de la caixa de resultats
4 Preacutemer ldquoOKrdquo
La forma de presentacioacute ldquofw_fp_tramitrdquo estagrave preparada per ldquomaquillarrdquo el contingut
dels tragravemits Tambeacute es pot fer servir una forma de presentacioacute personalitzada
segons es cregui convenient
1
1
2
3
4
88
En acabar tornarem a la pagravegina principal drsquoedicioacute i farem el seguumlent
1 Verificar que la forma de presentacioacute eacutes la que hem escollit
2 Fer clic a ldquoOKrdquo
En finalitzar la configuracioacute del component de presentacioacute tornem a la pantalla del
portal i cal fer el seguumlent
1 Verificar que el disseny de la presentacioacute eacutes semblant al seguumlent
1
2
89
Configurarem el portlet superior central de la pagravegina perquegrave aquesta contingui el fil
drsquoAriadna
1 Accedir a ldquoObrir Plantillardquo
1 Editar el portlet central que hi ha a sobre del detall de tragravemit per configurar el fil
drsquoAriadna En aquest exemple el portlet eacutes ldquoFW_hilo_ariadnardquo
Escollirem el component de presentacioacute
1 Seleccionar el component de presentacioacute ldquoFil drsquoAriadnardquo
1
1
90
En la configuracioacute del component realitzarem les accions seguumlents
1 Inserir el camp ldquoAgraveliesrdquo
2 Inserir el camp ldquoCanalrdquo
3 Fer clic a la pestanya ldquoPresentacioacuterdquo i cercar la forma de presentacioacute
ldquofw_fp_filariadnardquo
1
91
513 Configuracioacute del detall drsquouna normativa SAC
En el detall de contingut configurat en el punt anterior fent clic sobre una normativa
veurem com ens redirigeix a la plantilla configurada al ldquodetall2rdquo drsquoaquesta pagravegina tal
com hem configurat a lrsquoapartat 231
1 Fer clic a la primera ldquoNormativa Aplicablerdquo
2
3
92
Aquest enllaccedil ens portaragrave al detall2 del canal on srsquoha de configurar el detall de
contingut SAC per tal que es mostri la normativa aplicable
Configurarem el portlet superior central de la pagravegina perquegrave aquesta contingui el fil
drsquoAriadna per a aixograve cal fer el seguumlent
1 Accedir a ldquoObrir Plantillardquo
1
93
1
94
1 Editar el portlet central que hi ha a sobre del detall de tragravemit per configurar el fil
drsquoAriadna En aquest exemple el portlet eacutes ldquofw_portlet_tramitrdquo
Escollirem el component de presentacioacute
1 Seleccionar el component de presentacioacute ldquoDetall de Contingut SACrdquo
En la configuracioacute del component realitzarem les accions seguumlents
1 Inserir el camp ldquoAgraveliesrdquo
2 Seleccionar el tipus de contingut ldquoDetall Tragravemitrdquo
1
95
3 Fer clic a la pestanya ldquoPresentacioacuterdquo i cercar la forma de presentacioacute
ldquofw_fp_sac_normativardquo
4 Fer clic al botoacute ldquoOKrdquo
Srsquoactualitzaragrave la pagravegina de VAP i es mostraragrave el detall de SAC
1
2
3
4
96
514 Validacioacute final de VAP
Finalment cal validar que els tragravemits es visualitzen correctament per a aixograve cal
1 Verificar que tenim els canals creats
2 Accedir al canal ldquoCanal Llistat tragravemitsrdquo i validar que es mostren els tragravemits
que hem associat al punt 22
1
97
A continuacioacute cal fer les comprovacions seguumlents
1 Accedir al detall del tragravemit compartit
2 Accedir al pas a pas del tragravemit i a la normativa de SAC
Exemple llistat de tragravemits compartits
2
1
98
Exemple detall de tragravemit compartit
Exemple pas a pas drsquoun tragravemit
2
2
99
Exemple normativa SAC
En el cas que no es visualitzin el llistat de tragravemits detall o pas a pas configurat
validar
1 Refrescar la Pagravegina
2 Els tragravemits estan associats al canal que esteacuten visualitzat punt 23
1 Refrescar la pagravegina
1
4
1 Introduccioacute
Aquest document eacutes una guia pragravectica que recull tot el necessari per compartir els
continguts de tipus ldquoTragravemitsOVTrdquo de lrsquoOVT en una web dorganisme i per a la seva
visualitzacioacute posterior
Tota la integracioacute (formes de presentacioacute components de presentacioacute) es fa amb
peces de genegraveric
El document es divideix en dues parts
1 Continguts a VCM en aquest apartat es veuragrave tot el que estagrave relacionat amb
VCM i aixograve implica la configuracioacute de projectes i canals Respecte als
projectes veurem com i on es poden crear estructures on organitzarem els
continguts que es volen presentar en el portal Per dur a terme aquesta tasca
crearem canals on associarem els continguts i els configurarem amb plantilles
(templates) i fitxers associats per poder continuar la configuracioacute a nivell de
portal
2 Configuracioacute del portal en aquest apartat configurarem les plantilles de
lrsquoapartat anterior a nivell de presentacioacute eacutes a dir configurarem els portlets amb
certs components de presentacioacute per llistar ldquotragravemitsrdquo el detall i el pas a pas de
cadascun dels
3 Comparticioacute dels continguts en aquest apartat es fa referegravencia a la manera
de compartir continguts amb portals
Atencioacute
Els projectes sites i plantilles que es fan servir soacuten nomeacutes un exemple per
fer un circuit plenament funcional Cada usuari ha de tenir clar quins soacuten els
seus projectes sites i plantilles per realitzar les seves progravepies
configuracions
En el document srsquoaniran indicant a mode de recordatori aquestes pautes i
altres accions que soacuten obligatograveries
El model presentat eacutes compatible amb les plantiles GridA GridB GridB2
GridC GridD i GridD2 El model del detall de tragravemit nomeacutes eacutes compatible
ambgrids sense destacats (GridB GridD)
5
2 Configuracioacute de lrsquoadministracioacute de VAP
A continuacioacute explicarem la configuracioacute que srsquoha de realitzar a VAP perquegrave es puguin
visualitzar el tragravemits en un portal diferent de lrsquoOVT utilitzant els recursos del Site
Genegraveric Tot seguit indicarem com es crea una pagravegina i un element de navegacioacute per
poder configurar els canals de VCM meacutes endavant
Atencioacute
En lrsquoexemple es presenta la creacioacute de la Page NavItem utilitzant la Graella i
tema de Genegraveric Cada site srsquoha de crear el seu propi NavItem depenent de
les caracteriacutestiques del seu site
El Llistat de tragravemits es pot configurar amb una graella amb destacats a la
dreta o sense
La configuracioacute del detall dels tragravemits el pas a pas del tragravemit i la normativa
aplicable srsquoha de fer amb una graella sense destacats a la dreta per tal que
la visualitzacioacute sigui correcta
En aquesta primera part es crearan dos Navigation Item que srsquoencarregaran de
mostrar un llistat de tragravemits i les modalitats del detall Lrsquoexemple mostraragrave la
configuracioacute drsquoun MenuItem VAP amb destacats (Llistat de tragravemits) i un sense
destacats (Detall) Si no es fan servir destacats es pot saltar lrsquoapartat 21 i seguir
directament a lrsquoapartat 22 (creacioacute de la pagravegina de detall)
6
21 Crear la pagravegina de llistat de tragravemits
Dins del gestor de portals (VAP) realitzarem les tasques seguumlents
1 Accedir a la consola de ldquoVAPrdquo del nostre site
2 Seleccionar ldquoComponentsrdquo
3 Seleccionar ldquoPagesrdquo
4 Seleccionar ldquoLlistat de Pagraveginesrdquo
5 Fer clic a ldquoCrear Pagraveginardquo
Srsquoobriragrave un formulari per donar drsquoalta una nova pagravegina Cal fer el seguumlent
1
2
3
4
5
7
1 Introduir el nom de la pagravegina per exemple FW_Pagina_Grid_Tramits_B2
2 Seleccionar ldquoEnllaccedil de Navegacioacuterdquo
3 Fer clic a ldquoCrear Pagraveginardquo
Sersquons mostraragrave la pantalla seguumlent on cal
1 Seleccionar ldquoVisualitzacioacuterdquo
Apareix la pantalla seguumlent on cal
1 Seleccionar ldquo1 columnardquo
2 Fer clic a ldquoActualitzarrdquo
3 Seleccionar ldquoColmiddotlocacioacute de Portletrdquo
1
3
2
1
8
Sersquons mostraragrave la pantalla seguumlent on cal
1 Fer clic a ldquoAfegir Portletsrdquo
Ens mostraragrave la pantalla seguumlent on cal
1 Seleccionar ldquoCrear i afegir nous Portletsrdquo
1
2
3
1
9
Ens mostraragrave la pantalla seguumlent on cal
1 Seleccionar ldquoContent Publish Portlet 20rdquo
2 Fer clic a ldquoCrear Seleccionatsrdquo
3 Fer clic a ldquoTancarrdquo
Es poden afegir tants portlets com es vulgui a la pagravegina i com a miacutenim un
per configurar el llistat de tragravemits
1
10
1
2
3
11
La pagravegina srsquohauragrave actualitzat amb els portlets que srsquohan creat tot seguit cal fer el
seguumlent
1 Fer clic al tiacutetol del portlet
1
12
Srsquoha de configurar el tipus de portlet per al llistat Tragravemit per a aixograve cal
1 Posar un nom al portlet
2 Posar el nivell Template
3 Seleccionar que pot ser un Llista Manual o Automagravetica de continguts
4 Posar en ldquoJSP Override URLrdquo la ruta ldquovgn-ext-templatingviewsindexControladorjsprdquo
5 Fer clic a ldquoSaverdquo
1
2
3
3
5
4
vgn-ext-templatingviewsindexControladorjsp
13
Srsquohan de configurar permisos del portlet per al llistat Tragravemit per a aixograve cal
1 Seleccionar ldquoPermisosrdquo
2 Seleccionar els grups que es volen autoritzar
3 Fer clic a ldquoActualitzarrdquo
1
2
3
14
Srsquohan de configurar les dades bagravesiques del portlet per fer-ho cal
1 Seleccionar ldquoBagravesicsrdquo
2 Posar el nom del portlet
3 Desmarcar el quadre de verificacioacute ldquoMostra el cromrdquo
4 Fer clic a ldquoActualitzarrdquo
1
2
3
4
15
1 Tot seguit cal validar que la pagravegina srsquoha creat correctament
2 Srsquoha de fer clic al nom de la pagravegina
1
2
16
1 Bloquejar la pagravegina
2 Fer clic a ldquoActualitzar Opcionsrdquo
1
2
17
211 Crear NavItem del llistat Tragravemits
A partir de la consola de VAP farem les tasques seguumlents per crear el NavItem
1 Anar a lrsquoopcioacute del menuacute ldquoArbre de Navegacioacuterdquo
2 Fer clic a ldquoCrear Element de Navegacioacuterdquo
1
2
18
Per crear lrsquoelement de navegacioacute realitzarem les tasques seguumlents
1 Posar el nom al NavItem rdquoFW_NavItem_GRIDB2rdquo
2 Seleccionar ldquoEnllaccedilar ardquo i seleccionar la pagravegina que acabem de crear
3 Seleccionar el tema ldquoFW_Temardquo
4 Seleccionar la graella ldquoFW_Grid_B2rdquo
5 Fer clic a ldquoCrearrdquo
1
2
3
4
5
19
Quan seleccionem ldquoEnllaccedilar ardquo i triem la pagravegina que acabem de crear srsquoobriragrave la
finestra seguumlent per a aixograve cal
1 Cercar la pagravegina que hem creat en el pas anterior
2 Marcar el quadre de verificacioacute de la pagravegina
3 Fer clic a ldquoOKrdquo
Quan seleccionem el tema srsquoobriragrave la finestra seguumlent per a aixograve cal fer el seguumlent
1 Seleccionar el quadre de verificacioacute del tema que farem servir al nostre site per
a aquest exemple fem servir el tema del Site Genegraveric
2 Fer clic a ldquoSalvarrdquo
Quan seleccionem la graella srsquoobriragrave la finestra seguumlent per a aixograve cal
3 Seleccionar la graella que utilitzarem al nostre site per a aquest exemple farem
servir la Graella FW_Grid_B2 que teacute destacats a la dreta del Site Genegraveric
1
1
2
3
2
20
4 Fer clic a ldquoSalvarrdquo
1
2
21
22 Crear pagravegina de detall de tragravemits i normativa SAC
Dins del gestor de portals (VAP) realitzarem les tasques seguumlents
1 Accedir a la consola de ldquoVAPrdquo del nostre site
2 Seleccionar ldquoComponentsrdquo
3 Seleccionar ldquoPagesrdquo
4 Seleccionar ldquoLlistat de Pagraveginesrdquo
5 Fer clic a ldquoCrear Pagraveginardquo
1
2
3
4
5
22
Srsquoobriragrave un formulari per donar drsquoalta una nova pagravegina Aquiacute cal
4 Introduir el nom de la pagravegina FW_Pagina_Grid_Tramits_SAC_Detall_B
5 Seleccionar ldquoEnllaccedil de Navegacioacuterdquo
6 Fer clic a ldquoCrear Pagraveginardquo
Sersquons mostraragrave la pantalla seguumlent on cal
1 Seleccionar ldquoVisualitzacioacuterdquo
1
3
2
1
23
Sersquons mostraragrave la pantalla seguumlent on cal
4 Seleccionar ldquo1 columnardquo
5 Fer clic a ldquoActualitzarrdquo
6 Seleccionar ldquoColmiddotlocacioacute de Portletrdquo
1
2
3
24
Sersquons mostraragrave la pantalla seguumlent on cal
2 Fer clic a ldquoAfegir Portletsrdquo
Sersquons mostraragrave la pantalla seguumlent on cal
2 Seleccionar ldquoCrear i afegir nous Portletsrdquo
1
25
Sersquons mostraragrave la pantalla seguumlent on cal
4 Seleccionar ldquoContent Publish Portlet 20rdquo
5 Fer clic a ldquoCrear Seleccionatsrdquo
6 Fer clic a ldquoTancarrdquo
Es poden afegir tants portlets com es vulgui a la pagravegina i com a miacutenim un
per configurar el llistat de tragravemits
1
26
1
2
3
27
La pagravegina srsquohauragrave actualitzat amb els portlets que srsquohan creat tot seguit cal fer el
seguumlent
2 Fer clic al tiacutetol del portlet
1
28
Srsquoha de configurar el tipus de portlet per al llistat Tragravemit per a aixograve cal
Posar un nom al portlet
1 Posar si eacutes a nivell de Page o Template
2 Seleccionar que pot ser un Detall de contingut i Detall de contingut SAC
3 Posar en ldquoJSP Override URLrdquo la ruta ldquovgn-ext-templatingviewsindexControladorjsprdquo
4 Fer clic a ldquoSaverdquo
1
2
3
3
5
4
vgn-ext-templatingviewsindexControladorjsp
29
Srsquohan de configurar permisos del portlet per al detall del tragravemit i la normativa SAC per
a aixograve cal
4 Seleccionar ldquoPermisosrdquo
5 Seleccionar els grups que es volen autoritzar
6 Fer clic a ldquoActualitzarrdquo
1
2
3
30
Tot seguit srsquohan de configurar les dades bagravesiques del portlet per a aixograve srsquoha de fer el
seguumlent
1 Seleccionar ldquoBagravesicsrdquo
2 Posar el nom del portlet ldquofw_portlet_tramit_sac_detallrdquo
3 Desmarcar el quadre de verificacioacute ldquoMostra el cromrdquo
4 Fer clic a ldquoActualitzarrdquo
1
2
3
4
31
Despreacutes cal validar que la pagravegina srsquoha creat correctament per a aixograve cal fer el
seguumlent
1 Seleccionar ldquoLlista Pagraveginardquo
2 Fer clic al nom de la pagravegina
1
2
32
Per bloquejar la pagravegina cal fer el seguumlent
1 Seleccionar la casella de verificacioacute ldquoPagravegina Bloquejadardquo
2 Fer clic a ldquoActualitzar Opcionsrdquo
1
2
33
221 Crear NavItem de detall de tragravemits i normativa SAC
A partir de la consola de VAP farem les tasques seguumlents per crear el NavItem
1 Anar a lrsquoopcioacute del menuacute ldquoArbre de Navegacioacuterdquo
2 Fer clic a ldquoCrear Element de Navegacioacuterdquo
1
2
34
Per crear lrsquoelement de Navegacioacute realitzarem les tasques seguumlents
1 Posar el nom al NavItem rdquoFW_NavItem_GRIDBrdquo
2 Seleccionar ldquoEnllaccedilar ardquo i seleccionar la pagravegina que acabem de crear
3 Seleccionar el tema ldquoFW_Temardquo
4 Seleccionar la graella ldquoFW_Grid_Brdquo sense destacats a la dreta per
visualitzar correctament el detall de tragravemits el pas a pas i la normativa SAC
5 Fer clic a ldquoCrearrdquo
1
2
3
4
5
35
Quan seleccionem ldquoEnllaccedilar ardquo i seleccionem la pagravegina que acabem de crear srsquoobriragrave
la finestra seguumlent aquiacute cal
1 Cercar la pagravegina que hem creat en el pas anterior
2 Seleccionar la casella de verificacioacute de la pagravegina
3 Fer clic a ldquoOKrdquo
Quan fem seleccionem el tema srsquoobriragrave la seguumlent finestra per a aixograve cal
1 Seleccionar la casella de verificacioacute del tema que utilitzarem al nostre site per
a aquest exemple farem servir el tema del Site Genegraveric
2 Fer clic a ldquoSalvarrdquo
1
1
2
3
2
36
Quan seleccionem la graella srsquoobriragrave la finestra seguumlent aquiacute cal
1 Seleccionar la graella que utilitzarem al nostre site per a aquest exemple farem
servir la Graella FW_Grid_B sense destacats a la dreta del Site Genegraveric Per
tal de visualitzar correctament el detall del tragravemit el pas a pas i la normativa
SAC eacutes imprescindible que la graella tingui una uacutenica columna de continguts
2 Fer clic a ldquoSalvarrdquo
1
2
37
3 Configuracioacute de lrsquoadministracioacute de VCM
31 Creacioacute del canal ldquoLlistat tragravemitsrdquo
Dins del gestor de continguts realitzarem les tasques seguumlents
1 Accedir a ldquoPortalsrdquo
2 Navegar fins al ldquoPortalrdquo on volem configurar el llistat de continguts
3 Seleccionar ldquoHomerdquo
4 Posicionar-se sobre la creu verda i seleccionar ldquoCanalrdquo
a Emplenar la informacioacute i fer clic a ldquoOKrdquo
b Assegurar-se que el canal eacutes ldquoActiurdquo
1
2
3
38
311 Associacioacute de fitxers a la presentacioacute drsquoun canal
Ara srsquohan drsquoassociar els fitxers estagravetics adequats a la presentacioacute del canal perquegrave les
formes de presentacioacute posteriors trobin els estils i els Javascript corresponents
Per a aixograve cal entrar a les propietats del canal ldquoCanal Llistat tragravemitsrdquo i
1 Seleccionar el canal ldquoCanal Llistat tragravemitsrdquo
4
4a
4b
39
1
40
En entrar trobarem el llistat seguumlent on cal
1 Fer clic a ldquoCanal Llistat tragravemitsrdquo
2 Aquest eacutes un contingut del tipus Canals (cal fixar-se que no eacutes com lrsquoanterior)
Es mostraragrave la pantalla seguumlent on afegirem els fitxers relacionats amb el canal per a
cada idioma aquiacute cal
1 Emplenar els camps requerits per crear una pestanya del multiidioma
2 Desplaccedilar-se cap avall en lrsquoapartat ldquomultiidiomardquo fins a observar lrsquoapartat
drsquoassociacioacute de fitxers
3 Fer clic a ldquoAfegirrdquo
En aquest moment apareixeragrave la pantalla seguumlent
1 Si voleu afegir un fitxer amb extensioacute css cal deixar el camp ldquoTipus de fitxerrdquo
amb valor ldquocssrdquo Si voleu afegir un fitxer que teacute extensioacute js srsquoha de canviar el
camp ldquoTipus de fitxerrdquo al valor ldquojsrdquo
2 Fer clic a ldquoNavegadorrdquo
1
2 1 3
2
41
Apareixeragrave la pantalla de navegacioacute de continguts i anirem cercant els fitxers estagravetics
que associarem aquiacute cal
1 Fer clic a ldquoFrameworkrdquo
2 Fer clic a ldquoestilos y scriptsrdquo
3 Fer clic a ldquoNuevos Estilos imagenes y jsrdquo
4 Fer clic a ldquoGlobalsrdquo
2 1
42
43
44
Una vegada se nrsquohagin seleccionat tornarem a la pantalla anterior i farem el seguumlent
1 Verificar que el fitxer seleccionat eacutes el que apareix al quadre de text i que la
seva extensioacute coincideix amb la que hi ha seleccionada a ldquoTipus de fitxerrdquo
2 Fer clic a ldquoOKrdquo
Un cop acabades totes les associacions el resultat de les associacions afegides a la
pantalla principal ha de ser el seguumlent
1 Fer clic a ldquoAplicarrdquo a lrsquoapartat ldquomultiidiomardquo
1
2
45
1
46
Es recarregaragrave la pantalla
1 Fer clic a ldquoOKrdquo al nivell general
Ja tenim configurat el canal que mostraragrave ldquoLlistat de tragravemitsrdquo amb els fitxers associats
que fa referegravencia a la forma de presentacioacute que farem servir aquest mateix canal
mostraragrave el detall del contingut tragravemit amb el format detall
32 Creacioacute i assignacioacute de plantilles de presentacioacute per al
canal ldquoCanal Llistat tragravemitsrdquo
321 Creacioacute de les plantilles (templates) de VCM
La configuracioacute del canal de VCM per mostrar els llistats de tragravemits i el seu detall es
basen en tres plantilles una per llistar el tragravemits (format default) una per mostrar el
detall i el pas a pas drsquoun tragravemit (format detall) i una altra per mostrar la normativa
aplicable drsquoun tragravemit (format detall2)
A continuacioacute srsquoexplica com es creen les plantilles de presentacioacute
(Presentation Templates) necessagraveries per configurar els tragravemits Els
responsables de cada site srsquohan de crear les seves progravepies plantilles
Cal tenir en compte que les plantilles que apareixen en el document soacuten nomeacutes un
exemple drsquouna configuracioacute vagravelida En els casos pragravectics cal seleccionar les plantilles
que pertanyen a cada portal io que tingui cada usuari en els seus recursos
En el nostre cas es fan servir les plantilles ldquoGridB2LlistatTramitsrdquo ldquoGridBTramitrdquo i
ldquoGridBTramitNormativaSacrdquo
1
47
Per la creacioacute de la plantilla srsquohan de seguir els passos seguumlents
1 Accedir al ldquoBanc de Treballrdquo
2 Accedir a ldquoPresentation Templatesrdquo
3 Accedir a la carpeta de presentacions del nostre site en aquest exemple
ldquogenegravericrdquo
1
2
48
Un cop som al llistat de plantilles del nostre site cal fer el seguumlent
1 Seleccionar el signe ldquo+rdquo
2 Seleccionar Forma de Presentation Template
En realitzar aquesta accioacute srsquoobriragrave la finestra drsquoedicioacute o creacioacute de la Presentation
Template Srsquohan de crear dos plantilles noves amb les dades seguumlents
1 Plantilla per al llistat de tragravemits
a Nom cal posar un nom identificatiu de la plantilla per exemple
GenericoGridB2LlistatTramit
b Tipus de plantilla Portal Page
c VAPVCM Portal defaultgeneric (cal posar el nom del portal VAP)
d Element del menuacute de VAP FW_NavItem_GRIDB2
3
1
2
49
e Canal VCM per defecte
Tot seguit cal fer clic a ldquoOKrdquo
Per a la configuracioacute de la plantilla per al llistat de tragravemits es pot fer servir un
NavItem que utilitzi una grid amb destacats a la dreta per exemple la GRID B2 del
Site Genegraveric o beacute un Navitem sense destacats (el FW_NavItem_GRIDB creat
anteriorment)
El NavItem ha de disposar drsquoun portlet a la part central a nivell de Page per
configurar el llistat de tragravemits
f
50
2 Crear una nova Presentation Template per al detall de tragravemits i el pas a
pas
a Nom cal posar un nom identificatiu de la plantilla com per exemple
GenericoGridBTramit
b Tipus de plantilla Portal Page
c VAPVCM Portal defaultgeneric
d Element del menuacute de VAP FW_NavItem_GRIDB
e Canal VCM per defecte
Finalment cal fer clic a ldquoOKrdquo
Per configurar la plantilla per al detall dels tragravemits i el pas a pas srsquoha de fer servir un
NavItem que utilitzi una grid sense destacats a la dreta per exemple la GRID B del
site Genegraveric
El NavItem ha de disposar de dos portlets a la part central a nivell de Page per
configurar el llistat de tragravemits
Tot seguit cal crear una nova Presentation Template per al detall de tragravemits i el pas a
pas
a Nom cal posar un nom identificatiu de la plantilla per exemple
GenericoGridBTramitNormativaSac
f
51
b Tipus de plantilla Portal Page
c VAPVCM Portal defaultgeneric
d Element del menuacute de VAP FW_NavItem_GRIDB
e Canal VCM per defecte
Finalment cal fer clic a ldquoOKrdquo
322 Configuracioacute de la plantilla al canal
Les Presentation Templates que configurarem a continuacioacute soacuten drsquoexemple
Els responsables de cada site han de crear les seves progravepies plantilles
Un cop creat el canal i les Presentation Templates en configurarem la presentacioacute
1 Seleccionarem la casella de seleccioacute del canal que acabem de crear
2 Farem clic a la icona de propietats del canal
3 Navegarem a la pestanya ldquoPresentacioacuterdquo
52
Ens apareixeragrave un formulari com el que es mostra a continuacioacute i realitzarem les
accions seguumlents
1 Fer clic a ldquoAfegir presentacioacute de canalrdquo
1
2
3
53
Apareixeragrave la pantalla seguumlent amb lrsquoobjectiu de seleccionar una plantilla en el nostre
cas farem el seguumlent
1 Seleccionar el projecte de plantilles respectiu al portal A lrsquoexemple ldquogenericrdquo
Posteriorment apareixeragrave un llistat de plantilles (ldquoTemplatesrdquo)
1 En aquest cas seleccionarem ldquoGridB2LlistatTramitsrdquo
2 Acceptarem la seleccioacute ldquoOKrdquo
1
1
54
1
2
55
Un cop acceptat ens apareixeragrave la pantalla seguumlent on configurarem el ldquodetallrdquo Per a
aixograve cal fer el seguumlent
1 Fer clic a ldquoAssignar una Nova Plantilla de Presentacioacuterdquo
1
56
Tot seguit apareixeragrave la pantalla que es mostra a continuacioacute on realitzarem les
accions seguumlents
1 Fer clic a ldquoAfegir formatrdquo
En aquesta nova pantalla ens assegurarem del seguumlent
1 A la casella ldquoFormatrdquo hi ha el valor ldquodetallrdquo
2 A la casella ldquoTemplaterdquo hi ha drsquohaver el correcte Si no eacutes aixiacute srsquoha de fer clic a
ldquoNavegadorrdquo
En fer clic a ldquoNavegadorrdquo cal fer el seguumlent
1 Tornar a navegar fins a ldquogenericrdquo
1
1 2
57
1
58
I a la pantalla seguumlent cal seleccionar una plantilla i
1 Fer clic al botoacute a prop de ldquoGridBTramitrdquo
2 Fer clic a ldquoOKrdquo
1
2
59
En aquest moment es torna a la pantalla anterior i cal
1 Fer clic a ldquoOKrdquo
En el canal Llistat de tragravemits ha drsquoestar configurat el ldquoformatrdquo ldquodetallrdquo ja que la forma
de presentacioacute que configurarem a GridDBTramit necessitaragrave aquest format per
visualitzar el detall del contingut de tipus ldquoTragravemitrdquo
2
60
La pantalla anterior a aquesta ens ha de presentar aquesta informacioacute Ara
configurarem el ldquodetall2rdquo per presentar el contingut rdquo Normativa de SACrdquo Per a aixograve
cal fer el seguumlent
1 Fer clic a ldquoAfegir Formatrdquo
En aquesta nova pantalla ens assegurarem del seguumlent
1 A la casella ldquoFormatrdquo hi ha el valor ldquodetall2rdquo
1
61
2 A la casella ldquoTemplaterdquo hi ha drsquohaver el correcte Si no eacutes aixiacute srsquoha de fer clic a
ldquoNavegadorrdquo
En fer clic a ldquoNavegadorrdquo srsquoha de fer el seguumlent
1 Tornar a navegar fins a ldquogenericrdquo (srsquoha de substituir pel nom del portal)
1 2
62
1
63
A la pantalla seguumlent cal seleccionar una plantilla i
1 Fer clic al botoacute a prop de ldquoGridBTramitNormativaSacrdquo
2 Fer clic a ldquoOKrdquo
1
2
64
En aquest moment es torna a la pantalla anterior i cal fer el seguumlent
2 Fer clic a ldquoOKrdquo
En el canal Llistat de tragravemits ha drsquoestar configurat el ldquoformatrdquo ldquodetall2rdquo ja que la
forma de presentacioacute que configurarem a GridDBTramitNormativaSac necessitaragrave
aquest format per visualitzar el detall del contingut de tipus normativa ldquoSACrdquo
2
65
La pantalla anterior a aquesta ens ha de presentar aquesta informacioacute i srsquoha de fer el
seguumlent
2 Fer clic a ldquoOKrdquo
1
66
La finestra pare anterior a aquesta quedaragrave com es mostra tot seguit i realitzarem les
accions seguumlents
1 Fer clic a ldquoOKrdquo
4 Comparticioacute de continguts
Accedim al projecte on hi ha tots els tragravemits de lrsquoOVT
1
67
OVTDepartaments[NomCurtDepartaments][NomCurtOrganisme] TramitOVT
On NomCurtDepartaments correspon al nom curt del departament al que fa referencia
el nostre organisme
En aquest exemple es mostren tots els projectes de tragravemits de lrsquoOVT
Un cop localitzat el tragravemit de lrsquoOVT que volem compartir amb el nostre site accedirem
a lrsquoedicioacute del contingut i assignarem aquest contingut al canal del nostre site on es
vulgui mostrar Srsquoha de fer el seguumlent
1 Anar al contenidor de projectes on hi ha els continguts de GECO
Apareixeragrave lrsquoestructura de projectes a la qual teacute acceacutes lrsquousuari redactor Cal fer el
seguumlent (exemple Agegravencia Tributagraveria dins drsquoEconomia i Finances)
1 Seleccionar ldquoOVTrdquo
2 Seleccionar ldquoDepartamentsrdquo aquesta carpeta conteacute tots els tragravemits de lrsquoOVT
classificats per departaments
3 Seleccionar ldquoECOrdquo A lrsquousuari nomeacutes se li mostraragrave la carpeta del seu
departament
Si lrsquousuari no visualitza la carpeta dins del seu departament eacutes perquegrave no
srsquoha aplicat la poliacutetica de seguretat correctament Cal obrir un tiquet a Suport
gencat per tramitar aquests permisos AQUESTA CARPETA NOMEacuteS SERAgrave
VISIBLE PER ALS USUARIS AMB ROL REDACTOR
4 Seleccionar ldquoA_Agegravencia Tributagraveriardquo
5 Seleccionar ldquoTramitOVTrdquo
1
68
2
3
1
69
4
5
70
Apareixeragrave el llistat de continguts ldquoTragravemitOVTrdquo de lrsquoOVT de lrsquoAgegravencia Tributagraveria
Realitzarem les accions seguumlents
1 Seleccionar el tragravemit o els tragravemits que volem compartir en la web dorganisme
2 Fer clic a ldquoAssociarrdquo
2
1
71
Aquest proceacutes obriragrave una finestra Per seleccionar el site i canal on es volen mostrar
els tragravemits seleccionats realitzarem les accions seguumlents (cas site Generic)
1 Seleccionar el site ldquoGenericrdquo en el vostre cas el site del departament on es vol
mostrar el contingut ldquotragravemitrdquo
2 Navegar pels canals del Site Genegraveric fins al canal que srsquoha creat en el punt
ldquoLlistat de tragravemitsrdquo i seleccionar el quadre de verificacioacute
3 Fer clic a ldquoOKrdquo
1
72
2
3
73
41 Validar que la comparticioacute de continguts eacutes correcta
Accedim per VCM al canal que hem creat anteriorment al qual li acabem drsquoassignar
els continguts de tragravemits que ha de mostrar i fem el seguumlent
1 Anar al contenidor de portals
2 Seleccionar el Site ldquogenericrdquo
3 Seleccionar el canal ldquoHomerdquo
4 Seleccionar el canal ldquoCanal Llistat tragravemitsrdquo
1
2
3
74
4
75
Apareixeragrave el contingut assignat al canal ldquoCanal Llistat tragravemitsrdquo
En entrar trobarem el llistat seguumlent
1 Llistat del tragravemits de lrsquoOVT que srsquohan compartit amb el canal ldquoCanal Llistat
tragravemitsrdquo
2 Validar que els continguts que apareixen soacuten del tipus ldquoTramitOVTrdquo
En cas que al canal del site ldquoCanal Llistat tragravemitsrdquo no apareguin els continguts
tragravemits associats anteriorment cal repetir el pas 22
1 2
76
5 Configuracioacute al portal
Ara cal entrar al nostre site on tenim configurat el canal que hem creat en lrsquoapartat
anterior (21) i que ara configurarem a nivell de portal
51 Configuracioacute a Canal Llistat tragravemits
511 Configuracioacute de la llista de tragravemits
Farem clic a lrsquoenllaccedil ldquoCanal llistat tragravemitsrdquo de la ldquoHomerdquo i anirem a parar a una
pantalla com la que es mostra meacutes avall
Es pot apreciar que en el contingut de la pagravegina no hi ha res Aixograve eacutes perquegrave cal
configurar els portlets adequats ( )
1 Ens situarem sobre la icona ldquoOpcions de Pagraveginardquo
2 Seleccionarem ldquoObrir Plantillardquo ja que els portlets soacuten a nivell de Page
Ens apareixeragrave una pantalla com la que es mostra tot seguit i realitzarem les accions
seguumlents
1 Seleccionar el portlet de la part central de la pagravegina per configurar una ldquoLlista
automagravetica de contingutsrdquo
2
1
77
Tambeacute podem configurar una ldquoLlista manual de contingutsrdquo segons les
necessitats de cada usuari
78
Ens redirigiragrave cap a un formulari drsquoedicioacute que ens mostraragrave directament quina consulta
hem de configurar per mostrar els continguts i configurarem una consulta com la
seguumlent (evidentment segons les necessitats de cada usuari)
Ara tenim configurat que la pagravegina mostraragrave els tipus de contingut ldquoTramitOVTrdquo del
canal actual ordenats per la ldquoEacutes on-linerdquo en ordre descendent
Aixograve ens portaragrave a la pantalla principal on acabarem de completar la configuracioacute
1 Validar que en lrsquoapartat ldquoConsultardquo hi ha la configuracioacute que acabem drsquoafegir
2 Emplenar ldquoAgraveliesrdquo
3 En lrsquoapartat Forma de presentacioacute fer clic al botoacute ldquoCercar helliprdquo
79
Ens apareixeragrave la pantalla seguumlent
1 Fer clic a ldquoNavegacioacute per projectesrdquo
1
2
3
80
Ens canviaragrave la vista al format seguumlent
1 Navegarem per les carpetes fins a arribar a ldquoFramework Formes de
presentacioacute Site generic fw_fp_llistatramitsrdquo
2 Seleccionarem ldquofw_fp_llistatramitsrdquo
3 Farem clic a ldquoOKrdquo
1
1
81
En retornar a la pantalla principal cal
1 Validar que la forma de presentacioacute eacutes la que acabem de seleccionar
2 Fer clic a ldquoOKrdquo
1 (continuacioacute) 2
3
82
1
2
83
Aquest seragrave el nostre resultat a la pantalla del portal i cal fer el seguumlent
1 Verificar que apareixen els dos continguts que es van associar a aquest canal
1
84
512 Configuracioacute del detall del tragravemit i el pas a pas
En fer clic sobre una activitat veurem com ens redirigeix a la plantilla configurada al
ldquodetallrdquo drsquoaquesta pagravegina tal com la vam configurar en lrsquoapartat 231 cal fer el
seguumlent
1 Fer clic a la primera activitat
1
85
Ens sortiragrave la pagravegina de VAP del detall drsquoun contingut per configurar farem els
passos seguumlents
1 Ens situarem sobre la icona ldquoOpcions de Pagraveginardquo
2 Seleccionar ldquoObrir Plantillardquo ja que els portlets soacuten a nivell de Page
Ens apareixeragrave una pantalla com la que es mostra tot seguit i realitzarem les accions
seguumlents
1 Seleccionar el portlet de la part central de la pagravegina per configurar un ldquoDetall
de contingutrdquo i fer clic a ldquoEditarrdquo
Ens apareixeragrave la pantalla de seleccioacute de component de presentacioacute
1 Seleccionarem el component de presentacioacute ldquoDetall de contingutrdquo
1
2
1
86
Ens apareixeragrave la pantalla que es mostra tot seguit i realitzarem les accions seguumlents
1 Emplenar el camp ldquoAgraveliesrdquo
2 Canviar a la pestanya ldquoPresentacioacuterdquo
En fer clic a la pestanya obtindrem la imatge que es mostra tot seguit i realitzarem les
accions seguumlents
1 Cercarem una forma de presentacioacute fent clic a ldquoCercar helliprdquo
1
2
87
Quan aparegui la pantalla de cercador realitzarem una cerca de la forma de
presentacioacute que volem fer servir per a aixograve cal fer el seguumlent
1 Emplenar la caixa de text amb ldquofw_fp_tramitrdquo
2 Preacutemer ldquoCercarrdquo
3 Seleccionar la forma de presentacioacute de la caixa de resultats
4 Preacutemer ldquoOKrdquo
La forma de presentacioacute ldquofw_fp_tramitrdquo estagrave preparada per ldquomaquillarrdquo el contingut
dels tragravemits Tambeacute es pot fer servir una forma de presentacioacute personalitzada
segons es cregui convenient
1
1
2
3
4
88
En acabar tornarem a la pagravegina principal drsquoedicioacute i farem el seguumlent
1 Verificar que la forma de presentacioacute eacutes la que hem escollit
2 Fer clic a ldquoOKrdquo
En finalitzar la configuracioacute del component de presentacioacute tornem a la pantalla del
portal i cal fer el seguumlent
1 Verificar que el disseny de la presentacioacute eacutes semblant al seguumlent
1
2
89
Configurarem el portlet superior central de la pagravegina perquegrave aquesta contingui el fil
drsquoAriadna
1 Accedir a ldquoObrir Plantillardquo
1 Editar el portlet central que hi ha a sobre del detall de tragravemit per configurar el fil
drsquoAriadna En aquest exemple el portlet eacutes ldquoFW_hilo_ariadnardquo
Escollirem el component de presentacioacute
1 Seleccionar el component de presentacioacute ldquoFil drsquoAriadnardquo
1
1
90
En la configuracioacute del component realitzarem les accions seguumlents
1 Inserir el camp ldquoAgraveliesrdquo
2 Inserir el camp ldquoCanalrdquo
3 Fer clic a la pestanya ldquoPresentacioacuterdquo i cercar la forma de presentacioacute
ldquofw_fp_filariadnardquo
1
91
513 Configuracioacute del detall drsquouna normativa SAC
En el detall de contingut configurat en el punt anterior fent clic sobre una normativa
veurem com ens redirigeix a la plantilla configurada al ldquodetall2rdquo drsquoaquesta pagravegina tal
com hem configurat a lrsquoapartat 231
1 Fer clic a la primera ldquoNormativa Aplicablerdquo
2
3
92
Aquest enllaccedil ens portaragrave al detall2 del canal on srsquoha de configurar el detall de
contingut SAC per tal que es mostri la normativa aplicable
Configurarem el portlet superior central de la pagravegina perquegrave aquesta contingui el fil
drsquoAriadna per a aixograve cal fer el seguumlent
1 Accedir a ldquoObrir Plantillardquo
1
93
1
94
1 Editar el portlet central que hi ha a sobre del detall de tragravemit per configurar el fil
drsquoAriadna En aquest exemple el portlet eacutes ldquofw_portlet_tramitrdquo
Escollirem el component de presentacioacute
1 Seleccionar el component de presentacioacute ldquoDetall de Contingut SACrdquo
En la configuracioacute del component realitzarem les accions seguumlents
1 Inserir el camp ldquoAgraveliesrdquo
2 Seleccionar el tipus de contingut ldquoDetall Tragravemitrdquo
1
95
3 Fer clic a la pestanya ldquoPresentacioacuterdquo i cercar la forma de presentacioacute
ldquofw_fp_sac_normativardquo
4 Fer clic al botoacute ldquoOKrdquo
Srsquoactualitzaragrave la pagravegina de VAP i es mostraragrave el detall de SAC
1
2
3
4
96
514 Validacioacute final de VAP
Finalment cal validar que els tragravemits es visualitzen correctament per a aixograve cal
1 Verificar que tenim els canals creats
2 Accedir al canal ldquoCanal Llistat tragravemitsrdquo i validar que es mostren els tragravemits
que hem associat al punt 22
1
97
A continuacioacute cal fer les comprovacions seguumlents
1 Accedir al detall del tragravemit compartit
2 Accedir al pas a pas del tragravemit i a la normativa de SAC
Exemple llistat de tragravemits compartits
2
1
98
Exemple detall de tragravemit compartit
Exemple pas a pas drsquoun tragravemit
2
2
99
Exemple normativa SAC
En el cas que no es visualitzin el llistat de tragravemits detall o pas a pas configurat
validar
1 Refrescar la Pagravegina
2 Els tragravemits estan associats al canal que esteacuten visualitzat punt 23
1 Refrescar la pagravegina
1
5
2 Configuracioacute de lrsquoadministracioacute de VAP
A continuacioacute explicarem la configuracioacute que srsquoha de realitzar a VAP perquegrave es puguin
visualitzar el tragravemits en un portal diferent de lrsquoOVT utilitzant els recursos del Site
Genegraveric Tot seguit indicarem com es crea una pagravegina i un element de navegacioacute per
poder configurar els canals de VCM meacutes endavant
Atencioacute
En lrsquoexemple es presenta la creacioacute de la Page NavItem utilitzant la Graella i
tema de Genegraveric Cada site srsquoha de crear el seu propi NavItem depenent de
les caracteriacutestiques del seu site
El Llistat de tragravemits es pot configurar amb una graella amb destacats a la
dreta o sense
La configuracioacute del detall dels tragravemits el pas a pas del tragravemit i la normativa
aplicable srsquoha de fer amb una graella sense destacats a la dreta per tal que
la visualitzacioacute sigui correcta
En aquesta primera part es crearan dos Navigation Item que srsquoencarregaran de
mostrar un llistat de tragravemits i les modalitats del detall Lrsquoexemple mostraragrave la
configuracioacute drsquoun MenuItem VAP amb destacats (Llistat de tragravemits) i un sense
destacats (Detall) Si no es fan servir destacats es pot saltar lrsquoapartat 21 i seguir
directament a lrsquoapartat 22 (creacioacute de la pagravegina de detall)
6
21 Crear la pagravegina de llistat de tragravemits
Dins del gestor de portals (VAP) realitzarem les tasques seguumlents
1 Accedir a la consola de ldquoVAPrdquo del nostre site
2 Seleccionar ldquoComponentsrdquo
3 Seleccionar ldquoPagesrdquo
4 Seleccionar ldquoLlistat de Pagraveginesrdquo
5 Fer clic a ldquoCrear Pagraveginardquo
Srsquoobriragrave un formulari per donar drsquoalta una nova pagravegina Cal fer el seguumlent
1
2
3
4
5
7
1 Introduir el nom de la pagravegina per exemple FW_Pagina_Grid_Tramits_B2
2 Seleccionar ldquoEnllaccedil de Navegacioacuterdquo
3 Fer clic a ldquoCrear Pagraveginardquo
Sersquons mostraragrave la pantalla seguumlent on cal
1 Seleccionar ldquoVisualitzacioacuterdquo
Apareix la pantalla seguumlent on cal
1 Seleccionar ldquo1 columnardquo
2 Fer clic a ldquoActualitzarrdquo
3 Seleccionar ldquoColmiddotlocacioacute de Portletrdquo
1
3
2
1
8
Sersquons mostraragrave la pantalla seguumlent on cal
1 Fer clic a ldquoAfegir Portletsrdquo
Ens mostraragrave la pantalla seguumlent on cal
1 Seleccionar ldquoCrear i afegir nous Portletsrdquo
1
2
3
1
9
Ens mostraragrave la pantalla seguumlent on cal
1 Seleccionar ldquoContent Publish Portlet 20rdquo
2 Fer clic a ldquoCrear Seleccionatsrdquo
3 Fer clic a ldquoTancarrdquo
Es poden afegir tants portlets com es vulgui a la pagravegina i com a miacutenim un
per configurar el llistat de tragravemits
1
10
1
2
3
11
La pagravegina srsquohauragrave actualitzat amb els portlets que srsquohan creat tot seguit cal fer el
seguumlent
1 Fer clic al tiacutetol del portlet
1
12
Srsquoha de configurar el tipus de portlet per al llistat Tragravemit per a aixograve cal
1 Posar un nom al portlet
2 Posar el nivell Template
3 Seleccionar que pot ser un Llista Manual o Automagravetica de continguts
4 Posar en ldquoJSP Override URLrdquo la ruta ldquovgn-ext-templatingviewsindexControladorjsprdquo
5 Fer clic a ldquoSaverdquo
1
2
3
3
5
4
vgn-ext-templatingviewsindexControladorjsp
13
Srsquohan de configurar permisos del portlet per al llistat Tragravemit per a aixograve cal
1 Seleccionar ldquoPermisosrdquo
2 Seleccionar els grups que es volen autoritzar
3 Fer clic a ldquoActualitzarrdquo
1
2
3
14
Srsquohan de configurar les dades bagravesiques del portlet per fer-ho cal
1 Seleccionar ldquoBagravesicsrdquo
2 Posar el nom del portlet
3 Desmarcar el quadre de verificacioacute ldquoMostra el cromrdquo
4 Fer clic a ldquoActualitzarrdquo
1
2
3
4
15
1 Tot seguit cal validar que la pagravegina srsquoha creat correctament
2 Srsquoha de fer clic al nom de la pagravegina
1
2
16
1 Bloquejar la pagravegina
2 Fer clic a ldquoActualitzar Opcionsrdquo
1
2
17
211 Crear NavItem del llistat Tragravemits
A partir de la consola de VAP farem les tasques seguumlents per crear el NavItem
1 Anar a lrsquoopcioacute del menuacute ldquoArbre de Navegacioacuterdquo
2 Fer clic a ldquoCrear Element de Navegacioacuterdquo
1
2
18
Per crear lrsquoelement de navegacioacute realitzarem les tasques seguumlents
1 Posar el nom al NavItem rdquoFW_NavItem_GRIDB2rdquo
2 Seleccionar ldquoEnllaccedilar ardquo i seleccionar la pagravegina que acabem de crear
3 Seleccionar el tema ldquoFW_Temardquo
4 Seleccionar la graella ldquoFW_Grid_B2rdquo
5 Fer clic a ldquoCrearrdquo
1
2
3
4
5
19
Quan seleccionem ldquoEnllaccedilar ardquo i triem la pagravegina que acabem de crear srsquoobriragrave la
finestra seguumlent per a aixograve cal
1 Cercar la pagravegina que hem creat en el pas anterior
2 Marcar el quadre de verificacioacute de la pagravegina
3 Fer clic a ldquoOKrdquo
Quan seleccionem el tema srsquoobriragrave la finestra seguumlent per a aixograve cal fer el seguumlent
1 Seleccionar el quadre de verificacioacute del tema que farem servir al nostre site per
a aquest exemple fem servir el tema del Site Genegraveric
2 Fer clic a ldquoSalvarrdquo
Quan seleccionem la graella srsquoobriragrave la finestra seguumlent per a aixograve cal
3 Seleccionar la graella que utilitzarem al nostre site per a aquest exemple farem
servir la Graella FW_Grid_B2 que teacute destacats a la dreta del Site Genegraveric
1
1
2
3
2
20
4 Fer clic a ldquoSalvarrdquo
1
2
21
22 Crear pagravegina de detall de tragravemits i normativa SAC
Dins del gestor de portals (VAP) realitzarem les tasques seguumlents
1 Accedir a la consola de ldquoVAPrdquo del nostre site
2 Seleccionar ldquoComponentsrdquo
3 Seleccionar ldquoPagesrdquo
4 Seleccionar ldquoLlistat de Pagraveginesrdquo
5 Fer clic a ldquoCrear Pagraveginardquo
1
2
3
4
5
22
Srsquoobriragrave un formulari per donar drsquoalta una nova pagravegina Aquiacute cal
4 Introduir el nom de la pagravegina FW_Pagina_Grid_Tramits_SAC_Detall_B
5 Seleccionar ldquoEnllaccedil de Navegacioacuterdquo
6 Fer clic a ldquoCrear Pagraveginardquo
Sersquons mostraragrave la pantalla seguumlent on cal
1 Seleccionar ldquoVisualitzacioacuterdquo
1
3
2
1
23
Sersquons mostraragrave la pantalla seguumlent on cal
4 Seleccionar ldquo1 columnardquo
5 Fer clic a ldquoActualitzarrdquo
6 Seleccionar ldquoColmiddotlocacioacute de Portletrdquo
1
2
3
24
Sersquons mostraragrave la pantalla seguumlent on cal
2 Fer clic a ldquoAfegir Portletsrdquo
Sersquons mostraragrave la pantalla seguumlent on cal
2 Seleccionar ldquoCrear i afegir nous Portletsrdquo
1
25
Sersquons mostraragrave la pantalla seguumlent on cal
4 Seleccionar ldquoContent Publish Portlet 20rdquo
5 Fer clic a ldquoCrear Seleccionatsrdquo
6 Fer clic a ldquoTancarrdquo
Es poden afegir tants portlets com es vulgui a la pagravegina i com a miacutenim un
per configurar el llistat de tragravemits
1
26
1
2
3
27
La pagravegina srsquohauragrave actualitzat amb els portlets que srsquohan creat tot seguit cal fer el
seguumlent
2 Fer clic al tiacutetol del portlet
1
28
Srsquoha de configurar el tipus de portlet per al llistat Tragravemit per a aixograve cal
Posar un nom al portlet
1 Posar si eacutes a nivell de Page o Template
2 Seleccionar que pot ser un Detall de contingut i Detall de contingut SAC
3 Posar en ldquoJSP Override URLrdquo la ruta ldquovgn-ext-templatingviewsindexControladorjsprdquo
4 Fer clic a ldquoSaverdquo
1
2
3
3
5
4
vgn-ext-templatingviewsindexControladorjsp
29
Srsquohan de configurar permisos del portlet per al detall del tragravemit i la normativa SAC per
a aixograve cal
4 Seleccionar ldquoPermisosrdquo
5 Seleccionar els grups que es volen autoritzar
6 Fer clic a ldquoActualitzarrdquo
1
2
3
30
Tot seguit srsquohan de configurar les dades bagravesiques del portlet per a aixograve srsquoha de fer el
seguumlent
1 Seleccionar ldquoBagravesicsrdquo
2 Posar el nom del portlet ldquofw_portlet_tramit_sac_detallrdquo
3 Desmarcar el quadre de verificacioacute ldquoMostra el cromrdquo
4 Fer clic a ldquoActualitzarrdquo
1
2
3
4
31
Despreacutes cal validar que la pagravegina srsquoha creat correctament per a aixograve cal fer el
seguumlent
1 Seleccionar ldquoLlista Pagraveginardquo
2 Fer clic al nom de la pagravegina
1
2
32
Per bloquejar la pagravegina cal fer el seguumlent
1 Seleccionar la casella de verificacioacute ldquoPagravegina Bloquejadardquo
2 Fer clic a ldquoActualitzar Opcionsrdquo
1
2
33
221 Crear NavItem de detall de tragravemits i normativa SAC
A partir de la consola de VAP farem les tasques seguumlents per crear el NavItem
1 Anar a lrsquoopcioacute del menuacute ldquoArbre de Navegacioacuterdquo
2 Fer clic a ldquoCrear Element de Navegacioacuterdquo
1
2
34
Per crear lrsquoelement de Navegacioacute realitzarem les tasques seguumlents
1 Posar el nom al NavItem rdquoFW_NavItem_GRIDBrdquo
2 Seleccionar ldquoEnllaccedilar ardquo i seleccionar la pagravegina que acabem de crear
3 Seleccionar el tema ldquoFW_Temardquo
4 Seleccionar la graella ldquoFW_Grid_Brdquo sense destacats a la dreta per
visualitzar correctament el detall de tragravemits el pas a pas i la normativa SAC
5 Fer clic a ldquoCrearrdquo
1
2
3
4
5
35
Quan seleccionem ldquoEnllaccedilar ardquo i seleccionem la pagravegina que acabem de crear srsquoobriragrave
la finestra seguumlent aquiacute cal
1 Cercar la pagravegina que hem creat en el pas anterior
2 Seleccionar la casella de verificacioacute de la pagravegina
3 Fer clic a ldquoOKrdquo
Quan fem seleccionem el tema srsquoobriragrave la seguumlent finestra per a aixograve cal
1 Seleccionar la casella de verificacioacute del tema que utilitzarem al nostre site per
a aquest exemple farem servir el tema del Site Genegraveric
2 Fer clic a ldquoSalvarrdquo
1
1
2
3
2
36
Quan seleccionem la graella srsquoobriragrave la finestra seguumlent aquiacute cal
1 Seleccionar la graella que utilitzarem al nostre site per a aquest exemple farem
servir la Graella FW_Grid_B sense destacats a la dreta del Site Genegraveric Per
tal de visualitzar correctament el detall del tragravemit el pas a pas i la normativa
SAC eacutes imprescindible que la graella tingui una uacutenica columna de continguts
2 Fer clic a ldquoSalvarrdquo
1
2
37
3 Configuracioacute de lrsquoadministracioacute de VCM
31 Creacioacute del canal ldquoLlistat tragravemitsrdquo
Dins del gestor de continguts realitzarem les tasques seguumlents
1 Accedir a ldquoPortalsrdquo
2 Navegar fins al ldquoPortalrdquo on volem configurar el llistat de continguts
3 Seleccionar ldquoHomerdquo
4 Posicionar-se sobre la creu verda i seleccionar ldquoCanalrdquo
a Emplenar la informacioacute i fer clic a ldquoOKrdquo
b Assegurar-se que el canal eacutes ldquoActiurdquo
1
2
3
38
311 Associacioacute de fitxers a la presentacioacute drsquoun canal
Ara srsquohan drsquoassociar els fitxers estagravetics adequats a la presentacioacute del canal perquegrave les
formes de presentacioacute posteriors trobin els estils i els Javascript corresponents
Per a aixograve cal entrar a les propietats del canal ldquoCanal Llistat tragravemitsrdquo i
1 Seleccionar el canal ldquoCanal Llistat tragravemitsrdquo
4
4a
4b
39
1
40
En entrar trobarem el llistat seguumlent on cal
1 Fer clic a ldquoCanal Llistat tragravemitsrdquo
2 Aquest eacutes un contingut del tipus Canals (cal fixar-se que no eacutes com lrsquoanterior)
Es mostraragrave la pantalla seguumlent on afegirem els fitxers relacionats amb el canal per a
cada idioma aquiacute cal
1 Emplenar els camps requerits per crear una pestanya del multiidioma
2 Desplaccedilar-se cap avall en lrsquoapartat ldquomultiidiomardquo fins a observar lrsquoapartat
drsquoassociacioacute de fitxers
3 Fer clic a ldquoAfegirrdquo
En aquest moment apareixeragrave la pantalla seguumlent
1 Si voleu afegir un fitxer amb extensioacute css cal deixar el camp ldquoTipus de fitxerrdquo
amb valor ldquocssrdquo Si voleu afegir un fitxer que teacute extensioacute js srsquoha de canviar el
camp ldquoTipus de fitxerrdquo al valor ldquojsrdquo
2 Fer clic a ldquoNavegadorrdquo
1
2 1 3
2
41
Apareixeragrave la pantalla de navegacioacute de continguts i anirem cercant els fitxers estagravetics
que associarem aquiacute cal
1 Fer clic a ldquoFrameworkrdquo
2 Fer clic a ldquoestilos y scriptsrdquo
3 Fer clic a ldquoNuevos Estilos imagenes y jsrdquo
4 Fer clic a ldquoGlobalsrdquo
2 1
42
43
44
Una vegada se nrsquohagin seleccionat tornarem a la pantalla anterior i farem el seguumlent
1 Verificar que el fitxer seleccionat eacutes el que apareix al quadre de text i que la
seva extensioacute coincideix amb la que hi ha seleccionada a ldquoTipus de fitxerrdquo
2 Fer clic a ldquoOKrdquo
Un cop acabades totes les associacions el resultat de les associacions afegides a la
pantalla principal ha de ser el seguumlent
1 Fer clic a ldquoAplicarrdquo a lrsquoapartat ldquomultiidiomardquo
1
2
45
1
46
Es recarregaragrave la pantalla
1 Fer clic a ldquoOKrdquo al nivell general
Ja tenim configurat el canal que mostraragrave ldquoLlistat de tragravemitsrdquo amb els fitxers associats
que fa referegravencia a la forma de presentacioacute que farem servir aquest mateix canal
mostraragrave el detall del contingut tragravemit amb el format detall
32 Creacioacute i assignacioacute de plantilles de presentacioacute per al
canal ldquoCanal Llistat tragravemitsrdquo
321 Creacioacute de les plantilles (templates) de VCM
La configuracioacute del canal de VCM per mostrar els llistats de tragravemits i el seu detall es
basen en tres plantilles una per llistar el tragravemits (format default) una per mostrar el
detall i el pas a pas drsquoun tragravemit (format detall) i una altra per mostrar la normativa
aplicable drsquoun tragravemit (format detall2)
A continuacioacute srsquoexplica com es creen les plantilles de presentacioacute
(Presentation Templates) necessagraveries per configurar els tragravemits Els
responsables de cada site srsquohan de crear les seves progravepies plantilles
Cal tenir en compte que les plantilles que apareixen en el document soacuten nomeacutes un
exemple drsquouna configuracioacute vagravelida En els casos pragravectics cal seleccionar les plantilles
que pertanyen a cada portal io que tingui cada usuari en els seus recursos
En el nostre cas es fan servir les plantilles ldquoGridB2LlistatTramitsrdquo ldquoGridBTramitrdquo i
ldquoGridBTramitNormativaSacrdquo
1
47
Per la creacioacute de la plantilla srsquohan de seguir els passos seguumlents
1 Accedir al ldquoBanc de Treballrdquo
2 Accedir a ldquoPresentation Templatesrdquo
3 Accedir a la carpeta de presentacions del nostre site en aquest exemple
ldquogenegravericrdquo
1
2
48
Un cop som al llistat de plantilles del nostre site cal fer el seguumlent
1 Seleccionar el signe ldquo+rdquo
2 Seleccionar Forma de Presentation Template
En realitzar aquesta accioacute srsquoobriragrave la finestra drsquoedicioacute o creacioacute de la Presentation
Template Srsquohan de crear dos plantilles noves amb les dades seguumlents
1 Plantilla per al llistat de tragravemits
a Nom cal posar un nom identificatiu de la plantilla per exemple
GenericoGridB2LlistatTramit
b Tipus de plantilla Portal Page
c VAPVCM Portal defaultgeneric (cal posar el nom del portal VAP)
d Element del menuacute de VAP FW_NavItem_GRIDB2
3
1
2
49
e Canal VCM per defecte
Tot seguit cal fer clic a ldquoOKrdquo
Per a la configuracioacute de la plantilla per al llistat de tragravemits es pot fer servir un
NavItem que utilitzi una grid amb destacats a la dreta per exemple la GRID B2 del
Site Genegraveric o beacute un Navitem sense destacats (el FW_NavItem_GRIDB creat
anteriorment)
El NavItem ha de disposar drsquoun portlet a la part central a nivell de Page per
configurar el llistat de tragravemits
f
50
2 Crear una nova Presentation Template per al detall de tragravemits i el pas a
pas
a Nom cal posar un nom identificatiu de la plantilla com per exemple
GenericoGridBTramit
b Tipus de plantilla Portal Page
c VAPVCM Portal defaultgeneric
d Element del menuacute de VAP FW_NavItem_GRIDB
e Canal VCM per defecte
Finalment cal fer clic a ldquoOKrdquo
Per configurar la plantilla per al detall dels tragravemits i el pas a pas srsquoha de fer servir un
NavItem que utilitzi una grid sense destacats a la dreta per exemple la GRID B del
site Genegraveric
El NavItem ha de disposar de dos portlets a la part central a nivell de Page per
configurar el llistat de tragravemits
Tot seguit cal crear una nova Presentation Template per al detall de tragravemits i el pas a
pas
a Nom cal posar un nom identificatiu de la plantilla per exemple
GenericoGridBTramitNormativaSac
f
51
b Tipus de plantilla Portal Page
c VAPVCM Portal defaultgeneric
d Element del menuacute de VAP FW_NavItem_GRIDB
e Canal VCM per defecte
Finalment cal fer clic a ldquoOKrdquo
322 Configuracioacute de la plantilla al canal
Les Presentation Templates que configurarem a continuacioacute soacuten drsquoexemple
Els responsables de cada site han de crear les seves progravepies plantilles
Un cop creat el canal i les Presentation Templates en configurarem la presentacioacute
1 Seleccionarem la casella de seleccioacute del canal que acabem de crear
2 Farem clic a la icona de propietats del canal
3 Navegarem a la pestanya ldquoPresentacioacuterdquo
52
Ens apareixeragrave un formulari com el que es mostra a continuacioacute i realitzarem les
accions seguumlents
1 Fer clic a ldquoAfegir presentacioacute de canalrdquo
1
2
3
53
Apareixeragrave la pantalla seguumlent amb lrsquoobjectiu de seleccionar una plantilla en el nostre
cas farem el seguumlent
1 Seleccionar el projecte de plantilles respectiu al portal A lrsquoexemple ldquogenericrdquo
Posteriorment apareixeragrave un llistat de plantilles (ldquoTemplatesrdquo)
1 En aquest cas seleccionarem ldquoGridB2LlistatTramitsrdquo
2 Acceptarem la seleccioacute ldquoOKrdquo
1
1
54
1
2
55
Un cop acceptat ens apareixeragrave la pantalla seguumlent on configurarem el ldquodetallrdquo Per a
aixograve cal fer el seguumlent
1 Fer clic a ldquoAssignar una Nova Plantilla de Presentacioacuterdquo
1
56
Tot seguit apareixeragrave la pantalla que es mostra a continuacioacute on realitzarem les
accions seguumlents
1 Fer clic a ldquoAfegir formatrdquo
En aquesta nova pantalla ens assegurarem del seguumlent
1 A la casella ldquoFormatrdquo hi ha el valor ldquodetallrdquo
2 A la casella ldquoTemplaterdquo hi ha drsquohaver el correcte Si no eacutes aixiacute srsquoha de fer clic a
ldquoNavegadorrdquo
En fer clic a ldquoNavegadorrdquo cal fer el seguumlent
1 Tornar a navegar fins a ldquogenericrdquo
1
1 2
57
1
58
I a la pantalla seguumlent cal seleccionar una plantilla i
1 Fer clic al botoacute a prop de ldquoGridBTramitrdquo
2 Fer clic a ldquoOKrdquo
1
2
59
En aquest moment es torna a la pantalla anterior i cal
1 Fer clic a ldquoOKrdquo
En el canal Llistat de tragravemits ha drsquoestar configurat el ldquoformatrdquo ldquodetallrdquo ja que la forma
de presentacioacute que configurarem a GridDBTramit necessitaragrave aquest format per
visualitzar el detall del contingut de tipus ldquoTragravemitrdquo
2
60
La pantalla anterior a aquesta ens ha de presentar aquesta informacioacute Ara
configurarem el ldquodetall2rdquo per presentar el contingut rdquo Normativa de SACrdquo Per a aixograve
cal fer el seguumlent
1 Fer clic a ldquoAfegir Formatrdquo
En aquesta nova pantalla ens assegurarem del seguumlent
1 A la casella ldquoFormatrdquo hi ha el valor ldquodetall2rdquo
1
61
2 A la casella ldquoTemplaterdquo hi ha drsquohaver el correcte Si no eacutes aixiacute srsquoha de fer clic a
ldquoNavegadorrdquo
En fer clic a ldquoNavegadorrdquo srsquoha de fer el seguumlent
1 Tornar a navegar fins a ldquogenericrdquo (srsquoha de substituir pel nom del portal)
1 2
62
1
63
A la pantalla seguumlent cal seleccionar una plantilla i
1 Fer clic al botoacute a prop de ldquoGridBTramitNormativaSacrdquo
2 Fer clic a ldquoOKrdquo
1
2
64
En aquest moment es torna a la pantalla anterior i cal fer el seguumlent
2 Fer clic a ldquoOKrdquo
En el canal Llistat de tragravemits ha drsquoestar configurat el ldquoformatrdquo ldquodetall2rdquo ja que la
forma de presentacioacute que configurarem a GridDBTramitNormativaSac necessitaragrave
aquest format per visualitzar el detall del contingut de tipus normativa ldquoSACrdquo
2
65
La pantalla anterior a aquesta ens ha de presentar aquesta informacioacute i srsquoha de fer el
seguumlent
2 Fer clic a ldquoOKrdquo
1
66
La finestra pare anterior a aquesta quedaragrave com es mostra tot seguit i realitzarem les
accions seguumlents
1 Fer clic a ldquoOKrdquo
4 Comparticioacute de continguts
Accedim al projecte on hi ha tots els tragravemits de lrsquoOVT
1
67
OVTDepartaments[NomCurtDepartaments][NomCurtOrganisme] TramitOVT
On NomCurtDepartaments correspon al nom curt del departament al que fa referencia
el nostre organisme
En aquest exemple es mostren tots els projectes de tragravemits de lrsquoOVT
Un cop localitzat el tragravemit de lrsquoOVT que volem compartir amb el nostre site accedirem
a lrsquoedicioacute del contingut i assignarem aquest contingut al canal del nostre site on es
vulgui mostrar Srsquoha de fer el seguumlent
1 Anar al contenidor de projectes on hi ha els continguts de GECO
Apareixeragrave lrsquoestructura de projectes a la qual teacute acceacutes lrsquousuari redactor Cal fer el
seguumlent (exemple Agegravencia Tributagraveria dins drsquoEconomia i Finances)
1 Seleccionar ldquoOVTrdquo
2 Seleccionar ldquoDepartamentsrdquo aquesta carpeta conteacute tots els tragravemits de lrsquoOVT
classificats per departaments
3 Seleccionar ldquoECOrdquo A lrsquousuari nomeacutes se li mostraragrave la carpeta del seu
departament
Si lrsquousuari no visualitza la carpeta dins del seu departament eacutes perquegrave no
srsquoha aplicat la poliacutetica de seguretat correctament Cal obrir un tiquet a Suport
gencat per tramitar aquests permisos AQUESTA CARPETA NOMEacuteS SERAgrave
VISIBLE PER ALS USUARIS AMB ROL REDACTOR
4 Seleccionar ldquoA_Agegravencia Tributagraveriardquo
5 Seleccionar ldquoTramitOVTrdquo
1
68
2
3
1
69
4
5
70
Apareixeragrave el llistat de continguts ldquoTragravemitOVTrdquo de lrsquoOVT de lrsquoAgegravencia Tributagraveria
Realitzarem les accions seguumlents
1 Seleccionar el tragravemit o els tragravemits que volem compartir en la web dorganisme
2 Fer clic a ldquoAssociarrdquo
2
1
71
Aquest proceacutes obriragrave una finestra Per seleccionar el site i canal on es volen mostrar
els tragravemits seleccionats realitzarem les accions seguumlents (cas site Generic)
1 Seleccionar el site ldquoGenericrdquo en el vostre cas el site del departament on es vol
mostrar el contingut ldquotragravemitrdquo
2 Navegar pels canals del Site Genegraveric fins al canal que srsquoha creat en el punt
ldquoLlistat de tragravemitsrdquo i seleccionar el quadre de verificacioacute
3 Fer clic a ldquoOKrdquo
1
72
2
3
73
41 Validar que la comparticioacute de continguts eacutes correcta
Accedim per VCM al canal que hem creat anteriorment al qual li acabem drsquoassignar
els continguts de tragravemits que ha de mostrar i fem el seguumlent
1 Anar al contenidor de portals
2 Seleccionar el Site ldquogenericrdquo
3 Seleccionar el canal ldquoHomerdquo
4 Seleccionar el canal ldquoCanal Llistat tragravemitsrdquo
1
2
3
74
4
75
Apareixeragrave el contingut assignat al canal ldquoCanal Llistat tragravemitsrdquo
En entrar trobarem el llistat seguumlent
1 Llistat del tragravemits de lrsquoOVT que srsquohan compartit amb el canal ldquoCanal Llistat
tragravemitsrdquo
2 Validar que els continguts que apareixen soacuten del tipus ldquoTramitOVTrdquo
En cas que al canal del site ldquoCanal Llistat tragravemitsrdquo no apareguin els continguts
tragravemits associats anteriorment cal repetir el pas 22
1 2
76
5 Configuracioacute al portal
Ara cal entrar al nostre site on tenim configurat el canal que hem creat en lrsquoapartat
anterior (21) i que ara configurarem a nivell de portal
51 Configuracioacute a Canal Llistat tragravemits
511 Configuracioacute de la llista de tragravemits
Farem clic a lrsquoenllaccedil ldquoCanal llistat tragravemitsrdquo de la ldquoHomerdquo i anirem a parar a una
pantalla com la que es mostra meacutes avall
Es pot apreciar que en el contingut de la pagravegina no hi ha res Aixograve eacutes perquegrave cal
configurar els portlets adequats ( )
1 Ens situarem sobre la icona ldquoOpcions de Pagraveginardquo
2 Seleccionarem ldquoObrir Plantillardquo ja que els portlets soacuten a nivell de Page
Ens apareixeragrave una pantalla com la que es mostra tot seguit i realitzarem les accions
seguumlents
1 Seleccionar el portlet de la part central de la pagravegina per configurar una ldquoLlista
automagravetica de contingutsrdquo
2
1
77
Tambeacute podem configurar una ldquoLlista manual de contingutsrdquo segons les
necessitats de cada usuari
78
Ens redirigiragrave cap a un formulari drsquoedicioacute que ens mostraragrave directament quina consulta
hem de configurar per mostrar els continguts i configurarem una consulta com la
seguumlent (evidentment segons les necessitats de cada usuari)
Ara tenim configurat que la pagravegina mostraragrave els tipus de contingut ldquoTramitOVTrdquo del
canal actual ordenats per la ldquoEacutes on-linerdquo en ordre descendent
Aixograve ens portaragrave a la pantalla principal on acabarem de completar la configuracioacute
1 Validar que en lrsquoapartat ldquoConsultardquo hi ha la configuracioacute que acabem drsquoafegir
2 Emplenar ldquoAgraveliesrdquo
3 En lrsquoapartat Forma de presentacioacute fer clic al botoacute ldquoCercar helliprdquo
79
Ens apareixeragrave la pantalla seguumlent
1 Fer clic a ldquoNavegacioacute per projectesrdquo
1
2
3
80
Ens canviaragrave la vista al format seguumlent
1 Navegarem per les carpetes fins a arribar a ldquoFramework Formes de
presentacioacute Site generic fw_fp_llistatramitsrdquo
2 Seleccionarem ldquofw_fp_llistatramitsrdquo
3 Farem clic a ldquoOKrdquo
1
1
81
En retornar a la pantalla principal cal
1 Validar que la forma de presentacioacute eacutes la que acabem de seleccionar
2 Fer clic a ldquoOKrdquo
1 (continuacioacute) 2
3
82
1
2
83
Aquest seragrave el nostre resultat a la pantalla del portal i cal fer el seguumlent
1 Verificar que apareixen els dos continguts que es van associar a aquest canal
1
84
512 Configuracioacute del detall del tragravemit i el pas a pas
En fer clic sobre una activitat veurem com ens redirigeix a la plantilla configurada al
ldquodetallrdquo drsquoaquesta pagravegina tal com la vam configurar en lrsquoapartat 231 cal fer el
seguumlent
1 Fer clic a la primera activitat
1
85
Ens sortiragrave la pagravegina de VAP del detall drsquoun contingut per configurar farem els
passos seguumlents
1 Ens situarem sobre la icona ldquoOpcions de Pagraveginardquo
2 Seleccionar ldquoObrir Plantillardquo ja que els portlets soacuten a nivell de Page
Ens apareixeragrave una pantalla com la que es mostra tot seguit i realitzarem les accions
seguumlents
1 Seleccionar el portlet de la part central de la pagravegina per configurar un ldquoDetall
de contingutrdquo i fer clic a ldquoEditarrdquo
Ens apareixeragrave la pantalla de seleccioacute de component de presentacioacute
1 Seleccionarem el component de presentacioacute ldquoDetall de contingutrdquo
1
2
1
86
Ens apareixeragrave la pantalla que es mostra tot seguit i realitzarem les accions seguumlents
1 Emplenar el camp ldquoAgraveliesrdquo
2 Canviar a la pestanya ldquoPresentacioacuterdquo
En fer clic a la pestanya obtindrem la imatge que es mostra tot seguit i realitzarem les
accions seguumlents
1 Cercarem una forma de presentacioacute fent clic a ldquoCercar helliprdquo
1
2
87
Quan aparegui la pantalla de cercador realitzarem una cerca de la forma de
presentacioacute que volem fer servir per a aixograve cal fer el seguumlent
1 Emplenar la caixa de text amb ldquofw_fp_tramitrdquo
2 Preacutemer ldquoCercarrdquo
3 Seleccionar la forma de presentacioacute de la caixa de resultats
4 Preacutemer ldquoOKrdquo
La forma de presentacioacute ldquofw_fp_tramitrdquo estagrave preparada per ldquomaquillarrdquo el contingut
dels tragravemits Tambeacute es pot fer servir una forma de presentacioacute personalitzada
segons es cregui convenient
1
1
2
3
4
88
En acabar tornarem a la pagravegina principal drsquoedicioacute i farem el seguumlent
1 Verificar que la forma de presentacioacute eacutes la que hem escollit
2 Fer clic a ldquoOKrdquo
En finalitzar la configuracioacute del component de presentacioacute tornem a la pantalla del
portal i cal fer el seguumlent
1 Verificar que el disseny de la presentacioacute eacutes semblant al seguumlent
1
2
89
Configurarem el portlet superior central de la pagravegina perquegrave aquesta contingui el fil
drsquoAriadna
1 Accedir a ldquoObrir Plantillardquo
1 Editar el portlet central que hi ha a sobre del detall de tragravemit per configurar el fil
drsquoAriadna En aquest exemple el portlet eacutes ldquoFW_hilo_ariadnardquo
Escollirem el component de presentacioacute
1 Seleccionar el component de presentacioacute ldquoFil drsquoAriadnardquo
1
1
90
En la configuracioacute del component realitzarem les accions seguumlents
1 Inserir el camp ldquoAgraveliesrdquo
2 Inserir el camp ldquoCanalrdquo
3 Fer clic a la pestanya ldquoPresentacioacuterdquo i cercar la forma de presentacioacute
ldquofw_fp_filariadnardquo
1
91
513 Configuracioacute del detall drsquouna normativa SAC
En el detall de contingut configurat en el punt anterior fent clic sobre una normativa
veurem com ens redirigeix a la plantilla configurada al ldquodetall2rdquo drsquoaquesta pagravegina tal
com hem configurat a lrsquoapartat 231
1 Fer clic a la primera ldquoNormativa Aplicablerdquo
2
3
92
Aquest enllaccedil ens portaragrave al detall2 del canal on srsquoha de configurar el detall de
contingut SAC per tal que es mostri la normativa aplicable
Configurarem el portlet superior central de la pagravegina perquegrave aquesta contingui el fil
drsquoAriadna per a aixograve cal fer el seguumlent
1 Accedir a ldquoObrir Plantillardquo
1
93
1
94
1 Editar el portlet central que hi ha a sobre del detall de tragravemit per configurar el fil
drsquoAriadna En aquest exemple el portlet eacutes ldquofw_portlet_tramitrdquo
Escollirem el component de presentacioacute
1 Seleccionar el component de presentacioacute ldquoDetall de Contingut SACrdquo
En la configuracioacute del component realitzarem les accions seguumlents
1 Inserir el camp ldquoAgraveliesrdquo
2 Seleccionar el tipus de contingut ldquoDetall Tragravemitrdquo
1
95
3 Fer clic a la pestanya ldquoPresentacioacuterdquo i cercar la forma de presentacioacute
ldquofw_fp_sac_normativardquo
4 Fer clic al botoacute ldquoOKrdquo
Srsquoactualitzaragrave la pagravegina de VAP i es mostraragrave el detall de SAC
1
2
3
4
96
514 Validacioacute final de VAP
Finalment cal validar que els tragravemits es visualitzen correctament per a aixograve cal
1 Verificar que tenim els canals creats
2 Accedir al canal ldquoCanal Llistat tragravemitsrdquo i validar que es mostren els tragravemits
que hem associat al punt 22
1
97
A continuacioacute cal fer les comprovacions seguumlents
1 Accedir al detall del tragravemit compartit
2 Accedir al pas a pas del tragravemit i a la normativa de SAC
Exemple llistat de tragravemits compartits
2
1
98
Exemple detall de tragravemit compartit
Exemple pas a pas drsquoun tragravemit
2
2
99
Exemple normativa SAC
En el cas que no es visualitzin el llistat de tragravemits detall o pas a pas configurat
validar
1 Refrescar la Pagravegina
2 Els tragravemits estan associats al canal que esteacuten visualitzat punt 23
1 Refrescar la pagravegina
1
6
21 Crear la pagravegina de llistat de tragravemits
Dins del gestor de portals (VAP) realitzarem les tasques seguumlents
1 Accedir a la consola de ldquoVAPrdquo del nostre site
2 Seleccionar ldquoComponentsrdquo
3 Seleccionar ldquoPagesrdquo
4 Seleccionar ldquoLlistat de Pagraveginesrdquo
5 Fer clic a ldquoCrear Pagraveginardquo
Srsquoobriragrave un formulari per donar drsquoalta una nova pagravegina Cal fer el seguumlent
1
2
3
4
5
7
1 Introduir el nom de la pagravegina per exemple FW_Pagina_Grid_Tramits_B2
2 Seleccionar ldquoEnllaccedil de Navegacioacuterdquo
3 Fer clic a ldquoCrear Pagraveginardquo
Sersquons mostraragrave la pantalla seguumlent on cal
1 Seleccionar ldquoVisualitzacioacuterdquo
Apareix la pantalla seguumlent on cal
1 Seleccionar ldquo1 columnardquo
2 Fer clic a ldquoActualitzarrdquo
3 Seleccionar ldquoColmiddotlocacioacute de Portletrdquo
1
3
2
1
8
Sersquons mostraragrave la pantalla seguumlent on cal
1 Fer clic a ldquoAfegir Portletsrdquo
Ens mostraragrave la pantalla seguumlent on cal
1 Seleccionar ldquoCrear i afegir nous Portletsrdquo
1
2
3
1
9
Ens mostraragrave la pantalla seguumlent on cal
1 Seleccionar ldquoContent Publish Portlet 20rdquo
2 Fer clic a ldquoCrear Seleccionatsrdquo
3 Fer clic a ldquoTancarrdquo
Es poden afegir tants portlets com es vulgui a la pagravegina i com a miacutenim un
per configurar el llistat de tragravemits
1
10
1
2
3
11
La pagravegina srsquohauragrave actualitzat amb els portlets que srsquohan creat tot seguit cal fer el
seguumlent
1 Fer clic al tiacutetol del portlet
1
12
Srsquoha de configurar el tipus de portlet per al llistat Tragravemit per a aixograve cal
1 Posar un nom al portlet
2 Posar el nivell Template
3 Seleccionar que pot ser un Llista Manual o Automagravetica de continguts
4 Posar en ldquoJSP Override URLrdquo la ruta ldquovgn-ext-templatingviewsindexControladorjsprdquo
5 Fer clic a ldquoSaverdquo
1
2
3
3
5
4
vgn-ext-templatingviewsindexControladorjsp
13
Srsquohan de configurar permisos del portlet per al llistat Tragravemit per a aixograve cal
1 Seleccionar ldquoPermisosrdquo
2 Seleccionar els grups que es volen autoritzar
3 Fer clic a ldquoActualitzarrdquo
1
2
3
14
Srsquohan de configurar les dades bagravesiques del portlet per fer-ho cal
1 Seleccionar ldquoBagravesicsrdquo
2 Posar el nom del portlet
3 Desmarcar el quadre de verificacioacute ldquoMostra el cromrdquo
4 Fer clic a ldquoActualitzarrdquo
1
2
3
4
15
1 Tot seguit cal validar que la pagravegina srsquoha creat correctament
2 Srsquoha de fer clic al nom de la pagravegina
1
2
16
1 Bloquejar la pagravegina
2 Fer clic a ldquoActualitzar Opcionsrdquo
1
2
17
211 Crear NavItem del llistat Tragravemits
A partir de la consola de VAP farem les tasques seguumlents per crear el NavItem
1 Anar a lrsquoopcioacute del menuacute ldquoArbre de Navegacioacuterdquo
2 Fer clic a ldquoCrear Element de Navegacioacuterdquo
1
2
18
Per crear lrsquoelement de navegacioacute realitzarem les tasques seguumlents
1 Posar el nom al NavItem rdquoFW_NavItem_GRIDB2rdquo
2 Seleccionar ldquoEnllaccedilar ardquo i seleccionar la pagravegina que acabem de crear
3 Seleccionar el tema ldquoFW_Temardquo
4 Seleccionar la graella ldquoFW_Grid_B2rdquo
5 Fer clic a ldquoCrearrdquo
1
2
3
4
5
19
Quan seleccionem ldquoEnllaccedilar ardquo i triem la pagravegina que acabem de crear srsquoobriragrave la
finestra seguumlent per a aixograve cal
1 Cercar la pagravegina que hem creat en el pas anterior
2 Marcar el quadre de verificacioacute de la pagravegina
3 Fer clic a ldquoOKrdquo
Quan seleccionem el tema srsquoobriragrave la finestra seguumlent per a aixograve cal fer el seguumlent
1 Seleccionar el quadre de verificacioacute del tema que farem servir al nostre site per
a aquest exemple fem servir el tema del Site Genegraveric
2 Fer clic a ldquoSalvarrdquo
Quan seleccionem la graella srsquoobriragrave la finestra seguumlent per a aixograve cal
3 Seleccionar la graella que utilitzarem al nostre site per a aquest exemple farem
servir la Graella FW_Grid_B2 que teacute destacats a la dreta del Site Genegraveric
1
1
2
3
2
20
4 Fer clic a ldquoSalvarrdquo
1
2
21
22 Crear pagravegina de detall de tragravemits i normativa SAC
Dins del gestor de portals (VAP) realitzarem les tasques seguumlents
1 Accedir a la consola de ldquoVAPrdquo del nostre site
2 Seleccionar ldquoComponentsrdquo
3 Seleccionar ldquoPagesrdquo
4 Seleccionar ldquoLlistat de Pagraveginesrdquo
5 Fer clic a ldquoCrear Pagraveginardquo
1
2
3
4
5
22
Srsquoobriragrave un formulari per donar drsquoalta una nova pagravegina Aquiacute cal
4 Introduir el nom de la pagravegina FW_Pagina_Grid_Tramits_SAC_Detall_B
5 Seleccionar ldquoEnllaccedil de Navegacioacuterdquo
6 Fer clic a ldquoCrear Pagraveginardquo
Sersquons mostraragrave la pantalla seguumlent on cal
1 Seleccionar ldquoVisualitzacioacuterdquo
1
3
2
1
23
Sersquons mostraragrave la pantalla seguumlent on cal
4 Seleccionar ldquo1 columnardquo
5 Fer clic a ldquoActualitzarrdquo
6 Seleccionar ldquoColmiddotlocacioacute de Portletrdquo
1
2
3
24
Sersquons mostraragrave la pantalla seguumlent on cal
2 Fer clic a ldquoAfegir Portletsrdquo
Sersquons mostraragrave la pantalla seguumlent on cal
2 Seleccionar ldquoCrear i afegir nous Portletsrdquo
1
25
Sersquons mostraragrave la pantalla seguumlent on cal
4 Seleccionar ldquoContent Publish Portlet 20rdquo
5 Fer clic a ldquoCrear Seleccionatsrdquo
6 Fer clic a ldquoTancarrdquo
Es poden afegir tants portlets com es vulgui a la pagravegina i com a miacutenim un
per configurar el llistat de tragravemits
1
26
1
2
3
27
La pagravegina srsquohauragrave actualitzat amb els portlets que srsquohan creat tot seguit cal fer el
seguumlent
2 Fer clic al tiacutetol del portlet
1
28
Srsquoha de configurar el tipus de portlet per al llistat Tragravemit per a aixograve cal
Posar un nom al portlet
1 Posar si eacutes a nivell de Page o Template
2 Seleccionar que pot ser un Detall de contingut i Detall de contingut SAC
3 Posar en ldquoJSP Override URLrdquo la ruta ldquovgn-ext-templatingviewsindexControladorjsprdquo
4 Fer clic a ldquoSaverdquo
1
2
3
3
5
4
vgn-ext-templatingviewsindexControladorjsp
29
Srsquohan de configurar permisos del portlet per al detall del tragravemit i la normativa SAC per
a aixograve cal
4 Seleccionar ldquoPermisosrdquo
5 Seleccionar els grups que es volen autoritzar
6 Fer clic a ldquoActualitzarrdquo
1
2
3
30
Tot seguit srsquohan de configurar les dades bagravesiques del portlet per a aixograve srsquoha de fer el
seguumlent
1 Seleccionar ldquoBagravesicsrdquo
2 Posar el nom del portlet ldquofw_portlet_tramit_sac_detallrdquo
3 Desmarcar el quadre de verificacioacute ldquoMostra el cromrdquo
4 Fer clic a ldquoActualitzarrdquo
1
2
3
4
31
Despreacutes cal validar que la pagravegina srsquoha creat correctament per a aixograve cal fer el
seguumlent
1 Seleccionar ldquoLlista Pagraveginardquo
2 Fer clic al nom de la pagravegina
1
2
32
Per bloquejar la pagravegina cal fer el seguumlent
1 Seleccionar la casella de verificacioacute ldquoPagravegina Bloquejadardquo
2 Fer clic a ldquoActualitzar Opcionsrdquo
1
2
33
221 Crear NavItem de detall de tragravemits i normativa SAC
A partir de la consola de VAP farem les tasques seguumlents per crear el NavItem
1 Anar a lrsquoopcioacute del menuacute ldquoArbre de Navegacioacuterdquo
2 Fer clic a ldquoCrear Element de Navegacioacuterdquo
1
2
34
Per crear lrsquoelement de Navegacioacute realitzarem les tasques seguumlents
1 Posar el nom al NavItem rdquoFW_NavItem_GRIDBrdquo
2 Seleccionar ldquoEnllaccedilar ardquo i seleccionar la pagravegina que acabem de crear
3 Seleccionar el tema ldquoFW_Temardquo
4 Seleccionar la graella ldquoFW_Grid_Brdquo sense destacats a la dreta per
visualitzar correctament el detall de tragravemits el pas a pas i la normativa SAC
5 Fer clic a ldquoCrearrdquo
1
2
3
4
5
35
Quan seleccionem ldquoEnllaccedilar ardquo i seleccionem la pagravegina que acabem de crear srsquoobriragrave
la finestra seguumlent aquiacute cal
1 Cercar la pagravegina que hem creat en el pas anterior
2 Seleccionar la casella de verificacioacute de la pagravegina
3 Fer clic a ldquoOKrdquo
Quan fem seleccionem el tema srsquoobriragrave la seguumlent finestra per a aixograve cal
1 Seleccionar la casella de verificacioacute del tema que utilitzarem al nostre site per
a aquest exemple farem servir el tema del Site Genegraveric
2 Fer clic a ldquoSalvarrdquo
1
1
2
3
2
36
Quan seleccionem la graella srsquoobriragrave la finestra seguumlent aquiacute cal
1 Seleccionar la graella que utilitzarem al nostre site per a aquest exemple farem
servir la Graella FW_Grid_B sense destacats a la dreta del Site Genegraveric Per
tal de visualitzar correctament el detall del tragravemit el pas a pas i la normativa
SAC eacutes imprescindible que la graella tingui una uacutenica columna de continguts
2 Fer clic a ldquoSalvarrdquo
1
2
37
3 Configuracioacute de lrsquoadministracioacute de VCM
31 Creacioacute del canal ldquoLlistat tragravemitsrdquo
Dins del gestor de continguts realitzarem les tasques seguumlents
1 Accedir a ldquoPortalsrdquo
2 Navegar fins al ldquoPortalrdquo on volem configurar el llistat de continguts
3 Seleccionar ldquoHomerdquo
4 Posicionar-se sobre la creu verda i seleccionar ldquoCanalrdquo
a Emplenar la informacioacute i fer clic a ldquoOKrdquo
b Assegurar-se que el canal eacutes ldquoActiurdquo
1
2
3
38
311 Associacioacute de fitxers a la presentacioacute drsquoun canal
Ara srsquohan drsquoassociar els fitxers estagravetics adequats a la presentacioacute del canal perquegrave les
formes de presentacioacute posteriors trobin els estils i els Javascript corresponents
Per a aixograve cal entrar a les propietats del canal ldquoCanal Llistat tragravemitsrdquo i
1 Seleccionar el canal ldquoCanal Llistat tragravemitsrdquo
4
4a
4b
39
1
40
En entrar trobarem el llistat seguumlent on cal
1 Fer clic a ldquoCanal Llistat tragravemitsrdquo
2 Aquest eacutes un contingut del tipus Canals (cal fixar-se que no eacutes com lrsquoanterior)
Es mostraragrave la pantalla seguumlent on afegirem els fitxers relacionats amb el canal per a
cada idioma aquiacute cal
1 Emplenar els camps requerits per crear una pestanya del multiidioma
2 Desplaccedilar-se cap avall en lrsquoapartat ldquomultiidiomardquo fins a observar lrsquoapartat
drsquoassociacioacute de fitxers
3 Fer clic a ldquoAfegirrdquo
En aquest moment apareixeragrave la pantalla seguumlent
1 Si voleu afegir un fitxer amb extensioacute css cal deixar el camp ldquoTipus de fitxerrdquo
amb valor ldquocssrdquo Si voleu afegir un fitxer que teacute extensioacute js srsquoha de canviar el
camp ldquoTipus de fitxerrdquo al valor ldquojsrdquo
2 Fer clic a ldquoNavegadorrdquo
1
2 1 3
2
41
Apareixeragrave la pantalla de navegacioacute de continguts i anirem cercant els fitxers estagravetics
que associarem aquiacute cal
1 Fer clic a ldquoFrameworkrdquo
2 Fer clic a ldquoestilos y scriptsrdquo
3 Fer clic a ldquoNuevos Estilos imagenes y jsrdquo
4 Fer clic a ldquoGlobalsrdquo
2 1
42
43
44
Una vegada se nrsquohagin seleccionat tornarem a la pantalla anterior i farem el seguumlent
1 Verificar que el fitxer seleccionat eacutes el que apareix al quadre de text i que la
seva extensioacute coincideix amb la que hi ha seleccionada a ldquoTipus de fitxerrdquo
2 Fer clic a ldquoOKrdquo
Un cop acabades totes les associacions el resultat de les associacions afegides a la
pantalla principal ha de ser el seguumlent
1 Fer clic a ldquoAplicarrdquo a lrsquoapartat ldquomultiidiomardquo
1
2
45
1
46
Es recarregaragrave la pantalla
1 Fer clic a ldquoOKrdquo al nivell general
Ja tenim configurat el canal que mostraragrave ldquoLlistat de tragravemitsrdquo amb els fitxers associats
que fa referegravencia a la forma de presentacioacute que farem servir aquest mateix canal
mostraragrave el detall del contingut tragravemit amb el format detall
32 Creacioacute i assignacioacute de plantilles de presentacioacute per al
canal ldquoCanal Llistat tragravemitsrdquo
321 Creacioacute de les plantilles (templates) de VCM
La configuracioacute del canal de VCM per mostrar els llistats de tragravemits i el seu detall es
basen en tres plantilles una per llistar el tragravemits (format default) una per mostrar el
detall i el pas a pas drsquoun tragravemit (format detall) i una altra per mostrar la normativa
aplicable drsquoun tragravemit (format detall2)
A continuacioacute srsquoexplica com es creen les plantilles de presentacioacute
(Presentation Templates) necessagraveries per configurar els tragravemits Els
responsables de cada site srsquohan de crear les seves progravepies plantilles
Cal tenir en compte que les plantilles que apareixen en el document soacuten nomeacutes un
exemple drsquouna configuracioacute vagravelida En els casos pragravectics cal seleccionar les plantilles
que pertanyen a cada portal io que tingui cada usuari en els seus recursos
En el nostre cas es fan servir les plantilles ldquoGridB2LlistatTramitsrdquo ldquoGridBTramitrdquo i
ldquoGridBTramitNormativaSacrdquo
1
47
Per la creacioacute de la plantilla srsquohan de seguir els passos seguumlents
1 Accedir al ldquoBanc de Treballrdquo
2 Accedir a ldquoPresentation Templatesrdquo
3 Accedir a la carpeta de presentacions del nostre site en aquest exemple
ldquogenegravericrdquo
1
2
48
Un cop som al llistat de plantilles del nostre site cal fer el seguumlent
1 Seleccionar el signe ldquo+rdquo
2 Seleccionar Forma de Presentation Template
En realitzar aquesta accioacute srsquoobriragrave la finestra drsquoedicioacute o creacioacute de la Presentation
Template Srsquohan de crear dos plantilles noves amb les dades seguumlents
1 Plantilla per al llistat de tragravemits
a Nom cal posar un nom identificatiu de la plantilla per exemple
GenericoGridB2LlistatTramit
b Tipus de plantilla Portal Page
c VAPVCM Portal defaultgeneric (cal posar el nom del portal VAP)
d Element del menuacute de VAP FW_NavItem_GRIDB2
3
1
2
49
e Canal VCM per defecte
Tot seguit cal fer clic a ldquoOKrdquo
Per a la configuracioacute de la plantilla per al llistat de tragravemits es pot fer servir un
NavItem que utilitzi una grid amb destacats a la dreta per exemple la GRID B2 del
Site Genegraveric o beacute un Navitem sense destacats (el FW_NavItem_GRIDB creat
anteriorment)
El NavItem ha de disposar drsquoun portlet a la part central a nivell de Page per
configurar el llistat de tragravemits
f
50
2 Crear una nova Presentation Template per al detall de tragravemits i el pas a
pas
a Nom cal posar un nom identificatiu de la plantilla com per exemple
GenericoGridBTramit
b Tipus de plantilla Portal Page
c VAPVCM Portal defaultgeneric
d Element del menuacute de VAP FW_NavItem_GRIDB
e Canal VCM per defecte
Finalment cal fer clic a ldquoOKrdquo
Per configurar la plantilla per al detall dels tragravemits i el pas a pas srsquoha de fer servir un
NavItem que utilitzi una grid sense destacats a la dreta per exemple la GRID B del
site Genegraveric
El NavItem ha de disposar de dos portlets a la part central a nivell de Page per
configurar el llistat de tragravemits
Tot seguit cal crear una nova Presentation Template per al detall de tragravemits i el pas a
pas
a Nom cal posar un nom identificatiu de la plantilla per exemple
GenericoGridBTramitNormativaSac
f
51
b Tipus de plantilla Portal Page
c VAPVCM Portal defaultgeneric
d Element del menuacute de VAP FW_NavItem_GRIDB
e Canal VCM per defecte
Finalment cal fer clic a ldquoOKrdquo
322 Configuracioacute de la plantilla al canal
Les Presentation Templates que configurarem a continuacioacute soacuten drsquoexemple
Els responsables de cada site han de crear les seves progravepies plantilles
Un cop creat el canal i les Presentation Templates en configurarem la presentacioacute
1 Seleccionarem la casella de seleccioacute del canal que acabem de crear
2 Farem clic a la icona de propietats del canal
3 Navegarem a la pestanya ldquoPresentacioacuterdquo
52
Ens apareixeragrave un formulari com el que es mostra a continuacioacute i realitzarem les
accions seguumlents
1 Fer clic a ldquoAfegir presentacioacute de canalrdquo
1
2
3
53
Apareixeragrave la pantalla seguumlent amb lrsquoobjectiu de seleccionar una plantilla en el nostre
cas farem el seguumlent
1 Seleccionar el projecte de plantilles respectiu al portal A lrsquoexemple ldquogenericrdquo
Posteriorment apareixeragrave un llistat de plantilles (ldquoTemplatesrdquo)
1 En aquest cas seleccionarem ldquoGridB2LlistatTramitsrdquo
2 Acceptarem la seleccioacute ldquoOKrdquo
1
1
54
1
2
55
Un cop acceptat ens apareixeragrave la pantalla seguumlent on configurarem el ldquodetallrdquo Per a
aixograve cal fer el seguumlent
1 Fer clic a ldquoAssignar una Nova Plantilla de Presentacioacuterdquo
1
56
Tot seguit apareixeragrave la pantalla que es mostra a continuacioacute on realitzarem les
accions seguumlents
1 Fer clic a ldquoAfegir formatrdquo
En aquesta nova pantalla ens assegurarem del seguumlent
1 A la casella ldquoFormatrdquo hi ha el valor ldquodetallrdquo
2 A la casella ldquoTemplaterdquo hi ha drsquohaver el correcte Si no eacutes aixiacute srsquoha de fer clic a
ldquoNavegadorrdquo
En fer clic a ldquoNavegadorrdquo cal fer el seguumlent
1 Tornar a navegar fins a ldquogenericrdquo
1
1 2
57
1
58
I a la pantalla seguumlent cal seleccionar una plantilla i
1 Fer clic al botoacute a prop de ldquoGridBTramitrdquo
2 Fer clic a ldquoOKrdquo
1
2
59
En aquest moment es torna a la pantalla anterior i cal
1 Fer clic a ldquoOKrdquo
En el canal Llistat de tragravemits ha drsquoestar configurat el ldquoformatrdquo ldquodetallrdquo ja que la forma
de presentacioacute que configurarem a GridDBTramit necessitaragrave aquest format per
visualitzar el detall del contingut de tipus ldquoTragravemitrdquo
2
60
La pantalla anterior a aquesta ens ha de presentar aquesta informacioacute Ara
configurarem el ldquodetall2rdquo per presentar el contingut rdquo Normativa de SACrdquo Per a aixograve
cal fer el seguumlent
1 Fer clic a ldquoAfegir Formatrdquo
En aquesta nova pantalla ens assegurarem del seguumlent
1 A la casella ldquoFormatrdquo hi ha el valor ldquodetall2rdquo
1
61
2 A la casella ldquoTemplaterdquo hi ha drsquohaver el correcte Si no eacutes aixiacute srsquoha de fer clic a
ldquoNavegadorrdquo
En fer clic a ldquoNavegadorrdquo srsquoha de fer el seguumlent
1 Tornar a navegar fins a ldquogenericrdquo (srsquoha de substituir pel nom del portal)
1 2
62
1
63
A la pantalla seguumlent cal seleccionar una plantilla i
1 Fer clic al botoacute a prop de ldquoGridBTramitNormativaSacrdquo
2 Fer clic a ldquoOKrdquo
1
2
64
En aquest moment es torna a la pantalla anterior i cal fer el seguumlent
2 Fer clic a ldquoOKrdquo
En el canal Llistat de tragravemits ha drsquoestar configurat el ldquoformatrdquo ldquodetall2rdquo ja que la
forma de presentacioacute que configurarem a GridDBTramitNormativaSac necessitaragrave
aquest format per visualitzar el detall del contingut de tipus normativa ldquoSACrdquo
2
65
La pantalla anterior a aquesta ens ha de presentar aquesta informacioacute i srsquoha de fer el
seguumlent
2 Fer clic a ldquoOKrdquo
1
66
La finestra pare anterior a aquesta quedaragrave com es mostra tot seguit i realitzarem les
accions seguumlents
1 Fer clic a ldquoOKrdquo
4 Comparticioacute de continguts
Accedim al projecte on hi ha tots els tragravemits de lrsquoOVT
1
67
OVTDepartaments[NomCurtDepartaments][NomCurtOrganisme] TramitOVT
On NomCurtDepartaments correspon al nom curt del departament al que fa referencia
el nostre organisme
En aquest exemple es mostren tots els projectes de tragravemits de lrsquoOVT
Un cop localitzat el tragravemit de lrsquoOVT que volem compartir amb el nostre site accedirem
a lrsquoedicioacute del contingut i assignarem aquest contingut al canal del nostre site on es
vulgui mostrar Srsquoha de fer el seguumlent
1 Anar al contenidor de projectes on hi ha els continguts de GECO
Apareixeragrave lrsquoestructura de projectes a la qual teacute acceacutes lrsquousuari redactor Cal fer el
seguumlent (exemple Agegravencia Tributagraveria dins drsquoEconomia i Finances)
1 Seleccionar ldquoOVTrdquo
2 Seleccionar ldquoDepartamentsrdquo aquesta carpeta conteacute tots els tragravemits de lrsquoOVT
classificats per departaments
3 Seleccionar ldquoECOrdquo A lrsquousuari nomeacutes se li mostraragrave la carpeta del seu
departament
Si lrsquousuari no visualitza la carpeta dins del seu departament eacutes perquegrave no
srsquoha aplicat la poliacutetica de seguretat correctament Cal obrir un tiquet a Suport
gencat per tramitar aquests permisos AQUESTA CARPETA NOMEacuteS SERAgrave
VISIBLE PER ALS USUARIS AMB ROL REDACTOR
4 Seleccionar ldquoA_Agegravencia Tributagraveriardquo
5 Seleccionar ldquoTramitOVTrdquo
1
68
2
3
1
69
4
5
70
Apareixeragrave el llistat de continguts ldquoTragravemitOVTrdquo de lrsquoOVT de lrsquoAgegravencia Tributagraveria
Realitzarem les accions seguumlents
1 Seleccionar el tragravemit o els tragravemits que volem compartir en la web dorganisme
2 Fer clic a ldquoAssociarrdquo
2
1
71
Aquest proceacutes obriragrave una finestra Per seleccionar el site i canal on es volen mostrar
els tragravemits seleccionats realitzarem les accions seguumlents (cas site Generic)
1 Seleccionar el site ldquoGenericrdquo en el vostre cas el site del departament on es vol
mostrar el contingut ldquotragravemitrdquo
2 Navegar pels canals del Site Genegraveric fins al canal que srsquoha creat en el punt
ldquoLlistat de tragravemitsrdquo i seleccionar el quadre de verificacioacute
3 Fer clic a ldquoOKrdquo
1
72
2
3
73
41 Validar que la comparticioacute de continguts eacutes correcta
Accedim per VCM al canal que hem creat anteriorment al qual li acabem drsquoassignar
els continguts de tragravemits que ha de mostrar i fem el seguumlent
1 Anar al contenidor de portals
2 Seleccionar el Site ldquogenericrdquo
3 Seleccionar el canal ldquoHomerdquo
4 Seleccionar el canal ldquoCanal Llistat tragravemitsrdquo
1
2
3
74
4
75
Apareixeragrave el contingut assignat al canal ldquoCanal Llistat tragravemitsrdquo
En entrar trobarem el llistat seguumlent
1 Llistat del tragravemits de lrsquoOVT que srsquohan compartit amb el canal ldquoCanal Llistat
tragravemitsrdquo
2 Validar que els continguts que apareixen soacuten del tipus ldquoTramitOVTrdquo
En cas que al canal del site ldquoCanal Llistat tragravemitsrdquo no apareguin els continguts
tragravemits associats anteriorment cal repetir el pas 22
1 2
76
5 Configuracioacute al portal
Ara cal entrar al nostre site on tenim configurat el canal que hem creat en lrsquoapartat
anterior (21) i que ara configurarem a nivell de portal
51 Configuracioacute a Canal Llistat tragravemits
511 Configuracioacute de la llista de tragravemits
Farem clic a lrsquoenllaccedil ldquoCanal llistat tragravemitsrdquo de la ldquoHomerdquo i anirem a parar a una
pantalla com la que es mostra meacutes avall
Es pot apreciar que en el contingut de la pagravegina no hi ha res Aixograve eacutes perquegrave cal
configurar els portlets adequats ( )
1 Ens situarem sobre la icona ldquoOpcions de Pagraveginardquo
2 Seleccionarem ldquoObrir Plantillardquo ja que els portlets soacuten a nivell de Page
Ens apareixeragrave una pantalla com la que es mostra tot seguit i realitzarem les accions
seguumlents
1 Seleccionar el portlet de la part central de la pagravegina per configurar una ldquoLlista
automagravetica de contingutsrdquo
2
1
77
Tambeacute podem configurar una ldquoLlista manual de contingutsrdquo segons les
necessitats de cada usuari
78
Ens redirigiragrave cap a un formulari drsquoedicioacute que ens mostraragrave directament quina consulta
hem de configurar per mostrar els continguts i configurarem una consulta com la
seguumlent (evidentment segons les necessitats de cada usuari)
Ara tenim configurat que la pagravegina mostraragrave els tipus de contingut ldquoTramitOVTrdquo del
canal actual ordenats per la ldquoEacutes on-linerdquo en ordre descendent
Aixograve ens portaragrave a la pantalla principal on acabarem de completar la configuracioacute
1 Validar que en lrsquoapartat ldquoConsultardquo hi ha la configuracioacute que acabem drsquoafegir
2 Emplenar ldquoAgraveliesrdquo
3 En lrsquoapartat Forma de presentacioacute fer clic al botoacute ldquoCercar helliprdquo
79
Ens apareixeragrave la pantalla seguumlent
1 Fer clic a ldquoNavegacioacute per projectesrdquo
1
2
3
80
Ens canviaragrave la vista al format seguumlent
1 Navegarem per les carpetes fins a arribar a ldquoFramework Formes de
presentacioacute Site generic fw_fp_llistatramitsrdquo
2 Seleccionarem ldquofw_fp_llistatramitsrdquo
3 Farem clic a ldquoOKrdquo
1
1
81
En retornar a la pantalla principal cal
1 Validar que la forma de presentacioacute eacutes la que acabem de seleccionar
2 Fer clic a ldquoOKrdquo
1 (continuacioacute) 2
3
82
1
2
83
Aquest seragrave el nostre resultat a la pantalla del portal i cal fer el seguumlent
1 Verificar que apareixen els dos continguts que es van associar a aquest canal
1
84
512 Configuracioacute del detall del tragravemit i el pas a pas
En fer clic sobre una activitat veurem com ens redirigeix a la plantilla configurada al
ldquodetallrdquo drsquoaquesta pagravegina tal com la vam configurar en lrsquoapartat 231 cal fer el
seguumlent
1 Fer clic a la primera activitat
1
85
Ens sortiragrave la pagravegina de VAP del detall drsquoun contingut per configurar farem els
passos seguumlents
1 Ens situarem sobre la icona ldquoOpcions de Pagraveginardquo
2 Seleccionar ldquoObrir Plantillardquo ja que els portlets soacuten a nivell de Page
Ens apareixeragrave una pantalla com la que es mostra tot seguit i realitzarem les accions
seguumlents
1 Seleccionar el portlet de la part central de la pagravegina per configurar un ldquoDetall
de contingutrdquo i fer clic a ldquoEditarrdquo
Ens apareixeragrave la pantalla de seleccioacute de component de presentacioacute
1 Seleccionarem el component de presentacioacute ldquoDetall de contingutrdquo
1
2
1
86
Ens apareixeragrave la pantalla que es mostra tot seguit i realitzarem les accions seguumlents
1 Emplenar el camp ldquoAgraveliesrdquo
2 Canviar a la pestanya ldquoPresentacioacuterdquo
En fer clic a la pestanya obtindrem la imatge que es mostra tot seguit i realitzarem les
accions seguumlents
1 Cercarem una forma de presentacioacute fent clic a ldquoCercar helliprdquo
1
2
87
Quan aparegui la pantalla de cercador realitzarem una cerca de la forma de
presentacioacute que volem fer servir per a aixograve cal fer el seguumlent
1 Emplenar la caixa de text amb ldquofw_fp_tramitrdquo
2 Preacutemer ldquoCercarrdquo
3 Seleccionar la forma de presentacioacute de la caixa de resultats
4 Preacutemer ldquoOKrdquo
La forma de presentacioacute ldquofw_fp_tramitrdquo estagrave preparada per ldquomaquillarrdquo el contingut
dels tragravemits Tambeacute es pot fer servir una forma de presentacioacute personalitzada
segons es cregui convenient
1
1
2
3
4
88
En acabar tornarem a la pagravegina principal drsquoedicioacute i farem el seguumlent
1 Verificar que la forma de presentacioacute eacutes la que hem escollit
2 Fer clic a ldquoOKrdquo
En finalitzar la configuracioacute del component de presentacioacute tornem a la pantalla del
portal i cal fer el seguumlent
1 Verificar que el disseny de la presentacioacute eacutes semblant al seguumlent
1
2
89
Configurarem el portlet superior central de la pagravegina perquegrave aquesta contingui el fil
drsquoAriadna
1 Accedir a ldquoObrir Plantillardquo
1 Editar el portlet central que hi ha a sobre del detall de tragravemit per configurar el fil
drsquoAriadna En aquest exemple el portlet eacutes ldquoFW_hilo_ariadnardquo
Escollirem el component de presentacioacute
1 Seleccionar el component de presentacioacute ldquoFil drsquoAriadnardquo
1
1
90
En la configuracioacute del component realitzarem les accions seguumlents
1 Inserir el camp ldquoAgraveliesrdquo
2 Inserir el camp ldquoCanalrdquo
3 Fer clic a la pestanya ldquoPresentacioacuterdquo i cercar la forma de presentacioacute
ldquofw_fp_filariadnardquo
1
91
513 Configuracioacute del detall drsquouna normativa SAC
En el detall de contingut configurat en el punt anterior fent clic sobre una normativa
veurem com ens redirigeix a la plantilla configurada al ldquodetall2rdquo drsquoaquesta pagravegina tal
com hem configurat a lrsquoapartat 231
1 Fer clic a la primera ldquoNormativa Aplicablerdquo
2
3
92
Aquest enllaccedil ens portaragrave al detall2 del canal on srsquoha de configurar el detall de
contingut SAC per tal que es mostri la normativa aplicable
Configurarem el portlet superior central de la pagravegina perquegrave aquesta contingui el fil
drsquoAriadna per a aixograve cal fer el seguumlent
1 Accedir a ldquoObrir Plantillardquo
1
93
1
94
1 Editar el portlet central que hi ha a sobre del detall de tragravemit per configurar el fil
drsquoAriadna En aquest exemple el portlet eacutes ldquofw_portlet_tramitrdquo
Escollirem el component de presentacioacute
1 Seleccionar el component de presentacioacute ldquoDetall de Contingut SACrdquo
En la configuracioacute del component realitzarem les accions seguumlents
1 Inserir el camp ldquoAgraveliesrdquo
2 Seleccionar el tipus de contingut ldquoDetall Tragravemitrdquo
1
95
3 Fer clic a la pestanya ldquoPresentacioacuterdquo i cercar la forma de presentacioacute
ldquofw_fp_sac_normativardquo
4 Fer clic al botoacute ldquoOKrdquo
Srsquoactualitzaragrave la pagravegina de VAP i es mostraragrave el detall de SAC
1
2
3
4
96
514 Validacioacute final de VAP
Finalment cal validar que els tragravemits es visualitzen correctament per a aixograve cal
1 Verificar que tenim els canals creats
2 Accedir al canal ldquoCanal Llistat tragravemitsrdquo i validar que es mostren els tragravemits
que hem associat al punt 22
1
97
A continuacioacute cal fer les comprovacions seguumlents
1 Accedir al detall del tragravemit compartit
2 Accedir al pas a pas del tragravemit i a la normativa de SAC
Exemple llistat de tragravemits compartits
2
1
98
Exemple detall de tragravemit compartit
Exemple pas a pas drsquoun tragravemit
2
2
99
Exemple normativa SAC
En el cas que no es visualitzin el llistat de tragravemits detall o pas a pas configurat
validar
1 Refrescar la Pagravegina
2 Els tragravemits estan associats al canal que esteacuten visualitzat punt 23
1 Refrescar la pagravegina
1
7
1 Introduir el nom de la pagravegina per exemple FW_Pagina_Grid_Tramits_B2
2 Seleccionar ldquoEnllaccedil de Navegacioacuterdquo
3 Fer clic a ldquoCrear Pagraveginardquo
Sersquons mostraragrave la pantalla seguumlent on cal
1 Seleccionar ldquoVisualitzacioacuterdquo
Apareix la pantalla seguumlent on cal
1 Seleccionar ldquo1 columnardquo
2 Fer clic a ldquoActualitzarrdquo
3 Seleccionar ldquoColmiddotlocacioacute de Portletrdquo
1
3
2
1
8
Sersquons mostraragrave la pantalla seguumlent on cal
1 Fer clic a ldquoAfegir Portletsrdquo
Ens mostraragrave la pantalla seguumlent on cal
1 Seleccionar ldquoCrear i afegir nous Portletsrdquo
1
2
3
1
9
Ens mostraragrave la pantalla seguumlent on cal
1 Seleccionar ldquoContent Publish Portlet 20rdquo
2 Fer clic a ldquoCrear Seleccionatsrdquo
3 Fer clic a ldquoTancarrdquo
Es poden afegir tants portlets com es vulgui a la pagravegina i com a miacutenim un
per configurar el llistat de tragravemits
1
10
1
2
3
11
La pagravegina srsquohauragrave actualitzat amb els portlets que srsquohan creat tot seguit cal fer el
seguumlent
1 Fer clic al tiacutetol del portlet
1
12
Srsquoha de configurar el tipus de portlet per al llistat Tragravemit per a aixograve cal
1 Posar un nom al portlet
2 Posar el nivell Template
3 Seleccionar que pot ser un Llista Manual o Automagravetica de continguts
4 Posar en ldquoJSP Override URLrdquo la ruta ldquovgn-ext-templatingviewsindexControladorjsprdquo
5 Fer clic a ldquoSaverdquo
1
2
3
3
5
4
vgn-ext-templatingviewsindexControladorjsp
13
Srsquohan de configurar permisos del portlet per al llistat Tragravemit per a aixograve cal
1 Seleccionar ldquoPermisosrdquo
2 Seleccionar els grups que es volen autoritzar
3 Fer clic a ldquoActualitzarrdquo
1
2
3
14
Srsquohan de configurar les dades bagravesiques del portlet per fer-ho cal
1 Seleccionar ldquoBagravesicsrdquo
2 Posar el nom del portlet
3 Desmarcar el quadre de verificacioacute ldquoMostra el cromrdquo
4 Fer clic a ldquoActualitzarrdquo
1
2
3
4
15
1 Tot seguit cal validar que la pagravegina srsquoha creat correctament
2 Srsquoha de fer clic al nom de la pagravegina
1
2
16
1 Bloquejar la pagravegina
2 Fer clic a ldquoActualitzar Opcionsrdquo
1
2
17
211 Crear NavItem del llistat Tragravemits
A partir de la consola de VAP farem les tasques seguumlents per crear el NavItem
1 Anar a lrsquoopcioacute del menuacute ldquoArbre de Navegacioacuterdquo
2 Fer clic a ldquoCrear Element de Navegacioacuterdquo
1
2
18
Per crear lrsquoelement de navegacioacute realitzarem les tasques seguumlents
1 Posar el nom al NavItem rdquoFW_NavItem_GRIDB2rdquo
2 Seleccionar ldquoEnllaccedilar ardquo i seleccionar la pagravegina que acabem de crear
3 Seleccionar el tema ldquoFW_Temardquo
4 Seleccionar la graella ldquoFW_Grid_B2rdquo
5 Fer clic a ldquoCrearrdquo
1
2
3
4
5
19
Quan seleccionem ldquoEnllaccedilar ardquo i triem la pagravegina que acabem de crear srsquoobriragrave la
finestra seguumlent per a aixograve cal
1 Cercar la pagravegina que hem creat en el pas anterior
2 Marcar el quadre de verificacioacute de la pagravegina
3 Fer clic a ldquoOKrdquo
Quan seleccionem el tema srsquoobriragrave la finestra seguumlent per a aixograve cal fer el seguumlent
1 Seleccionar el quadre de verificacioacute del tema que farem servir al nostre site per
a aquest exemple fem servir el tema del Site Genegraveric
2 Fer clic a ldquoSalvarrdquo
Quan seleccionem la graella srsquoobriragrave la finestra seguumlent per a aixograve cal
3 Seleccionar la graella que utilitzarem al nostre site per a aquest exemple farem
servir la Graella FW_Grid_B2 que teacute destacats a la dreta del Site Genegraveric
1
1
2
3
2
20
4 Fer clic a ldquoSalvarrdquo
1
2
21
22 Crear pagravegina de detall de tragravemits i normativa SAC
Dins del gestor de portals (VAP) realitzarem les tasques seguumlents
1 Accedir a la consola de ldquoVAPrdquo del nostre site
2 Seleccionar ldquoComponentsrdquo
3 Seleccionar ldquoPagesrdquo
4 Seleccionar ldquoLlistat de Pagraveginesrdquo
5 Fer clic a ldquoCrear Pagraveginardquo
1
2
3
4
5
22
Srsquoobriragrave un formulari per donar drsquoalta una nova pagravegina Aquiacute cal
4 Introduir el nom de la pagravegina FW_Pagina_Grid_Tramits_SAC_Detall_B
5 Seleccionar ldquoEnllaccedil de Navegacioacuterdquo
6 Fer clic a ldquoCrear Pagraveginardquo
Sersquons mostraragrave la pantalla seguumlent on cal
1 Seleccionar ldquoVisualitzacioacuterdquo
1
3
2
1
23
Sersquons mostraragrave la pantalla seguumlent on cal
4 Seleccionar ldquo1 columnardquo
5 Fer clic a ldquoActualitzarrdquo
6 Seleccionar ldquoColmiddotlocacioacute de Portletrdquo
1
2
3
24
Sersquons mostraragrave la pantalla seguumlent on cal
2 Fer clic a ldquoAfegir Portletsrdquo
Sersquons mostraragrave la pantalla seguumlent on cal
2 Seleccionar ldquoCrear i afegir nous Portletsrdquo
1
25
Sersquons mostraragrave la pantalla seguumlent on cal
4 Seleccionar ldquoContent Publish Portlet 20rdquo
5 Fer clic a ldquoCrear Seleccionatsrdquo
6 Fer clic a ldquoTancarrdquo
Es poden afegir tants portlets com es vulgui a la pagravegina i com a miacutenim un
per configurar el llistat de tragravemits
1
26
1
2
3
27
La pagravegina srsquohauragrave actualitzat amb els portlets que srsquohan creat tot seguit cal fer el
seguumlent
2 Fer clic al tiacutetol del portlet
1
28
Srsquoha de configurar el tipus de portlet per al llistat Tragravemit per a aixograve cal
Posar un nom al portlet
1 Posar si eacutes a nivell de Page o Template
2 Seleccionar que pot ser un Detall de contingut i Detall de contingut SAC
3 Posar en ldquoJSP Override URLrdquo la ruta ldquovgn-ext-templatingviewsindexControladorjsprdquo
4 Fer clic a ldquoSaverdquo
1
2
3
3
5
4
vgn-ext-templatingviewsindexControladorjsp
29
Srsquohan de configurar permisos del portlet per al detall del tragravemit i la normativa SAC per
a aixograve cal
4 Seleccionar ldquoPermisosrdquo
5 Seleccionar els grups que es volen autoritzar
6 Fer clic a ldquoActualitzarrdquo
1
2
3
30
Tot seguit srsquohan de configurar les dades bagravesiques del portlet per a aixograve srsquoha de fer el
seguumlent
1 Seleccionar ldquoBagravesicsrdquo
2 Posar el nom del portlet ldquofw_portlet_tramit_sac_detallrdquo
3 Desmarcar el quadre de verificacioacute ldquoMostra el cromrdquo
4 Fer clic a ldquoActualitzarrdquo
1
2
3
4
31
Despreacutes cal validar que la pagravegina srsquoha creat correctament per a aixograve cal fer el
seguumlent
1 Seleccionar ldquoLlista Pagraveginardquo
2 Fer clic al nom de la pagravegina
1
2
32
Per bloquejar la pagravegina cal fer el seguumlent
1 Seleccionar la casella de verificacioacute ldquoPagravegina Bloquejadardquo
2 Fer clic a ldquoActualitzar Opcionsrdquo
1
2
33
221 Crear NavItem de detall de tragravemits i normativa SAC
A partir de la consola de VAP farem les tasques seguumlents per crear el NavItem
1 Anar a lrsquoopcioacute del menuacute ldquoArbre de Navegacioacuterdquo
2 Fer clic a ldquoCrear Element de Navegacioacuterdquo
1
2
34
Per crear lrsquoelement de Navegacioacute realitzarem les tasques seguumlents
1 Posar el nom al NavItem rdquoFW_NavItem_GRIDBrdquo
2 Seleccionar ldquoEnllaccedilar ardquo i seleccionar la pagravegina que acabem de crear
3 Seleccionar el tema ldquoFW_Temardquo
4 Seleccionar la graella ldquoFW_Grid_Brdquo sense destacats a la dreta per
visualitzar correctament el detall de tragravemits el pas a pas i la normativa SAC
5 Fer clic a ldquoCrearrdquo
1
2
3
4
5
35
Quan seleccionem ldquoEnllaccedilar ardquo i seleccionem la pagravegina que acabem de crear srsquoobriragrave
la finestra seguumlent aquiacute cal
1 Cercar la pagravegina que hem creat en el pas anterior
2 Seleccionar la casella de verificacioacute de la pagravegina
3 Fer clic a ldquoOKrdquo
Quan fem seleccionem el tema srsquoobriragrave la seguumlent finestra per a aixograve cal
1 Seleccionar la casella de verificacioacute del tema que utilitzarem al nostre site per
a aquest exemple farem servir el tema del Site Genegraveric
2 Fer clic a ldquoSalvarrdquo
1
1
2
3
2
36
Quan seleccionem la graella srsquoobriragrave la finestra seguumlent aquiacute cal
1 Seleccionar la graella que utilitzarem al nostre site per a aquest exemple farem
servir la Graella FW_Grid_B sense destacats a la dreta del Site Genegraveric Per
tal de visualitzar correctament el detall del tragravemit el pas a pas i la normativa
SAC eacutes imprescindible que la graella tingui una uacutenica columna de continguts
2 Fer clic a ldquoSalvarrdquo
1
2
37
3 Configuracioacute de lrsquoadministracioacute de VCM
31 Creacioacute del canal ldquoLlistat tragravemitsrdquo
Dins del gestor de continguts realitzarem les tasques seguumlents
1 Accedir a ldquoPortalsrdquo
2 Navegar fins al ldquoPortalrdquo on volem configurar el llistat de continguts
3 Seleccionar ldquoHomerdquo
4 Posicionar-se sobre la creu verda i seleccionar ldquoCanalrdquo
a Emplenar la informacioacute i fer clic a ldquoOKrdquo
b Assegurar-se que el canal eacutes ldquoActiurdquo
1
2
3
38
311 Associacioacute de fitxers a la presentacioacute drsquoun canal
Ara srsquohan drsquoassociar els fitxers estagravetics adequats a la presentacioacute del canal perquegrave les
formes de presentacioacute posteriors trobin els estils i els Javascript corresponents
Per a aixograve cal entrar a les propietats del canal ldquoCanal Llistat tragravemitsrdquo i
1 Seleccionar el canal ldquoCanal Llistat tragravemitsrdquo
4
4a
4b
39
1
40
En entrar trobarem el llistat seguumlent on cal
1 Fer clic a ldquoCanal Llistat tragravemitsrdquo
2 Aquest eacutes un contingut del tipus Canals (cal fixar-se que no eacutes com lrsquoanterior)
Es mostraragrave la pantalla seguumlent on afegirem els fitxers relacionats amb el canal per a
cada idioma aquiacute cal
1 Emplenar els camps requerits per crear una pestanya del multiidioma
2 Desplaccedilar-se cap avall en lrsquoapartat ldquomultiidiomardquo fins a observar lrsquoapartat
drsquoassociacioacute de fitxers
3 Fer clic a ldquoAfegirrdquo
En aquest moment apareixeragrave la pantalla seguumlent
1 Si voleu afegir un fitxer amb extensioacute css cal deixar el camp ldquoTipus de fitxerrdquo
amb valor ldquocssrdquo Si voleu afegir un fitxer que teacute extensioacute js srsquoha de canviar el
camp ldquoTipus de fitxerrdquo al valor ldquojsrdquo
2 Fer clic a ldquoNavegadorrdquo
1
2 1 3
2
41
Apareixeragrave la pantalla de navegacioacute de continguts i anirem cercant els fitxers estagravetics
que associarem aquiacute cal
1 Fer clic a ldquoFrameworkrdquo
2 Fer clic a ldquoestilos y scriptsrdquo
3 Fer clic a ldquoNuevos Estilos imagenes y jsrdquo
4 Fer clic a ldquoGlobalsrdquo
2 1
42
43
44
Una vegada se nrsquohagin seleccionat tornarem a la pantalla anterior i farem el seguumlent
1 Verificar que el fitxer seleccionat eacutes el que apareix al quadre de text i que la
seva extensioacute coincideix amb la que hi ha seleccionada a ldquoTipus de fitxerrdquo
2 Fer clic a ldquoOKrdquo
Un cop acabades totes les associacions el resultat de les associacions afegides a la
pantalla principal ha de ser el seguumlent
1 Fer clic a ldquoAplicarrdquo a lrsquoapartat ldquomultiidiomardquo
1
2
45
1
46
Es recarregaragrave la pantalla
1 Fer clic a ldquoOKrdquo al nivell general
Ja tenim configurat el canal que mostraragrave ldquoLlistat de tragravemitsrdquo amb els fitxers associats
que fa referegravencia a la forma de presentacioacute que farem servir aquest mateix canal
mostraragrave el detall del contingut tragravemit amb el format detall
32 Creacioacute i assignacioacute de plantilles de presentacioacute per al
canal ldquoCanal Llistat tragravemitsrdquo
321 Creacioacute de les plantilles (templates) de VCM
La configuracioacute del canal de VCM per mostrar els llistats de tragravemits i el seu detall es
basen en tres plantilles una per llistar el tragravemits (format default) una per mostrar el
detall i el pas a pas drsquoun tragravemit (format detall) i una altra per mostrar la normativa
aplicable drsquoun tragravemit (format detall2)
A continuacioacute srsquoexplica com es creen les plantilles de presentacioacute
(Presentation Templates) necessagraveries per configurar els tragravemits Els
responsables de cada site srsquohan de crear les seves progravepies plantilles
Cal tenir en compte que les plantilles que apareixen en el document soacuten nomeacutes un
exemple drsquouna configuracioacute vagravelida En els casos pragravectics cal seleccionar les plantilles
que pertanyen a cada portal io que tingui cada usuari en els seus recursos
En el nostre cas es fan servir les plantilles ldquoGridB2LlistatTramitsrdquo ldquoGridBTramitrdquo i
ldquoGridBTramitNormativaSacrdquo
1
47
Per la creacioacute de la plantilla srsquohan de seguir els passos seguumlents
1 Accedir al ldquoBanc de Treballrdquo
2 Accedir a ldquoPresentation Templatesrdquo
3 Accedir a la carpeta de presentacions del nostre site en aquest exemple
ldquogenegravericrdquo
1
2
48
Un cop som al llistat de plantilles del nostre site cal fer el seguumlent
1 Seleccionar el signe ldquo+rdquo
2 Seleccionar Forma de Presentation Template
En realitzar aquesta accioacute srsquoobriragrave la finestra drsquoedicioacute o creacioacute de la Presentation
Template Srsquohan de crear dos plantilles noves amb les dades seguumlents
1 Plantilla per al llistat de tragravemits
a Nom cal posar un nom identificatiu de la plantilla per exemple
GenericoGridB2LlistatTramit
b Tipus de plantilla Portal Page
c VAPVCM Portal defaultgeneric (cal posar el nom del portal VAP)
d Element del menuacute de VAP FW_NavItem_GRIDB2
3
1
2
49
e Canal VCM per defecte
Tot seguit cal fer clic a ldquoOKrdquo
Per a la configuracioacute de la plantilla per al llistat de tragravemits es pot fer servir un
NavItem que utilitzi una grid amb destacats a la dreta per exemple la GRID B2 del
Site Genegraveric o beacute un Navitem sense destacats (el FW_NavItem_GRIDB creat
anteriorment)
El NavItem ha de disposar drsquoun portlet a la part central a nivell de Page per
configurar el llistat de tragravemits
f
50
2 Crear una nova Presentation Template per al detall de tragravemits i el pas a
pas
a Nom cal posar un nom identificatiu de la plantilla com per exemple
GenericoGridBTramit
b Tipus de plantilla Portal Page
c VAPVCM Portal defaultgeneric
d Element del menuacute de VAP FW_NavItem_GRIDB
e Canal VCM per defecte
Finalment cal fer clic a ldquoOKrdquo
Per configurar la plantilla per al detall dels tragravemits i el pas a pas srsquoha de fer servir un
NavItem que utilitzi una grid sense destacats a la dreta per exemple la GRID B del
site Genegraveric
El NavItem ha de disposar de dos portlets a la part central a nivell de Page per
configurar el llistat de tragravemits
Tot seguit cal crear una nova Presentation Template per al detall de tragravemits i el pas a
pas
a Nom cal posar un nom identificatiu de la plantilla per exemple
GenericoGridBTramitNormativaSac
f
51
b Tipus de plantilla Portal Page
c VAPVCM Portal defaultgeneric
d Element del menuacute de VAP FW_NavItem_GRIDB
e Canal VCM per defecte
Finalment cal fer clic a ldquoOKrdquo
322 Configuracioacute de la plantilla al canal
Les Presentation Templates que configurarem a continuacioacute soacuten drsquoexemple
Els responsables de cada site han de crear les seves progravepies plantilles
Un cop creat el canal i les Presentation Templates en configurarem la presentacioacute
1 Seleccionarem la casella de seleccioacute del canal que acabem de crear
2 Farem clic a la icona de propietats del canal
3 Navegarem a la pestanya ldquoPresentacioacuterdquo
52
Ens apareixeragrave un formulari com el que es mostra a continuacioacute i realitzarem les
accions seguumlents
1 Fer clic a ldquoAfegir presentacioacute de canalrdquo
1
2
3
53
Apareixeragrave la pantalla seguumlent amb lrsquoobjectiu de seleccionar una plantilla en el nostre
cas farem el seguumlent
1 Seleccionar el projecte de plantilles respectiu al portal A lrsquoexemple ldquogenericrdquo
Posteriorment apareixeragrave un llistat de plantilles (ldquoTemplatesrdquo)
1 En aquest cas seleccionarem ldquoGridB2LlistatTramitsrdquo
2 Acceptarem la seleccioacute ldquoOKrdquo
1
1
54
1
2
55
Un cop acceptat ens apareixeragrave la pantalla seguumlent on configurarem el ldquodetallrdquo Per a
aixograve cal fer el seguumlent
1 Fer clic a ldquoAssignar una Nova Plantilla de Presentacioacuterdquo
1
56
Tot seguit apareixeragrave la pantalla que es mostra a continuacioacute on realitzarem les
accions seguumlents
1 Fer clic a ldquoAfegir formatrdquo
En aquesta nova pantalla ens assegurarem del seguumlent
1 A la casella ldquoFormatrdquo hi ha el valor ldquodetallrdquo
2 A la casella ldquoTemplaterdquo hi ha drsquohaver el correcte Si no eacutes aixiacute srsquoha de fer clic a
ldquoNavegadorrdquo
En fer clic a ldquoNavegadorrdquo cal fer el seguumlent
1 Tornar a navegar fins a ldquogenericrdquo
1
1 2
57
1
58
I a la pantalla seguumlent cal seleccionar una plantilla i
1 Fer clic al botoacute a prop de ldquoGridBTramitrdquo
2 Fer clic a ldquoOKrdquo
1
2
59
En aquest moment es torna a la pantalla anterior i cal
1 Fer clic a ldquoOKrdquo
En el canal Llistat de tragravemits ha drsquoestar configurat el ldquoformatrdquo ldquodetallrdquo ja que la forma
de presentacioacute que configurarem a GridDBTramit necessitaragrave aquest format per
visualitzar el detall del contingut de tipus ldquoTragravemitrdquo
2
60
La pantalla anterior a aquesta ens ha de presentar aquesta informacioacute Ara
configurarem el ldquodetall2rdquo per presentar el contingut rdquo Normativa de SACrdquo Per a aixograve
cal fer el seguumlent
1 Fer clic a ldquoAfegir Formatrdquo
En aquesta nova pantalla ens assegurarem del seguumlent
1 A la casella ldquoFormatrdquo hi ha el valor ldquodetall2rdquo
1
61
2 A la casella ldquoTemplaterdquo hi ha drsquohaver el correcte Si no eacutes aixiacute srsquoha de fer clic a
ldquoNavegadorrdquo
En fer clic a ldquoNavegadorrdquo srsquoha de fer el seguumlent
1 Tornar a navegar fins a ldquogenericrdquo (srsquoha de substituir pel nom del portal)
1 2
62
1
63
A la pantalla seguumlent cal seleccionar una plantilla i
1 Fer clic al botoacute a prop de ldquoGridBTramitNormativaSacrdquo
2 Fer clic a ldquoOKrdquo
1
2
64
En aquest moment es torna a la pantalla anterior i cal fer el seguumlent
2 Fer clic a ldquoOKrdquo
En el canal Llistat de tragravemits ha drsquoestar configurat el ldquoformatrdquo ldquodetall2rdquo ja que la
forma de presentacioacute que configurarem a GridDBTramitNormativaSac necessitaragrave
aquest format per visualitzar el detall del contingut de tipus normativa ldquoSACrdquo
2
65
La pantalla anterior a aquesta ens ha de presentar aquesta informacioacute i srsquoha de fer el
seguumlent
2 Fer clic a ldquoOKrdquo
1
66
La finestra pare anterior a aquesta quedaragrave com es mostra tot seguit i realitzarem les
accions seguumlents
1 Fer clic a ldquoOKrdquo
4 Comparticioacute de continguts
Accedim al projecte on hi ha tots els tragravemits de lrsquoOVT
1
67
OVTDepartaments[NomCurtDepartaments][NomCurtOrganisme] TramitOVT
On NomCurtDepartaments correspon al nom curt del departament al que fa referencia
el nostre organisme
En aquest exemple es mostren tots els projectes de tragravemits de lrsquoOVT
Un cop localitzat el tragravemit de lrsquoOVT que volem compartir amb el nostre site accedirem
a lrsquoedicioacute del contingut i assignarem aquest contingut al canal del nostre site on es
vulgui mostrar Srsquoha de fer el seguumlent
1 Anar al contenidor de projectes on hi ha els continguts de GECO
Apareixeragrave lrsquoestructura de projectes a la qual teacute acceacutes lrsquousuari redactor Cal fer el
seguumlent (exemple Agegravencia Tributagraveria dins drsquoEconomia i Finances)
1 Seleccionar ldquoOVTrdquo
2 Seleccionar ldquoDepartamentsrdquo aquesta carpeta conteacute tots els tragravemits de lrsquoOVT
classificats per departaments
3 Seleccionar ldquoECOrdquo A lrsquousuari nomeacutes se li mostraragrave la carpeta del seu
departament
Si lrsquousuari no visualitza la carpeta dins del seu departament eacutes perquegrave no
srsquoha aplicat la poliacutetica de seguretat correctament Cal obrir un tiquet a Suport
gencat per tramitar aquests permisos AQUESTA CARPETA NOMEacuteS SERAgrave
VISIBLE PER ALS USUARIS AMB ROL REDACTOR
4 Seleccionar ldquoA_Agegravencia Tributagraveriardquo
5 Seleccionar ldquoTramitOVTrdquo
1
68
2
3
1
69
4
5
70
Apareixeragrave el llistat de continguts ldquoTragravemitOVTrdquo de lrsquoOVT de lrsquoAgegravencia Tributagraveria
Realitzarem les accions seguumlents
1 Seleccionar el tragravemit o els tragravemits que volem compartir en la web dorganisme
2 Fer clic a ldquoAssociarrdquo
2
1
71
Aquest proceacutes obriragrave una finestra Per seleccionar el site i canal on es volen mostrar
els tragravemits seleccionats realitzarem les accions seguumlents (cas site Generic)
1 Seleccionar el site ldquoGenericrdquo en el vostre cas el site del departament on es vol
mostrar el contingut ldquotragravemitrdquo
2 Navegar pels canals del Site Genegraveric fins al canal que srsquoha creat en el punt
ldquoLlistat de tragravemitsrdquo i seleccionar el quadre de verificacioacute
3 Fer clic a ldquoOKrdquo
1
72
2
3
73
41 Validar que la comparticioacute de continguts eacutes correcta
Accedim per VCM al canal que hem creat anteriorment al qual li acabem drsquoassignar
els continguts de tragravemits que ha de mostrar i fem el seguumlent
1 Anar al contenidor de portals
2 Seleccionar el Site ldquogenericrdquo
3 Seleccionar el canal ldquoHomerdquo
4 Seleccionar el canal ldquoCanal Llistat tragravemitsrdquo
1
2
3
74
4
75
Apareixeragrave el contingut assignat al canal ldquoCanal Llistat tragravemitsrdquo
En entrar trobarem el llistat seguumlent
1 Llistat del tragravemits de lrsquoOVT que srsquohan compartit amb el canal ldquoCanal Llistat
tragravemitsrdquo
2 Validar que els continguts que apareixen soacuten del tipus ldquoTramitOVTrdquo
En cas que al canal del site ldquoCanal Llistat tragravemitsrdquo no apareguin els continguts
tragravemits associats anteriorment cal repetir el pas 22
1 2
76
5 Configuracioacute al portal
Ara cal entrar al nostre site on tenim configurat el canal que hem creat en lrsquoapartat
anterior (21) i que ara configurarem a nivell de portal
51 Configuracioacute a Canal Llistat tragravemits
511 Configuracioacute de la llista de tragravemits
Farem clic a lrsquoenllaccedil ldquoCanal llistat tragravemitsrdquo de la ldquoHomerdquo i anirem a parar a una
pantalla com la que es mostra meacutes avall
Es pot apreciar que en el contingut de la pagravegina no hi ha res Aixograve eacutes perquegrave cal
configurar els portlets adequats ( )
1 Ens situarem sobre la icona ldquoOpcions de Pagraveginardquo
2 Seleccionarem ldquoObrir Plantillardquo ja que els portlets soacuten a nivell de Page
Ens apareixeragrave una pantalla com la que es mostra tot seguit i realitzarem les accions
seguumlents
1 Seleccionar el portlet de la part central de la pagravegina per configurar una ldquoLlista
automagravetica de contingutsrdquo
2
1
77
Tambeacute podem configurar una ldquoLlista manual de contingutsrdquo segons les
necessitats de cada usuari
78
Ens redirigiragrave cap a un formulari drsquoedicioacute que ens mostraragrave directament quina consulta
hem de configurar per mostrar els continguts i configurarem una consulta com la
seguumlent (evidentment segons les necessitats de cada usuari)
Ara tenim configurat que la pagravegina mostraragrave els tipus de contingut ldquoTramitOVTrdquo del
canal actual ordenats per la ldquoEacutes on-linerdquo en ordre descendent
Aixograve ens portaragrave a la pantalla principal on acabarem de completar la configuracioacute
1 Validar que en lrsquoapartat ldquoConsultardquo hi ha la configuracioacute que acabem drsquoafegir
2 Emplenar ldquoAgraveliesrdquo
3 En lrsquoapartat Forma de presentacioacute fer clic al botoacute ldquoCercar helliprdquo
79
Ens apareixeragrave la pantalla seguumlent
1 Fer clic a ldquoNavegacioacute per projectesrdquo
1
2
3
80
Ens canviaragrave la vista al format seguumlent
1 Navegarem per les carpetes fins a arribar a ldquoFramework Formes de
presentacioacute Site generic fw_fp_llistatramitsrdquo
2 Seleccionarem ldquofw_fp_llistatramitsrdquo
3 Farem clic a ldquoOKrdquo
1
1
81
En retornar a la pantalla principal cal
1 Validar que la forma de presentacioacute eacutes la que acabem de seleccionar
2 Fer clic a ldquoOKrdquo
1 (continuacioacute) 2
3
82
1
2
83
Aquest seragrave el nostre resultat a la pantalla del portal i cal fer el seguumlent
1 Verificar que apareixen els dos continguts que es van associar a aquest canal
1
84
512 Configuracioacute del detall del tragravemit i el pas a pas
En fer clic sobre una activitat veurem com ens redirigeix a la plantilla configurada al
ldquodetallrdquo drsquoaquesta pagravegina tal com la vam configurar en lrsquoapartat 231 cal fer el
seguumlent
1 Fer clic a la primera activitat
1
85
Ens sortiragrave la pagravegina de VAP del detall drsquoun contingut per configurar farem els
passos seguumlents
1 Ens situarem sobre la icona ldquoOpcions de Pagraveginardquo
2 Seleccionar ldquoObrir Plantillardquo ja que els portlets soacuten a nivell de Page
Ens apareixeragrave una pantalla com la que es mostra tot seguit i realitzarem les accions
seguumlents
1 Seleccionar el portlet de la part central de la pagravegina per configurar un ldquoDetall
de contingutrdquo i fer clic a ldquoEditarrdquo
Ens apareixeragrave la pantalla de seleccioacute de component de presentacioacute
1 Seleccionarem el component de presentacioacute ldquoDetall de contingutrdquo
1
2
1
86
Ens apareixeragrave la pantalla que es mostra tot seguit i realitzarem les accions seguumlents
1 Emplenar el camp ldquoAgraveliesrdquo
2 Canviar a la pestanya ldquoPresentacioacuterdquo
En fer clic a la pestanya obtindrem la imatge que es mostra tot seguit i realitzarem les
accions seguumlents
1 Cercarem una forma de presentacioacute fent clic a ldquoCercar helliprdquo
1
2
87
Quan aparegui la pantalla de cercador realitzarem una cerca de la forma de
presentacioacute que volem fer servir per a aixograve cal fer el seguumlent
1 Emplenar la caixa de text amb ldquofw_fp_tramitrdquo
2 Preacutemer ldquoCercarrdquo
3 Seleccionar la forma de presentacioacute de la caixa de resultats
4 Preacutemer ldquoOKrdquo
La forma de presentacioacute ldquofw_fp_tramitrdquo estagrave preparada per ldquomaquillarrdquo el contingut
dels tragravemits Tambeacute es pot fer servir una forma de presentacioacute personalitzada
segons es cregui convenient
1
1
2
3
4
88
En acabar tornarem a la pagravegina principal drsquoedicioacute i farem el seguumlent
1 Verificar que la forma de presentacioacute eacutes la que hem escollit
2 Fer clic a ldquoOKrdquo
En finalitzar la configuracioacute del component de presentacioacute tornem a la pantalla del
portal i cal fer el seguumlent
1 Verificar que el disseny de la presentacioacute eacutes semblant al seguumlent
1
2
89
Configurarem el portlet superior central de la pagravegina perquegrave aquesta contingui el fil
drsquoAriadna
1 Accedir a ldquoObrir Plantillardquo
1 Editar el portlet central que hi ha a sobre del detall de tragravemit per configurar el fil
drsquoAriadna En aquest exemple el portlet eacutes ldquoFW_hilo_ariadnardquo
Escollirem el component de presentacioacute
1 Seleccionar el component de presentacioacute ldquoFil drsquoAriadnardquo
1
1
90
En la configuracioacute del component realitzarem les accions seguumlents
1 Inserir el camp ldquoAgraveliesrdquo
2 Inserir el camp ldquoCanalrdquo
3 Fer clic a la pestanya ldquoPresentacioacuterdquo i cercar la forma de presentacioacute
ldquofw_fp_filariadnardquo
1
91
513 Configuracioacute del detall drsquouna normativa SAC
En el detall de contingut configurat en el punt anterior fent clic sobre una normativa
veurem com ens redirigeix a la plantilla configurada al ldquodetall2rdquo drsquoaquesta pagravegina tal
com hem configurat a lrsquoapartat 231
1 Fer clic a la primera ldquoNormativa Aplicablerdquo
2
3
92
Aquest enllaccedil ens portaragrave al detall2 del canal on srsquoha de configurar el detall de
contingut SAC per tal que es mostri la normativa aplicable
Configurarem el portlet superior central de la pagravegina perquegrave aquesta contingui el fil
drsquoAriadna per a aixograve cal fer el seguumlent
1 Accedir a ldquoObrir Plantillardquo
1
93
1
94
1 Editar el portlet central que hi ha a sobre del detall de tragravemit per configurar el fil
drsquoAriadna En aquest exemple el portlet eacutes ldquofw_portlet_tramitrdquo
Escollirem el component de presentacioacute
1 Seleccionar el component de presentacioacute ldquoDetall de Contingut SACrdquo
En la configuracioacute del component realitzarem les accions seguumlents
1 Inserir el camp ldquoAgraveliesrdquo
2 Seleccionar el tipus de contingut ldquoDetall Tragravemitrdquo
1
95
3 Fer clic a la pestanya ldquoPresentacioacuterdquo i cercar la forma de presentacioacute
ldquofw_fp_sac_normativardquo
4 Fer clic al botoacute ldquoOKrdquo
Srsquoactualitzaragrave la pagravegina de VAP i es mostraragrave el detall de SAC
1
2
3
4
96
514 Validacioacute final de VAP
Finalment cal validar que els tragravemits es visualitzen correctament per a aixograve cal
1 Verificar que tenim els canals creats
2 Accedir al canal ldquoCanal Llistat tragravemitsrdquo i validar que es mostren els tragravemits
que hem associat al punt 22
1
97
A continuacioacute cal fer les comprovacions seguumlents
1 Accedir al detall del tragravemit compartit
2 Accedir al pas a pas del tragravemit i a la normativa de SAC
Exemple llistat de tragravemits compartits
2
1
98
Exemple detall de tragravemit compartit
Exemple pas a pas drsquoun tragravemit
2
2
99
Exemple normativa SAC
En el cas que no es visualitzin el llistat de tragravemits detall o pas a pas configurat
validar
1 Refrescar la Pagravegina
2 Els tragravemits estan associats al canal que esteacuten visualitzat punt 23
1 Refrescar la pagravegina
1
8
Sersquons mostraragrave la pantalla seguumlent on cal
1 Fer clic a ldquoAfegir Portletsrdquo
Ens mostraragrave la pantalla seguumlent on cal
1 Seleccionar ldquoCrear i afegir nous Portletsrdquo
1
2
3
1
9
Ens mostraragrave la pantalla seguumlent on cal
1 Seleccionar ldquoContent Publish Portlet 20rdquo
2 Fer clic a ldquoCrear Seleccionatsrdquo
3 Fer clic a ldquoTancarrdquo
Es poden afegir tants portlets com es vulgui a la pagravegina i com a miacutenim un
per configurar el llistat de tragravemits
1
10
1
2
3
11
La pagravegina srsquohauragrave actualitzat amb els portlets que srsquohan creat tot seguit cal fer el
seguumlent
1 Fer clic al tiacutetol del portlet
1
12
Srsquoha de configurar el tipus de portlet per al llistat Tragravemit per a aixograve cal
1 Posar un nom al portlet
2 Posar el nivell Template
3 Seleccionar que pot ser un Llista Manual o Automagravetica de continguts
4 Posar en ldquoJSP Override URLrdquo la ruta ldquovgn-ext-templatingviewsindexControladorjsprdquo
5 Fer clic a ldquoSaverdquo
1
2
3
3
5
4
vgn-ext-templatingviewsindexControladorjsp
13
Srsquohan de configurar permisos del portlet per al llistat Tragravemit per a aixograve cal
1 Seleccionar ldquoPermisosrdquo
2 Seleccionar els grups que es volen autoritzar
3 Fer clic a ldquoActualitzarrdquo
1
2
3
14
Srsquohan de configurar les dades bagravesiques del portlet per fer-ho cal
1 Seleccionar ldquoBagravesicsrdquo
2 Posar el nom del portlet
3 Desmarcar el quadre de verificacioacute ldquoMostra el cromrdquo
4 Fer clic a ldquoActualitzarrdquo
1
2
3
4
15
1 Tot seguit cal validar que la pagravegina srsquoha creat correctament
2 Srsquoha de fer clic al nom de la pagravegina
1
2
16
1 Bloquejar la pagravegina
2 Fer clic a ldquoActualitzar Opcionsrdquo
1
2
17
211 Crear NavItem del llistat Tragravemits
A partir de la consola de VAP farem les tasques seguumlents per crear el NavItem
1 Anar a lrsquoopcioacute del menuacute ldquoArbre de Navegacioacuterdquo
2 Fer clic a ldquoCrear Element de Navegacioacuterdquo
1
2
18
Per crear lrsquoelement de navegacioacute realitzarem les tasques seguumlents
1 Posar el nom al NavItem rdquoFW_NavItem_GRIDB2rdquo
2 Seleccionar ldquoEnllaccedilar ardquo i seleccionar la pagravegina que acabem de crear
3 Seleccionar el tema ldquoFW_Temardquo
4 Seleccionar la graella ldquoFW_Grid_B2rdquo
5 Fer clic a ldquoCrearrdquo
1
2
3
4
5
19
Quan seleccionem ldquoEnllaccedilar ardquo i triem la pagravegina que acabem de crear srsquoobriragrave la
finestra seguumlent per a aixograve cal
1 Cercar la pagravegina que hem creat en el pas anterior
2 Marcar el quadre de verificacioacute de la pagravegina
3 Fer clic a ldquoOKrdquo
Quan seleccionem el tema srsquoobriragrave la finestra seguumlent per a aixograve cal fer el seguumlent
1 Seleccionar el quadre de verificacioacute del tema que farem servir al nostre site per
a aquest exemple fem servir el tema del Site Genegraveric
2 Fer clic a ldquoSalvarrdquo
Quan seleccionem la graella srsquoobriragrave la finestra seguumlent per a aixograve cal
3 Seleccionar la graella que utilitzarem al nostre site per a aquest exemple farem
servir la Graella FW_Grid_B2 que teacute destacats a la dreta del Site Genegraveric
1
1
2
3
2
20
4 Fer clic a ldquoSalvarrdquo
1
2
21
22 Crear pagravegina de detall de tragravemits i normativa SAC
Dins del gestor de portals (VAP) realitzarem les tasques seguumlents
1 Accedir a la consola de ldquoVAPrdquo del nostre site
2 Seleccionar ldquoComponentsrdquo
3 Seleccionar ldquoPagesrdquo
4 Seleccionar ldquoLlistat de Pagraveginesrdquo
5 Fer clic a ldquoCrear Pagraveginardquo
1
2
3
4
5
22
Srsquoobriragrave un formulari per donar drsquoalta una nova pagravegina Aquiacute cal
4 Introduir el nom de la pagravegina FW_Pagina_Grid_Tramits_SAC_Detall_B
5 Seleccionar ldquoEnllaccedil de Navegacioacuterdquo
6 Fer clic a ldquoCrear Pagraveginardquo
Sersquons mostraragrave la pantalla seguumlent on cal
1 Seleccionar ldquoVisualitzacioacuterdquo
1
3
2
1
23
Sersquons mostraragrave la pantalla seguumlent on cal
4 Seleccionar ldquo1 columnardquo
5 Fer clic a ldquoActualitzarrdquo
6 Seleccionar ldquoColmiddotlocacioacute de Portletrdquo
1
2
3
24
Sersquons mostraragrave la pantalla seguumlent on cal
2 Fer clic a ldquoAfegir Portletsrdquo
Sersquons mostraragrave la pantalla seguumlent on cal
2 Seleccionar ldquoCrear i afegir nous Portletsrdquo
1
25
Sersquons mostraragrave la pantalla seguumlent on cal
4 Seleccionar ldquoContent Publish Portlet 20rdquo
5 Fer clic a ldquoCrear Seleccionatsrdquo
6 Fer clic a ldquoTancarrdquo
Es poden afegir tants portlets com es vulgui a la pagravegina i com a miacutenim un
per configurar el llistat de tragravemits
1
26
1
2
3
27
La pagravegina srsquohauragrave actualitzat amb els portlets que srsquohan creat tot seguit cal fer el
seguumlent
2 Fer clic al tiacutetol del portlet
1
28
Srsquoha de configurar el tipus de portlet per al llistat Tragravemit per a aixograve cal
Posar un nom al portlet
1 Posar si eacutes a nivell de Page o Template
2 Seleccionar que pot ser un Detall de contingut i Detall de contingut SAC
3 Posar en ldquoJSP Override URLrdquo la ruta ldquovgn-ext-templatingviewsindexControladorjsprdquo
4 Fer clic a ldquoSaverdquo
1
2
3
3
5
4
vgn-ext-templatingviewsindexControladorjsp
29
Srsquohan de configurar permisos del portlet per al detall del tragravemit i la normativa SAC per
a aixograve cal
4 Seleccionar ldquoPermisosrdquo
5 Seleccionar els grups que es volen autoritzar
6 Fer clic a ldquoActualitzarrdquo
1
2
3
30
Tot seguit srsquohan de configurar les dades bagravesiques del portlet per a aixograve srsquoha de fer el
seguumlent
1 Seleccionar ldquoBagravesicsrdquo
2 Posar el nom del portlet ldquofw_portlet_tramit_sac_detallrdquo
3 Desmarcar el quadre de verificacioacute ldquoMostra el cromrdquo
4 Fer clic a ldquoActualitzarrdquo
1
2
3
4
31
Despreacutes cal validar que la pagravegina srsquoha creat correctament per a aixograve cal fer el
seguumlent
1 Seleccionar ldquoLlista Pagraveginardquo
2 Fer clic al nom de la pagravegina
1
2
32
Per bloquejar la pagravegina cal fer el seguumlent
1 Seleccionar la casella de verificacioacute ldquoPagravegina Bloquejadardquo
2 Fer clic a ldquoActualitzar Opcionsrdquo
1
2
33
221 Crear NavItem de detall de tragravemits i normativa SAC
A partir de la consola de VAP farem les tasques seguumlents per crear el NavItem
1 Anar a lrsquoopcioacute del menuacute ldquoArbre de Navegacioacuterdquo
2 Fer clic a ldquoCrear Element de Navegacioacuterdquo
1
2
34
Per crear lrsquoelement de Navegacioacute realitzarem les tasques seguumlents
1 Posar el nom al NavItem rdquoFW_NavItem_GRIDBrdquo
2 Seleccionar ldquoEnllaccedilar ardquo i seleccionar la pagravegina que acabem de crear
3 Seleccionar el tema ldquoFW_Temardquo
4 Seleccionar la graella ldquoFW_Grid_Brdquo sense destacats a la dreta per
visualitzar correctament el detall de tragravemits el pas a pas i la normativa SAC
5 Fer clic a ldquoCrearrdquo
1
2
3
4
5
35
Quan seleccionem ldquoEnllaccedilar ardquo i seleccionem la pagravegina que acabem de crear srsquoobriragrave
la finestra seguumlent aquiacute cal
1 Cercar la pagravegina que hem creat en el pas anterior
2 Seleccionar la casella de verificacioacute de la pagravegina
3 Fer clic a ldquoOKrdquo
Quan fem seleccionem el tema srsquoobriragrave la seguumlent finestra per a aixograve cal
1 Seleccionar la casella de verificacioacute del tema que utilitzarem al nostre site per
a aquest exemple farem servir el tema del Site Genegraveric
2 Fer clic a ldquoSalvarrdquo
1
1
2
3
2
36
Quan seleccionem la graella srsquoobriragrave la finestra seguumlent aquiacute cal
1 Seleccionar la graella que utilitzarem al nostre site per a aquest exemple farem
servir la Graella FW_Grid_B sense destacats a la dreta del Site Genegraveric Per
tal de visualitzar correctament el detall del tragravemit el pas a pas i la normativa
SAC eacutes imprescindible que la graella tingui una uacutenica columna de continguts
2 Fer clic a ldquoSalvarrdquo
1
2
37
3 Configuracioacute de lrsquoadministracioacute de VCM
31 Creacioacute del canal ldquoLlistat tragravemitsrdquo
Dins del gestor de continguts realitzarem les tasques seguumlents
1 Accedir a ldquoPortalsrdquo
2 Navegar fins al ldquoPortalrdquo on volem configurar el llistat de continguts
3 Seleccionar ldquoHomerdquo
4 Posicionar-se sobre la creu verda i seleccionar ldquoCanalrdquo
a Emplenar la informacioacute i fer clic a ldquoOKrdquo
b Assegurar-se que el canal eacutes ldquoActiurdquo
1
2
3
38
311 Associacioacute de fitxers a la presentacioacute drsquoun canal
Ara srsquohan drsquoassociar els fitxers estagravetics adequats a la presentacioacute del canal perquegrave les
formes de presentacioacute posteriors trobin els estils i els Javascript corresponents
Per a aixograve cal entrar a les propietats del canal ldquoCanal Llistat tragravemitsrdquo i
1 Seleccionar el canal ldquoCanal Llistat tragravemitsrdquo
4
4a
4b
39
1
40
En entrar trobarem el llistat seguumlent on cal
1 Fer clic a ldquoCanal Llistat tragravemitsrdquo
2 Aquest eacutes un contingut del tipus Canals (cal fixar-se que no eacutes com lrsquoanterior)
Es mostraragrave la pantalla seguumlent on afegirem els fitxers relacionats amb el canal per a
cada idioma aquiacute cal
1 Emplenar els camps requerits per crear una pestanya del multiidioma
2 Desplaccedilar-se cap avall en lrsquoapartat ldquomultiidiomardquo fins a observar lrsquoapartat
drsquoassociacioacute de fitxers
3 Fer clic a ldquoAfegirrdquo
En aquest moment apareixeragrave la pantalla seguumlent
1 Si voleu afegir un fitxer amb extensioacute css cal deixar el camp ldquoTipus de fitxerrdquo
amb valor ldquocssrdquo Si voleu afegir un fitxer que teacute extensioacute js srsquoha de canviar el
camp ldquoTipus de fitxerrdquo al valor ldquojsrdquo
2 Fer clic a ldquoNavegadorrdquo
1
2 1 3
2
41
Apareixeragrave la pantalla de navegacioacute de continguts i anirem cercant els fitxers estagravetics
que associarem aquiacute cal
1 Fer clic a ldquoFrameworkrdquo
2 Fer clic a ldquoestilos y scriptsrdquo
3 Fer clic a ldquoNuevos Estilos imagenes y jsrdquo
4 Fer clic a ldquoGlobalsrdquo
2 1
42
43
44
Una vegada se nrsquohagin seleccionat tornarem a la pantalla anterior i farem el seguumlent
1 Verificar que el fitxer seleccionat eacutes el que apareix al quadre de text i que la
seva extensioacute coincideix amb la que hi ha seleccionada a ldquoTipus de fitxerrdquo
2 Fer clic a ldquoOKrdquo
Un cop acabades totes les associacions el resultat de les associacions afegides a la
pantalla principal ha de ser el seguumlent
1 Fer clic a ldquoAplicarrdquo a lrsquoapartat ldquomultiidiomardquo
1
2
45
1
46
Es recarregaragrave la pantalla
1 Fer clic a ldquoOKrdquo al nivell general
Ja tenim configurat el canal que mostraragrave ldquoLlistat de tragravemitsrdquo amb els fitxers associats
que fa referegravencia a la forma de presentacioacute que farem servir aquest mateix canal
mostraragrave el detall del contingut tragravemit amb el format detall
32 Creacioacute i assignacioacute de plantilles de presentacioacute per al
canal ldquoCanal Llistat tragravemitsrdquo
321 Creacioacute de les plantilles (templates) de VCM
La configuracioacute del canal de VCM per mostrar els llistats de tragravemits i el seu detall es
basen en tres plantilles una per llistar el tragravemits (format default) una per mostrar el
detall i el pas a pas drsquoun tragravemit (format detall) i una altra per mostrar la normativa
aplicable drsquoun tragravemit (format detall2)
A continuacioacute srsquoexplica com es creen les plantilles de presentacioacute
(Presentation Templates) necessagraveries per configurar els tragravemits Els
responsables de cada site srsquohan de crear les seves progravepies plantilles
Cal tenir en compte que les plantilles que apareixen en el document soacuten nomeacutes un
exemple drsquouna configuracioacute vagravelida En els casos pragravectics cal seleccionar les plantilles
que pertanyen a cada portal io que tingui cada usuari en els seus recursos
En el nostre cas es fan servir les plantilles ldquoGridB2LlistatTramitsrdquo ldquoGridBTramitrdquo i
ldquoGridBTramitNormativaSacrdquo
1
47
Per la creacioacute de la plantilla srsquohan de seguir els passos seguumlents
1 Accedir al ldquoBanc de Treballrdquo
2 Accedir a ldquoPresentation Templatesrdquo
3 Accedir a la carpeta de presentacions del nostre site en aquest exemple
ldquogenegravericrdquo
1
2
48
Un cop som al llistat de plantilles del nostre site cal fer el seguumlent
1 Seleccionar el signe ldquo+rdquo
2 Seleccionar Forma de Presentation Template
En realitzar aquesta accioacute srsquoobriragrave la finestra drsquoedicioacute o creacioacute de la Presentation
Template Srsquohan de crear dos plantilles noves amb les dades seguumlents
1 Plantilla per al llistat de tragravemits
a Nom cal posar un nom identificatiu de la plantilla per exemple
GenericoGridB2LlistatTramit
b Tipus de plantilla Portal Page
c VAPVCM Portal defaultgeneric (cal posar el nom del portal VAP)
d Element del menuacute de VAP FW_NavItem_GRIDB2
3
1
2
49
e Canal VCM per defecte
Tot seguit cal fer clic a ldquoOKrdquo
Per a la configuracioacute de la plantilla per al llistat de tragravemits es pot fer servir un
NavItem que utilitzi una grid amb destacats a la dreta per exemple la GRID B2 del
Site Genegraveric o beacute un Navitem sense destacats (el FW_NavItem_GRIDB creat
anteriorment)
El NavItem ha de disposar drsquoun portlet a la part central a nivell de Page per
configurar el llistat de tragravemits
f
50
2 Crear una nova Presentation Template per al detall de tragravemits i el pas a
pas
a Nom cal posar un nom identificatiu de la plantilla com per exemple
GenericoGridBTramit
b Tipus de plantilla Portal Page
c VAPVCM Portal defaultgeneric
d Element del menuacute de VAP FW_NavItem_GRIDB
e Canal VCM per defecte
Finalment cal fer clic a ldquoOKrdquo
Per configurar la plantilla per al detall dels tragravemits i el pas a pas srsquoha de fer servir un
NavItem que utilitzi una grid sense destacats a la dreta per exemple la GRID B del
site Genegraveric
El NavItem ha de disposar de dos portlets a la part central a nivell de Page per
configurar el llistat de tragravemits
Tot seguit cal crear una nova Presentation Template per al detall de tragravemits i el pas a
pas
a Nom cal posar un nom identificatiu de la plantilla per exemple
GenericoGridBTramitNormativaSac
f
51
b Tipus de plantilla Portal Page
c VAPVCM Portal defaultgeneric
d Element del menuacute de VAP FW_NavItem_GRIDB
e Canal VCM per defecte
Finalment cal fer clic a ldquoOKrdquo
322 Configuracioacute de la plantilla al canal
Les Presentation Templates que configurarem a continuacioacute soacuten drsquoexemple
Els responsables de cada site han de crear les seves progravepies plantilles
Un cop creat el canal i les Presentation Templates en configurarem la presentacioacute
1 Seleccionarem la casella de seleccioacute del canal que acabem de crear
2 Farem clic a la icona de propietats del canal
3 Navegarem a la pestanya ldquoPresentacioacuterdquo
52
Ens apareixeragrave un formulari com el que es mostra a continuacioacute i realitzarem les
accions seguumlents
1 Fer clic a ldquoAfegir presentacioacute de canalrdquo
1
2
3
53
Apareixeragrave la pantalla seguumlent amb lrsquoobjectiu de seleccionar una plantilla en el nostre
cas farem el seguumlent
1 Seleccionar el projecte de plantilles respectiu al portal A lrsquoexemple ldquogenericrdquo
Posteriorment apareixeragrave un llistat de plantilles (ldquoTemplatesrdquo)
1 En aquest cas seleccionarem ldquoGridB2LlistatTramitsrdquo
2 Acceptarem la seleccioacute ldquoOKrdquo
1
1
54
1
2
55
Un cop acceptat ens apareixeragrave la pantalla seguumlent on configurarem el ldquodetallrdquo Per a
aixograve cal fer el seguumlent
1 Fer clic a ldquoAssignar una Nova Plantilla de Presentacioacuterdquo
1
56
Tot seguit apareixeragrave la pantalla que es mostra a continuacioacute on realitzarem les
accions seguumlents
1 Fer clic a ldquoAfegir formatrdquo
En aquesta nova pantalla ens assegurarem del seguumlent
1 A la casella ldquoFormatrdquo hi ha el valor ldquodetallrdquo
2 A la casella ldquoTemplaterdquo hi ha drsquohaver el correcte Si no eacutes aixiacute srsquoha de fer clic a
ldquoNavegadorrdquo
En fer clic a ldquoNavegadorrdquo cal fer el seguumlent
1 Tornar a navegar fins a ldquogenericrdquo
1
1 2
57
1
58
I a la pantalla seguumlent cal seleccionar una plantilla i
1 Fer clic al botoacute a prop de ldquoGridBTramitrdquo
2 Fer clic a ldquoOKrdquo
1
2
59
En aquest moment es torna a la pantalla anterior i cal
1 Fer clic a ldquoOKrdquo
En el canal Llistat de tragravemits ha drsquoestar configurat el ldquoformatrdquo ldquodetallrdquo ja que la forma
de presentacioacute que configurarem a GridDBTramit necessitaragrave aquest format per
visualitzar el detall del contingut de tipus ldquoTragravemitrdquo
2
60
La pantalla anterior a aquesta ens ha de presentar aquesta informacioacute Ara
configurarem el ldquodetall2rdquo per presentar el contingut rdquo Normativa de SACrdquo Per a aixograve
cal fer el seguumlent
1 Fer clic a ldquoAfegir Formatrdquo
En aquesta nova pantalla ens assegurarem del seguumlent
1 A la casella ldquoFormatrdquo hi ha el valor ldquodetall2rdquo
1
61
2 A la casella ldquoTemplaterdquo hi ha drsquohaver el correcte Si no eacutes aixiacute srsquoha de fer clic a
ldquoNavegadorrdquo
En fer clic a ldquoNavegadorrdquo srsquoha de fer el seguumlent
1 Tornar a navegar fins a ldquogenericrdquo (srsquoha de substituir pel nom del portal)
1 2
62
1
63
A la pantalla seguumlent cal seleccionar una plantilla i
1 Fer clic al botoacute a prop de ldquoGridBTramitNormativaSacrdquo
2 Fer clic a ldquoOKrdquo
1
2
64
En aquest moment es torna a la pantalla anterior i cal fer el seguumlent
2 Fer clic a ldquoOKrdquo
En el canal Llistat de tragravemits ha drsquoestar configurat el ldquoformatrdquo ldquodetall2rdquo ja que la
forma de presentacioacute que configurarem a GridDBTramitNormativaSac necessitaragrave
aquest format per visualitzar el detall del contingut de tipus normativa ldquoSACrdquo
2
65
La pantalla anterior a aquesta ens ha de presentar aquesta informacioacute i srsquoha de fer el
seguumlent
2 Fer clic a ldquoOKrdquo
1
66
La finestra pare anterior a aquesta quedaragrave com es mostra tot seguit i realitzarem les
accions seguumlents
1 Fer clic a ldquoOKrdquo
4 Comparticioacute de continguts
Accedim al projecte on hi ha tots els tragravemits de lrsquoOVT
1
67
OVTDepartaments[NomCurtDepartaments][NomCurtOrganisme] TramitOVT
On NomCurtDepartaments correspon al nom curt del departament al que fa referencia
el nostre organisme
En aquest exemple es mostren tots els projectes de tragravemits de lrsquoOVT
Un cop localitzat el tragravemit de lrsquoOVT que volem compartir amb el nostre site accedirem
a lrsquoedicioacute del contingut i assignarem aquest contingut al canal del nostre site on es
vulgui mostrar Srsquoha de fer el seguumlent
1 Anar al contenidor de projectes on hi ha els continguts de GECO
Apareixeragrave lrsquoestructura de projectes a la qual teacute acceacutes lrsquousuari redactor Cal fer el
seguumlent (exemple Agegravencia Tributagraveria dins drsquoEconomia i Finances)
1 Seleccionar ldquoOVTrdquo
2 Seleccionar ldquoDepartamentsrdquo aquesta carpeta conteacute tots els tragravemits de lrsquoOVT
classificats per departaments
3 Seleccionar ldquoECOrdquo A lrsquousuari nomeacutes se li mostraragrave la carpeta del seu
departament
Si lrsquousuari no visualitza la carpeta dins del seu departament eacutes perquegrave no
srsquoha aplicat la poliacutetica de seguretat correctament Cal obrir un tiquet a Suport
gencat per tramitar aquests permisos AQUESTA CARPETA NOMEacuteS SERAgrave
VISIBLE PER ALS USUARIS AMB ROL REDACTOR
4 Seleccionar ldquoA_Agegravencia Tributagraveriardquo
5 Seleccionar ldquoTramitOVTrdquo
1
68
2
3
1
69
4
5
70
Apareixeragrave el llistat de continguts ldquoTragravemitOVTrdquo de lrsquoOVT de lrsquoAgegravencia Tributagraveria
Realitzarem les accions seguumlents
1 Seleccionar el tragravemit o els tragravemits que volem compartir en la web dorganisme
2 Fer clic a ldquoAssociarrdquo
2
1
71
Aquest proceacutes obriragrave una finestra Per seleccionar el site i canal on es volen mostrar
els tragravemits seleccionats realitzarem les accions seguumlents (cas site Generic)
1 Seleccionar el site ldquoGenericrdquo en el vostre cas el site del departament on es vol
mostrar el contingut ldquotragravemitrdquo
2 Navegar pels canals del Site Genegraveric fins al canal que srsquoha creat en el punt
ldquoLlistat de tragravemitsrdquo i seleccionar el quadre de verificacioacute
3 Fer clic a ldquoOKrdquo
1
72
2
3
73
41 Validar que la comparticioacute de continguts eacutes correcta
Accedim per VCM al canal que hem creat anteriorment al qual li acabem drsquoassignar
els continguts de tragravemits que ha de mostrar i fem el seguumlent
1 Anar al contenidor de portals
2 Seleccionar el Site ldquogenericrdquo
3 Seleccionar el canal ldquoHomerdquo
4 Seleccionar el canal ldquoCanal Llistat tragravemitsrdquo
1
2
3
74
4
75
Apareixeragrave el contingut assignat al canal ldquoCanal Llistat tragravemitsrdquo
En entrar trobarem el llistat seguumlent
1 Llistat del tragravemits de lrsquoOVT que srsquohan compartit amb el canal ldquoCanal Llistat
tragravemitsrdquo
2 Validar que els continguts que apareixen soacuten del tipus ldquoTramitOVTrdquo
En cas que al canal del site ldquoCanal Llistat tragravemitsrdquo no apareguin els continguts
tragravemits associats anteriorment cal repetir el pas 22
1 2
76
5 Configuracioacute al portal
Ara cal entrar al nostre site on tenim configurat el canal que hem creat en lrsquoapartat
anterior (21) i que ara configurarem a nivell de portal
51 Configuracioacute a Canal Llistat tragravemits
511 Configuracioacute de la llista de tragravemits
Farem clic a lrsquoenllaccedil ldquoCanal llistat tragravemitsrdquo de la ldquoHomerdquo i anirem a parar a una
pantalla com la que es mostra meacutes avall
Es pot apreciar que en el contingut de la pagravegina no hi ha res Aixograve eacutes perquegrave cal
configurar els portlets adequats ( )
1 Ens situarem sobre la icona ldquoOpcions de Pagraveginardquo
2 Seleccionarem ldquoObrir Plantillardquo ja que els portlets soacuten a nivell de Page
Ens apareixeragrave una pantalla com la que es mostra tot seguit i realitzarem les accions
seguumlents
1 Seleccionar el portlet de la part central de la pagravegina per configurar una ldquoLlista
automagravetica de contingutsrdquo
2
1
77
Tambeacute podem configurar una ldquoLlista manual de contingutsrdquo segons les
necessitats de cada usuari
78
Ens redirigiragrave cap a un formulari drsquoedicioacute que ens mostraragrave directament quina consulta
hem de configurar per mostrar els continguts i configurarem una consulta com la
seguumlent (evidentment segons les necessitats de cada usuari)
Ara tenim configurat que la pagravegina mostraragrave els tipus de contingut ldquoTramitOVTrdquo del
canal actual ordenats per la ldquoEacutes on-linerdquo en ordre descendent
Aixograve ens portaragrave a la pantalla principal on acabarem de completar la configuracioacute
1 Validar que en lrsquoapartat ldquoConsultardquo hi ha la configuracioacute que acabem drsquoafegir
2 Emplenar ldquoAgraveliesrdquo
3 En lrsquoapartat Forma de presentacioacute fer clic al botoacute ldquoCercar helliprdquo
79
Ens apareixeragrave la pantalla seguumlent
1 Fer clic a ldquoNavegacioacute per projectesrdquo
1
2
3
80
Ens canviaragrave la vista al format seguumlent
1 Navegarem per les carpetes fins a arribar a ldquoFramework Formes de
presentacioacute Site generic fw_fp_llistatramitsrdquo
2 Seleccionarem ldquofw_fp_llistatramitsrdquo
3 Farem clic a ldquoOKrdquo
1
1
81
En retornar a la pantalla principal cal
1 Validar que la forma de presentacioacute eacutes la que acabem de seleccionar
2 Fer clic a ldquoOKrdquo
1 (continuacioacute) 2
3
82
1
2
83
Aquest seragrave el nostre resultat a la pantalla del portal i cal fer el seguumlent
1 Verificar que apareixen els dos continguts que es van associar a aquest canal
1
84
512 Configuracioacute del detall del tragravemit i el pas a pas
En fer clic sobre una activitat veurem com ens redirigeix a la plantilla configurada al
ldquodetallrdquo drsquoaquesta pagravegina tal com la vam configurar en lrsquoapartat 231 cal fer el
seguumlent
1 Fer clic a la primera activitat
1
85
Ens sortiragrave la pagravegina de VAP del detall drsquoun contingut per configurar farem els
passos seguumlents
1 Ens situarem sobre la icona ldquoOpcions de Pagraveginardquo
2 Seleccionar ldquoObrir Plantillardquo ja que els portlets soacuten a nivell de Page
Ens apareixeragrave una pantalla com la que es mostra tot seguit i realitzarem les accions
seguumlents
1 Seleccionar el portlet de la part central de la pagravegina per configurar un ldquoDetall
de contingutrdquo i fer clic a ldquoEditarrdquo
Ens apareixeragrave la pantalla de seleccioacute de component de presentacioacute
1 Seleccionarem el component de presentacioacute ldquoDetall de contingutrdquo
1
2
1
86
Ens apareixeragrave la pantalla que es mostra tot seguit i realitzarem les accions seguumlents
1 Emplenar el camp ldquoAgraveliesrdquo
2 Canviar a la pestanya ldquoPresentacioacuterdquo
En fer clic a la pestanya obtindrem la imatge que es mostra tot seguit i realitzarem les
accions seguumlents
1 Cercarem una forma de presentacioacute fent clic a ldquoCercar helliprdquo
1
2
87
Quan aparegui la pantalla de cercador realitzarem una cerca de la forma de
presentacioacute que volem fer servir per a aixograve cal fer el seguumlent
1 Emplenar la caixa de text amb ldquofw_fp_tramitrdquo
2 Preacutemer ldquoCercarrdquo
3 Seleccionar la forma de presentacioacute de la caixa de resultats
4 Preacutemer ldquoOKrdquo
La forma de presentacioacute ldquofw_fp_tramitrdquo estagrave preparada per ldquomaquillarrdquo el contingut
dels tragravemits Tambeacute es pot fer servir una forma de presentacioacute personalitzada
segons es cregui convenient
1
1
2
3
4
88
En acabar tornarem a la pagravegina principal drsquoedicioacute i farem el seguumlent
1 Verificar que la forma de presentacioacute eacutes la que hem escollit
2 Fer clic a ldquoOKrdquo
En finalitzar la configuracioacute del component de presentacioacute tornem a la pantalla del
portal i cal fer el seguumlent
1 Verificar que el disseny de la presentacioacute eacutes semblant al seguumlent
1
2
89
Configurarem el portlet superior central de la pagravegina perquegrave aquesta contingui el fil
drsquoAriadna
1 Accedir a ldquoObrir Plantillardquo
1 Editar el portlet central que hi ha a sobre del detall de tragravemit per configurar el fil
drsquoAriadna En aquest exemple el portlet eacutes ldquoFW_hilo_ariadnardquo
Escollirem el component de presentacioacute
1 Seleccionar el component de presentacioacute ldquoFil drsquoAriadnardquo
1
1
90
En la configuracioacute del component realitzarem les accions seguumlents
1 Inserir el camp ldquoAgraveliesrdquo
2 Inserir el camp ldquoCanalrdquo
3 Fer clic a la pestanya ldquoPresentacioacuterdquo i cercar la forma de presentacioacute
ldquofw_fp_filariadnardquo
1
91
513 Configuracioacute del detall drsquouna normativa SAC
En el detall de contingut configurat en el punt anterior fent clic sobre una normativa
veurem com ens redirigeix a la plantilla configurada al ldquodetall2rdquo drsquoaquesta pagravegina tal
com hem configurat a lrsquoapartat 231
1 Fer clic a la primera ldquoNormativa Aplicablerdquo
2
3
92
Aquest enllaccedil ens portaragrave al detall2 del canal on srsquoha de configurar el detall de
contingut SAC per tal que es mostri la normativa aplicable
Configurarem el portlet superior central de la pagravegina perquegrave aquesta contingui el fil
drsquoAriadna per a aixograve cal fer el seguumlent
1 Accedir a ldquoObrir Plantillardquo
1
93
1
94
1 Editar el portlet central que hi ha a sobre del detall de tragravemit per configurar el fil
drsquoAriadna En aquest exemple el portlet eacutes ldquofw_portlet_tramitrdquo
Escollirem el component de presentacioacute
1 Seleccionar el component de presentacioacute ldquoDetall de Contingut SACrdquo
En la configuracioacute del component realitzarem les accions seguumlents
1 Inserir el camp ldquoAgraveliesrdquo
2 Seleccionar el tipus de contingut ldquoDetall Tragravemitrdquo
1
95
3 Fer clic a la pestanya ldquoPresentacioacuterdquo i cercar la forma de presentacioacute
ldquofw_fp_sac_normativardquo
4 Fer clic al botoacute ldquoOKrdquo
Srsquoactualitzaragrave la pagravegina de VAP i es mostraragrave el detall de SAC
1
2
3
4
96
514 Validacioacute final de VAP
Finalment cal validar que els tragravemits es visualitzen correctament per a aixograve cal
1 Verificar que tenim els canals creats
2 Accedir al canal ldquoCanal Llistat tragravemitsrdquo i validar que es mostren els tragravemits
que hem associat al punt 22
1
97
A continuacioacute cal fer les comprovacions seguumlents
1 Accedir al detall del tragravemit compartit
2 Accedir al pas a pas del tragravemit i a la normativa de SAC
Exemple llistat de tragravemits compartits
2
1
98
Exemple detall de tragravemit compartit
Exemple pas a pas drsquoun tragravemit
2
2
99
Exemple normativa SAC
En el cas que no es visualitzin el llistat de tragravemits detall o pas a pas configurat
validar
1 Refrescar la Pagravegina
2 Els tragravemits estan associats al canal que esteacuten visualitzat punt 23
1 Refrescar la pagravegina
1
9
Ens mostraragrave la pantalla seguumlent on cal
1 Seleccionar ldquoContent Publish Portlet 20rdquo
2 Fer clic a ldquoCrear Seleccionatsrdquo
3 Fer clic a ldquoTancarrdquo
Es poden afegir tants portlets com es vulgui a la pagravegina i com a miacutenim un
per configurar el llistat de tragravemits
1
10
1
2
3
11
La pagravegina srsquohauragrave actualitzat amb els portlets que srsquohan creat tot seguit cal fer el
seguumlent
1 Fer clic al tiacutetol del portlet
1
12
Srsquoha de configurar el tipus de portlet per al llistat Tragravemit per a aixograve cal
1 Posar un nom al portlet
2 Posar el nivell Template
3 Seleccionar que pot ser un Llista Manual o Automagravetica de continguts
4 Posar en ldquoJSP Override URLrdquo la ruta ldquovgn-ext-templatingviewsindexControladorjsprdquo
5 Fer clic a ldquoSaverdquo
1
2
3
3
5
4
vgn-ext-templatingviewsindexControladorjsp
13
Srsquohan de configurar permisos del portlet per al llistat Tragravemit per a aixograve cal
1 Seleccionar ldquoPermisosrdquo
2 Seleccionar els grups que es volen autoritzar
3 Fer clic a ldquoActualitzarrdquo
1
2
3
14
Srsquohan de configurar les dades bagravesiques del portlet per fer-ho cal
1 Seleccionar ldquoBagravesicsrdquo
2 Posar el nom del portlet
3 Desmarcar el quadre de verificacioacute ldquoMostra el cromrdquo
4 Fer clic a ldquoActualitzarrdquo
1
2
3
4
15
1 Tot seguit cal validar que la pagravegina srsquoha creat correctament
2 Srsquoha de fer clic al nom de la pagravegina
1
2
16
1 Bloquejar la pagravegina
2 Fer clic a ldquoActualitzar Opcionsrdquo
1
2
17
211 Crear NavItem del llistat Tragravemits
A partir de la consola de VAP farem les tasques seguumlents per crear el NavItem
1 Anar a lrsquoopcioacute del menuacute ldquoArbre de Navegacioacuterdquo
2 Fer clic a ldquoCrear Element de Navegacioacuterdquo
1
2
18
Per crear lrsquoelement de navegacioacute realitzarem les tasques seguumlents
1 Posar el nom al NavItem rdquoFW_NavItem_GRIDB2rdquo
2 Seleccionar ldquoEnllaccedilar ardquo i seleccionar la pagravegina que acabem de crear
3 Seleccionar el tema ldquoFW_Temardquo
4 Seleccionar la graella ldquoFW_Grid_B2rdquo
5 Fer clic a ldquoCrearrdquo
1
2
3
4
5
19
Quan seleccionem ldquoEnllaccedilar ardquo i triem la pagravegina que acabem de crear srsquoobriragrave la
finestra seguumlent per a aixograve cal
1 Cercar la pagravegina que hem creat en el pas anterior
2 Marcar el quadre de verificacioacute de la pagravegina
3 Fer clic a ldquoOKrdquo
Quan seleccionem el tema srsquoobriragrave la finestra seguumlent per a aixograve cal fer el seguumlent
1 Seleccionar el quadre de verificacioacute del tema que farem servir al nostre site per
a aquest exemple fem servir el tema del Site Genegraveric
2 Fer clic a ldquoSalvarrdquo
Quan seleccionem la graella srsquoobriragrave la finestra seguumlent per a aixograve cal
3 Seleccionar la graella que utilitzarem al nostre site per a aquest exemple farem
servir la Graella FW_Grid_B2 que teacute destacats a la dreta del Site Genegraveric
1
1
2
3
2
20
4 Fer clic a ldquoSalvarrdquo
1
2
21
22 Crear pagravegina de detall de tragravemits i normativa SAC
Dins del gestor de portals (VAP) realitzarem les tasques seguumlents
1 Accedir a la consola de ldquoVAPrdquo del nostre site
2 Seleccionar ldquoComponentsrdquo
3 Seleccionar ldquoPagesrdquo
4 Seleccionar ldquoLlistat de Pagraveginesrdquo
5 Fer clic a ldquoCrear Pagraveginardquo
1
2
3
4
5
22
Srsquoobriragrave un formulari per donar drsquoalta una nova pagravegina Aquiacute cal
4 Introduir el nom de la pagravegina FW_Pagina_Grid_Tramits_SAC_Detall_B
5 Seleccionar ldquoEnllaccedil de Navegacioacuterdquo
6 Fer clic a ldquoCrear Pagraveginardquo
Sersquons mostraragrave la pantalla seguumlent on cal
1 Seleccionar ldquoVisualitzacioacuterdquo
1
3
2
1
23
Sersquons mostraragrave la pantalla seguumlent on cal
4 Seleccionar ldquo1 columnardquo
5 Fer clic a ldquoActualitzarrdquo
6 Seleccionar ldquoColmiddotlocacioacute de Portletrdquo
1
2
3
24
Sersquons mostraragrave la pantalla seguumlent on cal
2 Fer clic a ldquoAfegir Portletsrdquo
Sersquons mostraragrave la pantalla seguumlent on cal
2 Seleccionar ldquoCrear i afegir nous Portletsrdquo
1
25
Sersquons mostraragrave la pantalla seguumlent on cal
4 Seleccionar ldquoContent Publish Portlet 20rdquo
5 Fer clic a ldquoCrear Seleccionatsrdquo
6 Fer clic a ldquoTancarrdquo
Es poden afegir tants portlets com es vulgui a la pagravegina i com a miacutenim un
per configurar el llistat de tragravemits
1
26
1
2
3
27
La pagravegina srsquohauragrave actualitzat amb els portlets que srsquohan creat tot seguit cal fer el
seguumlent
2 Fer clic al tiacutetol del portlet
1
28
Srsquoha de configurar el tipus de portlet per al llistat Tragravemit per a aixograve cal
Posar un nom al portlet
1 Posar si eacutes a nivell de Page o Template
2 Seleccionar que pot ser un Detall de contingut i Detall de contingut SAC
3 Posar en ldquoJSP Override URLrdquo la ruta ldquovgn-ext-templatingviewsindexControladorjsprdquo
4 Fer clic a ldquoSaverdquo
1
2
3
3
5
4
vgn-ext-templatingviewsindexControladorjsp
29
Srsquohan de configurar permisos del portlet per al detall del tragravemit i la normativa SAC per
a aixograve cal
4 Seleccionar ldquoPermisosrdquo
5 Seleccionar els grups que es volen autoritzar
6 Fer clic a ldquoActualitzarrdquo
1
2
3
30
Tot seguit srsquohan de configurar les dades bagravesiques del portlet per a aixograve srsquoha de fer el
seguumlent
1 Seleccionar ldquoBagravesicsrdquo
2 Posar el nom del portlet ldquofw_portlet_tramit_sac_detallrdquo
3 Desmarcar el quadre de verificacioacute ldquoMostra el cromrdquo
4 Fer clic a ldquoActualitzarrdquo
1
2
3
4
31
Despreacutes cal validar que la pagravegina srsquoha creat correctament per a aixograve cal fer el
seguumlent
1 Seleccionar ldquoLlista Pagraveginardquo
2 Fer clic al nom de la pagravegina
1
2
32
Per bloquejar la pagravegina cal fer el seguumlent
1 Seleccionar la casella de verificacioacute ldquoPagravegina Bloquejadardquo
2 Fer clic a ldquoActualitzar Opcionsrdquo
1
2
33
221 Crear NavItem de detall de tragravemits i normativa SAC
A partir de la consola de VAP farem les tasques seguumlents per crear el NavItem
1 Anar a lrsquoopcioacute del menuacute ldquoArbre de Navegacioacuterdquo
2 Fer clic a ldquoCrear Element de Navegacioacuterdquo
1
2
34
Per crear lrsquoelement de Navegacioacute realitzarem les tasques seguumlents
1 Posar el nom al NavItem rdquoFW_NavItem_GRIDBrdquo
2 Seleccionar ldquoEnllaccedilar ardquo i seleccionar la pagravegina que acabem de crear
3 Seleccionar el tema ldquoFW_Temardquo
4 Seleccionar la graella ldquoFW_Grid_Brdquo sense destacats a la dreta per
visualitzar correctament el detall de tragravemits el pas a pas i la normativa SAC
5 Fer clic a ldquoCrearrdquo
1
2
3
4
5
35
Quan seleccionem ldquoEnllaccedilar ardquo i seleccionem la pagravegina que acabem de crear srsquoobriragrave
la finestra seguumlent aquiacute cal
1 Cercar la pagravegina que hem creat en el pas anterior
2 Seleccionar la casella de verificacioacute de la pagravegina
3 Fer clic a ldquoOKrdquo
Quan fem seleccionem el tema srsquoobriragrave la seguumlent finestra per a aixograve cal
1 Seleccionar la casella de verificacioacute del tema que utilitzarem al nostre site per
a aquest exemple farem servir el tema del Site Genegraveric
2 Fer clic a ldquoSalvarrdquo
1
1
2
3
2
36
Quan seleccionem la graella srsquoobriragrave la finestra seguumlent aquiacute cal
1 Seleccionar la graella que utilitzarem al nostre site per a aquest exemple farem
servir la Graella FW_Grid_B sense destacats a la dreta del Site Genegraveric Per
tal de visualitzar correctament el detall del tragravemit el pas a pas i la normativa
SAC eacutes imprescindible que la graella tingui una uacutenica columna de continguts
2 Fer clic a ldquoSalvarrdquo
1
2
37
3 Configuracioacute de lrsquoadministracioacute de VCM
31 Creacioacute del canal ldquoLlistat tragravemitsrdquo
Dins del gestor de continguts realitzarem les tasques seguumlents
1 Accedir a ldquoPortalsrdquo
2 Navegar fins al ldquoPortalrdquo on volem configurar el llistat de continguts
3 Seleccionar ldquoHomerdquo
4 Posicionar-se sobre la creu verda i seleccionar ldquoCanalrdquo
a Emplenar la informacioacute i fer clic a ldquoOKrdquo
b Assegurar-se que el canal eacutes ldquoActiurdquo
1
2
3
38
311 Associacioacute de fitxers a la presentacioacute drsquoun canal
Ara srsquohan drsquoassociar els fitxers estagravetics adequats a la presentacioacute del canal perquegrave les
formes de presentacioacute posteriors trobin els estils i els Javascript corresponents
Per a aixograve cal entrar a les propietats del canal ldquoCanal Llistat tragravemitsrdquo i
1 Seleccionar el canal ldquoCanal Llistat tragravemitsrdquo
4
4a
4b
39
1
40
En entrar trobarem el llistat seguumlent on cal
1 Fer clic a ldquoCanal Llistat tragravemitsrdquo
2 Aquest eacutes un contingut del tipus Canals (cal fixar-se que no eacutes com lrsquoanterior)
Es mostraragrave la pantalla seguumlent on afegirem els fitxers relacionats amb el canal per a
cada idioma aquiacute cal
1 Emplenar els camps requerits per crear una pestanya del multiidioma
2 Desplaccedilar-se cap avall en lrsquoapartat ldquomultiidiomardquo fins a observar lrsquoapartat
drsquoassociacioacute de fitxers
3 Fer clic a ldquoAfegirrdquo
En aquest moment apareixeragrave la pantalla seguumlent
1 Si voleu afegir un fitxer amb extensioacute css cal deixar el camp ldquoTipus de fitxerrdquo
amb valor ldquocssrdquo Si voleu afegir un fitxer que teacute extensioacute js srsquoha de canviar el
camp ldquoTipus de fitxerrdquo al valor ldquojsrdquo
2 Fer clic a ldquoNavegadorrdquo
1
2 1 3
2
41
Apareixeragrave la pantalla de navegacioacute de continguts i anirem cercant els fitxers estagravetics
que associarem aquiacute cal
1 Fer clic a ldquoFrameworkrdquo
2 Fer clic a ldquoestilos y scriptsrdquo
3 Fer clic a ldquoNuevos Estilos imagenes y jsrdquo
4 Fer clic a ldquoGlobalsrdquo
2 1
42
43
44
Una vegada se nrsquohagin seleccionat tornarem a la pantalla anterior i farem el seguumlent
1 Verificar que el fitxer seleccionat eacutes el que apareix al quadre de text i que la
seva extensioacute coincideix amb la que hi ha seleccionada a ldquoTipus de fitxerrdquo
2 Fer clic a ldquoOKrdquo
Un cop acabades totes les associacions el resultat de les associacions afegides a la
pantalla principal ha de ser el seguumlent
1 Fer clic a ldquoAplicarrdquo a lrsquoapartat ldquomultiidiomardquo
1
2
45
1
46
Es recarregaragrave la pantalla
1 Fer clic a ldquoOKrdquo al nivell general
Ja tenim configurat el canal que mostraragrave ldquoLlistat de tragravemitsrdquo amb els fitxers associats
que fa referegravencia a la forma de presentacioacute que farem servir aquest mateix canal
mostraragrave el detall del contingut tragravemit amb el format detall
32 Creacioacute i assignacioacute de plantilles de presentacioacute per al
canal ldquoCanal Llistat tragravemitsrdquo
321 Creacioacute de les plantilles (templates) de VCM
La configuracioacute del canal de VCM per mostrar els llistats de tragravemits i el seu detall es
basen en tres plantilles una per llistar el tragravemits (format default) una per mostrar el
detall i el pas a pas drsquoun tragravemit (format detall) i una altra per mostrar la normativa
aplicable drsquoun tragravemit (format detall2)
A continuacioacute srsquoexplica com es creen les plantilles de presentacioacute
(Presentation Templates) necessagraveries per configurar els tragravemits Els
responsables de cada site srsquohan de crear les seves progravepies plantilles
Cal tenir en compte que les plantilles que apareixen en el document soacuten nomeacutes un
exemple drsquouna configuracioacute vagravelida En els casos pragravectics cal seleccionar les plantilles
que pertanyen a cada portal io que tingui cada usuari en els seus recursos
En el nostre cas es fan servir les plantilles ldquoGridB2LlistatTramitsrdquo ldquoGridBTramitrdquo i
ldquoGridBTramitNormativaSacrdquo
1
47
Per la creacioacute de la plantilla srsquohan de seguir els passos seguumlents
1 Accedir al ldquoBanc de Treballrdquo
2 Accedir a ldquoPresentation Templatesrdquo
3 Accedir a la carpeta de presentacions del nostre site en aquest exemple
ldquogenegravericrdquo
1
2
48
Un cop som al llistat de plantilles del nostre site cal fer el seguumlent
1 Seleccionar el signe ldquo+rdquo
2 Seleccionar Forma de Presentation Template
En realitzar aquesta accioacute srsquoobriragrave la finestra drsquoedicioacute o creacioacute de la Presentation
Template Srsquohan de crear dos plantilles noves amb les dades seguumlents
1 Plantilla per al llistat de tragravemits
a Nom cal posar un nom identificatiu de la plantilla per exemple
GenericoGridB2LlistatTramit
b Tipus de plantilla Portal Page
c VAPVCM Portal defaultgeneric (cal posar el nom del portal VAP)
d Element del menuacute de VAP FW_NavItem_GRIDB2
3
1
2
49
e Canal VCM per defecte
Tot seguit cal fer clic a ldquoOKrdquo
Per a la configuracioacute de la plantilla per al llistat de tragravemits es pot fer servir un
NavItem que utilitzi una grid amb destacats a la dreta per exemple la GRID B2 del
Site Genegraveric o beacute un Navitem sense destacats (el FW_NavItem_GRIDB creat
anteriorment)
El NavItem ha de disposar drsquoun portlet a la part central a nivell de Page per
configurar el llistat de tragravemits
f
50
2 Crear una nova Presentation Template per al detall de tragravemits i el pas a
pas
a Nom cal posar un nom identificatiu de la plantilla com per exemple
GenericoGridBTramit
b Tipus de plantilla Portal Page
c VAPVCM Portal defaultgeneric
d Element del menuacute de VAP FW_NavItem_GRIDB
e Canal VCM per defecte
Finalment cal fer clic a ldquoOKrdquo
Per configurar la plantilla per al detall dels tragravemits i el pas a pas srsquoha de fer servir un
NavItem que utilitzi una grid sense destacats a la dreta per exemple la GRID B del
site Genegraveric
El NavItem ha de disposar de dos portlets a la part central a nivell de Page per
configurar el llistat de tragravemits
Tot seguit cal crear una nova Presentation Template per al detall de tragravemits i el pas a
pas
a Nom cal posar un nom identificatiu de la plantilla per exemple
GenericoGridBTramitNormativaSac
f
51
b Tipus de plantilla Portal Page
c VAPVCM Portal defaultgeneric
d Element del menuacute de VAP FW_NavItem_GRIDB
e Canal VCM per defecte
Finalment cal fer clic a ldquoOKrdquo
322 Configuracioacute de la plantilla al canal
Les Presentation Templates que configurarem a continuacioacute soacuten drsquoexemple
Els responsables de cada site han de crear les seves progravepies plantilles
Un cop creat el canal i les Presentation Templates en configurarem la presentacioacute
1 Seleccionarem la casella de seleccioacute del canal que acabem de crear
2 Farem clic a la icona de propietats del canal
3 Navegarem a la pestanya ldquoPresentacioacuterdquo
52
Ens apareixeragrave un formulari com el que es mostra a continuacioacute i realitzarem les
accions seguumlents
1 Fer clic a ldquoAfegir presentacioacute de canalrdquo
1
2
3
53
Apareixeragrave la pantalla seguumlent amb lrsquoobjectiu de seleccionar una plantilla en el nostre
cas farem el seguumlent
1 Seleccionar el projecte de plantilles respectiu al portal A lrsquoexemple ldquogenericrdquo
Posteriorment apareixeragrave un llistat de plantilles (ldquoTemplatesrdquo)
1 En aquest cas seleccionarem ldquoGridB2LlistatTramitsrdquo
2 Acceptarem la seleccioacute ldquoOKrdquo
1
1
54
1
2
55
Un cop acceptat ens apareixeragrave la pantalla seguumlent on configurarem el ldquodetallrdquo Per a
aixograve cal fer el seguumlent
1 Fer clic a ldquoAssignar una Nova Plantilla de Presentacioacuterdquo
1
56
Tot seguit apareixeragrave la pantalla que es mostra a continuacioacute on realitzarem les
accions seguumlents
1 Fer clic a ldquoAfegir formatrdquo
En aquesta nova pantalla ens assegurarem del seguumlent
1 A la casella ldquoFormatrdquo hi ha el valor ldquodetallrdquo
2 A la casella ldquoTemplaterdquo hi ha drsquohaver el correcte Si no eacutes aixiacute srsquoha de fer clic a
ldquoNavegadorrdquo
En fer clic a ldquoNavegadorrdquo cal fer el seguumlent
1 Tornar a navegar fins a ldquogenericrdquo
1
1 2
57
1
58
I a la pantalla seguumlent cal seleccionar una plantilla i
1 Fer clic al botoacute a prop de ldquoGridBTramitrdquo
2 Fer clic a ldquoOKrdquo
1
2
59
En aquest moment es torna a la pantalla anterior i cal
1 Fer clic a ldquoOKrdquo
En el canal Llistat de tragravemits ha drsquoestar configurat el ldquoformatrdquo ldquodetallrdquo ja que la forma
de presentacioacute que configurarem a GridDBTramit necessitaragrave aquest format per
visualitzar el detall del contingut de tipus ldquoTragravemitrdquo
2
60
La pantalla anterior a aquesta ens ha de presentar aquesta informacioacute Ara
configurarem el ldquodetall2rdquo per presentar el contingut rdquo Normativa de SACrdquo Per a aixograve
cal fer el seguumlent
1 Fer clic a ldquoAfegir Formatrdquo
En aquesta nova pantalla ens assegurarem del seguumlent
1 A la casella ldquoFormatrdquo hi ha el valor ldquodetall2rdquo
1
61
2 A la casella ldquoTemplaterdquo hi ha drsquohaver el correcte Si no eacutes aixiacute srsquoha de fer clic a
ldquoNavegadorrdquo
En fer clic a ldquoNavegadorrdquo srsquoha de fer el seguumlent
1 Tornar a navegar fins a ldquogenericrdquo (srsquoha de substituir pel nom del portal)
1 2
62
1
63
A la pantalla seguumlent cal seleccionar una plantilla i
1 Fer clic al botoacute a prop de ldquoGridBTramitNormativaSacrdquo
2 Fer clic a ldquoOKrdquo
1
2
64
En aquest moment es torna a la pantalla anterior i cal fer el seguumlent
2 Fer clic a ldquoOKrdquo
En el canal Llistat de tragravemits ha drsquoestar configurat el ldquoformatrdquo ldquodetall2rdquo ja que la
forma de presentacioacute que configurarem a GridDBTramitNormativaSac necessitaragrave
aquest format per visualitzar el detall del contingut de tipus normativa ldquoSACrdquo
2
65
La pantalla anterior a aquesta ens ha de presentar aquesta informacioacute i srsquoha de fer el
seguumlent
2 Fer clic a ldquoOKrdquo
1
66
La finestra pare anterior a aquesta quedaragrave com es mostra tot seguit i realitzarem les
accions seguumlents
1 Fer clic a ldquoOKrdquo
4 Comparticioacute de continguts
Accedim al projecte on hi ha tots els tragravemits de lrsquoOVT
1
67
OVTDepartaments[NomCurtDepartaments][NomCurtOrganisme] TramitOVT
On NomCurtDepartaments correspon al nom curt del departament al que fa referencia
el nostre organisme
En aquest exemple es mostren tots els projectes de tragravemits de lrsquoOVT
Un cop localitzat el tragravemit de lrsquoOVT que volem compartir amb el nostre site accedirem
a lrsquoedicioacute del contingut i assignarem aquest contingut al canal del nostre site on es
vulgui mostrar Srsquoha de fer el seguumlent
1 Anar al contenidor de projectes on hi ha els continguts de GECO
Apareixeragrave lrsquoestructura de projectes a la qual teacute acceacutes lrsquousuari redactor Cal fer el
seguumlent (exemple Agegravencia Tributagraveria dins drsquoEconomia i Finances)
1 Seleccionar ldquoOVTrdquo
2 Seleccionar ldquoDepartamentsrdquo aquesta carpeta conteacute tots els tragravemits de lrsquoOVT
classificats per departaments
3 Seleccionar ldquoECOrdquo A lrsquousuari nomeacutes se li mostraragrave la carpeta del seu
departament
Si lrsquousuari no visualitza la carpeta dins del seu departament eacutes perquegrave no
srsquoha aplicat la poliacutetica de seguretat correctament Cal obrir un tiquet a Suport
gencat per tramitar aquests permisos AQUESTA CARPETA NOMEacuteS SERAgrave
VISIBLE PER ALS USUARIS AMB ROL REDACTOR
4 Seleccionar ldquoA_Agegravencia Tributagraveriardquo
5 Seleccionar ldquoTramitOVTrdquo
1
68
2
3
1
69
4
5
70
Apareixeragrave el llistat de continguts ldquoTragravemitOVTrdquo de lrsquoOVT de lrsquoAgegravencia Tributagraveria
Realitzarem les accions seguumlents
1 Seleccionar el tragravemit o els tragravemits que volem compartir en la web dorganisme
2 Fer clic a ldquoAssociarrdquo
2
1
71
Aquest proceacutes obriragrave una finestra Per seleccionar el site i canal on es volen mostrar
els tragravemits seleccionats realitzarem les accions seguumlents (cas site Generic)
1 Seleccionar el site ldquoGenericrdquo en el vostre cas el site del departament on es vol
mostrar el contingut ldquotragravemitrdquo
2 Navegar pels canals del Site Genegraveric fins al canal que srsquoha creat en el punt
ldquoLlistat de tragravemitsrdquo i seleccionar el quadre de verificacioacute
3 Fer clic a ldquoOKrdquo
1
72
2
3
73
41 Validar que la comparticioacute de continguts eacutes correcta
Accedim per VCM al canal que hem creat anteriorment al qual li acabem drsquoassignar
els continguts de tragravemits que ha de mostrar i fem el seguumlent
1 Anar al contenidor de portals
2 Seleccionar el Site ldquogenericrdquo
3 Seleccionar el canal ldquoHomerdquo
4 Seleccionar el canal ldquoCanal Llistat tragravemitsrdquo
1
2
3
74
4
75
Apareixeragrave el contingut assignat al canal ldquoCanal Llistat tragravemitsrdquo
En entrar trobarem el llistat seguumlent
1 Llistat del tragravemits de lrsquoOVT que srsquohan compartit amb el canal ldquoCanal Llistat
tragravemitsrdquo
2 Validar que els continguts que apareixen soacuten del tipus ldquoTramitOVTrdquo
En cas que al canal del site ldquoCanal Llistat tragravemitsrdquo no apareguin els continguts
tragravemits associats anteriorment cal repetir el pas 22
1 2
76
5 Configuracioacute al portal
Ara cal entrar al nostre site on tenim configurat el canal que hem creat en lrsquoapartat
anterior (21) i que ara configurarem a nivell de portal
51 Configuracioacute a Canal Llistat tragravemits
511 Configuracioacute de la llista de tragravemits
Farem clic a lrsquoenllaccedil ldquoCanal llistat tragravemitsrdquo de la ldquoHomerdquo i anirem a parar a una
pantalla com la que es mostra meacutes avall
Es pot apreciar que en el contingut de la pagravegina no hi ha res Aixograve eacutes perquegrave cal
configurar els portlets adequats ( )
1 Ens situarem sobre la icona ldquoOpcions de Pagraveginardquo
2 Seleccionarem ldquoObrir Plantillardquo ja que els portlets soacuten a nivell de Page
Ens apareixeragrave una pantalla com la que es mostra tot seguit i realitzarem les accions
seguumlents
1 Seleccionar el portlet de la part central de la pagravegina per configurar una ldquoLlista
automagravetica de contingutsrdquo
2
1
77
Tambeacute podem configurar una ldquoLlista manual de contingutsrdquo segons les
necessitats de cada usuari
78
Ens redirigiragrave cap a un formulari drsquoedicioacute que ens mostraragrave directament quina consulta
hem de configurar per mostrar els continguts i configurarem una consulta com la
seguumlent (evidentment segons les necessitats de cada usuari)
Ara tenim configurat que la pagravegina mostraragrave els tipus de contingut ldquoTramitOVTrdquo del
canal actual ordenats per la ldquoEacutes on-linerdquo en ordre descendent
Aixograve ens portaragrave a la pantalla principal on acabarem de completar la configuracioacute
1 Validar que en lrsquoapartat ldquoConsultardquo hi ha la configuracioacute que acabem drsquoafegir
2 Emplenar ldquoAgraveliesrdquo
3 En lrsquoapartat Forma de presentacioacute fer clic al botoacute ldquoCercar helliprdquo
79
Ens apareixeragrave la pantalla seguumlent
1 Fer clic a ldquoNavegacioacute per projectesrdquo
1
2
3
80
Ens canviaragrave la vista al format seguumlent
1 Navegarem per les carpetes fins a arribar a ldquoFramework Formes de
presentacioacute Site generic fw_fp_llistatramitsrdquo
2 Seleccionarem ldquofw_fp_llistatramitsrdquo
3 Farem clic a ldquoOKrdquo
1
1
81
En retornar a la pantalla principal cal
1 Validar que la forma de presentacioacute eacutes la que acabem de seleccionar
2 Fer clic a ldquoOKrdquo
1 (continuacioacute) 2
3
82
1
2
83
Aquest seragrave el nostre resultat a la pantalla del portal i cal fer el seguumlent
1 Verificar que apareixen els dos continguts que es van associar a aquest canal
1
84
512 Configuracioacute del detall del tragravemit i el pas a pas
En fer clic sobre una activitat veurem com ens redirigeix a la plantilla configurada al
ldquodetallrdquo drsquoaquesta pagravegina tal com la vam configurar en lrsquoapartat 231 cal fer el
seguumlent
1 Fer clic a la primera activitat
1
85
Ens sortiragrave la pagravegina de VAP del detall drsquoun contingut per configurar farem els
passos seguumlents
1 Ens situarem sobre la icona ldquoOpcions de Pagraveginardquo
2 Seleccionar ldquoObrir Plantillardquo ja que els portlets soacuten a nivell de Page
Ens apareixeragrave una pantalla com la que es mostra tot seguit i realitzarem les accions
seguumlents
1 Seleccionar el portlet de la part central de la pagravegina per configurar un ldquoDetall
de contingutrdquo i fer clic a ldquoEditarrdquo
Ens apareixeragrave la pantalla de seleccioacute de component de presentacioacute
1 Seleccionarem el component de presentacioacute ldquoDetall de contingutrdquo
1
2
1
86
Ens apareixeragrave la pantalla que es mostra tot seguit i realitzarem les accions seguumlents
1 Emplenar el camp ldquoAgraveliesrdquo
2 Canviar a la pestanya ldquoPresentacioacuterdquo
En fer clic a la pestanya obtindrem la imatge que es mostra tot seguit i realitzarem les
accions seguumlents
1 Cercarem una forma de presentacioacute fent clic a ldquoCercar helliprdquo
1
2
87
Quan aparegui la pantalla de cercador realitzarem una cerca de la forma de
presentacioacute que volem fer servir per a aixograve cal fer el seguumlent
1 Emplenar la caixa de text amb ldquofw_fp_tramitrdquo
2 Preacutemer ldquoCercarrdquo
3 Seleccionar la forma de presentacioacute de la caixa de resultats
4 Preacutemer ldquoOKrdquo
La forma de presentacioacute ldquofw_fp_tramitrdquo estagrave preparada per ldquomaquillarrdquo el contingut
dels tragravemits Tambeacute es pot fer servir una forma de presentacioacute personalitzada
segons es cregui convenient
1
1
2
3
4
88
En acabar tornarem a la pagravegina principal drsquoedicioacute i farem el seguumlent
1 Verificar que la forma de presentacioacute eacutes la que hem escollit
2 Fer clic a ldquoOKrdquo
En finalitzar la configuracioacute del component de presentacioacute tornem a la pantalla del
portal i cal fer el seguumlent
1 Verificar que el disseny de la presentacioacute eacutes semblant al seguumlent
1
2
89
Configurarem el portlet superior central de la pagravegina perquegrave aquesta contingui el fil
drsquoAriadna
1 Accedir a ldquoObrir Plantillardquo
1 Editar el portlet central que hi ha a sobre del detall de tragravemit per configurar el fil
drsquoAriadna En aquest exemple el portlet eacutes ldquoFW_hilo_ariadnardquo
Escollirem el component de presentacioacute
1 Seleccionar el component de presentacioacute ldquoFil drsquoAriadnardquo
1
1
90
En la configuracioacute del component realitzarem les accions seguumlents
1 Inserir el camp ldquoAgraveliesrdquo
2 Inserir el camp ldquoCanalrdquo
3 Fer clic a la pestanya ldquoPresentacioacuterdquo i cercar la forma de presentacioacute
ldquofw_fp_filariadnardquo
1
91
513 Configuracioacute del detall drsquouna normativa SAC
En el detall de contingut configurat en el punt anterior fent clic sobre una normativa
veurem com ens redirigeix a la plantilla configurada al ldquodetall2rdquo drsquoaquesta pagravegina tal
com hem configurat a lrsquoapartat 231
1 Fer clic a la primera ldquoNormativa Aplicablerdquo
2
3
92
Aquest enllaccedil ens portaragrave al detall2 del canal on srsquoha de configurar el detall de
contingut SAC per tal que es mostri la normativa aplicable
Configurarem el portlet superior central de la pagravegina perquegrave aquesta contingui el fil
drsquoAriadna per a aixograve cal fer el seguumlent
1 Accedir a ldquoObrir Plantillardquo
1
93
1
94
1 Editar el portlet central que hi ha a sobre del detall de tragravemit per configurar el fil
drsquoAriadna En aquest exemple el portlet eacutes ldquofw_portlet_tramitrdquo
Escollirem el component de presentacioacute
1 Seleccionar el component de presentacioacute ldquoDetall de Contingut SACrdquo
En la configuracioacute del component realitzarem les accions seguumlents
1 Inserir el camp ldquoAgraveliesrdquo
2 Seleccionar el tipus de contingut ldquoDetall Tragravemitrdquo
1
95
3 Fer clic a la pestanya ldquoPresentacioacuterdquo i cercar la forma de presentacioacute
ldquofw_fp_sac_normativardquo
4 Fer clic al botoacute ldquoOKrdquo
Srsquoactualitzaragrave la pagravegina de VAP i es mostraragrave el detall de SAC
1
2
3
4
96
514 Validacioacute final de VAP
Finalment cal validar que els tragravemits es visualitzen correctament per a aixograve cal
1 Verificar que tenim els canals creats
2 Accedir al canal ldquoCanal Llistat tragravemitsrdquo i validar que es mostren els tragravemits
que hem associat al punt 22
1
97
A continuacioacute cal fer les comprovacions seguumlents
1 Accedir al detall del tragravemit compartit
2 Accedir al pas a pas del tragravemit i a la normativa de SAC
Exemple llistat de tragravemits compartits
2
1
98
Exemple detall de tragravemit compartit
Exemple pas a pas drsquoun tragravemit
2
2
99
Exemple normativa SAC
En el cas que no es visualitzin el llistat de tragravemits detall o pas a pas configurat
validar
1 Refrescar la Pagravegina
2 Els tragravemits estan associats al canal que esteacuten visualitzat punt 23
1 Refrescar la pagravegina
1
10
1
2
3
11
La pagravegina srsquohauragrave actualitzat amb els portlets que srsquohan creat tot seguit cal fer el
seguumlent
1 Fer clic al tiacutetol del portlet
1
12
Srsquoha de configurar el tipus de portlet per al llistat Tragravemit per a aixograve cal
1 Posar un nom al portlet
2 Posar el nivell Template
3 Seleccionar que pot ser un Llista Manual o Automagravetica de continguts
4 Posar en ldquoJSP Override URLrdquo la ruta ldquovgn-ext-templatingviewsindexControladorjsprdquo
5 Fer clic a ldquoSaverdquo
1
2
3
3
5
4
vgn-ext-templatingviewsindexControladorjsp
13
Srsquohan de configurar permisos del portlet per al llistat Tragravemit per a aixograve cal
1 Seleccionar ldquoPermisosrdquo
2 Seleccionar els grups que es volen autoritzar
3 Fer clic a ldquoActualitzarrdquo
1
2
3
14
Srsquohan de configurar les dades bagravesiques del portlet per fer-ho cal
1 Seleccionar ldquoBagravesicsrdquo
2 Posar el nom del portlet
3 Desmarcar el quadre de verificacioacute ldquoMostra el cromrdquo
4 Fer clic a ldquoActualitzarrdquo
1
2
3
4
15
1 Tot seguit cal validar que la pagravegina srsquoha creat correctament
2 Srsquoha de fer clic al nom de la pagravegina
1
2
16
1 Bloquejar la pagravegina
2 Fer clic a ldquoActualitzar Opcionsrdquo
1
2
17
211 Crear NavItem del llistat Tragravemits
A partir de la consola de VAP farem les tasques seguumlents per crear el NavItem
1 Anar a lrsquoopcioacute del menuacute ldquoArbre de Navegacioacuterdquo
2 Fer clic a ldquoCrear Element de Navegacioacuterdquo
1
2
18
Per crear lrsquoelement de navegacioacute realitzarem les tasques seguumlents
1 Posar el nom al NavItem rdquoFW_NavItem_GRIDB2rdquo
2 Seleccionar ldquoEnllaccedilar ardquo i seleccionar la pagravegina que acabem de crear
3 Seleccionar el tema ldquoFW_Temardquo
4 Seleccionar la graella ldquoFW_Grid_B2rdquo
5 Fer clic a ldquoCrearrdquo
1
2
3
4
5
19
Quan seleccionem ldquoEnllaccedilar ardquo i triem la pagravegina que acabem de crear srsquoobriragrave la
finestra seguumlent per a aixograve cal
1 Cercar la pagravegina que hem creat en el pas anterior
2 Marcar el quadre de verificacioacute de la pagravegina
3 Fer clic a ldquoOKrdquo
Quan seleccionem el tema srsquoobriragrave la finestra seguumlent per a aixograve cal fer el seguumlent
1 Seleccionar el quadre de verificacioacute del tema que farem servir al nostre site per
a aquest exemple fem servir el tema del Site Genegraveric
2 Fer clic a ldquoSalvarrdquo
Quan seleccionem la graella srsquoobriragrave la finestra seguumlent per a aixograve cal
3 Seleccionar la graella que utilitzarem al nostre site per a aquest exemple farem
servir la Graella FW_Grid_B2 que teacute destacats a la dreta del Site Genegraveric
1
1
2
3
2
20
4 Fer clic a ldquoSalvarrdquo
1
2
21
22 Crear pagravegina de detall de tragravemits i normativa SAC
Dins del gestor de portals (VAP) realitzarem les tasques seguumlents
1 Accedir a la consola de ldquoVAPrdquo del nostre site
2 Seleccionar ldquoComponentsrdquo
3 Seleccionar ldquoPagesrdquo
4 Seleccionar ldquoLlistat de Pagraveginesrdquo
5 Fer clic a ldquoCrear Pagraveginardquo
1
2
3
4
5
22
Srsquoobriragrave un formulari per donar drsquoalta una nova pagravegina Aquiacute cal
4 Introduir el nom de la pagravegina FW_Pagina_Grid_Tramits_SAC_Detall_B
5 Seleccionar ldquoEnllaccedil de Navegacioacuterdquo
6 Fer clic a ldquoCrear Pagraveginardquo
Sersquons mostraragrave la pantalla seguumlent on cal
1 Seleccionar ldquoVisualitzacioacuterdquo
1
3
2
1
23
Sersquons mostraragrave la pantalla seguumlent on cal
4 Seleccionar ldquo1 columnardquo
5 Fer clic a ldquoActualitzarrdquo
6 Seleccionar ldquoColmiddotlocacioacute de Portletrdquo
1
2
3
24
Sersquons mostraragrave la pantalla seguumlent on cal
2 Fer clic a ldquoAfegir Portletsrdquo
Sersquons mostraragrave la pantalla seguumlent on cal
2 Seleccionar ldquoCrear i afegir nous Portletsrdquo
1
25
Sersquons mostraragrave la pantalla seguumlent on cal
4 Seleccionar ldquoContent Publish Portlet 20rdquo
5 Fer clic a ldquoCrear Seleccionatsrdquo
6 Fer clic a ldquoTancarrdquo
Es poden afegir tants portlets com es vulgui a la pagravegina i com a miacutenim un
per configurar el llistat de tragravemits
1
26
1
2
3
27
La pagravegina srsquohauragrave actualitzat amb els portlets que srsquohan creat tot seguit cal fer el
seguumlent
2 Fer clic al tiacutetol del portlet
1
28
Srsquoha de configurar el tipus de portlet per al llistat Tragravemit per a aixograve cal
Posar un nom al portlet
1 Posar si eacutes a nivell de Page o Template
2 Seleccionar que pot ser un Detall de contingut i Detall de contingut SAC
3 Posar en ldquoJSP Override URLrdquo la ruta ldquovgn-ext-templatingviewsindexControladorjsprdquo
4 Fer clic a ldquoSaverdquo
1
2
3
3
5
4
vgn-ext-templatingviewsindexControladorjsp
29
Srsquohan de configurar permisos del portlet per al detall del tragravemit i la normativa SAC per
a aixograve cal
4 Seleccionar ldquoPermisosrdquo
5 Seleccionar els grups que es volen autoritzar
6 Fer clic a ldquoActualitzarrdquo
1
2
3
30
Tot seguit srsquohan de configurar les dades bagravesiques del portlet per a aixograve srsquoha de fer el
seguumlent
1 Seleccionar ldquoBagravesicsrdquo
2 Posar el nom del portlet ldquofw_portlet_tramit_sac_detallrdquo
3 Desmarcar el quadre de verificacioacute ldquoMostra el cromrdquo
4 Fer clic a ldquoActualitzarrdquo
1
2
3
4
31
Despreacutes cal validar que la pagravegina srsquoha creat correctament per a aixograve cal fer el
seguumlent
1 Seleccionar ldquoLlista Pagraveginardquo
2 Fer clic al nom de la pagravegina
1
2
32
Per bloquejar la pagravegina cal fer el seguumlent
1 Seleccionar la casella de verificacioacute ldquoPagravegina Bloquejadardquo
2 Fer clic a ldquoActualitzar Opcionsrdquo
1
2
33
221 Crear NavItem de detall de tragravemits i normativa SAC
A partir de la consola de VAP farem les tasques seguumlents per crear el NavItem
1 Anar a lrsquoopcioacute del menuacute ldquoArbre de Navegacioacuterdquo
2 Fer clic a ldquoCrear Element de Navegacioacuterdquo
1
2
34
Per crear lrsquoelement de Navegacioacute realitzarem les tasques seguumlents
1 Posar el nom al NavItem rdquoFW_NavItem_GRIDBrdquo
2 Seleccionar ldquoEnllaccedilar ardquo i seleccionar la pagravegina que acabem de crear
3 Seleccionar el tema ldquoFW_Temardquo
4 Seleccionar la graella ldquoFW_Grid_Brdquo sense destacats a la dreta per
visualitzar correctament el detall de tragravemits el pas a pas i la normativa SAC
5 Fer clic a ldquoCrearrdquo
1
2
3
4
5
35
Quan seleccionem ldquoEnllaccedilar ardquo i seleccionem la pagravegina que acabem de crear srsquoobriragrave
la finestra seguumlent aquiacute cal
1 Cercar la pagravegina que hem creat en el pas anterior
2 Seleccionar la casella de verificacioacute de la pagravegina
3 Fer clic a ldquoOKrdquo
Quan fem seleccionem el tema srsquoobriragrave la seguumlent finestra per a aixograve cal
1 Seleccionar la casella de verificacioacute del tema que utilitzarem al nostre site per
a aquest exemple farem servir el tema del Site Genegraveric
2 Fer clic a ldquoSalvarrdquo
1
1
2
3
2
36
Quan seleccionem la graella srsquoobriragrave la finestra seguumlent aquiacute cal
1 Seleccionar la graella que utilitzarem al nostre site per a aquest exemple farem
servir la Graella FW_Grid_B sense destacats a la dreta del Site Genegraveric Per
tal de visualitzar correctament el detall del tragravemit el pas a pas i la normativa
SAC eacutes imprescindible que la graella tingui una uacutenica columna de continguts
2 Fer clic a ldquoSalvarrdquo
1
2
37
3 Configuracioacute de lrsquoadministracioacute de VCM
31 Creacioacute del canal ldquoLlistat tragravemitsrdquo
Dins del gestor de continguts realitzarem les tasques seguumlents
1 Accedir a ldquoPortalsrdquo
2 Navegar fins al ldquoPortalrdquo on volem configurar el llistat de continguts
3 Seleccionar ldquoHomerdquo
4 Posicionar-se sobre la creu verda i seleccionar ldquoCanalrdquo
a Emplenar la informacioacute i fer clic a ldquoOKrdquo
b Assegurar-se que el canal eacutes ldquoActiurdquo
1
2
3
38
311 Associacioacute de fitxers a la presentacioacute drsquoun canal
Ara srsquohan drsquoassociar els fitxers estagravetics adequats a la presentacioacute del canal perquegrave les
formes de presentacioacute posteriors trobin els estils i els Javascript corresponents
Per a aixograve cal entrar a les propietats del canal ldquoCanal Llistat tragravemitsrdquo i
1 Seleccionar el canal ldquoCanal Llistat tragravemitsrdquo
4
4a
4b
39
1
40
En entrar trobarem el llistat seguumlent on cal
1 Fer clic a ldquoCanal Llistat tragravemitsrdquo
2 Aquest eacutes un contingut del tipus Canals (cal fixar-se que no eacutes com lrsquoanterior)
Es mostraragrave la pantalla seguumlent on afegirem els fitxers relacionats amb el canal per a
cada idioma aquiacute cal
1 Emplenar els camps requerits per crear una pestanya del multiidioma
2 Desplaccedilar-se cap avall en lrsquoapartat ldquomultiidiomardquo fins a observar lrsquoapartat
drsquoassociacioacute de fitxers
3 Fer clic a ldquoAfegirrdquo
En aquest moment apareixeragrave la pantalla seguumlent
1 Si voleu afegir un fitxer amb extensioacute css cal deixar el camp ldquoTipus de fitxerrdquo
amb valor ldquocssrdquo Si voleu afegir un fitxer que teacute extensioacute js srsquoha de canviar el
camp ldquoTipus de fitxerrdquo al valor ldquojsrdquo
2 Fer clic a ldquoNavegadorrdquo
1
2 1 3
2
41
Apareixeragrave la pantalla de navegacioacute de continguts i anirem cercant els fitxers estagravetics
que associarem aquiacute cal
1 Fer clic a ldquoFrameworkrdquo
2 Fer clic a ldquoestilos y scriptsrdquo
3 Fer clic a ldquoNuevos Estilos imagenes y jsrdquo
4 Fer clic a ldquoGlobalsrdquo
2 1
42
43
44
Una vegada se nrsquohagin seleccionat tornarem a la pantalla anterior i farem el seguumlent
1 Verificar que el fitxer seleccionat eacutes el que apareix al quadre de text i que la
seva extensioacute coincideix amb la que hi ha seleccionada a ldquoTipus de fitxerrdquo
2 Fer clic a ldquoOKrdquo
Un cop acabades totes les associacions el resultat de les associacions afegides a la
pantalla principal ha de ser el seguumlent
1 Fer clic a ldquoAplicarrdquo a lrsquoapartat ldquomultiidiomardquo
1
2
45
1
46
Es recarregaragrave la pantalla
1 Fer clic a ldquoOKrdquo al nivell general
Ja tenim configurat el canal que mostraragrave ldquoLlistat de tragravemitsrdquo amb els fitxers associats
que fa referegravencia a la forma de presentacioacute que farem servir aquest mateix canal
mostraragrave el detall del contingut tragravemit amb el format detall
32 Creacioacute i assignacioacute de plantilles de presentacioacute per al
canal ldquoCanal Llistat tragravemitsrdquo
321 Creacioacute de les plantilles (templates) de VCM
La configuracioacute del canal de VCM per mostrar els llistats de tragravemits i el seu detall es
basen en tres plantilles una per llistar el tragravemits (format default) una per mostrar el
detall i el pas a pas drsquoun tragravemit (format detall) i una altra per mostrar la normativa
aplicable drsquoun tragravemit (format detall2)
A continuacioacute srsquoexplica com es creen les plantilles de presentacioacute
(Presentation Templates) necessagraveries per configurar els tragravemits Els
responsables de cada site srsquohan de crear les seves progravepies plantilles
Cal tenir en compte que les plantilles que apareixen en el document soacuten nomeacutes un
exemple drsquouna configuracioacute vagravelida En els casos pragravectics cal seleccionar les plantilles
que pertanyen a cada portal io que tingui cada usuari en els seus recursos
En el nostre cas es fan servir les plantilles ldquoGridB2LlistatTramitsrdquo ldquoGridBTramitrdquo i
ldquoGridBTramitNormativaSacrdquo
1
47
Per la creacioacute de la plantilla srsquohan de seguir els passos seguumlents
1 Accedir al ldquoBanc de Treballrdquo
2 Accedir a ldquoPresentation Templatesrdquo
3 Accedir a la carpeta de presentacions del nostre site en aquest exemple
ldquogenegravericrdquo
1
2
48
Un cop som al llistat de plantilles del nostre site cal fer el seguumlent
1 Seleccionar el signe ldquo+rdquo
2 Seleccionar Forma de Presentation Template
En realitzar aquesta accioacute srsquoobriragrave la finestra drsquoedicioacute o creacioacute de la Presentation
Template Srsquohan de crear dos plantilles noves amb les dades seguumlents
1 Plantilla per al llistat de tragravemits
a Nom cal posar un nom identificatiu de la plantilla per exemple
GenericoGridB2LlistatTramit
b Tipus de plantilla Portal Page
c VAPVCM Portal defaultgeneric (cal posar el nom del portal VAP)
d Element del menuacute de VAP FW_NavItem_GRIDB2
3
1
2
49
e Canal VCM per defecte
Tot seguit cal fer clic a ldquoOKrdquo
Per a la configuracioacute de la plantilla per al llistat de tragravemits es pot fer servir un
NavItem que utilitzi una grid amb destacats a la dreta per exemple la GRID B2 del
Site Genegraveric o beacute un Navitem sense destacats (el FW_NavItem_GRIDB creat
anteriorment)
El NavItem ha de disposar drsquoun portlet a la part central a nivell de Page per
configurar el llistat de tragravemits
f
50
2 Crear una nova Presentation Template per al detall de tragravemits i el pas a
pas
a Nom cal posar un nom identificatiu de la plantilla com per exemple
GenericoGridBTramit
b Tipus de plantilla Portal Page
c VAPVCM Portal defaultgeneric
d Element del menuacute de VAP FW_NavItem_GRIDB
e Canal VCM per defecte
Finalment cal fer clic a ldquoOKrdquo
Per configurar la plantilla per al detall dels tragravemits i el pas a pas srsquoha de fer servir un
NavItem que utilitzi una grid sense destacats a la dreta per exemple la GRID B del
site Genegraveric
El NavItem ha de disposar de dos portlets a la part central a nivell de Page per
configurar el llistat de tragravemits
Tot seguit cal crear una nova Presentation Template per al detall de tragravemits i el pas a
pas
a Nom cal posar un nom identificatiu de la plantilla per exemple
GenericoGridBTramitNormativaSac
f
51
b Tipus de plantilla Portal Page
c VAPVCM Portal defaultgeneric
d Element del menuacute de VAP FW_NavItem_GRIDB
e Canal VCM per defecte
Finalment cal fer clic a ldquoOKrdquo
322 Configuracioacute de la plantilla al canal
Les Presentation Templates que configurarem a continuacioacute soacuten drsquoexemple
Els responsables de cada site han de crear les seves progravepies plantilles
Un cop creat el canal i les Presentation Templates en configurarem la presentacioacute
1 Seleccionarem la casella de seleccioacute del canal que acabem de crear
2 Farem clic a la icona de propietats del canal
3 Navegarem a la pestanya ldquoPresentacioacuterdquo
52
Ens apareixeragrave un formulari com el que es mostra a continuacioacute i realitzarem les
accions seguumlents
1 Fer clic a ldquoAfegir presentacioacute de canalrdquo
1
2
3
53
Apareixeragrave la pantalla seguumlent amb lrsquoobjectiu de seleccionar una plantilla en el nostre
cas farem el seguumlent
1 Seleccionar el projecte de plantilles respectiu al portal A lrsquoexemple ldquogenericrdquo
Posteriorment apareixeragrave un llistat de plantilles (ldquoTemplatesrdquo)
1 En aquest cas seleccionarem ldquoGridB2LlistatTramitsrdquo
2 Acceptarem la seleccioacute ldquoOKrdquo
1
1
54
1
2
55
Un cop acceptat ens apareixeragrave la pantalla seguumlent on configurarem el ldquodetallrdquo Per a
aixograve cal fer el seguumlent
1 Fer clic a ldquoAssignar una Nova Plantilla de Presentacioacuterdquo
1
56
Tot seguit apareixeragrave la pantalla que es mostra a continuacioacute on realitzarem les
accions seguumlents
1 Fer clic a ldquoAfegir formatrdquo
En aquesta nova pantalla ens assegurarem del seguumlent
1 A la casella ldquoFormatrdquo hi ha el valor ldquodetallrdquo
2 A la casella ldquoTemplaterdquo hi ha drsquohaver el correcte Si no eacutes aixiacute srsquoha de fer clic a
ldquoNavegadorrdquo
En fer clic a ldquoNavegadorrdquo cal fer el seguumlent
1 Tornar a navegar fins a ldquogenericrdquo
1
1 2
57
1
58
I a la pantalla seguumlent cal seleccionar una plantilla i
1 Fer clic al botoacute a prop de ldquoGridBTramitrdquo
2 Fer clic a ldquoOKrdquo
1
2
59
En aquest moment es torna a la pantalla anterior i cal
1 Fer clic a ldquoOKrdquo
En el canal Llistat de tragravemits ha drsquoestar configurat el ldquoformatrdquo ldquodetallrdquo ja que la forma
de presentacioacute que configurarem a GridDBTramit necessitaragrave aquest format per
visualitzar el detall del contingut de tipus ldquoTragravemitrdquo
2
60
La pantalla anterior a aquesta ens ha de presentar aquesta informacioacute Ara
configurarem el ldquodetall2rdquo per presentar el contingut rdquo Normativa de SACrdquo Per a aixograve
cal fer el seguumlent
1 Fer clic a ldquoAfegir Formatrdquo
En aquesta nova pantalla ens assegurarem del seguumlent
1 A la casella ldquoFormatrdquo hi ha el valor ldquodetall2rdquo
1
61
2 A la casella ldquoTemplaterdquo hi ha drsquohaver el correcte Si no eacutes aixiacute srsquoha de fer clic a
ldquoNavegadorrdquo
En fer clic a ldquoNavegadorrdquo srsquoha de fer el seguumlent
1 Tornar a navegar fins a ldquogenericrdquo (srsquoha de substituir pel nom del portal)
1 2
62
1
63
A la pantalla seguumlent cal seleccionar una plantilla i
1 Fer clic al botoacute a prop de ldquoGridBTramitNormativaSacrdquo
2 Fer clic a ldquoOKrdquo
1
2
64
En aquest moment es torna a la pantalla anterior i cal fer el seguumlent
2 Fer clic a ldquoOKrdquo
En el canal Llistat de tragravemits ha drsquoestar configurat el ldquoformatrdquo ldquodetall2rdquo ja que la
forma de presentacioacute que configurarem a GridDBTramitNormativaSac necessitaragrave
aquest format per visualitzar el detall del contingut de tipus normativa ldquoSACrdquo
2
65
La pantalla anterior a aquesta ens ha de presentar aquesta informacioacute i srsquoha de fer el
seguumlent
2 Fer clic a ldquoOKrdquo
1
66
La finestra pare anterior a aquesta quedaragrave com es mostra tot seguit i realitzarem les
accions seguumlents
1 Fer clic a ldquoOKrdquo
4 Comparticioacute de continguts
Accedim al projecte on hi ha tots els tragravemits de lrsquoOVT
1
67
OVTDepartaments[NomCurtDepartaments][NomCurtOrganisme] TramitOVT
On NomCurtDepartaments correspon al nom curt del departament al que fa referencia
el nostre organisme
En aquest exemple es mostren tots els projectes de tragravemits de lrsquoOVT
Un cop localitzat el tragravemit de lrsquoOVT que volem compartir amb el nostre site accedirem
a lrsquoedicioacute del contingut i assignarem aquest contingut al canal del nostre site on es
vulgui mostrar Srsquoha de fer el seguumlent
1 Anar al contenidor de projectes on hi ha els continguts de GECO
Apareixeragrave lrsquoestructura de projectes a la qual teacute acceacutes lrsquousuari redactor Cal fer el
seguumlent (exemple Agegravencia Tributagraveria dins drsquoEconomia i Finances)
1 Seleccionar ldquoOVTrdquo
2 Seleccionar ldquoDepartamentsrdquo aquesta carpeta conteacute tots els tragravemits de lrsquoOVT
classificats per departaments
3 Seleccionar ldquoECOrdquo A lrsquousuari nomeacutes se li mostraragrave la carpeta del seu
departament
Si lrsquousuari no visualitza la carpeta dins del seu departament eacutes perquegrave no
srsquoha aplicat la poliacutetica de seguretat correctament Cal obrir un tiquet a Suport
gencat per tramitar aquests permisos AQUESTA CARPETA NOMEacuteS SERAgrave
VISIBLE PER ALS USUARIS AMB ROL REDACTOR
4 Seleccionar ldquoA_Agegravencia Tributagraveriardquo
5 Seleccionar ldquoTramitOVTrdquo
1
68
2
3
1
69
4
5
70
Apareixeragrave el llistat de continguts ldquoTragravemitOVTrdquo de lrsquoOVT de lrsquoAgegravencia Tributagraveria
Realitzarem les accions seguumlents
1 Seleccionar el tragravemit o els tragravemits que volem compartir en la web dorganisme
2 Fer clic a ldquoAssociarrdquo
2
1
71
Aquest proceacutes obriragrave una finestra Per seleccionar el site i canal on es volen mostrar
els tragravemits seleccionats realitzarem les accions seguumlents (cas site Generic)
1 Seleccionar el site ldquoGenericrdquo en el vostre cas el site del departament on es vol
mostrar el contingut ldquotragravemitrdquo
2 Navegar pels canals del Site Genegraveric fins al canal que srsquoha creat en el punt
ldquoLlistat de tragravemitsrdquo i seleccionar el quadre de verificacioacute
3 Fer clic a ldquoOKrdquo
1
72
2
3
73
41 Validar que la comparticioacute de continguts eacutes correcta
Accedim per VCM al canal que hem creat anteriorment al qual li acabem drsquoassignar
els continguts de tragravemits que ha de mostrar i fem el seguumlent
1 Anar al contenidor de portals
2 Seleccionar el Site ldquogenericrdquo
3 Seleccionar el canal ldquoHomerdquo
4 Seleccionar el canal ldquoCanal Llistat tragravemitsrdquo
1
2
3
74
4
75
Apareixeragrave el contingut assignat al canal ldquoCanal Llistat tragravemitsrdquo
En entrar trobarem el llistat seguumlent
1 Llistat del tragravemits de lrsquoOVT que srsquohan compartit amb el canal ldquoCanal Llistat
tragravemitsrdquo
2 Validar que els continguts que apareixen soacuten del tipus ldquoTramitOVTrdquo
En cas que al canal del site ldquoCanal Llistat tragravemitsrdquo no apareguin els continguts
tragravemits associats anteriorment cal repetir el pas 22
1 2
76
5 Configuracioacute al portal
Ara cal entrar al nostre site on tenim configurat el canal que hem creat en lrsquoapartat
anterior (21) i que ara configurarem a nivell de portal
51 Configuracioacute a Canal Llistat tragravemits
511 Configuracioacute de la llista de tragravemits
Farem clic a lrsquoenllaccedil ldquoCanal llistat tragravemitsrdquo de la ldquoHomerdquo i anirem a parar a una
pantalla com la que es mostra meacutes avall
Es pot apreciar que en el contingut de la pagravegina no hi ha res Aixograve eacutes perquegrave cal
configurar els portlets adequats ( )
1 Ens situarem sobre la icona ldquoOpcions de Pagraveginardquo
2 Seleccionarem ldquoObrir Plantillardquo ja que els portlets soacuten a nivell de Page
Ens apareixeragrave una pantalla com la que es mostra tot seguit i realitzarem les accions
seguumlents
1 Seleccionar el portlet de la part central de la pagravegina per configurar una ldquoLlista
automagravetica de contingutsrdquo
2
1
77
Tambeacute podem configurar una ldquoLlista manual de contingutsrdquo segons les
necessitats de cada usuari
78
Ens redirigiragrave cap a un formulari drsquoedicioacute que ens mostraragrave directament quina consulta
hem de configurar per mostrar els continguts i configurarem una consulta com la
seguumlent (evidentment segons les necessitats de cada usuari)
Ara tenim configurat que la pagravegina mostraragrave els tipus de contingut ldquoTramitOVTrdquo del
canal actual ordenats per la ldquoEacutes on-linerdquo en ordre descendent
Aixograve ens portaragrave a la pantalla principal on acabarem de completar la configuracioacute
1 Validar que en lrsquoapartat ldquoConsultardquo hi ha la configuracioacute que acabem drsquoafegir
2 Emplenar ldquoAgraveliesrdquo
3 En lrsquoapartat Forma de presentacioacute fer clic al botoacute ldquoCercar helliprdquo
79
Ens apareixeragrave la pantalla seguumlent
1 Fer clic a ldquoNavegacioacute per projectesrdquo
1
2
3
80
Ens canviaragrave la vista al format seguumlent
1 Navegarem per les carpetes fins a arribar a ldquoFramework Formes de
presentacioacute Site generic fw_fp_llistatramitsrdquo
2 Seleccionarem ldquofw_fp_llistatramitsrdquo
3 Farem clic a ldquoOKrdquo
1
1
81
En retornar a la pantalla principal cal
1 Validar que la forma de presentacioacute eacutes la que acabem de seleccionar
2 Fer clic a ldquoOKrdquo
1 (continuacioacute) 2
3
82
1
2
83
Aquest seragrave el nostre resultat a la pantalla del portal i cal fer el seguumlent
1 Verificar que apareixen els dos continguts que es van associar a aquest canal
1
84
512 Configuracioacute del detall del tragravemit i el pas a pas
En fer clic sobre una activitat veurem com ens redirigeix a la plantilla configurada al
ldquodetallrdquo drsquoaquesta pagravegina tal com la vam configurar en lrsquoapartat 231 cal fer el
seguumlent
1 Fer clic a la primera activitat
1
85
Ens sortiragrave la pagravegina de VAP del detall drsquoun contingut per configurar farem els
passos seguumlents
1 Ens situarem sobre la icona ldquoOpcions de Pagraveginardquo
2 Seleccionar ldquoObrir Plantillardquo ja que els portlets soacuten a nivell de Page
Ens apareixeragrave una pantalla com la que es mostra tot seguit i realitzarem les accions
seguumlents
1 Seleccionar el portlet de la part central de la pagravegina per configurar un ldquoDetall
de contingutrdquo i fer clic a ldquoEditarrdquo
Ens apareixeragrave la pantalla de seleccioacute de component de presentacioacute
1 Seleccionarem el component de presentacioacute ldquoDetall de contingutrdquo
1
2
1
86
Ens apareixeragrave la pantalla que es mostra tot seguit i realitzarem les accions seguumlents
1 Emplenar el camp ldquoAgraveliesrdquo
2 Canviar a la pestanya ldquoPresentacioacuterdquo
En fer clic a la pestanya obtindrem la imatge que es mostra tot seguit i realitzarem les
accions seguumlents
1 Cercarem una forma de presentacioacute fent clic a ldquoCercar helliprdquo
1
2
87
Quan aparegui la pantalla de cercador realitzarem una cerca de la forma de
presentacioacute que volem fer servir per a aixograve cal fer el seguumlent
1 Emplenar la caixa de text amb ldquofw_fp_tramitrdquo
2 Preacutemer ldquoCercarrdquo
3 Seleccionar la forma de presentacioacute de la caixa de resultats
4 Preacutemer ldquoOKrdquo
La forma de presentacioacute ldquofw_fp_tramitrdquo estagrave preparada per ldquomaquillarrdquo el contingut
dels tragravemits Tambeacute es pot fer servir una forma de presentacioacute personalitzada
segons es cregui convenient
1
1
2
3
4
88
En acabar tornarem a la pagravegina principal drsquoedicioacute i farem el seguumlent
1 Verificar que la forma de presentacioacute eacutes la que hem escollit
2 Fer clic a ldquoOKrdquo
En finalitzar la configuracioacute del component de presentacioacute tornem a la pantalla del
portal i cal fer el seguumlent
1 Verificar que el disseny de la presentacioacute eacutes semblant al seguumlent
1
2
89
Configurarem el portlet superior central de la pagravegina perquegrave aquesta contingui el fil
drsquoAriadna
1 Accedir a ldquoObrir Plantillardquo
1 Editar el portlet central que hi ha a sobre del detall de tragravemit per configurar el fil
drsquoAriadna En aquest exemple el portlet eacutes ldquoFW_hilo_ariadnardquo
Escollirem el component de presentacioacute
1 Seleccionar el component de presentacioacute ldquoFil drsquoAriadnardquo
1
1
90
En la configuracioacute del component realitzarem les accions seguumlents
1 Inserir el camp ldquoAgraveliesrdquo
2 Inserir el camp ldquoCanalrdquo
3 Fer clic a la pestanya ldquoPresentacioacuterdquo i cercar la forma de presentacioacute
ldquofw_fp_filariadnardquo
1
91
513 Configuracioacute del detall drsquouna normativa SAC
En el detall de contingut configurat en el punt anterior fent clic sobre una normativa
veurem com ens redirigeix a la plantilla configurada al ldquodetall2rdquo drsquoaquesta pagravegina tal
com hem configurat a lrsquoapartat 231
1 Fer clic a la primera ldquoNormativa Aplicablerdquo
2
3
92
Aquest enllaccedil ens portaragrave al detall2 del canal on srsquoha de configurar el detall de
contingut SAC per tal que es mostri la normativa aplicable
Configurarem el portlet superior central de la pagravegina perquegrave aquesta contingui el fil
drsquoAriadna per a aixograve cal fer el seguumlent
1 Accedir a ldquoObrir Plantillardquo
1
93
1
94
1 Editar el portlet central que hi ha a sobre del detall de tragravemit per configurar el fil
drsquoAriadna En aquest exemple el portlet eacutes ldquofw_portlet_tramitrdquo
Escollirem el component de presentacioacute
1 Seleccionar el component de presentacioacute ldquoDetall de Contingut SACrdquo
En la configuracioacute del component realitzarem les accions seguumlents
1 Inserir el camp ldquoAgraveliesrdquo
2 Seleccionar el tipus de contingut ldquoDetall Tragravemitrdquo
1
95
3 Fer clic a la pestanya ldquoPresentacioacuterdquo i cercar la forma de presentacioacute
ldquofw_fp_sac_normativardquo
4 Fer clic al botoacute ldquoOKrdquo
Srsquoactualitzaragrave la pagravegina de VAP i es mostraragrave el detall de SAC
1
2
3
4
96
514 Validacioacute final de VAP
Finalment cal validar que els tragravemits es visualitzen correctament per a aixograve cal
1 Verificar que tenim els canals creats
2 Accedir al canal ldquoCanal Llistat tragravemitsrdquo i validar que es mostren els tragravemits
que hem associat al punt 22
1
97
A continuacioacute cal fer les comprovacions seguumlents
1 Accedir al detall del tragravemit compartit
2 Accedir al pas a pas del tragravemit i a la normativa de SAC
Exemple llistat de tragravemits compartits
2
1
98
Exemple detall de tragravemit compartit
Exemple pas a pas drsquoun tragravemit
2
2
99
Exemple normativa SAC
En el cas que no es visualitzin el llistat de tragravemits detall o pas a pas configurat
validar
1 Refrescar la Pagravegina
2 Els tragravemits estan associats al canal que esteacuten visualitzat punt 23
1 Refrescar la pagravegina
1
11
La pagravegina srsquohauragrave actualitzat amb els portlets que srsquohan creat tot seguit cal fer el
seguumlent
1 Fer clic al tiacutetol del portlet
1
12
Srsquoha de configurar el tipus de portlet per al llistat Tragravemit per a aixograve cal
1 Posar un nom al portlet
2 Posar el nivell Template
3 Seleccionar que pot ser un Llista Manual o Automagravetica de continguts
4 Posar en ldquoJSP Override URLrdquo la ruta ldquovgn-ext-templatingviewsindexControladorjsprdquo
5 Fer clic a ldquoSaverdquo
1
2
3
3
5
4
vgn-ext-templatingviewsindexControladorjsp
13
Srsquohan de configurar permisos del portlet per al llistat Tragravemit per a aixograve cal
1 Seleccionar ldquoPermisosrdquo
2 Seleccionar els grups que es volen autoritzar
3 Fer clic a ldquoActualitzarrdquo
1
2
3
14
Srsquohan de configurar les dades bagravesiques del portlet per fer-ho cal
1 Seleccionar ldquoBagravesicsrdquo
2 Posar el nom del portlet
3 Desmarcar el quadre de verificacioacute ldquoMostra el cromrdquo
4 Fer clic a ldquoActualitzarrdquo
1
2
3
4
15
1 Tot seguit cal validar que la pagravegina srsquoha creat correctament
2 Srsquoha de fer clic al nom de la pagravegina
1
2
16
1 Bloquejar la pagravegina
2 Fer clic a ldquoActualitzar Opcionsrdquo
1
2
17
211 Crear NavItem del llistat Tragravemits
A partir de la consola de VAP farem les tasques seguumlents per crear el NavItem
1 Anar a lrsquoopcioacute del menuacute ldquoArbre de Navegacioacuterdquo
2 Fer clic a ldquoCrear Element de Navegacioacuterdquo
1
2
18
Per crear lrsquoelement de navegacioacute realitzarem les tasques seguumlents
1 Posar el nom al NavItem rdquoFW_NavItem_GRIDB2rdquo
2 Seleccionar ldquoEnllaccedilar ardquo i seleccionar la pagravegina que acabem de crear
3 Seleccionar el tema ldquoFW_Temardquo
4 Seleccionar la graella ldquoFW_Grid_B2rdquo
5 Fer clic a ldquoCrearrdquo
1
2
3
4
5
19
Quan seleccionem ldquoEnllaccedilar ardquo i triem la pagravegina que acabem de crear srsquoobriragrave la
finestra seguumlent per a aixograve cal
1 Cercar la pagravegina que hem creat en el pas anterior
2 Marcar el quadre de verificacioacute de la pagravegina
3 Fer clic a ldquoOKrdquo
Quan seleccionem el tema srsquoobriragrave la finestra seguumlent per a aixograve cal fer el seguumlent
1 Seleccionar el quadre de verificacioacute del tema que farem servir al nostre site per
a aquest exemple fem servir el tema del Site Genegraveric
2 Fer clic a ldquoSalvarrdquo
Quan seleccionem la graella srsquoobriragrave la finestra seguumlent per a aixograve cal
3 Seleccionar la graella que utilitzarem al nostre site per a aquest exemple farem
servir la Graella FW_Grid_B2 que teacute destacats a la dreta del Site Genegraveric
1
1
2
3
2
20
4 Fer clic a ldquoSalvarrdquo
1
2
21
22 Crear pagravegina de detall de tragravemits i normativa SAC
Dins del gestor de portals (VAP) realitzarem les tasques seguumlents
1 Accedir a la consola de ldquoVAPrdquo del nostre site
2 Seleccionar ldquoComponentsrdquo
3 Seleccionar ldquoPagesrdquo
4 Seleccionar ldquoLlistat de Pagraveginesrdquo
5 Fer clic a ldquoCrear Pagraveginardquo
1
2
3
4
5
22
Srsquoobriragrave un formulari per donar drsquoalta una nova pagravegina Aquiacute cal
4 Introduir el nom de la pagravegina FW_Pagina_Grid_Tramits_SAC_Detall_B
5 Seleccionar ldquoEnllaccedil de Navegacioacuterdquo
6 Fer clic a ldquoCrear Pagraveginardquo
Sersquons mostraragrave la pantalla seguumlent on cal
1 Seleccionar ldquoVisualitzacioacuterdquo
1
3
2
1
23
Sersquons mostraragrave la pantalla seguumlent on cal
4 Seleccionar ldquo1 columnardquo
5 Fer clic a ldquoActualitzarrdquo
6 Seleccionar ldquoColmiddotlocacioacute de Portletrdquo
1
2
3
24
Sersquons mostraragrave la pantalla seguumlent on cal
2 Fer clic a ldquoAfegir Portletsrdquo
Sersquons mostraragrave la pantalla seguumlent on cal
2 Seleccionar ldquoCrear i afegir nous Portletsrdquo
1
25
Sersquons mostraragrave la pantalla seguumlent on cal
4 Seleccionar ldquoContent Publish Portlet 20rdquo
5 Fer clic a ldquoCrear Seleccionatsrdquo
6 Fer clic a ldquoTancarrdquo
Es poden afegir tants portlets com es vulgui a la pagravegina i com a miacutenim un
per configurar el llistat de tragravemits
1
26
1
2
3
27
La pagravegina srsquohauragrave actualitzat amb els portlets que srsquohan creat tot seguit cal fer el
seguumlent
2 Fer clic al tiacutetol del portlet
1
28
Srsquoha de configurar el tipus de portlet per al llistat Tragravemit per a aixograve cal
Posar un nom al portlet
1 Posar si eacutes a nivell de Page o Template
2 Seleccionar que pot ser un Detall de contingut i Detall de contingut SAC
3 Posar en ldquoJSP Override URLrdquo la ruta ldquovgn-ext-templatingviewsindexControladorjsprdquo
4 Fer clic a ldquoSaverdquo
1
2
3
3
5
4
vgn-ext-templatingviewsindexControladorjsp
29
Srsquohan de configurar permisos del portlet per al detall del tragravemit i la normativa SAC per
a aixograve cal
4 Seleccionar ldquoPermisosrdquo
5 Seleccionar els grups que es volen autoritzar
6 Fer clic a ldquoActualitzarrdquo
1
2
3
30
Tot seguit srsquohan de configurar les dades bagravesiques del portlet per a aixograve srsquoha de fer el
seguumlent
1 Seleccionar ldquoBagravesicsrdquo
2 Posar el nom del portlet ldquofw_portlet_tramit_sac_detallrdquo
3 Desmarcar el quadre de verificacioacute ldquoMostra el cromrdquo
4 Fer clic a ldquoActualitzarrdquo
1
2
3
4
31
Despreacutes cal validar que la pagravegina srsquoha creat correctament per a aixograve cal fer el
seguumlent
1 Seleccionar ldquoLlista Pagraveginardquo
2 Fer clic al nom de la pagravegina
1
2
32
Per bloquejar la pagravegina cal fer el seguumlent
1 Seleccionar la casella de verificacioacute ldquoPagravegina Bloquejadardquo
2 Fer clic a ldquoActualitzar Opcionsrdquo
1
2
33
221 Crear NavItem de detall de tragravemits i normativa SAC
A partir de la consola de VAP farem les tasques seguumlents per crear el NavItem
1 Anar a lrsquoopcioacute del menuacute ldquoArbre de Navegacioacuterdquo
2 Fer clic a ldquoCrear Element de Navegacioacuterdquo
1
2
34
Per crear lrsquoelement de Navegacioacute realitzarem les tasques seguumlents
1 Posar el nom al NavItem rdquoFW_NavItem_GRIDBrdquo
2 Seleccionar ldquoEnllaccedilar ardquo i seleccionar la pagravegina que acabem de crear
3 Seleccionar el tema ldquoFW_Temardquo
4 Seleccionar la graella ldquoFW_Grid_Brdquo sense destacats a la dreta per
visualitzar correctament el detall de tragravemits el pas a pas i la normativa SAC
5 Fer clic a ldquoCrearrdquo
1
2
3
4
5
35
Quan seleccionem ldquoEnllaccedilar ardquo i seleccionem la pagravegina que acabem de crear srsquoobriragrave
la finestra seguumlent aquiacute cal
1 Cercar la pagravegina que hem creat en el pas anterior
2 Seleccionar la casella de verificacioacute de la pagravegina
3 Fer clic a ldquoOKrdquo
Quan fem seleccionem el tema srsquoobriragrave la seguumlent finestra per a aixograve cal
1 Seleccionar la casella de verificacioacute del tema que utilitzarem al nostre site per
a aquest exemple farem servir el tema del Site Genegraveric
2 Fer clic a ldquoSalvarrdquo
1
1
2
3
2
36
Quan seleccionem la graella srsquoobriragrave la finestra seguumlent aquiacute cal
1 Seleccionar la graella que utilitzarem al nostre site per a aquest exemple farem
servir la Graella FW_Grid_B sense destacats a la dreta del Site Genegraveric Per
tal de visualitzar correctament el detall del tragravemit el pas a pas i la normativa
SAC eacutes imprescindible que la graella tingui una uacutenica columna de continguts
2 Fer clic a ldquoSalvarrdquo
1
2
37
3 Configuracioacute de lrsquoadministracioacute de VCM
31 Creacioacute del canal ldquoLlistat tragravemitsrdquo
Dins del gestor de continguts realitzarem les tasques seguumlents
1 Accedir a ldquoPortalsrdquo
2 Navegar fins al ldquoPortalrdquo on volem configurar el llistat de continguts
3 Seleccionar ldquoHomerdquo
4 Posicionar-se sobre la creu verda i seleccionar ldquoCanalrdquo
a Emplenar la informacioacute i fer clic a ldquoOKrdquo
b Assegurar-se que el canal eacutes ldquoActiurdquo
1
2
3
38
311 Associacioacute de fitxers a la presentacioacute drsquoun canal
Ara srsquohan drsquoassociar els fitxers estagravetics adequats a la presentacioacute del canal perquegrave les
formes de presentacioacute posteriors trobin els estils i els Javascript corresponents
Per a aixograve cal entrar a les propietats del canal ldquoCanal Llistat tragravemitsrdquo i
1 Seleccionar el canal ldquoCanal Llistat tragravemitsrdquo
4
4a
4b
39
1
40
En entrar trobarem el llistat seguumlent on cal
1 Fer clic a ldquoCanal Llistat tragravemitsrdquo
2 Aquest eacutes un contingut del tipus Canals (cal fixar-se que no eacutes com lrsquoanterior)
Es mostraragrave la pantalla seguumlent on afegirem els fitxers relacionats amb el canal per a
cada idioma aquiacute cal
1 Emplenar els camps requerits per crear una pestanya del multiidioma
2 Desplaccedilar-se cap avall en lrsquoapartat ldquomultiidiomardquo fins a observar lrsquoapartat
drsquoassociacioacute de fitxers
3 Fer clic a ldquoAfegirrdquo
En aquest moment apareixeragrave la pantalla seguumlent
1 Si voleu afegir un fitxer amb extensioacute css cal deixar el camp ldquoTipus de fitxerrdquo
amb valor ldquocssrdquo Si voleu afegir un fitxer que teacute extensioacute js srsquoha de canviar el
camp ldquoTipus de fitxerrdquo al valor ldquojsrdquo
2 Fer clic a ldquoNavegadorrdquo
1
2 1 3
2
41
Apareixeragrave la pantalla de navegacioacute de continguts i anirem cercant els fitxers estagravetics
que associarem aquiacute cal
1 Fer clic a ldquoFrameworkrdquo
2 Fer clic a ldquoestilos y scriptsrdquo
3 Fer clic a ldquoNuevos Estilos imagenes y jsrdquo
4 Fer clic a ldquoGlobalsrdquo
2 1
42
43
44
Una vegada se nrsquohagin seleccionat tornarem a la pantalla anterior i farem el seguumlent
1 Verificar que el fitxer seleccionat eacutes el que apareix al quadre de text i que la
seva extensioacute coincideix amb la que hi ha seleccionada a ldquoTipus de fitxerrdquo
2 Fer clic a ldquoOKrdquo
Un cop acabades totes les associacions el resultat de les associacions afegides a la
pantalla principal ha de ser el seguumlent
1 Fer clic a ldquoAplicarrdquo a lrsquoapartat ldquomultiidiomardquo
1
2
45
1
46
Es recarregaragrave la pantalla
1 Fer clic a ldquoOKrdquo al nivell general
Ja tenim configurat el canal que mostraragrave ldquoLlistat de tragravemitsrdquo amb els fitxers associats
que fa referegravencia a la forma de presentacioacute que farem servir aquest mateix canal
mostraragrave el detall del contingut tragravemit amb el format detall
32 Creacioacute i assignacioacute de plantilles de presentacioacute per al
canal ldquoCanal Llistat tragravemitsrdquo
321 Creacioacute de les plantilles (templates) de VCM
La configuracioacute del canal de VCM per mostrar els llistats de tragravemits i el seu detall es
basen en tres plantilles una per llistar el tragravemits (format default) una per mostrar el
detall i el pas a pas drsquoun tragravemit (format detall) i una altra per mostrar la normativa
aplicable drsquoun tragravemit (format detall2)
A continuacioacute srsquoexplica com es creen les plantilles de presentacioacute
(Presentation Templates) necessagraveries per configurar els tragravemits Els
responsables de cada site srsquohan de crear les seves progravepies plantilles
Cal tenir en compte que les plantilles que apareixen en el document soacuten nomeacutes un
exemple drsquouna configuracioacute vagravelida En els casos pragravectics cal seleccionar les plantilles
que pertanyen a cada portal io que tingui cada usuari en els seus recursos
En el nostre cas es fan servir les plantilles ldquoGridB2LlistatTramitsrdquo ldquoGridBTramitrdquo i
ldquoGridBTramitNormativaSacrdquo
1
47
Per la creacioacute de la plantilla srsquohan de seguir els passos seguumlents
1 Accedir al ldquoBanc de Treballrdquo
2 Accedir a ldquoPresentation Templatesrdquo
3 Accedir a la carpeta de presentacions del nostre site en aquest exemple
ldquogenegravericrdquo
1
2
48
Un cop som al llistat de plantilles del nostre site cal fer el seguumlent
1 Seleccionar el signe ldquo+rdquo
2 Seleccionar Forma de Presentation Template
En realitzar aquesta accioacute srsquoobriragrave la finestra drsquoedicioacute o creacioacute de la Presentation
Template Srsquohan de crear dos plantilles noves amb les dades seguumlents
1 Plantilla per al llistat de tragravemits
a Nom cal posar un nom identificatiu de la plantilla per exemple
GenericoGridB2LlistatTramit
b Tipus de plantilla Portal Page
c VAPVCM Portal defaultgeneric (cal posar el nom del portal VAP)
d Element del menuacute de VAP FW_NavItem_GRIDB2
3
1
2
49
e Canal VCM per defecte
Tot seguit cal fer clic a ldquoOKrdquo
Per a la configuracioacute de la plantilla per al llistat de tragravemits es pot fer servir un
NavItem que utilitzi una grid amb destacats a la dreta per exemple la GRID B2 del
Site Genegraveric o beacute un Navitem sense destacats (el FW_NavItem_GRIDB creat
anteriorment)
El NavItem ha de disposar drsquoun portlet a la part central a nivell de Page per
configurar el llistat de tragravemits
f
50
2 Crear una nova Presentation Template per al detall de tragravemits i el pas a
pas
a Nom cal posar un nom identificatiu de la plantilla com per exemple
GenericoGridBTramit
b Tipus de plantilla Portal Page
c VAPVCM Portal defaultgeneric
d Element del menuacute de VAP FW_NavItem_GRIDB
e Canal VCM per defecte
Finalment cal fer clic a ldquoOKrdquo
Per configurar la plantilla per al detall dels tragravemits i el pas a pas srsquoha de fer servir un
NavItem que utilitzi una grid sense destacats a la dreta per exemple la GRID B del
site Genegraveric
El NavItem ha de disposar de dos portlets a la part central a nivell de Page per
configurar el llistat de tragravemits
Tot seguit cal crear una nova Presentation Template per al detall de tragravemits i el pas a
pas
a Nom cal posar un nom identificatiu de la plantilla per exemple
GenericoGridBTramitNormativaSac
f
51
b Tipus de plantilla Portal Page
c VAPVCM Portal defaultgeneric
d Element del menuacute de VAP FW_NavItem_GRIDB
e Canal VCM per defecte
Finalment cal fer clic a ldquoOKrdquo
322 Configuracioacute de la plantilla al canal
Les Presentation Templates que configurarem a continuacioacute soacuten drsquoexemple
Els responsables de cada site han de crear les seves progravepies plantilles
Un cop creat el canal i les Presentation Templates en configurarem la presentacioacute
1 Seleccionarem la casella de seleccioacute del canal que acabem de crear
2 Farem clic a la icona de propietats del canal
3 Navegarem a la pestanya ldquoPresentacioacuterdquo
52
Ens apareixeragrave un formulari com el que es mostra a continuacioacute i realitzarem les
accions seguumlents
1 Fer clic a ldquoAfegir presentacioacute de canalrdquo
1
2
3
53
Apareixeragrave la pantalla seguumlent amb lrsquoobjectiu de seleccionar una plantilla en el nostre
cas farem el seguumlent
1 Seleccionar el projecte de plantilles respectiu al portal A lrsquoexemple ldquogenericrdquo
Posteriorment apareixeragrave un llistat de plantilles (ldquoTemplatesrdquo)
1 En aquest cas seleccionarem ldquoGridB2LlistatTramitsrdquo
2 Acceptarem la seleccioacute ldquoOKrdquo
1
1
54
1
2
55
Un cop acceptat ens apareixeragrave la pantalla seguumlent on configurarem el ldquodetallrdquo Per a
aixograve cal fer el seguumlent
1 Fer clic a ldquoAssignar una Nova Plantilla de Presentacioacuterdquo
1
56
Tot seguit apareixeragrave la pantalla que es mostra a continuacioacute on realitzarem les
accions seguumlents
1 Fer clic a ldquoAfegir formatrdquo
En aquesta nova pantalla ens assegurarem del seguumlent
1 A la casella ldquoFormatrdquo hi ha el valor ldquodetallrdquo
2 A la casella ldquoTemplaterdquo hi ha drsquohaver el correcte Si no eacutes aixiacute srsquoha de fer clic a
ldquoNavegadorrdquo
En fer clic a ldquoNavegadorrdquo cal fer el seguumlent
1 Tornar a navegar fins a ldquogenericrdquo
1
1 2
57
1
58
I a la pantalla seguumlent cal seleccionar una plantilla i
1 Fer clic al botoacute a prop de ldquoGridBTramitrdquo
2 Fer clic a ldquoOKrdquo
1
2
59
En aquest moment es torna a la pantalla anterior i cal
1 Fer clic a ldquoOKrdquo
En el canal Llistat de tragravemits ha drsquoestar configurat el ldquoformatrdquo ldquodetallrdquo ja que la forma
de presentacioacute que configurarem a GridDBTramit necessitaragrave aquest format per
visualitzar el detall del contingut de tipus ldquoTragravemitrdquo
2
60
La pantalla anterior a aquesta ens ha de presentar aquesta informacioacute Ara
configurarem el ldquodetall2rdquo per presentar el contingut rdquo Normativa de SACrdquo Per a aixograve
cal fer el seguumlent
1 Fer clic a ldquoAfegir Formatrdquo
En aquesta nova pantalla ens assegurarem del seguumlent
1 A la casella ldquoFormatrdquo hi ha el valor ldquodetall2rdquo
1
61
2 A la casella ldquoTemplaterdquo hi ha drsquohaver el correcte Si no eacutes aixiacute srsquoha de fer clic a
ldquoNavegadorrdquo
En fer clic a ldquoNavegadorrdquo srsquoha de fer el seguumlent
1 Tornar a navegar fins a ldquogenericrdquo (srsquoha de substituir pel nom del portal)
1 2
62
1
63
A la pantalla seguumlent cal seleccionar una plantilla i
1 Fer clic al botoacute a prop de ldquoGridBTramitNormativaSacrdquo
2 Fer clic a ldquoOKrdquo
1
2
64
En aquest moment es torna a la pantalla anterior i cal fer el seguumlent
2 Fer clic a ldquoOKrdquo
En el canal Llistat de tragravemits ha drsquoestar configurat el ldquoformatrdquo ldquodetall2rdquo ja que la
forma de presentacioacute que configurarem a GridDBTramitNormativaSac necessitaragrave
aquest format per visualitzar el detall del contingut de tipus normativa ldquoSACrdquo
2
65
La pantalla anterior a aquesta ens ha de presentar aquesta informacioacute i srsquoha de fer el
seguumlent
2 Fer clic a ldquoOKrdquo
1
66
La finestra pare anterior a aquesta quedaragrave com es mostra tot seguit i realitzarem les
accions seguumlents
1 Fer clic a ldquoOKrdquo
4 Comparticioacute de continguts
Accedim al projecte on hi ha tots els tragravemits de lrsquoOVT
1
67
OVTDepartaments[NomCurtDepartaments][NomCurtOrganisme] TramitOVT
On NomCurtDepartaments correspon al nom curt del departament al que fa referencia
el nostre organisme
En aquest exemple es mostren tots els projectes de tragravemits de lrsquoOVT
Un cop localitzat el tragravemit de lrsquoOVT que volem compartir amb el nostre site accedirem
a lrsquoedicioacute del contingut i assignarem aquest contingut al canal del nostre site on es
vulgui mostrar Srsquoha de fer el seguumlent
1 Anar al contenidor de projectes on hi ha els continguts de GECO
Apareixeragrave lrsquoestructura de projectes a la qual teacute acceacutes lrsquousuari redactor Cal fer el
seguumlent (exemple Agegravencia Tributagraveria dins drsquoEconomia i Finances)
1 Seleccionar ldquoOVTrdquo
2 Seleccionar ldquoDepartamentsrdquo aquesta carpeta conteacute tots els tragravemits de lrsquoOVT
classificats per departaments
3 Seleccionar ldquoECOrdquo A lrsquousuari nomeacutes se li mostraragrave la carpeta del seu
departament
Si lrsquousuari no visualitza la carpeta dins del seu departament eacutes perquegrave no
srsquoha aplicat la poliacutetica de seguretat correctament Cal obrir un tiquet a Suport
gencat per tramitar aquests permisos AQUESTA CARPETA NOMEacuteS SERAgrave
VISIBLE PER ALS USUARIS AMB ROL REDACTOR
4 Seleccionar ldquoA_Agegravencia Tributagraveriardquo
5 Seleccionar ldquoTramitOVTrdquo
1
68
2
3
1
69
4
5
70
Apareixeragrave el llistat de continguts ldquoTragravemitOVTrdquo de lrsquoOVT de lrsquoAgegravencia Tributagraveria
Realitzarem les accions seguumlents
1 Seleccionar el tragravemit o els tragravemits que volem compartir en la web dorganisme
2 Fer clic a ldquoAssociarrdquo
2
1
71
Aquest proceacutes obriragrave una finestra Per seleccionar el site i canal on es volen mostrar
els tragravemits seleccionats realitzarem les accions seguumlents (cas site Generic)
1 Seleccionar el site ldquoGenericrdquo en el vostre cas el site del departament on es vol
mostrar el contingut ldquotragravemitrdquo
2 Navegar pels canals del Site Genegraveric fins al canal que srsquoha creat en el punt
ldquoLlistat de tragravemitsrdquo i seleccionar el quadre de verificacioacute
3 Fer clic a ldquoOKrdquo
1
72
2
3
73
41 Validar que la comparticioacute de continguts eacutes correcta
Accedim per VCM al canal que hem creat anteriorment al qual li acabem drsquoassignar
els continguts de tragravemits que ha de mostrar i fem el seguumlent
1 Anar al contenidor de portals
2 Seleccionar el Site ldquogenericrdquo
3 Seleccionar el canal ldquoHomerdquo
4 Seleccionar el canal ldquoCanal Llistat tragravemitsrdquo
1
2
3
74
4
75
Apareixeragrave el contingut assignat al canal ldquoCanal Llistat tragravemitsrdquo
En entrar trobarem el llistat seguumlent
1 Llistat del tragravemits de lrsquoOVT que srsquohan compartit amb el canal ldquoCanal Llistat
tragravemitsrdquo
2 Validar que els continguts que apareixen soacuten del tipus ldquoTramitOVTrdquo
En cas que al canal del site ldquoCanal Llistat tragravemitsrdquo no apareguin els continguts
tragravemits associats anteriorment cal repetir el pas 22
1 2
76
5 Configuracioacute al portal
Ara cal entrar al nostre site on tenim configurat el canal que hem creat en lrsquoapartat
anterior (21) i que ara configurarem a nivell de portal
51 Configuracioacute a Canal Llistat tragravemits
511 Configuracioacute de la llista de tragravemits
Farem clic a lrsquoenllaccedil ldquoCanal llistat tragravemitsrdquo de la ldquoHomerdquo i anirem a parar a una
pantalla com la que es mostra meacutes avall
Es pot apreciar que en el contingut de la pagravegina no hi ha res Aixograve eacutes perquegrave cal
configurar els portlets adequats ( )
1 Ens situarem sobre la icona ldquoOpcions de Pagraveginardquo
2 Seleccionarem ldquoObrir Plantillardquo ja que els portlets soacuten a nivell de Page
Ens apareixeragrave una pantalla com la que es mostra tot seguit i realitzarem les accions
seguumlents
1 Seleccionar el portlet de la part central de la pagravegina per configurar una ldquoLlista
automagravetica de contingutsrdquo
2
1
77
Tambeacute podem configurar una ldquoLlista manual de contingutsrdquo segons les
necessitats de cada usuari
78
Ens redirigiragrave cap a un formulari drsquoedicioacute que ens mostraragrave directament quina consulta
hem de configurar per mostrar els continguts i configurarem una consulta com la
seguumlent (evidentment segons les necessitats de cada usuari)
Ara tenim configurat que la pagravegina mostraragrave els tipus de contingut ldquoTramitOVTrdquo del
canal actual ordenats per la ldquoEacutes on-linerdquo en ordre descendent
Aixograve ens portaragrave a la pantalla principal on acabarem de completar la configuracioacute
1 Validar que en lrsquoapartat ldquoConsultardquo hi ha la configuracioacute que acabem drsquoafegir
2 Emplenar ldquoAgraveliesrdquo
3 En lrsquoapartat Forma de presentacioacute fer clic al botoacute ldquoCercar helliprdquo
79
Ens apareixeragrave la pantalla seguumlent
1 Fer clic a ldquoNavegacioacute per projectesrdquo
1
2
3
80
Ens canviaragrave la vista al format seguumlent
1 Navegarem per les carpetes fins a arribar a ldquoFramework Formes de
presentacioacute Site generic fw_fp_llistatramitsrdquo
2 Seleccionarem ldquofw_fp_llistatramitsrdquo
3 Farem clic a ldquoOKrdquo
1
1
81
En retornar a la pantalla principal cal
1 Validar que la forma de presentacioacute eacutes la que acabem de seleccionar
2 Fer clic a ldquoOKrdquo
1 (continuacioacute) 2
3
82
1
2
83
Aquest seragrave el nostre resultat a la pantalla del portal i cal fer el seguumlent
1 Verificar que apareixen els dos continguts que es van associar a aquest canal
1
84
512 Configuracioacute del detall del tragravemit i el pas a pas
En fer clic sobre una activitat veurem com ens redirigeix a la plantilla configurada al
ldquodetallrdquo drsquoaquesta pagravegina tal com la vam configurar en lrsquoapartat 231 cal fer el
seguumlent
1 Fer clic a la primera activitat
1
85
Ens sortiragrave la pagravegina de VAP del detall drsquoun contingut per configurar farem els
passos seguumlents
1 Ens situarem sobre la icona ldquoOpcions de Pagraveginardquo
2 Seleccionar ldquoObrir Plantillardquo ja que els portlets soacuten a nivell de Page
Ens apareixeragrave una pantalla com la que es mostra tot seguit i realitzarem les accions
seguumlents
1 Seleccionar el portlet de la part central de la pagravegina per configurar un ldquoDetall
de contingutrdquo i fer clic a ldquoEditarrdquo
Ens apareixeragrave la pantalla de seleccioacute de component de presentacioacute
1 Seleccionarem el component de presentacioacute ldquoDetall de contingutrdquo
1
2
1
86
Ens apareixeragrave la pantalla que es mostra tot seguit i realitzarem les accions seguumlents
1 Emplenar el camp ldquoAgraveliesrdquo
2 Canviar a la pestanya ldquoPresentacioacuterdquo
En fer clic a la pestanya obtindrem la imatge que es mostra tot seguit i realitzarem les
accions seguumlents
1 Cercarem una forma de presentacioacute fent clic a ldquoCercar helliprdquo
1
2
87
Quan aparegui la pantalla de cercador realitzarem una cerca de la forma de
presentacioacute que volem fer servir per a aixograve cal fer el seguumlent
1 Emplenar la caixa de text amb ldquofw_fp_tramitrdquo
2 Preacutemer ldquoCercarrdquo
3 Seleccionar la forma de presentacioacute de la caixa de resultats
4 Preacutemer ldquoOKrdquo
La forma de presentacioacute ldquofw_fp_tramitrdquo estagrave preparada per ldquomaquillarrdquo el contingut
dels tragravemits Tambeacute es pot fer servir una forma de presentacioacute personalitzada
segons es cregui convenient
1
1
2
3
4
88
En acabar tornarem a la pagravegina principal drsquoedicioacute i farem el seguumlent
1 Verificar que la forma de presentacioacute eacutes la que hem escollit
2 Fer clic a ldquoOKrdquo
En finalitzar la configuracioacute del component de presentacioacute tornem a la pantalla del
portal i cal fer el seguumlent
1 Verificar que el disseny de la presentacioacute eacutes semblant al seguumlent
1
2
89
Configurarem el portlet superior central de la pagravegina perquegrave aquesta contingui el fil
drsquoAriadna
1 Accedir a ldquoObrir Plantillardquo
1 Editar el portlet central que hi ha a sobre del detall de tragravemit per configurar el fil
drsquoAriadna En aquest exemple el portlet eacutes ldquoFW_hilo_ariadnardquo
Escollirem el component de presentacioacute
1 Seleccionar el component de presentacioacute ldquoFil drsquoAriadnardquo
1
1
90
En la configuracioacute del component realitzarem les accions seguumlents
1 Inserir el camp ldquoAgraveliesrdquo
2 Inserir el camp ldquoCanalrdquo
3 Fer clic a la pestanya ldquoPresentacioacuterdquo i cercar la forma de presentacioacute
ldquofw_fp_filariadnardquo
1
91
513 Configuracioacute del detall drsquouna normativa SAC
En el detall de contingut configurat en el punt anterior fent clic sobre una normativa
veurem com ens redirigeix a la plantilla configurada al ldquodetall2rdquo drsquoaquesta pagravegina tal
com hem configurat a lrsquoapartat 231
1 Fer clic a la primera ldquoNormativa Aplicablerdquo
2
3
92
Aquest enllaccedil ens portaragrave al detall2 del canal on srsquoha de configurar el detall de
contingut SAC per tal que es mostri la normativa aplicable
Configurarem el portlet superior central de la pagravegina perquegrave aquesta contingui el fil
drsquoAriadna per a aixograve cal fer el seguumlent
1 Accedir a ldquoObrir Plantillardquo
1
93
1
94
1 Editar el portlet central que hi ha a sobre del detall de tragravemit per configurar el fil
drsquoAriadna En aquest exemple el portlet eacutes ldquofw_portlet_tramitrdquo
Escollirem el component de presentacioacute
1 Seleccionar el component de presentacioacute ldquoDetall de Contingut SACrdquo
En la configuracioacute del component realitzarem les accions seguumlents
1 Inserir el camp ldquoAgraveliesrdquo
2 Seleccionar el tipus de contingut ldquoDetall Tragravemitrdquo
1
95
3 Fer clic a la pestanya ldquoPresentacioacuterdquo i cercar la forma de presentacioacute
ldquofw_fp_sac_normativardquo
4 Fer clic al botoacute ldquoOKrdquo
Srsquoactualitzaragrave la pagravegina de VAP i es mostraragrave el detall de SAC
1
2
3
4
96
514 Validacioacute final de VAP
Finalment cal validar que els tragravemits es visualitzen correctament per a aixograve cal
1 Verificar que tenim els canals creats
2 Accedir al canal ldquoCanal Llistat tragravemitsrdquo i validar que es mostren els tragravemits
que hem associat al punt 22
1
97
A continuacioacute cal fer les comprovacions seguumlents
1 Accedir al detall del tragravemit compartit
2 Accedir al pas a pas del tragravemit i a la normativa de SAC
Exemple llistat de tragravemits compartits
2
1
98
Exemple detall de tragravemit compartit
Exemple pas a pas drsquoun tragravemit
2
2
99
Exemple normativa SAC
En el cas que no es visualitzin el llistat de tragravemits detall o pas a pas configurat
validar
1 Refrescar la Pagravegina
2 Els tragravemits estan associats al canal que esteacuten visualitzat punt 23
1 Refrescar la pagravegina
1
12
Srsquoha de configurar el tipus de portlet per al llistat Tragravemit per a aixograve cal
1 Posar un nom al portlet
2 Posar el nivell Template
3 Seleccionar que pot ser un Llista Manual o Automagravetica de continguts
4 Posar en ldquoJSP Override URLrdquo la ruta ldquovgn-ext-templatingviewsindexControladorjsprdquo
5 Fer clic a ldquoSaverdquo
1
2
3
3
5
4
vgn-ext-templatingviewsindexControladorjsp
13
Srsquohan de configurar permisos del portlet per al llistat Tragravemit per a aixograve cal
1 Seleccionar ldquoPermisosrdquo
2 Seleccionar els grups que es volen autoritzar
3 Fer clic a ldquoActualitzarrdquo
1
2
3
14
Srsquohan de configurar les dades bagravesiques del portlet per fer-ho cal
1 Seleccionar ldquoBagravesicsrdquo
2 Posar el nom del portlet
3 Desmarcar el quadre de verificacioacute ldquoMostra el cromrdquo
4 Fer clic a ldquoActualitzarrdquo
1
2
3
4
15
1 Tot seguit cal validar que la pagravegina srsquoha creat correctament
2 Srsquoha de fer clic al nom de la pagravegina
1
2
16
1 Bloquejar la pagravegina
2 Fer clic a ldquoActualitzar Opcionsrdquo
1
2
17
211 Crear NavItem del llistat Tragravemits
A partir de la consola de VAP farem les tasques seguumlents per crear el NavItem
1 Anar a lrsquoopcioacute del menuacute ldquoArbre de Navegacioacuterdquo
2 Fer clic a ldquoCrear Element de Navegacioacuterdquo
1
2
18
Per crear lrsquoelement de navegacioacute realitzarem les tasques seguumlents
1 Posar el nom al NavItem rdquoFW_NavItem_GRIDB2rdquo
2 Seleccionar ldquoEnllaccedilar ardquo i seleccionar la pagravegina que acabem de crear
3 Seleccionar el tema ldquoFW_Temardquo
4 Seleccionar la graella ldquoFW_Grid_B2rdquo
5 Fer clic a ldquoCrearrdquo
1
2
3
4
5
19
Quan seleccionem ldquoEnllaccedilar ardquo i triem la pagravegina que acabem de crear srsquoobriragrave la
finestra seguumlent per a aixograve cal
1 Cercar la pagravegina que hem creat en el pas anterior
2 Marcar el quadre de verificacioacute de la pagravegina
3 Fer clic a ldquoOKrdquo
Quan seleccionem el tema srsquoobriragrave la finestra seguumlent per a aixograve cal fer el seguumlent
1 Seleccionar el quadre de verificacioacute del tema que farem servir al nostre site per
a aquest exemple fem servir el tema del Site Genegraveric
2 Fer clic a ldquoSalvarrdquo
Quan seleccionem la graella srsquoobriragrave la finestra seguumlent per a aixograve cal
3 Seleccionar la graella que utilitzarem al nostre site per a aquest exemple farem
servir la Graella FW_Grid_B2 que teacute destacats a la dreta del Site Genegraveric
1
1
2
3
2
20
4 Fer clic a ldquoSalvarrdquo
1
2
21
22 Crear pagravegina de detall de tragravemits i normativa SAC
Dins del gestor de portals (VAP) realitzarem les tasques seguumlents
1 Accedir a la consola de ldquoVAPrdquo del nostre site
2 Seleccionar ldquoComponentsrdquo
3 Seleccionar ldquoPagesrdquo
4 Seleccionar ldquoLlistat de Pagraveginesrdquo
5 Fer clic a ldquoCrear Pagraveginardquo
1
2
3
4
5
22
Srsquoobriragrave un formulari per donar drsquoalta una nova pagravegina Aquiacute cal
4 Introduir el nom de la pagravegina FW_Pagina_Grid_Tramits_SAC_Detall_B
5 Seleccionar ldquoEnllaccedil de Navegacioacuterdquo
6 Fer clic a ldquoCrear Pagraveginardquo
Sersquons mostraragrave la pantalla seguumlent on cal
1 Seleccionar ldquoVisualitzacioacuterdquo
1
3
2
1
23
Sersquons mostraragrave la pantalla seguumlent on cal
4 Seleccionar ldquo1 columnardquo
5 Fer clic a ldquoActualitzarrdquo
6 Seleccionar ldquoColmiddotlocacioacute de Portletrdquo
1
2
3
24
Sersquons mostraragrave la pantalla seguumlent on cal
2 Fer clic a ldquoAfegir Portletsrdquo
Sersquons mostraragrave la pantalla seguumlent on cal
2 Seleccionar ldquoCrear i afegir nous Portletsrdquo
1
25
Sersquons mostraragrave la pantalla seguumlent on cal
4 Seleccionar ldquoContent Publish Portlet 20rdquo
5 Fer clic a ldquoCrear Seleccionatsrdquo
6 Fer clic a ldquoTancarrdquo
Es poden afegir tants portlets com es vulgui a la pagravegina i com a miacutenim un
per configurar el llistat de tragravemits
1
26
1
2
3
27
La pagravegina srsquohauragrave actualitzat amb els portlets que srsquohan creat tot seguit cal fer el
seguumlent
2 Fer clic al tiacutetol del portlet
1
28
Srsquoha de configurar el tipus de portlet per al llistat Tragravemit per a aixograve cal
Posar un nom al portlet
1 Posar si eacutes a nivell de Page o Template
2 Seleccionar que pot ser un Detall de contingut i Detall de contingut SAC
3 Posar en ldquoJSP Override URLrdquo la ruta ldquovgn-ext-templatingviewsindexControladorjsprdquo
4 Fer clic a ldquoSaverdquo
1
2
3
3
5
4
vgn-ext-templatingviewsindexControladorjsp
29
Srsquohan de configurar permisos del portlet per al detall del tragravemit i la normativa SAC per
a aixograve cal
4 Seleccionar ldquoPermisosrdquo
5 Seleccionar els grups que es volen autoritzar
6 Fer clic a ldquoActualitzarrdquo
1
2
3
30
Tot seguit srsquohan de configurar les dades bagravesiques del portlet per a aixograve srsquoha de fer el
seguumlent
1 Seleccionar ldquoBagravesicsrdquo
2 Posar el nom del portlet ldquofw_portlet_tramit_sac_detallrdquo
3 Desmarcar el quadre de verificacioacute ldquoMostra el cromrdquo
4 Fer clic a ldquoActualitzarrdquo
1
2
3
4
31
Despreacutes cal validar que la pagravegina srsquoha creat correctament per a aixograve cal fer el
seguumlent
1 Seleccionar ldquoLlista Pagraveginardquo
2 Fer clic al nom de la pagravegina
1
2
32
Per bloquejar la pagravegina cal fer el seguumlent
1 Seleccionar la casella de verificacioacute ldquoPagravegina Bloquejadardquo
2 Fer clic a ldquoActualitzar Opcionsrdquo
1
2
33
221 Crear NavItem de detall de tragravemits i normativa SAC
A partir de la consola de VAP farem les tasques seguumlents per crear el NavItem
1 Anar a lrsquoopcioacute del menuacute ldquoArbre de Navegacioacuterdquo
2 Fer clic a ldquoCrear Element de Navegacioacuterdquo
1
2
34
Per crear lrsquoelement de Navegacioacute realitzarem les tasques seguumlents
1 Posar el nom al NavItem rdquoFW_NavItem_GRIDBrdquo
2 Seleccionar ldquoEnllaccedilar ardquo i seleccionar la pagravegina que acabem de crear
3 Seleccionar el tema ldquoFW_Temardquo
4 Seleccionar la graella ldquoFW_Grid_Brdquo sense destacats a la dreta per
visualitzar correctament el detall de tragravemits el pas a pas i la normativa SAC
5 Fer clic a ldquoCrearrdquo
1
2
3
4
5
35
Quan seleccionem ldquoEnllaccedilar ardquo i seleccionem la pagravegina que acabem de crear srsquoobriragrave
la finestra seguumlent aquiacute cal
1 Cercar la pagravegina que hem creat en el pas anterior
2 Seleccionar la casella de verificacioacute de la pagravegina
3 Fer clic a ldquoOKrdquo
Quan fem seleccionem el tema srsquoobriragrave la seguumlent finestra per a aixograve cal
1 Seleccionar la casella de verificacioacute del tema que utilitzarem al nostre site per
a aquest exemple farem servir el tema del Site Genegraveric
2 Fer clic a ldquoSalvarrdquo
1
1
2
3
2
36
Quan seleccionem la graella srsquoobriragrave la finestra seguumlent aquiacute cal
1 Seleccionar la graella que utilitzarem al nostre site per a aquest exemple farem
servir la Graella FW_Grid_B sense destacats a la dreta del Site Genegraveric Per
tal de visualitzar correctament el detall del tragravemit el pas a pas i la normativa
SAC eacutes imprescindible que la graella tingui una uacutenica columna de continguts
2 Fer clic a ldquoSalvarrdquo
1
2
37
3 Configuracioacute de lrsquoadministracioacute de VCM
31 Creacioacute del canal ldquoLlistat tragravemitsrdquo
Dins del gestor de continguts realitzarem les tasques seguumlents
1 Accedir a ldquoPortalsrdquo
2 Navegar fins al ldquoPortalrdquo on volem configurar el llistat de continguts
3 Seleccionar ldquoHomerdquo
4 Posicionar-se sobre la creu verda i seleccionar ldquoCanalrdquo
a Emplenar la informacioacute i fer clic a ldquoOKrdquo
b Assegurar-se que el canal eacutes ldquoActiurdquo
1
2
3
38
311 Associacioacute de fitxers a la presentacioacute drsquoun canal
Ara srsquohan drsquoassociar els fitxers estagravetics adequats a la presentacioacute del canal perquegrave les
formes de presentacioacute posteriors trobin els estils i els Javascript corresponents
Per a aixograve cal entrar a les propietats del canal ldquoCanal Llistat tragravemitsrdquo i
1 Seleccionar el canal ldquoCanal Llistat tragravemitsrdquo
4
4a
4b
39
1
40
En entrar trobarem el llistat seguumlent on cal
1 Fer clic a ldquoCanal Llistat tragravemitsrdquo
2 Aquest eacutes un contingut del tipus Canals (cal fixar-se que no eacutes com lrsquoanterior)
Es mostraragrave la pantalla seguumlent on afegirem els fitxers relacionats amb el canal per a
cada idioma aquiacute cal
1 Emplenar els camps requerits per crear una pestanya del multiidioma
2 Desplaccedilar-se cap avall en lrsquoapartat ldquomultiidiomardquo fins a observar lrsquoapartat
drsquoassociacioacute de fitxers
3 Fer clic a ldquoAfegirrdquo
En aquest moment apareixeragrave la pantalla seguumlent
1 Si voleu afegir un fitxer amb extensioacute css cal deixar el camp ldquoTipus de fitxerrdquo
amb valor ldquocssrdquo Si voleu afegir un fitxer que teacute extensioacute js srsquoha de canviar el
camp ldquoTipus de fitxerrdquo al valor ldquojsrdquo
2 Fer clic a ldquoNavegadorrdquo
1
2 1 3
2
41
Apareixeragrave la pantalla de navegacioacute de continguts i anirem cercant els fitxers estagravetics
que associarem aquiacute cal
1 Fer clic a ldquoFrameworkrdquo
2 Fer clic a ldquoestilos y scriptsrdquo
3 Fer clic a ldquoNuevos Estilos imagenes y jsrdquo
4 Fer clic a ldquoGlobalsrdquo
2 1
42
43
44
Una vegada se nrsquohagin seleccionat tornarem a la pantalla anterior i farem el seguumlent
1 Verificar que el fitxer seleccionat eacutes el que apareix al quadre de text i que la
seva extensioacute coincideix amb la que hi ha seleccionada a ldquoTipus de fitxerrdquo
2 Fer clic a ldquoOKrdquo
Un cop acabades totes les associacions el resultat de les associacions afegides a la
pantalla principal ha de ser el seguumlent
1 Fer clic a ldquoAplicarrdquo a lrsquoapartat ldquomultiidiomardquo
1
2
45
1
46
Es recarregaragrave la pantalla
1 Fer clic a ldquoOKrdquo al nivell general
Ja tenim configurat el canal que mostraragrave ldquoLlistat de tragravemitsrdquo amb els fitxers associats
que fa referegravencia a la forma de presentacioacute que farem servir aquest mateix canal
mostraragrave el detall del contingut tragravemit amb el format detall
32 Creacioacute i assignacioacute de plantilles de presentacioacute per al
canal ldquoCanal Llistat tragravemitsrdquo
321 Creacioacute de les plantilles (templates) de VCM
La configuracioacute del canal de VCM per mostrar els llistats de tragravemits i el seu detall es
basen en tres plantilles una per llistar el tragravemits (format default) una per mostrar el
detall i el pas a pas drsquoun tragravemit (format detall) i una altra per mostrar la normativa
aplicable drsquoun tragravemit (format detall2)
A continuacioacute srsquoexplica com es creen les plantilles de presentacioacute
(Presentation Templates) necessagraveries per configurar els tragravemits Els
responsables de cada site srsquohan de crear les seves progravepies plantilles
Cal tenir en compte que les plantilles que apareixen en el document soacuten nomeacutes un
exemple drsquouna configuracioacute vagravelida En els casos pragravectics cal seleccionar les plantilles
que pertanyen a cada portal io que tingui cada usuari en els seus recursos
En el nostre cas es fan servir les plantilles ldquoGridB2LlistatTramitsrdquo ldquoGridBTramitrdquo i
ldquoGridBTramitNormativaSacrdquo
1
47
Per la creacioacute de la plantilla srsquohan de seguir els passos seguumlents
1 Accedir al ldquoBanc de Treballrdquo
2 Accedir a ldquoPresentation Templatesrdquo
3 Accedir a la carpeta de presentacions del nostre site en aquest exemple
ldquogenegravericrdquo
1
2
48
Un cop som al llistat de plantilles del nostre site cal fer el seguumlent
1 Seleccionar el signe ldquo+rdquo
2 Seleccionar Forma de Presentation Template
En realitzar aquesta accioacute srsquoobriragrave la finestra drsquoedicioacute o creacioacute de la Presentation
Template Srsquohan de crear dos plantilles noves amb les dades seguumlents
1 Plantilla per al llistat de tragravemits
a Nom cal posar un nom identificatiu de la plantilla per exemple
GenericoGridB2LlistatTramit
b Tipus de plantilla Portal Page
c VAPVCM Portal defaultgeneric (cal posar el nom del portal VAP)
d Element del menuacute de VAP FW_NavItem_GRIDB2
3
1
2
49
e Canal VCM per defecte
Tot seguit cal fer clic a ldquoOKrdquo
Per a la configuracioacute de la plantilla per al llistat de tragravemits es pot fer servir un
NavItem que utilitzi una grid amb destacats a la dreta per exemple la GRID B2 del
Site Genegraveric o beacute un Navitem sense destacats (el FW_NavItem_GRIDB creat
anteriorment)
El NavItem ha de disposar drsquoun portlet a la part central a nivell de Page per
configurar el llistat de tragravemits
f
50
2 Crear una nova Presentation Template per al detall de tragravemits i el pas a
pas
a Nom cal posar un nom identificatiu de la plantilla com per exemple
GenericoGridBTramit
b Tipus de plantilla Portal Page
c VAPVCM Portal defaultgeneric
d Element del menuacute de VAP FW_NavItem_GRIDB
e Canal VCM per defecte
Finalment cal fer clic a ldquoOKrdquo
Per configurar la plantilla per al detall dels tragravemits i el pas a pas srsquoha de fer servir un
NavItem que utilitzi una grid sense destacats a la dreta per exemple la GRID B del
site Genegraveric
El NavItem ha de disposar de dos portlets a la part central a nivell de Page per
configurar el llistat de tragravemits
Tot seguit cal crear una nova Presentation Template per al detall de tragravemits i el pas a
pas
a Nom cal posar un nom identificatiu de la plantilla per exemple
GenericoGridBTramitNormativaSac
f
51
b Tipus de plantilla Portal Page
c VAPVCM Portal defaultgeneric
d Element del menuacute de VAP FW_NavItem_GRIDB
e Canal VCM per defecte
Finalment cal fer clic a ldquoOKrdquo
322 Configuracioacute de la plantilla al canal
Les Presentation Templates que configurarem a continuacioacute soacuten drsquoexemple
Els responsables de cada site han de crear les seves progravepies plantilles
Un cop creat el canal i les Presentation Templates en configurarem la presentacioacute
1 Seleccionarem la casella de seleccioacute del canal que acabem de crear
2 Farem clic a la icona de propietats del canal
3 Navegarem a la pestanya ldquoPresentacioacuterdquo
52
Ens apareixeragrave un formulari com el que es mostra a continuacioacute i realitzarem les
accions seguumlents
1 Fer clic a ldquoAfegir presentacioacute de canalrdquo
1
2
3
53
Apareixeragrave la pantalla seguumlent amb lrsquoobjectiu de seleccionar una plantilla en el nostre
cas farem el seguumlent
1 Seleccionar el projecte de plantilles respectiu al portal A lrsquoexemple ldquogenericrdquo
Posteriorment apareixeragrave un llistat de plantilles (ldquoTemplatesrdquo)
1 En aquest cas seleccionarem ldquoGridB2LlistatTramitsrdquo
2 Acceptarem la seleccioacute ldquoOKrdquo
1
1
54
1
2
55
Un cop acceptat ens apareixeragrave la pantalla seguumlent on configurarem el ldquodetallrdquo Per a
aixograve cal fer el seguumlent
1 Fer clic a ldquoAssignar una Nova Plantilla de Presentacioacuterdquo
1
56
Tot seguit apareixeragrave la pantalla que es mostra a continuacioacute on realitzarem les
accions seguumlents
1 Fer clic a ldquoAfegir formatrdquo
En aquesta nova pantalla ens assegurarem del seguumlent
1 A la casella ldquoFormatrdquo hi ha el valor ldquodetallrdquo
2 A la casella ldquoTemplaterdquo hi ha drsquohaver el correcte Si no eacutes aixiacute srsquoha de fer clic a
ldquoNavegadorrdquo
En fer clic a ldquoNavegadorrdquo cal fer el seguumlent
1 Tornar a navegar fins a ldquogenericrdquo
1
1 2
57
1
58
I a la pantalla seguumlent cal seleccionar una plantilla i
1 Fer clic al botoacute a prop de ldquoGridBTramitrdquo
2 Fer clic a ldquoOKrdquo
1
2
59
En aquest moment es torna a la pantalla anterior i cal
1 Fer clic a ldquoOKrdquo
En el canal Llistat de tragravemits ha drsquoestar configurat el ldquoformatrdquo ldquodetallrdquo ja que la forma
de presentacioacute que configurarem a GridDBTramit necessitaragrave aquest format per
visualitzar el detall del contingut de tipus ldquoTragravemitrdquo
2
60
La pantalla anterior a aquesta ens ha de presentar aquesta informacioacute Ara
configurarem el ldquodetall2rdquo per presentar el contingut rdquo Normativa de SACrdquo Per a aixograve
cal fer el seguumlent
1 Fer clic a ldquoAfegir Formatrdquo
En aquesta nova pantalla ens assegurarem del seguumlent
1 A la casella ldquoFormatrdquo hi ha el valor ldquodetall2rdquo
1
61
2 A la casella ldquoTemplaterdquo hi ha drsquohaver el correcte Si no eacutes aixiacute srsquoha de fer clic a
ldquoNavegadorrdquo
En fer clic a ldquoNavegadorrdquo srsquoha de fer el seguumlent
1 Tornar a navegar fins a ldquogenericrdquo (srsquoha de substituir pel nom del portal)
1 2
62
1
63
A la pantalla seguumlent cal seleccionar una plantilla i
1 Fer clic al botoacute a prop de ldquoGridBTramitNormativaSacrdquo
2 Fer clic a ldquoOKrdquo
1
2
64
En aquest moment es torna a la pantalla anterior i cal fer el seguumlent
2 Fer clic a ldquoOKrdquo
En el canal Llistat de tragravemits ha drsquoestar configurat el ldquoformatrdquo ldquodetall2rdquo ja que la
forma de presentacioacute que configurarem a GridDBTramitNormativaSac necessitaragrave
aquest format per visualitzar el detall del contingut de tipus normativa ldquoSACrdquo
2
65
La pantalla anterior a aquesta ens ha de presentar aquesta informacioacute i srsquoha de fer el
seguumlent
2 Fer clic a ldquoOKrdquo
1
66
La finestra pare anterior a aquesta quedaragrave com es mostra tot seguit i realitzarem les
accions seguumlents
1 Fer clic a ldquoOKrdquo
4 Comparticioacute de continguts
Accedim al projecte on hi ha tots els tragravemits de lrsquoOVT
1
67
OVTDepartaments[NomCurtDepartaments][NomCurtOrganisme] TramitOVT
On NomCurtDepartaments correspon al nom curt del departament al que fa referencia
el nostre organisme
En aquest exemple es mostren tots els projectes de tragravemits de lrsquoOVT
Un cop localitzat el tragravemit de lrsquoOVT que volem compartir amb el nostre site accedirem
a lrsquoedicioacute del contingut i assignarem aquest contingut al canal del nostre site on es
vulgui mostrar Srsquoha de fer el seguumlent
1 Anar al contenidor de projectes on hi ha els continguts de GECO
Apareixeragrave lrsquoestructura de projectes a la qual teacute acceacutes lrsquousuari redactor Cal fer el
seguumlent (exemple Agegravencia Tributagraveria dins drsquoEconomia i Finances)
1 Seleccionar ldquoOVTrdquo
2 Seleccionar ldquoDepartamentsrdquo aquesta carpeta conteacute tots els tragravemits de lrsquoOVT
classificats per departaments
3 Seleccionar ldquoECOrdquo A lrsquousuari nomeacutes se li mostraragrave la carpeta del seu
departament
Si lrsquousuari no visualitza la carpeta dins del seu departament eacutes perquegrave no
srsquoha aplicat la poliacutetica de seguretat correctament Cal obrir un tiquet a Suport
gencat per tramitar aquests permisos AQUESTA CARPETA NOMEacuteS SERAgrave
VISIBLE PER ALS USUARIS AMB ROL REDACTOR
4 Seleccionar ldquoA_Agegravencia Tributagraveriardquo
5 Seleccionar ldquoTramitOVTrdquo
1
68
2
3
1
69
4
5
70
Apareixeragrave el llistat de continguts ldquoTragravemitOVTrdquo de lrsquoOVT de lrsquoAgegravencia Tributagraveria
Realitzarem les accions seguumlents
1 Seleccionar el tragravemit o els tragravemits que volem compartir en la web dorganisme
2 Fer clic a ldquoAssociarrdquo
2
1
71
Aquest proceacutes obriragrave una finestra Per seleccionar el site i canal on es volen mostrar
els tragravemits seleccionats realitzarem les accions seguumlents (cas site Generic)
1 Seleccionar el site ldquoGenericrdquo en el vostre cas el site del departament on es vol
mostrar el contingut ldquotragravemitrdquo
2 Navegar pels canals del Site Genegraveric fins al canal que srsquoha creat en el punt
ldquoLlistat de tragravemitsrdquo i seleccionar el quadre de verificacioacute
3 Fer clic a ldquoOKrdquo
1
72
2
3
73
41 Validar que la comparticioacute de continguts eacutes correcta
Accedim per VCM al canal que hem creat anteriorment al qual li acabem drsquoassignar
els continguts de tragravemits que ha de mostrar i fem el seguumlent
1 Anar al contenidor de portals
2 Seleccionar el Site ldquogenericrdquo
3 Seleccionar el canal ldquoHomerdquo
4 Seleccionar el canal ldquoCanal Llistat tragravemitsrdquo
1
2
3
74
4
75
Apareixeragrave el contingut assignat al canal ldquoCanal Llistat tragravemitsrdquo
En entrar trobarem el llistat seguumlent
1 Llistat del tragravemits de lrsquoOVT que srsquohan compartit amb el canal ldquoCanal Llistat
tragravemitsrdquo
2 Validar que els continguts que apareixen soacuten del tipus ldquoTramitOVTrdquo
En cas que al canal del site ldquoCanal Llistat tragravemitsrdquo no apareguin els continguts
tragravemits associats anteriorment cal repetir el pas 22
1 2
76
5 Configuracioacute al portal
Ara cal entrar al nostre site on tenim configurat el canal que hem creat en lrsquoapartat
anterior (21) i que ara configurarem a nivell de portal
51 Configuracioacute a Canal Llistat tragravemits
511 Configuracioacute de la llista de tragravemits
Farem clic a lrsquoenllaccedil ldquoCanal llistat tragravemitsrdquo de la ldquoHomerdquo i anirem a parar a una
pantalla com la que es mostra meacutes avall
Es pot apreciar que en el contingut de la pagravegina no hi ha res Aixograve eacutes perquegrave cal
configurar els portlets adequats ( )
1 Ens situarem sobre la icona ldquoOpcions de Pagraveginardquo
2 Seleccionarem ldquoObrir Plantillardquo ja que els portlets soacuten a nivell de Page
Ens apareixeragrave una pantalla com la que es mostra tot seguit i realitzarem les accions
seguumlents
1 Seleccionar el portlet de la part central de la pagravegina per configurar una ldquoLlista
automagravetica de contingutsrdquo
2
1
77
Tambeacute podem configurar una ldquoLlista manual de contingutsrdquo segons les
necessitats de cada usuari
78
Ens redirigiragrave cap a un formulari drsquoedicioacute que ens mostraragrave directament quina consulta
hem de configurar per mostrar els continguts i configurarem una consulta com la
seguumlent (evidentment segons les necessitats de cada usuari)
Ara tenim configurat que la pagravegina mostraragrave els tipus de contingut ldquoTramitOVTrdquo del
canal actual ordenats per la ldquoEacutes on-linerdquo en ordre descendent
Aixograve ens portaragrave a la pantalla principal on acabarem de completar la configuracioacute
1 Validar que en lrsquoapartat ldquoConsultardquo hi ha la configuracioacute que acabem drsquoafegir
2 Emplenar ldquoAgraveliesrdquo
3 En lrsquoapartat Forma de presentacioacute fer clic al botoacute ldquoCercar helliprdquo
79
Ens apareixeragrave la pantalla seguumlent
1 Fer clic a ldquoNavegacioacute per projectesrdquo
1
2
3
80
Ens canviaragrave la vista al format seguumlent
1 Navegarem per les carpetes fins a arribar a ldquoFramework Formes de
presentacioacute Site generic fw_fp_llistatramitsrdquo
2 Seleccionarem ldquofw_fp_llistatramitsrdquo
3 Farem clic a ldquoOKrdquo
1
1
81
En retornar a la pantalla principal cal
1 Validar que la forma de presentacioacute eacutes la que acabem de seleccionar
2 Fer clic a ldquoOKrdquo
1 (continuacioacute) 2
3
82
1
2
83
Aquest seragrave el nostre resultat a la pantalla del portal i cal fer el seguumlent
1 Verificar que apareixen els dos continguts que es van associar a aquest canal
1
84
512 Configuracioacute del detall del tragravemit i el pas a pas
En fer clic sobre una activitat veurem com ens redirigeix a la plantilla configurada al
ldquodetallrdquo drsquoaquesta pagravegina tal com la vam configurar en lrsquoapartat 231 cal fer el
seguumlent
1 Fer clic a la primera activitat
1
85
Ens sortiragrave la pagravegina de VAP del detall drsquoun contingut per configurar farem els
passos seguumlents
1 Ens situarem sobre la icona ldquoOpcions de Pagraveginardquo
2 Seleccionar ldquoObrir Plantillardquo ja que els portlets soacuten a nivell de Page
Ens apareixeragrave una pantalla com la que es mostra tot seguit i realitzarem les accions
seguumlents
1 Seleccionar el portlet de la part central de la pagravegina per configurar un ldquoDetall
de contingutrdquo i fer clic a ldquoEditarrdquo
Ens apareixeragrave la pantalla de seleccioacute de component de presentacioacute
1 Seleccionarem el component de presentacioacute ldquoDetall de contingutrdquo
1
2
1
86
Ens apareixeragrave la pantalla que es mostra tot seguit i realitzarem les accions seguumlents
1 Emplenar el camp ldquoAgraveliesrdquo
2 Canviar a la pestanya ldquoPresentacioacuterdquo
En fer clic a la pestanya obtindrem la imatge que es mostra tot seguit i realitzarem les
accions seguumlents
1 Cercarem una forma de presentacioacute fent clic a ldquoCercar helliprdquo
1
2
87
Quan aparegui la pantalla de cercador realitzarem una cerca de la forma de
presentacioacute que volem fer servir per a aixograve cal fer el seguumlent
1 Emplenar la caixa de text amb ldquofw_fp_tramitrdquo
2 Preacutemer ldquoCercarrdquo
3 Seleccionar la forma de presentacioacute de la caixa de resultats
4 Preacutemer ldquoOKrdquo
La forma de presentacioacute ldquofw_fp_tramitrdquo estagrave preparada per ldquomaquillarrdquo el contingut
dels tragravemits Tambeacute es pot fer servir una forma de presentacioacute personalitzada
segons es cregui convenient
1
1
2
3
4
88
En acabar tornarem a la pagravegina principal drsquoedicioacute i farem el seguumlent
1 Verificar que la forma de presentacioacute eacutes la que hem escollit
2 Fer clic a ldquoOKrdquo
En finalitzar la configuracioacute del component de presentacioacute tornem a la pantalla del
portal i cal fer el seguumlent
1 Verificar que el disseny de la presentacioacute eacutes semblant al seguumlent
1
2
89
Configurarem el portlet superior central de la pagravegina perquegrave aquesta contingui el fil
drsquoAriadna
1 Accedir a ldquoObrir Plantillardquo
1 Editar el portlet central que hi ha a sobre del detall de tragravemit per configurar el fil
drsquoAriadna En aquest exemple el portlet eacutes ldquoFW_hilo_ariadnardquo
Escollirem el component de presentacioacute
1 Seleccionar el component de presentacioacute ldquoFil drsquoAriadnardquo
1
1
90
En la configuracioacute del component realitzarem les accions seguumlents
1 Inserir el camp ldquoAgraveliesrdquo
2 Inserir el camp ldquoCanalrdquo
3 Fer clic a la pestanya ldquoPresentacioacuterdquo i cercar la forma de presentacioacute
ldquofw_fp_filariadnardquo
1
91
513 Configuracioacute del detall drsquouna normativa SAC
En el detall de contingut configurat en el punt anterior fent clic sobre una normativa
veurem com ens redirigeix a la plantilla configurada al ldquodetall2rdquo drsquoaquesta pagravegina tal
com hem configurat a lrsquoapartat 231
1 Fer clic a la primera ldquoNormativa Aplicablerdquo
2
3
92
Aquest enllaccedil ens portaragrave al detall2 del canal on srsquoha de configurar el detall de
contingut SAC per tal que es mostri la normativa aplicable
Configurarem el portlet superior central de la pagravegina perquegrave aquesta contingui el fil
drsquoAriadna per a aixograve cal fer el seguumlent
1 Accedir a ldquoObrir Plantillardquo
1
93
1
94
1 Editar el portlet central que hi ha a sobre del detall de tragravemit per configurar el fil
drsquoAriadna En aquest exemple el portlet eacutes ldquofw_portlet_tramitrdquo
Escollirem el component de presentacioacute
1 Seleccionar el component de presentacioacute ldquoDetall de Contingut SACrdquo
En la configuracioacute del component realitzarem les accions seguumlents
1 Inserir el camp ldquoAgraveliesrdquo
2 Seleccionar el tipus de contingut ldquoDetall Tragravemitrdquo
1
95
3 Fer clic a la pestanya ldquoPresentacioacuterdquo i cercar la forma de presentacioacute
ldquofw_fp_sac_normativardquo
4 Fer clic al botoacute ldquoOKrdquo
Srsquoactualitzaragrave la pagravegina de VAP i es mostraragrave el detall de SAC
1
2
3
4
96
514 Validacioacute final de VAP
Finalment cal validar que els tragravemits es visualitzen correctament per a aixograve cal
1 Verificar que tenim els canals creats
2 Accedir al canal ldquoCanal Llistat tragravemitsrdquo i validar que es mostren els tragravemits
que hem associat al punt 22
1
97
A continuacioacute cal fer les comprovacions seguumlents
1 Accedir al detall del tragravemit compartit
2 Accedir al pas a pas del tragravemit i a la normativa de SAC
Exemple llistat de tragravemits compartits
2
1
98
Exemple detall de tragravemit compartit
Exemple pas a pas drsquoun tragravemit
2
2
99
Exemple normativa SAC
En el cas que no es visualitzin el llistat de tragravemits detall o pas a pas configurat
validar
1 Refrescar la Pagravegina
2 Els tragravemits estan associats al canal que esteacuten visualitzat punt 23
1 Refrescar la pagravegina
1
13
Srsquohan de configurar permisos del portlet per al llistat Tragravemit per a aixograve cal
1 Seleccionar ldquoPermisosrdquo
2 Seleccionar els grups que es volen autoritzar
3 Fer clic a ldquoActualitzarrdquo
1
2
3
14
Srsquohan de configurar les dades bagravesiques del portlet per fer-ho cal
1 Seleccionar ldquoBagravesicsrdquo
2 Posar el nom del portlet
3 Desmarcar el quadre de verificacioacute ldquoMostra el cromrdquo
4 Fer clic a ldquoActualitzarrdquo
1
2
3
4
15
1 Tot seguit cal validar que la pagravegina srsquoha creat correctament
2 Srsquoha de fer clic al nom de la pagravegina
1
2
16
1 Bloquejar la pagravegina
2 Fer clic a ldquoActualitzar Opcionsrdquo
1
2
17
211 Crear NavItem del llistat Tragravemits
A partir de la consola de VAP farem les tasques seguumlents per crear el NavItem
1 Anar a lrsquoopcioacute del menuacute ldquoArbre de Navegacioacuterdquo
2 Fer clic a ldquoCrear Element de Navegacioacuterdquo
1
2
18
Per crear lrsquoelement de navegacioacute realitzarem les tasques seguumlents
1 Posar el nom al NavItem rdquoFW_NavItem_GRIDB2rdquo
2 Seleccionar ldquoEnllaccedilar ardquo i seleccionar la pagravegina que acabem de crear
3 Seleccionar el tema ldquoFW_Temardquo
4 Seleccionar la graella ldquoFW_Grid_B2rdquo
5 Fer clic a ldquoCrearrdquo
1
2
3
4
5
19
Quan seleccionem ldquoEnllaccedilar ardquo i triem la pagravegina que acabem de crear srsquoobriragrave la
finestra seguumlent per a aixograve cal
1 Cercar la pagravegina que hem creat en el pas anterior
2 Marcar el quadre de verificacioacute de la pagravegina
3 Fer clic a ldquoOKrdquo
Quan seleccionem el tema srsquoobriragrave la finestra seguumlent per a aixograve cal fer el seguumlent
1 Seleccionar el quadre de verificacioacute del tema que farem servir al nostre site per
a aquest exemple fem servir el tema del Site Genegraveric
2 Fer clic a ldquoSalvarrdquo
Quan seleccionem la graella srsquoobriragrave la finestra seguumlent per a aixograve cal
3 Seleccionar la graella que utilitzarem al nostre site per a aquest exemple farem
servir la Graella FW_Grid_B2 que teacute destacats a la dreta del Site Genegraveric
1
1
2
3
2
20
4 Fer clic a ldquoSalvarrdquo
1
2
21
22 Crear pagravegina de detall de tragravemits i normativa SAC
Dins del gestor de portals (VAP) realitzarem les tasques seguumlents
1 Accedir a la consola de ldquoVAPrdquo del nostre site
2 Seleccionar ldquoComponentsrdquo
3 Seleccionar ldquoPagesrdquo
4 Seleccionar ldquoLlistat de Pagraveginesrdquo
5 Fer clic a ldquoCrear Pagraveginardquo
1
2
3
4
5
22
Srsquoobriragrave un formulari per donar drsquoalta una nova pagravegina Aquiacute cal
4 Introduir el nom de la pagravegina FW_Pagina_Grid_Tramits_SAC_Detall_B
5 Seleccionar ldquoEnllaccedil de Navegacioacuterdquo
6 Fer clic a ldquoCrear Pagraveginardquo
Sersquons mostraragrave la pantalla seguumlent on cal
1 Seleccionar ldquoVisualitzacioacuterdquo
1
3
2
1
23
Sersquons mostraragrave la pantalla seguumlent on cal
4 Seleccionar ldquo1 columnardquo
5 Fer clic a ldquoActualitzarrdquo
6 Seleccionar ldquoColmiddotlocacioacute de Portletrdquo
1
2
3
24
Sersquons mostraragrave la pantalla seguumlent on cal
2 Fer clic a ldquoAfegir Portletsrdquo
Sersquons mostraragrave la pantalla seguumlent on cal
2 Seleccionar ldquoCrear i afegir nous Portletsrdquo
1
25
Sersquons mostraragrave la pantalla seguumlent on cal
4 Seleccionar ldquoContent Publish Portlet 20rdquo
5 Fer clic a ldquoCrear Seleccionatsrdquo
6 Fer clic a ldquoTancarrdquo
Es poden afegir tants portlets com es vulgui a la pagravegina i com a miacutenim un
per configurar el llistat de tragravemits
1
26
1
2
3
27
La pagravegina srsquohauragrave actualitzat amb els portlets que srsquohan creat tot seguit cal fer el
seguumlent
2 Fer clic al tiacutetol del portlet
1
28
Srsquoha de configurar el tipus de portlet per al llistat Tragravemit per a aixograve cal
Posar un nom al portlet
1 Posar si eacutes a nivell de Page o Template
2 Seleccionar que pot ser un Detall de contingut i Detall de contingut SAC
3 Posar en ldquoJSP Override URLrdquo la ruta ldquovgn-ext-templatingviewsindexControladorjsprdquo
4 Fer clic a ldquoSaverdquo
1
2
3
3
5
4
vgn-ext-templatingviewsindexControladorjsp
29
Srsquohan de configurar permisos del portlet per al detall del tragravemit i la normativa SAC per
a aixograve cal
4 Seleccionar ldquoPermisosrdquo
5 Seleccionar els grups que es volen autoritzar
6 Fer clic a ldquoActualitzarrdquo
1
2
3
30
Tot seguit srsquohan de configurar les dades bagravesiques del portlet per a aixograve srsquoha de fer el
seguumlent
1 Seleccionar ldquoBagravesicsrdquo
2 Posar el nom del portlet ldquofw_portlet_tramit_sac_detallrdquo
3 Desmarcar el quadre de verificacioacute ldquoMostra el cromrdquo
4 Fer clic a ldquoActualitzarrdquo
1
2
3
4
31
Despreacutes cal validar que la pagravegina srsquoha creat correctament per a aixograve cal fer el
seguumlent
1 Seleccionar ldquoLlista Pagraveginardquo
2 Fer clic al nom de la pagravegina
1
2
32
Per bloquejar la pagravegina cal fer el seguumlent
1 Seleccionar la casella de verificacioacute ldquoPagravegina Bloquejadardquo
2 Fer clic a ldquoActualitzar Opcionsrdquo
1
2
33
221 Crear NavItem de detall de tragravemits i normativa SAC
A partir de la consola de VAP farem les tasques seguumlents per crear el NavItem
1 Anar a lrsquoopcioacute del menuacute ldquoArbre de Navegacioacuterdquo
2 Fer clic a ldquoCrear Element de Navegacioacuterdquo
1
2
34
Per crear lrsquoelement de Navegacioacute realitzarem les tasques seguumlents
1 Posar el nom al NavItem rdquoFW_NavItem_GRIDBrdquo
2 Seleccionar ldquoEnllaccedilar ardquo i seleccionar la pagravegina que acabem de crear
3 Seleccionar el tema ldquoFW_Temardquo
4 Seleccionar la graella ldquoFW_Grid_Brdquo sense destacats a la dreta per
visualitzar correctament el detall de tragravemits el pas a pas i la normativa SAC
5 Fer clic a ldquoCrearrdquo
1
2
3
4
5
35
Quan seleccionem ldquoEnllaccedilar ardquo i seleccionem la pagravegina que acabem de crear srsquoobriragrave
la finestra seguumlent aquiacute cal
1 Cercar la pagravegina que hem creat en el pas anterior
2 Seleccionar la casella de verificacioacute de la pagravegina
3 Fer clic a ldquoOKrdquo
Quan fem seleccionem el tema srsquoobriragrave la seguumlent finestra per a aixograve cal
1 Seleccionar la casella de verificacioacute del tema que utilitzarem al nostre site per
a aquest exemple farem servir el tema del Site Genegraveric
2 Fer clic a ldquoSalvarrdquo
1
1
2
3
2
36
Quan seleccionem la graella srsquoobriragrave la finestra seguumlent aquiacute cal
1 Seleccionar la graella que utilitzarem al nostre site per a aquest exemple farem
servir la Graella FW_Grid_B sense destacats a la dreta del Site Genegraveric Per
tal de visualitzar correctament el detall del tragravemit el pas a pas i la normativa
SAC eacutes imprescindible que la graella tingui una uacutenica columna de continguts
2 Fer clic a ldquoSalvarrdquo
1
2
37
3 Configuracioacute de lrsquoadministracioacute de VCM
31 Creacioacute del canal ldquoLlistat tragravemitsrdquo
Dins del gestor de continguts realitzarem les tasques seguumlents
1 Accedir a ldquoPortalsrdquo
2 Navegar fins al ldquoPortalrdquo on volem configurar el llistat de continguts
3 Seleccionar ldquoHomerdquo
4 Posicionar-se sobre la creu verda i seleccionar ldquoCanalrdquo
a Emplenar la informacioacute i fer clic a ldquoOKrdquo
b Assegurar-se que el canal eacutes ldquoActiurdquo
1
2
3
38
311 Associacioacute de fitxers a la presentacioacute drsquoun canal
Ara srsquohan drsquoassociar els fitxers estagravetics adequats a la presentacioacute del canal perquegrave les
formes de presentacioacute posteriors trobin els estils i els Javascript corresponents
Per a aixograve cal entrar a les propietats del canal ldquoCanal Llistat tragravemitsrdquo i
1 Seleccionar el canal ldquoCanal Llistat tragravemitsrdquo
4
4a
4b
39
1
40
En entrar trobarem el llistat seguumlent on cal
1 Fer clic a ldquoCanal Llistat tragravemitsrdquo
2 Aquest eacutes un contingut del tipus Canals (cal fixar-se que no eacutes com lrsquoanterior)
Es mostraragrave la pantalla seguumlent on afegirem els fitxers relacionats amb el canal per a
cada idioma aquiacute cal
1 Emplenar els camps requerits per crear una pestanya del multiidioma
2 Desplaccedilar-se cap avall en lrsquoapartat ldquomultiidiomardquo fins a observar lrsquoapartat
drsquoassociacioacute de fitxers
3 Fer clic a ldquoAfegirrdquo
En aquest moment apareixeragrave la pantalla seguumlent
1 Si voleu afegir un fitxer amb extensioacute css cal deixar el camp ldquoTipus de fitxerrdquo
amb valor ldquocssrdquo Si voleu afegir un fitxer que teacute extensioacute js srsquoha de canviar el
camp ldquoTipus de fitxerrdquo al valor ldquojsrdquo
2 Fer clic a ldquoNavegadorrdquo
1
2 1 3
2
41
Apareixeragrave la pantalla de navegacioacute de continguts i anirem cercant els fitxers estagravetics
que associarem aquiacute cal
1 Fer clic a ldquoFrameworkrdquo
2 Fer clic a ldquoestilos y scriptsrdquo
3 Fer clic a ldquoNuevos Estilos imagenes y jsrdquo
4 Fer clic a ldquoGlobalsrdquo
2 1
42
43
44
Una vegada se nrsquohagin seleccionat tornarem a la pantalla anterior i farem el seguumlent
1 Verificar que el fitxer seleccionat eacutes el que apareix al quadre de text i que la
seva extensioacute coincideix amb la que hi ha seleccionada a ldquoTipus de fitxerrdquo
2 Fer clic a ldquoOKrdquo
Un cop acabades totes les associacions el resultat de les associacions afegides a la
pantalla principal ha de ser el seguumlent
1 Fer clic a ldquoAplicarrdquo a lrsquoapartat ldquomultiidiomardquo
1
2
45
1
46
Es recarregaragrave la pantalla
1 Fer clic a ldquoOKrdquo al nivell general
Ja tenim configurat el canal que mostraragrave ldquoLlistat de tragravemitsrdquo amb els fitxers associats
que fa referegravencia a la forma de presentacioacute que farem servir aquest mateix canal
mostraragrave el detall del contingut tragravemit amb el format detall
32 Creacioacute i assignacioacute de plantilles de presentacioacute per al
canal ldquoCanal Llistat tragravemitsrdquo
321 Creacioacute de les plantilles (templates) de VCM
La configuracioacute del canal de VCM per mostrar els llistats de tragravemits i el seu detall es
basen en tres plantilles una per llistar el tragravemits (format default) una per mostrar el
detall i el pas a pas drsquoun tragravemit (format detall) i una altra per mostrar la normativa
aplicable drsquoun tragravemit (format detall2)
A continuacioacute srsquoexplica com es creen les plantilles de presentacioacute
(Presentation Templates) necessagraveries per configurar els tragravemits Els
responsables de cada site srsquohan de crear les seves progravepies plantilles
Cal tenir en compte que les plantilles que apareixen en el document soacuten nomeacutes un
exemple drsquouna configuracioacute vagravelida En els casos pragravectics cal seleccionar les plantilles
que pertanyen a cada portal io que tingui cada usuari en els seus recursos
En el nostre cas es fan servir les plantilles ldquoGridB2LlistatTramitsrdquo ldquoGridBTramitrdquo i
ldquoGridBTramitNormativaSacrdquo
1
47
Per la creacioacute de la plantilla srsquohan de seguir els passos seguumlents
1 Accedir al ldquoBanc de Treballrdquo
2 Accedir a ldquoPresentation Templatesrdquo
3 Accedir a la carpeta de presentacions del nostre site en aquest exemple
ldquogenegravericrdquo
1
2
48
Un cop som al llistat de plantilles del nostre site cal fer el seguumlent
1 Seleccionar el signe ldquo+rdquo
2 Seleccionar Forma de Presentation Template
En realitzar aquesta accioacute srsquoobriragrave la finestra drsquoedicioacute o creacioacute de la Presentation
Template Srsquohan de crear dos plantilles noves amb les dades seguumlents
1 Plantilla per al llistat de tragravemits
a Nom cal posar un nom identificatiu de la plantilla per exemple
GenericoGridB2LlistatTramit
b Tipus de plantilla Portal Page
c VAPVCM Portal defaultgeneric (cal posar el nom del portal VAP)
d Element del menuacute de VAP FW_NavItem_GRIDB2
3
1
2
49
e Canal VCM per defecte
Tot seguit cal fer clic a ldquoOKrdquo
Per a la configuracioacute de la plantilla per al llistat de tragravemits es pot fer servir un
NavItem que utilitzi una grid amb destacats a la dreta per exemple la GRID B2 del
Site Genegraveric o beacute un Navitem sense destacats (el FW_NavItem_GRIDB creat
anteriorment)
El NavItem ha de disposar drsquoun portlet a la part central a nivell de Page per
configurar el llistat de tragravemits
f
50
2 Crear una nova Presentation Template per al detall de tragravemits i el pas a
pas
a Nom cal posar un nom identificatiu de la plantilla com per exemple
GenericoGridBTramit
b Tipus de plantilla Portal Page
c VAPVCM Portal defaultgeneric
d Element del menuacute de VAP FW_NavItem_GRIDB
e Canal VCM per defecte
Finalment cal fer clic a ldquoOKrdquo
Per configurar la plantilla per al detall dels tragravemits i el pas a pas srsquoha de fer servir un
NavItem que utilitzi una grid sense destacats a la dreta per exemple la GRID B del
site Genegraveric
El NavItem ha de disposar de dos portlets a la part central a nivell de Page per
configurar el llistat de tragravemits
Tot seguit cal crear una nova Presentation Template per al detall de tragravemits i el pas a
pas
a Nom cal posar un nom identificatiu de la plantilla per exemple
GenericoGridBTramitNormativaSac
f
51
b Tipus de plantilla Portal Page
c VAPVCM Portal defaultgeneric
d Element del menuacute de VAP FW_NavItem_GRIDB
e Canal VCM per defecte
Finalment cal fer clic a ldquoOKrdquo
322 Configuracioacute de la plantilla al canal
Les Presentation Templates que configurarem a continuacioacute soacuten drsquoexemple
Els responsables de cada site han de crear les seves progravepies plantilles
Un cop creat el canal i les Presentation Templates en configurarem la presentacioacute
1 Seleccionarem la casella de seleccioacute del canal que acabem de crear
2 Farem clic a la icona de propietats del canal
3 Navegarem a la pestanya ldquoPresentacioacuterdquo
52
Ens apareixeragrave un formulari com el que es mostra a continuacioacute i realitzarem les
accions seguumlents
1 Fer clic a ldquoAfegir presentacioacute de canalrdquo
1
2
3
53
Apareixeragrave la pantalla seguumlent amb lrsquoobjectiu de seleccionar una plantilla en el nostre
cas farem el seguumlent
1 Seleccionar el projecte de plantilles respectiu al portal A lrsquoexemple ldquogenericrdquo
Posteriorment apareixeragrave un llistat de plantilles (ldquoTemplatesrdquo)
1 En aquest cas seleccionarem ldquoGridB2LlistatTramitsrdquo
2 Acceptarem la seleccioacute ldquoOKrdquo
1
1
54
1
2
55
Un cop acceptat ens apareixeragrave la pantalla seguumlent on configurarem el ldquodetallrdquo Per a
aixograve cal fer el seguumlent
1 Fer clic a ldquoAssignar una Nova Plantilla de Presentacioacuterdquo
1
56
Tot seguit apareixeragrave la pantalla que es mostra a continuacioacute on realitzarem les
accions seguumlents
1 Fer clic a ldquoAfegir formatrdquo
En aquesta nova pantalla ens assegurarem del seguumlent
1 A la casella ldquoFormatrdquo hi ha el valor ldquodetallrdquo
2 A la casella ldquoTemplaterdquo hi ha drsquohaver el correcte Si no eacutes aixiacute srsquoha de fer clic a
ldquoNavegadorrdquo
En fer clic a ldquoNavegadorrdquo cal fer el seguumlent
1 Tornar a navegar fins a ldquogenericrdquo
1
1 2
57
1
58
I a la pantalla seguumlent cal seleccionar una plantilla i
1 Fer clic al botoacute a prop de ldquoGridBTramitrdquo
2 Fer clic a ldquoOKrdquo
1
2
59
En aquest moment es torna a la pantalla anterior i cal
1 Fer clic a ldquoOKrdquo
En el canal Llistat de tragravemits ha drsquoestar configurat el ldquoformatrdquo ldquodetallrdquo ja que la forma
de presentacioacute que configurarem a GridDBTramit necessitaragrave aquest format per
visualitzar el detall del contingut de tipus ldquoTragravemitrdquo
2
60
La pantalla anterior a aquesta ens ha de presentar aquesta informacioacute Ara
configurarem el ldquodetall2rdquo per presentar el contingut rdquo Normativa de SACrdquo Per a aixograve
cal fer el seguumlent
1 Fer clic a ldquoAfegir Formatrdquo
En aquesta nova pantalla ens assegurarem del seguumlent
1 A la casella ldquoFormatrdquo hi ha el valor ldquodetall2rdquo
1
61
2 A la casella ldquoTemplaterdquo hi ha drsquohaver el correcte Si no eacutes aixiacute srsquoha de fer clic a
ldquoNavegadorrdquo
En fer clic a ldquoNavegadorrdquo srsquoha de fer el seguumlent
1 Tornar a navegar fins a ldquogenericrdquo (srsquoha de substituir pel nom del portal)
1 2
62
1
63
A la pantalla seguumlent cal seleccionar una plantilla i
1 Fer clic al botoacute a prop de ldquoGridBTramitNormativaSacrdquo
2 Fer clic a ldquoOKrdquo
1
2
64
En aquest moment es torna a la pantalla anterior i cal fer el seguumlent
2 Fer clic a ldquoOKrdquo
En el canal Llistat de tragravemits ha drsquoestar configurat el ldquoformatrdquo ldquodetall2rdquo ja que la
forma de presentacioacute que configurarem a GridDBTramitNormativaSac necessitaragrave
aquest format per visualitzar el detall del contingut de tipus normativa ldquoSACrdquo
2
65
La pantalla anterior a aquesta ens ha de presentar aquesta informacioacute i srsquoha de fer el
seguumlent
2 Fer clic a ldquoOKrdquo
1
66
La finestra pare anterior a aquesta quedaragrave com es mostra tot seguit i realitzarem les
accions seguumlents
1 Fer clic a ldquoOKrdquo
4 Comparticioacute de continguts
Accedim al projecte on hi ha tots els tragravemits de lrsquoOVT
1
67
OVTDepartaments[NomCurtDepartaments][NomCurtOrganisme] TramitOVT
On NomCurtDepartaments correspon al nom curt del departament al que fa referencia
el nostre organisme
En aquest exemple es mostren tots els projectes de tragravemits de lrsquoOVT
Un cop localitzat el tragravemit de lrsquoOVT que volem compartir amb el nostre site accedirem
a lrsquoedicioacute del contingut i assignarem aquest contingut al canal del nostre site on es
vulgui mostrar Srsquoha de fer el seguumlent
1 Anar al contenidor de projectes on hi ha els continguts de GECO
Apareixeragrave lrsquoestructura de projectes a la qual teacute acceacutes lrsquousuari redactor Cal fer el
seguumlent (exemple Agegravencia Tributagraveria dins drsquoEconomia i Finances)
1 Seleccionar ldquoOVTrdquo
2 Seleccionar ldquoDepartamentsrdquo aquesta carpeta conteacute tots els tragravemits de lrsquoOVT
classificats per departaments
3 Seleccionar ldquoECOrdquo A lrsquousuari nomeacutes se li mostraragrave la carpeta del seu
departament
Si lrsquousuari no visualitza la carpeta dins del seu departament eacutes perquegrave no
srsquoha aplicat la poliacutetica de seguretat correctament Cal obrir un tiquet a Suport
gencat per tramitar aquests permisos AQUESTA CARPETA NOMEacuteS SERAgrave
VISIBLE PER ALS USUARIS AMB ROL REDACTOR
4 Seleccionar ldquoA_Agegravencia Tributagraveriardquo
5 Seleccionar ldquoTramitOVTrdquo
1
68
2
3
1
69
4
5
70
Apareixeragrave el llistat de continguts ldquoTragravemitOVTrdquo de lrsquoOVT de lrsquoAgegravencia Tributagraveria
Realitzarem les accions seguumlents
1 Seleccionar el tragravemit o els tragravemits que volem compartir en la web dorganisme
2 Fer clic a ldquoAssociarrdquo
2
1
71
Aquest proceacutes obriragrave una finestra Per seleccionar el site i canal on es volen mostrar
els tragravemits seleccionats realitzarem les accions seguumlents (cas site Generic)
1 Seleccionar el site ldquoGenericrdquo en el vostre cas el site del departament on es vol
mostrar el contingut ldquotragravemitrdquo
2 Navegar pels canals del Site Genegraveric fins al canal que srsquoha creat en el punt
ldquoLlistat de tragravemitsrdquo i seleccionar el quadre de verificacioacute
3 Fer clic a ldquoOKrdquo
1
72
2
3
73
41 Validar que la comparticioacute de continguts eacutes correcta
Accedim per VCM al canal que hem creat anteriorment al qual li acabem drsquoassignar
els continguts de tragravemits que ha de mostrar i fem el seguumlent
1 Anar al contenidor de portals
2 Seleccionar el Site ldquogenericrdquo
3 Seleccionar el canal ldquoHomerdquo
4 Seleccionar el canal ldquoCanal Llistat tragravemitsrdquo
1
2
3
74
4
75
Apareixeragrave el contingut assignat al canal ldquoCanal Llistat tragravemitsrdquo
En entrar trobarem el llistat seguumlent
1 Llistat del tragravemits de lrsquoOVT que srsquohan compartit amb el canal ldquoCanal Llistat
tragravemitsrdquo
2 Validar que els continguts que apareixen soacuten del tipus ldquoTramitOVTrdquo
En cas que al canal del site ldquoCanal Llistat tragravemitsrdquo no apareguin els continguts
tragravemits associats anteriorment cal repetir el pas 22
1 2
76
5 Configuracioacute al portal
Ara cal entrar al nostre site on tenim configurat el canal que hem creat en lrsquoapartat
anterior (21) i que ara configurarem a nivell de portal
51 Configuracioacute a Canal Llistat tragravemits
511 Configuracioacute de la llista de tragravemits
Farem clic a lrsquoenllaccedil ldquoCanal llistat tragravemitsrdquo de la ldquoHomerdquo i anirem a parar a una
pantalla com la que es mostra meacutes avall
Es pot apreciar que en el contingut de la pagravegina no hi ha res Aixograve eacutes perquegrave cal
configurar els portlets adequats ( )
1 Ens situarem sobre la icona ldquoOpcions de Pagraveginardquo
2 Seleccionarem ldquoObrir Plantillardquo ja que els portlets soacuten a nivell de Page
Ens apareixeragrave una pantalla com la que es mostra tot seguit i realitzarem les accions
seguumlents
1 Seleccionar el portlet de la part central de la pagravegina per configurar una ldquoLlista
automagravetica de contingutsrdquo
2
1
77
Tambeacute podem configurar una ldquoLlista manual de contingutsrdquo segons les
necessitats de cada usuari
78
Ens redirigiragrave cap a un formulari drsquoedicioacute que ens mostraragrave directament quina consulta
hem de configurar per mostrar els continguts i configurarem una consulta com la
seguumlent (evidentment segons les necessitats de cada usuari)
Ara tenim configurat que la pagravegina mostraragrave els tipus de contingut ldquoTramitOVTrdquo del
canal actual ordenats per la ldquoEacutes on-linerdquo en ordre descendent
Aixograve ens portaragrave a la pantalla principal on acabarem de completar la configuracioacute
1 Validar que en lrsquoapartat ldquoConsultardquo hi ha la configuracioacute que acabem drsquoafegir
2 Emplenar ldquoAgraveliesrdquo
3 En lrsquoapartat Forma de presentacioacute fer clic al botoacute ldquoCercar helliprdquo
79
Ens apareixeragrave la pantalla seguumlent
1 Fer clic a ldquoNavegacioacute per projectesrdquo
1
2
3
80
Ens canviaragrave la vista al format seguumlent
1 Navegarem per les carpetes fins a arribar a ldquoFramework Formes de
presentacioacute Site generic fw_fp_llistatramitsrdquo
2 Seleccionarem ldquofw_fp_llistatramitsrdquo
3 Farem clic a ldquoOKrdquo
1
1
81
En retornar a la pantalla principal cal
1 Validar que la forma de presentacioacute eacutes la que acabem de seleccionar
2 Fer clic a ldquoOKrdquo
1 (continuacioacute) 2
3
82
1
2
83
Aquest seragrave el nostre resultat a la pantalla del portal i cal fer el seguumlent
1 Verificar que apareixen els dos continguts que es van associar a aquest canal
1
84
512 Configuracioacute del detall del tragravemit i el pas a pas
En fer clic sobre una activitat veurem com ens redirigeix a la plantilla configurada al
ldquodetallrdquo drsquoaquesta pagravegina tal com la vam configurar en lrsquoapartat 231 cal fer el
seguumlent
1 Fer clic a la primera activitat
1
85
Ens sortiragrave la pagravegina de VAP del detall drsquoun contingut per configurar farem els
passos seguumlents
1 Ens situarem sobre la icona ldquoOpcions de Pagraveginardquo
2 Seleccionar ldquoObrir Plantillardquo ja que els portlets soacuten a nivell de Page
Ens apareixeragrave una pantalla com la que es mostra tot seguit i realitzarem les accions
seguumlents
1 Seleccionar el portlet de la part central de la pagravegina per configurar un ldquoDetall
de contingutrdquo i fer clic a ldquoEditarrdquo
Ens apareixeragrave la pantalla de seleccioacute de component de presentacioacute
1 Seleccionarem el component de presentacioacute ldquoDetall de contingutrdquo
1
2
1
86
Ens apareixeragrave la pantalla que es mostra tot seguit i realitzarem les accions seguumlents
1 Emplenar el camp ldquoAgraveliesrdquo
2 Canviar a la pestanya ldquoPresentacioacuterdquo
En fer clic a la pestanya obtindrem la imatge que es mostra tot seguit i realitzarem les
accions seguumlents
1 Cercarem una forma de presentacioacute fent clic a ldquoCercar helliprdquo
1
2
87
Quan aparegui la pantalla de cercador realitzarem una cerca de la forma de
presentacioacute que volem fer servir per a aixograve cal fer el seguumlent
1 Emplenar la caixa de text amb ldquofw_fp_tramitrdquo
2 Preacutemer ldquoCercarrdquo
3 Seleccionar la forma de presentacioacute de la caixa de resultats
4 Preacutemer ldquoOKrdquo
La forma de presentacioacute ldquofw_fp_tramitrdquo estagrave preparada per ldquomaquillarrdquo el contingut
dels tragravemits Tambeacute es pot fer servir una forma de presentacioacute personalitzada
segons es cregui convenient
1
1
2
3
4
88
En acabar tornarem a la pagravegina principal drsquoedicioacute i farem el seguumlent
1 Verificar que la forma de presentacioacute eacutes la que hem escollit
2 Fer clic a ldquoOKrdquo
En finalitzar la configuracioacute del component de presentacioacute tornem a la pantalla del
portal i cal fer el seguumlent
1 Verificar que el disseny de la presentacioacute eacutes semblant al seguumlent
1
2
89
Configurarem el portlet superior central de la pagravegina perquegrave aquesta contingui el fil
drsquoAriadna
1 Accedir a ldquoObrir Plantillardquo
1 Editar el portlet central que hi ha a sobre del detall de tragravemit per configurar el fil
drsquoAriadna En aquest exemple el portlet eacutes ldquoFW_hilo_ariadnardquo
Escollirem el component de presentacioacute
1 Seleccionar el component de presentacioacute ldquoFil drsquoAriadnardquo
1
1
90
En la configuracioacute del component realitzarem les accions seguumlents
1 Inserir el camp ldquoAgraveliesrdquo
2 Inserir el camp ldquoCanalrdquo
3 Fer clic a la pestanya ldquoPresentacioacuterdquo i cercar la forma de presentacioacute
ldquofw_fp_filariadnardquo
1
91
513 Configuracioacute del detall drsquouna normativa SAC
En el detall de contingut configurat en el punt anterior fent clic sobre una normativa
veurem com ens redirigeix a la plantilla configurada al ldquodetall2rdquo drsquoaquesta pagravegina tal
com hem configurat a lrsquoapartat 231
1 Fer clic a la primera ldquoNormativa Aplicablerdquo
2
3
92
Aquest enllaccedil ens portaragrave al detall2 del canal on srsquoha de configurar el detall de
contingut SAC per tal que es mostri la normativa aplicable
Configurarem el portlet superior central de la pagravegina perquegrave aquesta contingui el fil
drsquoAriadna per a aixograve cal fer el seguumlent
1 Accedir a ldquoObrir Plantillardquo
1
93
1
94
1 Editar el portlet central que hi ha a sobre del detall de tragravemit per configurar el fil
drsquoAriadna En aquest exemple el portlet eacutes ldquofw_portlet_tramitrdquo
Escollirem el component de presentacioacute
1 Seleccionar el component de presentacioacute ldquoDetall de Contingut SACrdquo
En la configuracioacute del component realitzarem les accions seguumlents
1 Inserir el camp ldquoAgraveliesrdquo
2 Seleccionar el tipus de contingut ldquoDetall Tragravemitrdquo
1
95
3 Fer clic a la pestanya ldquoPresentacioacuterdquo i cercar la forma de presentacioacute
ldquofw_fp_sac_normativardquo
4 Fer clic al botoacute ldquoOKrdquo
Srsquoactualitzaragrave la pagravegina de VAP i es mostraragrave el detall de SAC
1
2
3
4
96
514 Validacioacute final de VAP
Finalment cal validar que els tragravemits es visualitzen correctament per a aixograve cal
1 Verificar que tenim els canals creats
2 Accedir al canal ldquoCanal Llistat tragravemitsrdquo i validar que es mostren els tragravemits
que hem associat al punt 22
1
97
A continuacioacute cal fer les comprovacions seguumlents
1 Accedir al detall del tragravemit compartit
2 Accedir al pas a pas del tragravemit i a la normativa de SAC
Exemple llistat de tragravemits compartits
2
1
98
Exemple detall de tragravemit compartit
Exemple pas a pas drsquoun tragravemit
2
2
99
Exemple normativa SAC
En el cas que no es visualitzin el llistat de tragravemits detall o pas a pas configurat
validar
1 Refrescar la Pagravegina
2 Els tragravemits estan associats al canal que esteacuten visualitzat punt 23
1 Refrescar la pagravegina
1
14
Srsquohan de configurar les dades bagravesiques del portlet per fer-ho cal
1 Seleccionar ldquoBagravesicsrdquo
2 Posar el nom del portlet
3 Desmarcar el quadre de verificacioacute ldquoMostra el cromrdquo
4 Fer clic a ldquoActualitzarrdquo
1
2
3
4
15
1 Tot seguit cal validar que la pagravegina srsquoha creat correctament
2 Srsquoha de fer clic al nom de la pagravegina
1
2
16
1 Bloquejar la pagravegina
2 Fer clic a ldquoActualitzar Opcionsrdquo
1
2
17
211 Crear NavItem del llistat Tragravemits
A partir de la consola de VAP farem les tasques seguumlents per crear el NavItem
1 Anar a lrsquoopcioacute del menuacute ldquoArbre de Navegacioacuterdquo
2 Fer clic a ldquoCrear Element de Navegacioacuterdquo
1
2
18
Per crear lrsquoelement de navegacioacute realitzarem les tasques seguumlents
1 Posar el nom al NavItem rdquoFW_NavItem_GRIDB2rdquo
2 Seleccionar ldquoEnllaccedilar ardquo i seleccionar la pagravegina que acabem de crear
3 Seleccionar el tema ldquoFW_Temardquo
4 Seleccionar la graella ldquoFW_Grid_B2rdquo
5 Fer clic a ldquoCrearrdquo
1
2
3
4
5
19
Quan seleccionem ldquoEnllaccedilar ardquo i triem la pagravegina que acabem de crear srsquoobriragrave la
finestra seguumlent per a aixograve cal
1 Cercar la pagravegina que hem creat en el pas anterior
2 Marcar el quadre de verificacioacute de la pagravegina
3 Fer clic a ldquoOKrdquo
Quan seleccionem el tema srsquoobriragrave la finestra seguumlent per a aixograve cal fer el seguumlent
1 Seleccionar el quadre de verificacioacute del tema que farem servir al nostre site per
a aquest exemple fem servir el tema del Site Genegraveric
2 Fer clic a ldquoSalvarrdquo
Quan seleccionem la graella srsquoobriragrave la finestra seguumlent per a aixograve cal
3 Seleccionar la graella que utilitzarem al nostre site per a aquest exemple farem
servir la Graella FW_Grid_B2 que teacute destacats a la dreta del Site Genegraveric
1
1
2
3
2
20
4 Fer clic a ldquoSalvarrdquo
1
2
21
22 Crear pagravegina de detall de tragravemits i normativa SAC
Dins del gestor de portals (VAP) realitzarem les tasques seguumlents
1 Accedir a la consola de ldquoVAPrdquo del nostre site
2 Seleccionar ldquoComponentsrdquo
3 Seleccionar ldquoPagesrdquo
4 Seleccionar ldquoLlistat de Pagraveginesrdquo
5 Fer clic a ldquoCrear Pagraveginardquo
1
2
3
4
5
22
Srsquoobriragrave un formulari per donar drsquoalta una nova pagravegina Aquiacute cal
4 Introduir el nom de la pagravegina FW_Pagina_Grid_Tramits_SAC_Detall_B
5 Seleccionar ldquoEnllaccedil de Navegacioacuterdquo
6 Fer clic a ldquoCrear Pagraveginardquo
Sersquons mostraragrave la pantalla seguumlent on cal
1 Seleccionar ldquoVisualitzacioacuterdquo
1
3
2
1
23
Sersquons mostraragrave la pantalla seguumlent on cal
4 Seleccionar ldquo1 columnardquo
5 Fer clic a ldquoActualitzarrdquo
6 Seleccionar ldquoColmiddotlocacioacute de Portletrdquo
1
2
3
24
Sersquons mostraragrave la pantalla seguumlent on cal
2 Fer clic a ldquoAfegir Portletsrdquo
Sersquons mostraragrave la pantalla seguumlent on cal
2 Seleccionar ldquoCrear i afegir nous Portletsrdquo
1
25
Sersquons mostraragrave la pantalla seguumlent on cal
4 Seleccionar ldquoContent Publish Portlet 20rdquo
5 Fer clic a ldquoCrear Seleccionatsrdquo
6 Fer clic a ldquoTancarrdquo
Es poden afegir tants portlets com es vulgui a la pagravegina i com a miacutenim un
per configurar el llistat de tragravemits
1
26
1
2
3
27
La pagravegina srsquohauragrave actualitzat amb els portlets que srsquohan creat tot seguit cal fer el
seguumlent
2 Fer clic al tiacutetol del portlet
1
28
Srsquoha de configurar el tipus de portlet per al llistat Tragravemit per a aixograve cal
Posar un nom al portlet
1 Posar si eacutes a nivell de Page o Template
2 Seleccionar que pot ser un Detall de contingut i Detall de contingut SAC
3 Posar en ldquoJSP Override URLrdquo la ruta ldquovgn-ext-templatingviewsindexControladorjsprdquo
4 Fer clic a ldquoSaverdquo
1
2
3
3
5
4
vgn-ext-templatingviewsindexControladorjsp
29
Srsquohan de configurar permisos del portlet per al detall del tragravemit i la normativa SAC per
a aixograve cal
4 Seleccionar ldquoPermisosrdquo
5 Seleccionar els grups que es volen autoritzar
6 Fer clic a ldquoActualitzarrdquo
1
2
3
30
Tot seguit srsquohan de configurar les dades bagravesiques del portlet per a aixograve srsquoha de fer el
seguumlent
1 Seleccionar ldquoBagravesicsrdquo
2 Posar el nom del portlet ldquofw_portlet_tramit_sac_detallrdquo
3 Desmarcar el quadre de verificacioacute ldquoMostra el cromrdquo
4 Fer clic a ldquoActualitzarrdquo
1
2
3
4
31
Despreacutes cal validar que la pagravegina srsquoha creat correctament per a aixograve cal fer el
seguumlent
1 Seleccionar ldquoLlista Pagraveginardquo
2 Fer clic al nom de la pagravegina
1
2
32
Per bloquejar la pagravegina cal fer el seguumlent
1 Seleccionar la casella de verificacioacute ldquoPagravegina Bloquejadardquo
2 Fer clic a ldquoActualitzar Opcionsrdquo
1
2
33
221 Crear NavItem de detall de tragravemits i normativa SAC
A partir de la consola de VAP farem les tasques seguumlents per crear el NavItem
1 Anar a lrsquoopcioacute del menuacute ldquoArbre de Navegacioacuterdquo
2 Fer clic a ldquoCrear Element de Navegacioacuterdquo
1
2
34
Per crear lrsquoelement de Navegacioacute realitzarem les tasques seguumlents
1 Posar el nom al NavItem rdquoFW_NavItem_GRIDBrdquo
2 Seleccionar ldquoEnllaccedilar ardquo i seleccionar la pagravegina que acabem de crear
3 Seleccionar el tema ldquoFW_Temardquo
4 Seleccionar la graella ldquoFW_Grid_Brdquo sense destacats a la dreta per
visualitzar correctament el detall de tragravemits el pas a pas i la normativa SAC
5 Fer clic a ldquoCrearrdquo
1
2
3
4
5
35
Quan seleccionem ldquoEnllaccedilar ardquo i seleccionem la pagravegina que acabem de crear srsquoobriragrave
la finestra seguumlent aquiacute cal
1 Cercar la pagravegina que hem creat en el pas anterior
2 Seleccionar la casella de verificacioacute de la pagravegina
3 Fer clic a ldquoOKrdquo
Quan fem seleccionem el tema srsquoobriragrave la seguumlent finestra per a aixograve cal
1 Seleccionar la casella de verificacioacute del tema que utilitzarem al nostre site per
a aquest exemple farem servir el tema del Site Genegraveric
2 Fer clic a ldquoSalvarrdquo
1
1
2
3
2
36
Quan seleccionem la graella srsquoobriragrave la finestra seguumlent aquiacute cal
1 Seleccionar la graella que utilitzarem al nostre site per a aquest exemple farem
servir la Graella FW_Grid_B sense destacats a la dreta del Site Genegraveric Per
tal de visualitzar correctament el detall del tragravemit el pas a pas i la normativa
SAC eacutes imprescindible que la graella tingui una uacutenica columna de continguts
2 Fer clic a ldquoSalvarrdquo
1
2
37
3 Configuracioacute de lrsquoadministracioacute de VCM
31 Creacioacute del canal ldquoLlistat tragravemitsrdquo
Dins del gestor de continguts realitzarem les tasques seguumlents
1 Accedir a ldquoPortalsrdquo
2 Navegar fins al ldquoPortalrdquo on volem configurar el llistat de continguts
3 Seleccionar ldquoHomerdquo
4 Posicionar-se sobre la creu verda i seleccionar ldquoCanalrdquo
a Emplenar la informacioacute i fer clic a ldquoOKrdquo
b Assegurar-se que el canal eacutes ldquoActiurdquo
1
2
3
38
311 Associacioacute de fitxers a la presentacioacute drsquoun canal
Ara srsquohan drsquoassociar els fitxers estagravetics adequats a la presentacioacute del canal perquegrave les
formes de presentacioacute posteriors trobin els estils i els Javascript corresponents
Per a aixograve cal entrar a les propietats del canal ldquoCanal Llistat tragravemitsrdquo i
1 Seleccionar el canal ldquoCanal Llistat tragravemitsrdquo
4
4a
4b
39
1
40
En entrar trobarem el llistat seguumlent on cal
1 Fer clic a ldquoCanal Llistat tragravemitsrdquo
2 Aquest eacutes un contingut del tipus Canals (cal fixar-se que no eacutes com lrsquoanterior)
Es mostraragrave la pantalla seguumlent on afegirem els fitxers relacionats amb el canal per a
cada idioma aquiacute cal
1 Emplenar els camps requerits per crear una pestanya del multiidioma
2 Desplaccedilar-se cap avall en lrsquoapartat ldquomultiidiomardquo fins a observar lrsquoapartat
drsquoassociacioacute de fitxers
3 Fer clic a ldquoAfegirrdquo
En aquest moment apareixeragrave la pantalla seguumlent
1 Si voleu afegir un fitxer amb extensioacute css cal deixar el camp ldquoTipus de fitxerrdquo
amb valor ldquocssrdquo Si voleu afegir un fitxer que teacute extensioacute js srsquoha de canviar el
camp ldquoTipus de fitxerrdquo al valor ldquojsrdquo
2 Fer clic a ldquoNavegadorrdquo
1
2 1 3
2
41
Apareixeragrave la pantalla de navegacioacute de continguts i anirem cercant els fitxers estagravetics
que associarem aquiacute cal
1 Fer clic a ldquoFrameworkrdquo
2 Fer clic a ldquoestilos y scriptsrdquo
3 Fer clic a ldquoNuevos Estilos imagenes y jsrdquo
4 Fer clic a ldquoGlobalsrdquo
2 1
42
43
44
Una vegada se nrsquohagin seleccionat tornarem a la pantalla anterior i farem el seguumlent
1 Verificar que el fitxer seleccionat eacutes el que apareix al quadre de text i que la
seva extensioacute coincideix amb la que hi ha seleccionada a ldquoTipus de fitxerrdquo
2 Fer clic a ldquoOKrdquo
Un cop acabades totes les associacions el resultat de les associacions afegides a la
pantalla principal ha de ser el seguumlent
1 Fer clic a ldquoAplicarrdquo a lrsquoapartat ldquomultiidiomardquo
1
2
45
1
46
Es recarregaragrave la pantalla
1 Fer clic a ldquoOKrdquo al nivell general
Ja tenim configurat el canal que mostraragrave ldquoLlistat de tragravemitsrdquo amb els fitxers associats
que fa referegravencia a la forma de presentacioacute que farem servir aquest mateix canal
mostraragrave el detall del contingut tragravemit amb el format detall
32 Creacioacute i assignacioacute de plantilles de presentacioacute per al
canal ldquoCanal Llistat tragravemitsrdquo
321 Creacioacute de les plantilles (templates) de VCM
La configuracioacute del canal de VCM per mostrar els llistats de tragravemits i el seu detall es
basen en tres plantilles una per llistar el tragravemits (format default) una per mostrar el
detall i el pas a pas drsquoun tragravemit (format detall) i una altra per mostrar la normativa
aplicable drsquoun tragravemit (format detall2)
A continuacioacute srsquoexplica com es creen les plantilles de presentacioacute
(Presentation Templates) necessagraveries per configurar els tragravemits Els
responsables de cada site srsquohan de crear les seves progravepies plantilles
Cal tenir en compte que les plantilles que apareixen en el document soacuten nomeacutes un
exemple drsquouna configuracioacute vagravelida En els casos pragravectics cal seleccionar les plantilles
que pertanyen a cada portal io que tingui cada usuari en els seus recursos
En el nostre cas es fan servir les plantilles ldquoGridB2LlistatTramitsrdquo ldquoGridBTramitrdquo i
ldquoGridBTramitNormativaSacrdquo
1
47
Per la creacioacute de la plantilla srsquohan de seguir els passos seguumlents
1 Accedir al ldquoBanc de Treballrdquo
2 Accedir a ldquoPresentation Templatesrdquo
3 Accedir a la carpeta de presentacions del nostre site en aquest exemple
ldquogenegravericrdquo
1
2
48
Un cop som al llistat de plantilles del nostre site cal fer el seguumlent
1 Seleccionar el signe ldquo+rdquo
2 Seleccionar Forma de Presentation Template
En realitzar aquesta accioacute srsquoobriragrave la finestra drsquoedicioacute o creacioacute de la Presentation
Template Srsquohan de crear dos plantilles noves amb les dades seguumlents
1 Plantilla per al llistat de tragravemits
a Nom cal posar un nom identificatiu de la plantilla per exemple
GenericoGridB2LlistatTramit
b Tipus de plantilla Portal Page
c VAPVCM Portal defaultgeneric (cal posar el nom del portal VAP)
d Element del menuacute de VAP FW_NavItem_GRIDB2
3
1
2
49
e Canal VCM per defecte
Tot seguit cal fer clic a ldquoOKrdquo
Per a la configuracioacute de la plantilla per al llistat de tragravemits es pot fer servir un
NavItem que utilitzi una grid amb destacats a la dreta per exemple la GRID B2 del
Site Genegraveric o beacute un Navitem sense destacats (el FW_NavItem_GRIDB creat
anteriorment)
El NavItem ha de disposar drsquoun portlet a la part central a nivell de Page per
configurar el llistat de tragravemits
f
50
2 Crear una nova Presentation Template per al detall de tragravemits i el pas a
pas
a Nom cal posar un nom identificatiu de la plantilla com per exemple
GenericoGridBTramit
b Tipus de plantilla Portal Page
c VAPVCM Portal defaultgeneric
d Element del menuacute de VAP FW_NavItem_GRIDB
e Canal VCM per defecte
Finalment cal fer clic a ldquoOKrdquo
Per configurar la plantilla per al detall dels tragravemits i el pas a pas srsquoha de fer servir un
NavItem que utilitzi una grid sense destacats a la dreta per exemple la GRID B del
site Genegraveric
El NavItem ha de disposar de dos portlets a la part central a nivell de Page per
configurar el llistat de tragravemits
Tot seguit cal crear una nova Presentation Template per al detall de tragravemits i el pas a
pas
a Nom cal posar un nom identificatiu de la plantilla per exemple
GenericoGridBTramitNormativaSac
f
51
b Tipus de plantilla Portal Page
c VAPVCM Portal defaultgeneric
d Element del menuacute de VAP FW_NavItem_GRIDB
e Canal VCM per defecte
Finalment cal fer clic a ldquoOKrdquo
322 Configuracioacute de la plantilla al canal
Les Presentation Templates que configurarem a continuacioacute soacuten drsquoexemple
Els responsables de cada site han de crear les seves progravepies plantilles
Un cop creat el canal i les Presentation Templates en configurarem la presentacioacute
1 Seleccionarem la casella de seleccioacute del canal que acabem de crear
2 Farem clic a la icona de propietats del canal
3 Navegarem a la pestanya ldquoPresentacioacuterdquo
52
Ens apareixeragrave un formulari com el que es mostra a continuacioacute i realitzarem les
accions seguumlents
1 Fer clic a ldquoAfegir presentacioacute de canalrdquo
1
2
3
53
Apareixeragrave la pantalla seguumlent amb lrsquoobjectiu de seleccionar una plantilla en el nostre
cas farem el seguumlent
1 Seleccionar el projecte de plantilles respectiu al portal A lrsquoexemple ldquogenericrdquo
Posteriorment apareixeragrave un llistat de plantilles (ldquoTemplatesrdquo)
1 En aquest cas seleccionarem ldquoGridB2LlistatTramitsrdquo
2 Acceptarem la seleccioacute ldquoOKrdquo
1
1
54
1
2
55
Un cop acceptat ens apareixeragrave la pantalla seguumlent on configurarem el ldquodetallrdquo Per a
aixograve cal fer el seguumlent
1 Fer clic a ldquoAssignar una Nova Plantilla de Presentacioacuterdquo
1
56
Tot seguit apareixeragrave la pantalla que es mostra a continuacioacute on realitzarem les
accions seguumlents
1 Fer clic a ldquoAfegir formatrdquo
En aquesta nova pantalla ens assegurarem del seguumlent
1 A la casella ldquoFormatrdquo hi ha el valor ldquodetallrdquo
2 A la casella ldquoTemplaterdquo hi ha drsquohaver el correcte Si no eacutes aixiacute srsquoha de fer clic a
ldquoNavegadorrdquo
En fer clic a ldquoNavegadorrdquo cal fer el seguumlent
1 Tornar a navegar fins a ldquogenericrdquo
1
1 2
57
1
58
I a la pantalla seguumlent cal seleccionar una plantilla i
1 Fer clic al botoacute a prop de ldquoGridBTramitrdquo
2 Fer clic a ldquoOKrdquo
1
2
59
En aquest moment es torna a la pantalla anterior i cal
1 Fer clic a ldquoOKrdquo
En el canal Llistat de tragravemits ha drsquoestar configurat el ldquoformatrdquo ldquodetallrdquo ja que la forma
de presentacioacute que configurarem a GridDBTramit necessitaragrave aquest format per
visualitzar el detall del contingut de tipus ldquoTragravemitrdquo
2
60
La pantalla anterior a aquesta ens ha de presentar aquesta informacioacute Ara
configurarem el ldquodetall2rdquo per presentar el contingut rdquo Normativa de SACrdquo Per a aixograve
cal fer el seguumlent
1 Fer clic a ldquoAfegir Formatrdquo
En aquesta nova pantalla ens assegurarem del seguumlent
1 A la casella ldquoFormatrdquo hi ha el valor ldquodetall2rdquo
1
61
2 A la casella ldquoTemplaterdquo hi ha drsquohaver el correcte Si no eacutes aixiacute srsquoha de fer clic a
ldquoNavegadorrdquo
En fer clic a ldquoNavegadorrdquo srsquoha de fer el seguumlent
1 Tornar a navegar fins a ldquogenericrdquo (srsquoha de substituir pel nom del portal)
1 2
62
1
63
A la pantalla seguumlent cal seleccionar una plantilla i
1 Fer clic al botoacute a prop de ldquoGridBTramitNormativaSacrdquo
2 Fer clic a ldquoOKrdquo
1
2
64
En aquest moment es torna a la pantalla anterior i cal fer el seguumlent
2 Fer clic a ldquoOKrdquo
En el canal Llistat de tragravemits ha drsquoestar configurat el ldquoformatrdquo ldquodetall2rdquo ja que la
forma de presentacioacute que configurarem a GridDBTramitNormativaSac necessitaragrave
aquest format per visualitzar el detall del contingut de tipus normativa ldquoSACrdquo
2
65
La pantalla anterior a aquesta ens ha de presentar aquesta informacioacute i srsquoha de fer el
seguumlent
2 Fer clic a ldquoOKrdquo
1
66
La finestra pare anterior a aquesta quedaragrave com es mostra tot seguit i realitzarem les
accions seguumlents
1 Fer clic a ldquoOKrdquo
4 Comparticioacute de continguts
Accedim al projecte on hi ha tots els tragravemits de lrsquoOVT
1
67
OVTDepartaments[NomCurtDepartaments][NomCurtOrganisme] TramitOVT
On NomCurtDepartaments correspon al nom curt del departament al que fa referencia
el nostre organisme
En aquest exemple es mostren tots els projectes de tragravemits de lrsquoOVT
Un cop localitzat el tragravemit de lrsquoOVT que volem compartir amb el nostre site accedirem
a lrsquoedicioacute del contingut i assignarem aquest contingut al canal del nostre site on es
vulgui mostrar Srsquoha de fer el seguumlent
1 Anar al contenidor de projectes on hi ha els continguts de GECO
Apareixeragrave lrsquoestructura de projectes a la qual teacute acceacutes lrsquousuari redactor Cal fer el
seguumlent (exemple Agegravencia Tributagraveria dins drsquoEconomia i Finances)
1 Seleccionar ldquoOVTrdquo
2 Seleccionar ldquoDepartamentsrdquo aquesta carpeta conteacute tots els tragravemits de lrsquoOVT
classificats per departaments
3 Seleccionar ldquoECOrdquo A lrsquousuari nomeacutes se li mostraragrave la carpeta del seu
departament
Si lrsquousuari no visualitza la carpeta dins del seu departament eacutes perquegrave no
srsquoha aplicat la poliacutetica de seguretat correctament Cal obrir un tiquet a Suport
gencat per tramitar aquests permisos AQUESTA CARPETA NOMEacuteS SERAgrave
VISIBLE PER ALS USUARIS AMB ROL REDACTOR
4 Seleccionar ldquoA_Agegravencia Tributagraveriardquo
5 Seleccionar ldquoTramitOVTrdquo
1
68
2
3
1
69
4
5
70
Apareixeragrave el llistat de continguts ldquoTragravemitOVTrdquo de lrsquoOVT de lrsquoAgegravencia Tributagraveria
Realitzarem les accions seguumlents
1 Seleccionar el tragravemit o els tragravemits que volem compartir en la web dorganisme
2 Fer clic a ldquoAssociarrdquo
2
1
71
Aquest proceacutes obriragrave una finestra Per seleccionar el site i canal on es volen mostrar
els tragravemits seleccionats realitzarem les accions seguumlents (cas site Generic)
1 Seleccionar el site ldquoGenericrdquo en el vostre cas el site del departament on es vol
mostrar el contingut ldquotragravemitrdquo
2 Navegar pels canals del Site Genegraveric fins al canal que srsquoha creat en el punt
ldquoLlistat de tragravemitsrdquo i seleccionar el quadre de verificacioacute
3 Fer clic a ldquoOKrdquo
1
72
2
3
73
41 Validar que la comparticioacute de continguts eacutes correcta
Accedim per VCM al canal que hem creat anteriorment al qual li acabem drsquoassignar
els continguts de tragravemits que ha de mostrar i fem el seguumlent
1 Anar al contenidor de portals
2 Seleccionar el Site ldquogenericrdquo
3 Seleccionar el canal ldquoHomerdquo
4 Seleccionar el canal ldquoCanal Llistat tragravemitsrdquo
1
2
3
74
4
75
Apareixeragrave el contingut assignat al canal ldquoCanal Llistat tragravemitsrdquo
En entrar trobarem el llistat seguumlent
1 Llistat del tragravemits de lrsquoOVT que srsquohan compartit amb el canal ldquoCanal Llistat
tragravemitsrdquo
2 Validar que els continguts que apareixen soacuten del tipus ldquoTramitOVTrdquo
En cas que al canal del site ldquoCanal Llistat tragravemitsrdquo no apareguin els continguts
tragravemits associats anteriorment cal repetir el pas 22
1 2
76
5 Configuracioacute al portal
Ara cal entrar al nostre site on tenim configurat el canal que hem creat en lrsquoapartat
anterior (21) i que ara configurarem a nivell de portal
51 Configuracioacute a Canal Llistat tragravemits
511 Configuracioacute de la llista de tragravemits
Farem clic a lrsquoenllaccedil ldquoCanal llistat tragravemitsrdquo de la ldquoHomerdquo i anirem a parar a una
pantalla com la que es mostra meacutes avall
Es pot apreciar que en el contingut de la pagravegina no hi ha res Aixograve eacutes perquegrave cal
configurar els portlets adequats ( )
1 Ens situarem sobre la icona ldquoOpcions de Pagraveginardquo
2 Seleccionarem ldquoObrir Plantillardquo ja que els portlets soacuten a nivell de Page
Ens apareixeragrave una pantalla com la que es mostra tot seguit i realitzarem les accions
seguumlents
1 Seleccionar el portlet de la part central de la pagravegina per configurar una ldquoLlista
automagravetica de contingutsrdquo
2
1
77
Tambeacute podem configurar una ldquoLlista manual de contingutsrdquo segons les
necessitats de cada usuari
78
Ens redirigiragrave cap a un formulari drsquoedicioacute que ens mostraragrave directament quina consulta
hem de configurar per mostrar els continguts i configurarem una consulta com la
seguumlent (evidentment segons les necessitats de cada usuari)
Ara tenim configurat que la pagravegina mostraragrave els tipus de contingut ldquoTramitOVTrdquo del
canal actual ordenats per la ldquoEacutes on-linerdquo en ordre descendent
Aixograve ens portaragrave a la pantalla principal on acabarem de completar la configuracioacute
1 Validar que en lrsquoapartat ldquoConsultardquo hi ha la configuracioacute que acabem drsquoafegir
2 Emplenar ldquoAgraveliesrdquo
3 En lrsquoapartat Forma de presentacioacute fer clic al botoacute ldquoCercar helliprdquo
79
Ens apareixeragrave la pantalla seguumlent
1 Fer clic a ldquoNavegacioacute per projectesrdquo
1
2
3
80
Ens canviaragrave la vista al format seguumlent
1 Navegarem per les carpetes fins a arribar a ldquoFramework Formes de
presentacioacute Site generic fw_fp_llistatramitsrdquo
2 Seleccionarem ldquofw_fp_llistatramitsrdquo
3 Farem clic a ldquoOKrdquo
1
1
81
En retornar a la pantalla principal cal
1 Validar que la forma de presentacioacute eacutes la que acabem de seleccionar
2 Fer clic a ldquoOKrdquo
1 (continuacioacute) 2
3
82
1
2
83
Aquest seragrave el nostre resultat a la pantalla del portal i cal fer el seguumlent
1 Verificar que apareixen els dos continguts que es van associar a aquest canal
1
84
512 Configuracioacute del detall del tragravemit i el pas a pas
En fer clic sobre una activitat veurem com ens redirigeix a la plantilla configurada al
ldquodetallrdquo drsquoaquesta pagravegina tal com la vam configurar en lrsquoapartat 231 cal fer el
seguumlent
1 Fer clic a la primera activitat
1
85
Ens sortiragrave la pagravegina de VAP del detall drsquoun contingut per configurar farem els
passos seguumlents
1 Ens situarem sobre la icona ldquoOpcions de Pagraveginardquo
2 Seleccionar ldquoObrir Plantillardquo ja que els portlets soacuten a nivell de Page
Ens apareixeragrave una pantalla com la que es mostra tot seguit i realitzarem les accions
seguumlents
1 Seleccionar el portlet de la part central de la pagravegina per configurar un ldquoDetall
de contingutrdquo i fer clic a ldquoEditarrdquo
Ens apareixeragrave la pantalla de seleccioacute de component de presentacioacute
1 Seleccionarem el component de presentacioacute ldquoDetall de contingutrdquo
1
2
1
86
Ens apareixeragrave la pantalla que es mostra tot seguit i realitzarem les accions seguumlents
1 Emplenar el camp ldquoAgraveliesrdquo
2 Canviar a la pestanya ldquoPresentacioacuterdquo
En fer clic a la pestanya obtindrem la imatge que es mostra tot seguit i realitzarem les
accions seguumlents
1 Cercarem una forma de presentacioacute fent clic a ldquoCercar helliprdquo
1
2
87
Quan aparegui la pantalla de cercador realitzarem una cerca de la forma de
presentacioacute que volem fer servir per a aixograve cal fer el seguumlent
1 Emplenar la caixa de text amb ldquofw_fp_tramitrdquo
2 Preacutemer ldquoCercarrdquo
3 Seleccionar la forma de presentacioacute de la caixa de resultats
4 Preacutemer ldquoOKrdquo
La forma de presentacioacute ldquofw_fp_tramitrdquo estagrave preparada per ldquomaquillarrdquo el contingut
dels tragravemits Tambeacute es pot fer servir una forma de presentacioacute personalitzada
segons es cregui convenient
1
1
2
3
4
88
En acabar tornarem a la pagravegina principal drsquoedicioacute i farem el seguumlent
1 Verificar que la forma de presentacioacute eacutes la que hem escollit
2 Fer clic a ldquoOKrdquo
En finalitzar la configuracioacute del component de presentacioacute tornem a la pantalla del
portal i cal fer el seguumlent
1 Verificar que el disseny de la presentacioacute eacutes semblant al seguumlent
1
2
89
Configurarem el portlet superior central de la pagravegina perquegrave aquesta contingui el fil
drsquoAriadna
1 Accedir a ldquoObrir Plantillardquo
1 Editar el portlet central que hi ha a sobre del detall de tragravemit per configurar el fil
drsquoAriadna En aquest exemple el portlet eacutes ldquoFW_hilo_ariadnardquo
Escollirem el component de presentacioacute
1 Seleccionar el component de presentacioacute ldquoFil drsquoAriadnardquo
1
1
90
En la configuracioacute del component realitzarem les accions seguumlents
1 Inserir el camp ldquoAgraveliesrdquo
2 Inserir el camp ldquoCanalrdquo
3 Fer clic a la pestanya ldquoPresentacioacuterdquo i cercar la forma de presentacioacute
ldquofw_fp_filariadnardquo
1
91
513 Configuracioacute del detall drsquouna normativa SAC
En el detall de contingut configurat en el punt anterior fent clic sobre una normativa
veurem com ens redirigeix a la plantilla configurada al ldquodetall2rdquo drsquoaquesta pagravegina tal
com hem configurat a lrsquoapartat 231
1 Fer clic a la primera ldquoNormativa Aplicablerdquo
2
3
92
Aquest enllaccedil ens portaragrave al detall2 del canal on srsquoha de configurar el detall de
contingut SAC per tal que es mostri la normativa aplicable
Configurarem el portlet superior central de la pagravegina perquegrave aquesta contingui el fil
drsquoAriadna per a aixograve cal fer el seguumlent
1 Accedir a ldquoObrir Plantillardquo
1
93
1
94
1 Editar el portlet central que hi ha a sobre del detall de tragravemit per configurar el fil
drsquoAriadna En aquest exemple el portlet eacutes ldquofw_portlet_tramitrdquo
Escollirem el component de presentacioacute
1 Seleccionar el component de presentacioacute ldquoDetall de Contingut SACrdquo
En la configuracioacute del component realitzarem les accions seguumlents
1 Inserir el camp ldquoAgraveliesrdquo
2 Seleccionar el tipus de contingut ldquoDetall Tragravemitrdquo
1
95
3 Fer clic a la pestanya ldquoPresentacioacuterdquo i cercar la forma de presentacioacute
ldquofw_fp_sac_normativardquo
4 Fer clic al botoacute ldquoOKrdquo
Srsquoactualitzaragrave la pagravegina de VAP i es mostraragrave el detall de SAC
1
2
3
4
96
514 Validacioacute final de VAP
Finalment cal validar que els tragravemits es visualitzen correctament per a aixograve cal
1 Verificar que tenim els canals creats
2 Accedir al canal ldquoCanal Llistat tragravemitsrdquo i validar que es mostren els tragravemits
que hem associat al punt 22
1
97
A continuacioacute cal fer les comprovacions seguumlents
1 Accedir al detall del tragravemit compartit
2 Accedir al pas a pas del tragravemit i a la normativa de SAC
Exemple llistat de tragravemits compartits
2
1
98
Exemple detall de tragravemit compartit
Exemple pas a pas drsquoun tragravemit
2
2
99
Exemple normativa SAC
En el cas que no es visualitzin el llistat de tragravemits detall o pas a pas configurat
validar
1 Refrescar la Pagravegina
2 Els tragravemits estan associats al canal que esteacuten visualitzat punt 23
1 Refrescar la pagravegina
1
15
1 Tot seguit cal validar que la pagravegina srsquoha creat correctament
2 Srsquoha de fer clic al nom de la pagravegina
1
2
16
1 Bloquejar la pagravegina
2 Fer clic a ldquoActualitzar Opcionsrdquo
1
2
17
211 Crear NavItem del llistat Tragravemits
A partir de la consola de VAP farem les tasques seguumlents per crear el NavItem
1 Anar a lrsquoopcioacute del menuacute ldquoArbre de Navegacioacuterdquo
2 Fer clic a ldquoCrear Element de Navegacioacuterdquo
1
2
18
Per crear lrsquoelement de navegacioacute realitzarem les tasques seguumlents
1 Posar el nom al NavItem rdquoFW_NavItem_GRIDB2rdquo
2 Seleccionar ldquoEnllaccedilar ardquo i seleccionar la pagravegina que acabem de crear
3 Seleccionar el tema ldquoFW_Temardquo
4 Seleccionar la graella ldquoFW_Grid_B2rdquo
5 Fer clic a ldquoCrearrdquo
1
2
3
4
5
19
Quan seleccionem ldquoEnllaccedilar ardquo i triem la pagravegina que acabem de crear srsquoobriragrave la
finestra seguumlent per a aixograve cal
1 Cercar la pagravegina que hem creat en el pas anterior
2 Marcar el quadre de verificacioacute de la pagravegina
3 Fer clic a ldquoOKrdquo
Quan seleccionem el tema srsquoobriragrave la finestra seguumlent per a aixograve cal fer el seguumlent
1 Seleccionar el quadre de verificacioacute del tema que farem servir al nostre site per
a aquest exemple fem servir el tema del Site Genegraveric
2 Fer clic a ldquoSalvarrdquo
Quan seleccionem la graella srsquoobriragrave la finestra seguumlent per a aixograve cal
3 Seleccionar la graella que utilitzarem al nostre site per a aquest exemple farem
servir la Graella FW_Grid_B2 que teacute destacats a la dreta del Site Genegraveric
1
1
2
3
2
20
4 Fer clic a ldquoSalvarrdquo
1
2
21
22 Crear pagravegina de detall de tragravemits i normativa SAC
Dins del gestor de portals (VAP) realitzarem les tasques seguumlents
1 Accedir a la consola de ldquoVAPrdquo del nostre site
2 Seleccionar ldquoComponentsrdquo
3 Seleccionar ldquoPagesrdquo
4 Seleccionar ldquoLlistat de Pagraveginesrdquo
5 Fer clic a ldquoCrear Pagraveginardquo
1
2
3
4
5
22
Srsquoobriragrave un formulari per donar drsquoalta una nova pagravegina Aquiacute cal
4 Introduir el nom de la pagravegina FW_Pagina_Grid_Tramits_SAC_Detall_B
5 Seleccionar ldquoEnllaccedil de Navegacioacuterdquo
6 Fer clic a ldquoCrear Pagraveginardquo
Sersquons mostraragrave la pantalla seguumlent on cal
1 Seleccionar ldquoVisualitzacioacuterdquo
1
3
2
1
23
Sersquons mostraragrave la pantalla seguumlent on cal
4 Seleccionar ldquo1 columnardquo
5 Fer clic a ldquoActualitzarrdquo
6 Seleccionar ldquoColmiddotlocacioacute de Portletrdquo
1
2
3
24
Sersquons mostraragrave la pantalla seguumlent on cal
2 Fer clic a ldquoAfegir Portletsrdquo
Sersquons mostraragrave la pantalla seguumlent on cal
2 Seleccionar ldquoCrear i afegir nous Portletsrdquo
1
25
Sersquons mostraragrave la pantalla seguumlent on cal
4 Seleccionar ldquoContent Publish Portlet 20rdquo
5 Fer clic a ldquoCrear Seleccionatsrdquo
6 Fer clic a ldquoTancarrdquo
Es poden afegir tants portlets com es vulgui a la pagravegina i com a miacutenim un
per configurar el llistat de tragravemits
1
26
1
2
3
27
La pagravegina srsquohauragrave actualitzat amb els portlets que srsquohan creat tot seguit cal fer el
seguumlent
2 Fer clic al tiacutetol del portlet
1
28
Srsquoha de configurar el tipus de portlet per al llistat Tragravemit per a aixograve cal
Posar un nom al portlet
1 Posar si eacutes a nivell de Page o Template
2 Seleccionar que pot ser un Detall de contingut i Detall de contingut SAC
3 Posar en ldquoJSP Override URLrdquo la ruta ldquovgn-ext-templatingviewsindexControladorjsprdquo
4 Fer clic a ldquoSaverdquo
1
2
3
3
5
4
vgn-ext-templatingviewsindexControladorjsp
29
Srsquohan de configurar permisos del portlet per al detall del tragravemit i la normativa SAC per
a aixograve cal
4 Seleccionar ldquoPermisosrdquo
5 Seleccionar els grups que es volen autoritzar
6 Fer clic a ldquoActualitzarrdquo
1
2
3
30
Tot seguit srsquohan de configurar les dades bagravesiques del portlet per a aixograve srsquoha de fer el
seguumlent
1 Seleccionar ldquoBagravesicsrdquo
2 Posar el nom del portlet ldquofw_portlet_tramit_sac_detallrdquo
3 Desmarcar el quadre de verificacioacute ldquoMostra el cromrdquo
4 Fer clic a ldquoActualitzarrdquo
1
2
3
4
31
Despreacutes cal validar que la pagravegina srsquoha creat correctament per a aixograve cal fer el
seguumlent
1 Seleccionar ldquoLlista Pagraveginardquo
2 Fer clic al nom de la pagravegina
1
2
32
Per bloquejar la pagravegina cal fer el seguumlent
1 Seleccionar la casella de verificacioacute ldquoPagravegina Bloquejadardquo
2 Fer clic a ldquoActualitzar Opcionsrdquo
1
2
33
221 Crear NavItem de detall de tragravemits i normativa SAC
A partir de la consola de VAP farem les tasques seguumlents per crear el NavItem
1 Anar a lrsquoopcioacute del menuacute ldquoArbre de Navegacioacuterdquo
2 Fer clic a ldquoCrear Element de Navegacioacuterdquo
1
2
34
Per crear lrsquoelement de Navegacioacute realitzarem les tasques seguumlents
1 Posar el nom al NavItem rdquoFW_NavItem_GRIDBrdquo
2 Seleccionar ldquoEnllaccedilar ardquo i seleccionar la pagravegina que acabem de crear
3 Seleccionar el tema ldquoFW_Temardquo
4 Seleccionar la graella ldquoFW_Grid_Brdquo sense destacats a la dreta per
visualitzar correctament el detall de tragravemits el pas a pas i la normativa SAC
5 Fer clic a ldquoCrearrdquo
1
2
3
4
5
35
Quan seleccionem ldquoEnllaccedilar ardquo i seleccionem la pagravegina que acabem de crear srsquoobriragrave
la finestra seguumlent aquiacute cal
1 Cercar la pagravegina que hem creat en el pas anterior
2 Seleccionar la casella de verificacioacute de la pagravegina
3 Fer clic a ldquoOKrdquo
Quan fem seleccionem el tema srsquoobriragrave la seguumlent finestra per a aixograve cal
1 Seleccionar la casella de verificacioacute del tema que utilitzarem al nostre site per
a aquest exemple farem servir el tema del Site Genegraveric
2 Fer clic a ldquoSalvarrdquo
1
1
2
3
2
36
Quan seleccionem la graella srsquoobriragrave la finestra seguumlent aquiacute cal
1 Seleccionar la graella que utilitzarem al nostre site per a aquest exemple farem
servir la Graella FW_Grid_B sense destacats a la dreta del Site Genegraveric Per
tal de visualitzar correctament el detall del tragravemit el pas a pas i la normativa
SAC eacutes imprescindible que la graella tingui una uacutenica columna de continguts
2 Fer clic a ldquoSalvarrdquo
1
2
37
3 Configuracioacute de lrsquoadministracioacute de VCM
31 Creacioacute del canal ldquoLlistat tragravemitsrdquo
Dins del gestor de continguts realitzarem les tasques seguumlents
1 Accedir a ldquoPortalsrdquo
2 Navegar fins al ldquoPortalrdquo on volem configurar el llistat de continguts
3 Seleccionar ldquoHomerdquo
4 Posicionar-se sobre la creu verda i seleccionar ldquoCanalrdquo
a Emplenar la informacioacute i fer clic a ldquoOKrdquo
b Assegurar-se que el canal eacutes ldquoActiurdquo
1
2
3
38
311 Associacioacute de fitxers a la presentacioacute drsquoun canal
Ara srsquohan drsquoassociar els fitxers estagravetics adequats a la presentacioacute del canal perquegrave les
formes de presentacioacute posteriors trobin els estils i els Javascript corresponents
Per a aixograve cal entrar a les propietats del canal ldquoCanal Llistat tragravemitsrdquo i
1 Seleccionar el canal ldquoCanal Llistat tragravemitsrdquo
4
4a
4b
39
1
40
En entrar trobarem el llistat seguumlent on cal
1 Fer clic a ldquoCanal Llistat tragravemitsrdquo
2 Aquest eacutes un contingut del tipus Canals (cal fixar-se que no eacutes com lrsquoanterior)
Es mostraragrave la pantalla seguumlent on afegirem els fitxers relacionats amb el canal per a
cada idioma aquiacute cal
1 Emplenar els camps requerits per crear una pestanya del multiidioma
2 Desplaccedilar-se cap avall en lrsquoapartat ldquomultiidiomardquo fins a observar lrsquoapartat
drsquoassociacioacute de fitxers
3 Fer clic a ldquoAfegirrdquo
En aquest moment apareixeragrave la pantalla seguumlent
1 Si voleu afegir un fitxer amb extensioacute css cal deixar el camp ldquoTipus de fitxerrdquo
amb valor ldquocssrdquo Si voleu afegir un fitxer que teacute extensioacute js srsquoha de canviar el
camp ldquoTipus de fitxerrdquo al valor ldquojsrdquo
2 Fer clic a ldquoNavegadorrdquo
1
2 1 3
2
41
Apareixeragrave la pantalla de navegacioacute de continguts i anirem cercant els fitxers estagravetics
que associarem aquiacute cal
1 Fer clic a ldquoFrameworkrdquo
2 Fer clic a ldquoestilos y scriptsrdquo
3 Fer clic a ldquoNuevos Estilos imagenes y jsrdquo
4 Fer clic a ldquoGlobalsrdquo
2 1
42
43
44
Una vegada se nrsquohagin seleccionat tornarem a la pantalla anterior i farem el seguumlent
1 Verificar que el fitxer seleccionat eacutes el que apareix al quadre de text i que la
seva extensioacute coincideix amb la que hi ha seleccionada a ldquoTipus de fitxerrdquo
2 Fer clic a ldquoOKrdquo
Un cop acabades totes les associacions el resultat de les associacions afegides a la
pantalla principal ha de ser el seguumlent
1 Fer clic a ldquoAplicarrdquo a lrsquoapartat ldquomultiidiomardquo
1
2
45
1
46
Es recarregaragrave la pantalla
1 Fer clic a ldquoOKrdquo al nivell general
Ja tenim configurat el canal que mostraragrave ldquoLlistat de tragravemitsrdquo amb els fitxers associats
que fa referegravencia a la forma de presentacioacute que farem servir aquest mateix canal
mostraragrave el detall del contingut tragravemit amb el format detall
32 Creacioacute i assignacioacute de plantilles de presentacioacute per al
canal ldquoCanal Llistat tragravemitsrdquo
321 Creacioacute de les plantilles (templates) de VCM
La configuracioacute del canal de VCM per mostrar els llistats de tragravemits i el seu detall es
basen en tres plantilles una per llistar el tragravemits (format default) una per mostrar el
detall i el pas a pas drsquoun tragravemit (format detall) i una altra per mostrar la normativa
aplicable drsquoun tragravemit (format detall2)
A continuacioacute srsquoexplica com es creen les plantilles de presentacioacute
(Presentation Templates) necessagraveries per configurar els tragravemits Els
responsables de cada site srsquohan de crear les seves progravepies plantilles
Cal tenir en compte que les plantilles que apareixen en el document soacuten nomeacutes un
exemple drsquouna configuracioacute vagravelida En els casos pragravectics cal seleccionar les plantilles
que pertanyen a cada portal io que tingui cada usuari en els seus recursos
En el nostre cas es fan servir les plantilles ldquoGridB2LlistatTramitsrdquo ldquoGridBTramitrdquo i
ldquoGridBTramitNormativaSacrdquo
1
47
Per la creacioacute de la plantilla srsquohan de seguir els passos seguumlents
1 Accedir al ldquoBanc de Treballrdquo
2 Accedir a ldquoPresentation Templatesrdquo
3 Accedir a la carpeta de presentacions del nostre site en aquest exemple
ldquogenegravericrdquo
1
2
48
Un cop som al llistat de plantilles del nostre site cal fer el seguumlent
1 Seleccionar el signe ldquo+rdquo
2 Seleccionar Forma de Presentation Template
En realitzar aquesta accioacute srsquoobriragrave la finestra drsquoedicioacute o creacioacute de la Presentation
Template Srsquohan de crear dos plantilles noves amb les dades seguumlents
1 Plantilla per al llistat de tragravemits
a Nom cal posar un nom identificatiu de la plantilla per exemple
GenericoGridB2LlistatTramit
b Tipus de plantilla Portal Page
c VAPVCM Portal defaultgeneric (cal posar el nom del portal VAP)
d Element del menuacute de VAP FW_NavItem_GRIDB2
3
1
2
49
e Canal VCM per defecte
Tot seguit cal fer clic a ldquoOKrdquo
Per a la configuracioacute de la plantilla per al llistat de tragravemits es pot fer servir un
NavItem que utilitzi una grid amb destacats a la dreta per exemple la GRID B2 del
Site Genegraveric o beacute un Navitem sense destacats (el FW_NavItem_GRIDB creat
anteriorment)
El NavItem ha de disposar drsquoun portlet a la part central a nivell de Page per
configurar el llistat de tragravemits
f
50
2 Crear una nova Presentation Template per al detall de tragravemits i el pas a
pas
a Nom cal posar un nom identificatiu de la plantilla com per exemple
GenericoGridBTramit
b Tipus de plantilla Portal Page
c VAPVCM Portal defaultgeneric
d Element del menuacute de VAP FW_NavItem_GRIDB
e Canal VCM per defecte
Finalment cal fer clic a ldquoOKrdquo
Per configurar la plantilla per al detall dels tragravemits i el pas a pas srsquoha de fer servir un
NavItem que utilitzi una grid sense destacats a la dreta per exemple la GRID B del
site Genegraveric
El NavItem ha de disposar de dos portlets a la part central a nivell de Page per
configurar el llistat de tragravemits
Tot seguit cal crear una nova Presentation Template per al detall de tragravemits i el pas a
pas
a Nom cal posar un nom identificatiu de la plantilla per exemple
GenericoGridBTramitNormativaSac
f
51
b Tipus de plantilla Portal Page
c VAPVCM Portal defaultgeneric
d Element del menuacute de VAP FW_NavItem_GRIDB
e Canal VCM per defecte
Finalment cal fer clic a ldquoOKrdquo
322 Configuracioacute de la plantilla al canal
Les Presentation Templates que configurarem a continuacioacute soacuten drsquoexemple
Els responsables de cada site han de crear les seves progravepies plantilles
Un cop creat el canal i les Presentation Templates en configurarem la presentacioacute
1 Seleccionarem la casella de seleccioacute del canal que acabem de crear
2 Farem clic a la icona de propietats del canal
3 Navegarem a la pestanya ldquoPresentacioacuterdquo
52
Ens apareixeragrave un formulari com el que es mostra a continuacioacute i realitzarem les
accions seguumlents
1 Fer clic a ldquoAfegir presentacioacute de canalrdquo
1
2
3
53
Apareixeragrave la pantalla seguumlent amb lrsquoobjectiu de seleccionar una plantilla en el nostre
cas farem el seguumlent
1 Seleccionar el projecte de plantilles respectiu al portal A lrsquoexemple ldquogenericrdquo
Posteriorment apareixeragrave un llistat de plantilles (ldquoTemplatesrdquo)
1 En aquest cas seleccionarem ldquoGridB2LlistatTramitsrdquo
2 Acceptarem la seleccioacute ldquoOKrdquo
1
1
54
1
2
55
Un cop acceptat ens apareixeragrave la pantalla seguumlent on configurarem el ldquodetallrdquo Per a
aixograve cal fer el seguumlent
1 Fer clic a ldquoAssignar una Nova Plantilla de Presentacioacuterdquo
1
56
Tot seguit apareixeragrave la pantalla que es mostra a continuacioacute on realitzarem les
accions seguumlents
1 Fer clic a ldquoAfegir formatrdquo
En aquesta nova pantalla ens assegurarem del seguumlent
1 A la casella ldquoFormatrdquo hi ha el valor ldquodetallrdquo
2 A la casella ldquoTemplaterdquo hi ha drsquohaver el correcte Si no eacutes aixiacute srsquoha de fer clic a
ldquoNavegadorrdquo
En fer clic a ldquoNavegadorrdquo cal fer el seguumlent
1 Tornar a navegar fins a ldquogenericrdquo
1
1 2
57
1
58
I a la pantalla seguumlent cal seleccionar una plantilla i
1 Fer clic al botoacute a prop de ldquoGridBTramitrdquo
2 Fer clic a ldquoOKrdquo
1
2
59
En aquest moment es torna a la pantalla anterior i cal
1 Fer clic a ldquoOKrdquo
En el canal Llistat de tragravemits ha drsquoestar configurat el ldquoformatrdquo ldquodetallrdquo ja que la forma
de presentacioacute que configurarem a GridDBTramit necessitaragrave aquest format per
visualitzar el detall del contingut de tipus ldquoTragravemitrdquo
2
60
La pantalla anterior a aquesta ens ha de presentar aquesta informacioacute Ara
configurarem el ldquodetall2rdquo per presentar el contingut rdquo Normativa de SACrdquo Per a aixograve
cal fer el seguumlent
1 Fer clic a ldquoAfegir Formatrdquo
En aquesta nova pantalla ens assegurarem del seguumlent
1 A la casella ldquoFormatrdquo hi ha el valor ldquodetall2rdquo
1
61
2 A la casella ldquoTemplaterdquo hi ha drsquohaver el correcte Si no eacutes aixiacute srsquoha de fer clic a
ldquoNavegadorrdquo
En fer clic a ldquoNavegadorrdquo srsquoha de fer el seguumlent
1 Tornar a navegar fins a ldquogenericrdquo (srsquoha de substituir pel nom del portal)
1 2
62
1
63
A la pantalla seguumlent cal seleccionar una plantilla i
1 Fer clic al botoacute a prop de ldquoGridBTramitNormativaSacrdquo
2 Fer clic a ldquoOKrdquo
1
2
64
En aquest moment es torna a la pantalla anterior i cal fer el seguumlent
2 Fer clic a ldquoOKrdquo
En el canal Llistat de tragravemits ha drsquoestar configurat el ldquoformatrdquo ldquodetall2rdquo ja que la
forma de presentacioacute que configurarem a GridDBTramitNormativaSac necessitaragrave
aquest format per visualitzar el detall del contingut de tipus normativa ldquoSACrdquo
2
65
La pantalla anterior a aquesta ens ha de presentar aquesta informacioacute i srsquoha de fer el
seguumlent
2 Fer clic a ldquoOKrdquo
1
66
La finestra pare anterior a aquesta quedaragrave com es mostra tot seguit i realitzarem les
accions seguumlents
1 Fer clic a ldquoOKrdquo
4 Comparticioacute de continguts
Accedim al projecte on hi ha tots els tragravemits de lrsquoOVT
1
67
OVTDepartaments[NomCurtDepartaments][NomCurtOrganisme] TramitOVT
On NomCurtDepartaments correspon al nom curt del departament al que fa referencia
el nostre organisme
En aquest exemple es mostren tots els projectes de tragravemits de lrsquoOVT
Un cop localitzat el tragravemit de lrsquoOVT que volem compartir amb el nostre site accedirem
a lrsquoedicioacute del contingut i assignarem aquest contingut al canal del nostre site on es
vulgui mostrar Srsquoha de fer el seguumlent
1 Anar al contenidor de projectes on hi ha els continguts de GECO
Apareixeragrave lrsquoestructura de projectes a la qual teacute acceacutes lrsquousuari redactor Cal fer el
seguumlent (exemple Agegravencia Tributagraveria dins drsquoEconomia i Finances)
1 Seleccionar ldquoOVTrdquo
2 Seleccionar ldquoDepartamentsrdquo aquesta carpeta conteacute tots els tragravemits de lrsquoOVT
classificats per departaments
3 Seleccionar ldquoECOrdquo A lrsquousuari nomeacutes se li mostraragrave la carpeta del seu
departament
Si lrsquousuari no visualitza la carpeta dins del seu departament eacutes perquegrave no
srsquoha aplicat la poliacutetica de seguretat correctament Cal obrir un tiquet a Suport
gencat per tramitar aquests permisos AQUESTA CARPETA NOMEacuteS SERAgrave
VISIBLE PER ALS USUARIS AMB ROL REDACTOR
4 Seleccionar ldquoA_Agegravencia Tributagraveriardquo
5 Seleccionar ldquoTramitOVTrdquo
1
68
2
3
1
69
4
5
70
Apareixeragrave el llistat de continguts ldquoTragravemitOVTrdquo de lrsquoOVT de lrsquoAgegravencia Tributagraveria
Realitzarem les accions seguumlents
1 Seleccionar el tragravemit o els tragravemits que volem compartir en la web dorganisme
2 Fer clic a ldquoAssociarrdquo
2
1
71
Aquest proceacutes obriragrave una finestra Per seleccionar el site i canal on es volen mostrar
els tragravemits seleccionats realitzarem les accions seguumlents (cas site Generic)
1 Seleccionar el site ldquoGenericrdquo en el vostre cas el site del departament on es vol
mostrar el contingut ldquotragravemitrdquo
2 Navegar pels canals del Site Genegraveric fins al canal que srsquoha creat en el punt
ldquoLlistat de tragravemitsrdquo i seleccionar el quadre de verificacioacute
3 Fer clic a ldquoOKrdquo
1
72
2
3
73
41 Validar que la comparticioacute de continguts eacutes correcta
Accedim per VCM al canal que hem creat anteriorment al qual li acabem drsquoassignar
els continguts de tragravemits que ha de mostrar i fem el seguumlent
1 Anar al contenidor de portals
2 Seleccionar el Site ldquogenericrdquo
3 Seleccionar el canal ldquoHomerdquo
4 Seleccionar el canal ldquoCanal Llistat tragravemitsrdquo
1
2
3
74
4
75
Apareixeragrave el contingut assignat al canal ldquoCanal Llistat tragravemitsrdquo
En entrar trobarem el llistat seguumlent
1 Llistat del tragravemits de lrsquoOVT que srsquohan compartit amb el canal ldquoCanal Llistat
tragravemitsrdquo
2 Validar que els continguts que apareixen soacuten del tipus ldquoTramitOVTrdquo
En cas que al canal del site ldquoCanal Llistat tragravemitsrdquo no apareguin els continguts
tragravemits associats anteriorment cal repetir el pas 22
1 2
76
5 Configuracioacute al portal
Ara cal entrar al nostre site on tenim configurat el canal que hem creat en lrsquoapartat
anterior (21) i que ara configurarem a nivell de portal
51 Configuracioacute a Canal Llistat tragravemits
511 Configuracioacute de la llista de tragravemits
Farem clic a lrsquoenllaccedil ldquoCanal llistat tragravemitsrdquo de la ldquoHomerdquo i anirem a parar a una
pantalla com la que es mostra meacutes avall
Es pot apreciar que en el contingut de la pagravegina no hi ha res Aixograve eacutes perquegrave cal
configurar els portlets adequats ( )
1 Ens situarem sobre la icona ldquoOpcions de Pagraveginardquo
2 Seleccionarem ldquoObrir Plantillardquo ja que els portlets soacuten a nivell de Page
Ens apareixeragrave una pantalla com la que es mostra tot seguit i realitzarem les accions
seguumlents
1 Seleccionar el portlet de la part central de la pagravegina per configurar una ldquoLlista
automagravetica de contingutsrdquo
2
1
77
Tambeacute podem configurar una ldquoLlista manual de contingutsrdquo segons les
necessitats de cada usuari
78
Ens redirigiragrave cap a un formulari drsquoedicioacute que ens mostraragrave directament quina consulta
hem de configurar per mostrar els continguts i configurarem una consulta com la
seguumlent (evidentment segons les necessitats de cada usuari)
Ara tenim configurat que la pagravegina mostraragrave els tipus de contingut ldquoTramitOVTrdquo del
canal actual ordenats per la ldquoEacutes on-linerdquo en ordre descendent
Aixograve ens portaragrave a la pantalla principal on acabarem de completar la configuracioacute
1 Validar que en lrsquoapartat ldquoConsultardquo hi ha la configuracioacute que acabem drsquoafegir
2 Emplenar ldquoAgraveliesrdquo
3 En lrsquoapartat Forma de presentacioacute fer clic al botoacute ldquoCercar helliprdquo
79
Ens apareixeragrave la pantalla seguumlent
1 Fer clic a ldquoNavegacioacute per projectesrdquo
1
2
3
80
Ens canviaragrave la vista al format seguumlent
1 Navegarem per les carpetes fins a arribar a ldquoFramework Formes de
presentacioacute Site generic fw_fp_llistatramitsrdquo
2 Seleccionarem ldquofw_fp_llistatramitsrdquo
3 Farem clic a ldquoOKrdquo
1
1
81
En retornar a la pantalla principal cal
1 Validar que la forma de presentacioacute eacutes la que acabem de seleccionar
2 Fer clic a ldquoOKrdquo
1 (continuacioacute) 2
3
82
1
2
83
Aquest seragrave el nostre resultat a la pantalla del portal i cal fer el seguumlent
1 Verificar que apareixen els dos continguts que es van associar a aquest canal
1
84
512 Configuracioacute del detall del tragravemit i el pas a pas
En fer clic sobre una activitat veurem com ens redirigeix a la plantilla configurada al
ldquodetallrdquo drsquoaquesta pagravegina tal com la vam configurar en lrsquoapartat 231 cal fer el
seguumlent
1 Fer clic a la primera activitat
1
85
Ens sortiragrave la pagravegina de VAP del detall drsquoun contingut per configurar farem els
passos seguumlents
1 Ens situarem sobre la icona ldquoOpcions de Pagraveginardquo
2 Seleccionar ldquoObrir Plantillardquo ja que els portlets soacuten a nivell de Page
Ens apareixeragrave una pantalla com la que es mostra tot seguit i realitzarem les accions
seguumlents
1 Seleccionar el portlet de la part central de la pagravegina per configurar un ldquoDetall
de contingutrdquo i fer clic a ldquoEditarrdquo
Ens apareixeragrave la pantalla de seleccioacute de component de presentacioacute
1 Seleccionarem el component de presentacioacute ldquoDetall de contingutrdquo
1
2
1
86
Ens apareixeragrave la pantalla que es mostra tot seguit i realitzarem les accions seguumlents
1 Emplenar el camp ldquoAgraveliesrdquo
2 Canviar a la pestanya ldquoPresentacioacuterdquo
En fer clic a la pestanya obtindrem la imatge que es mostra tot seguit i realitzarem les
accions seguumlents
1 Cercarem una forma de presentacioacute fent clic a ldquoCercar helliprdquo
1
2
87
Quan aparegui la pantalla de cercador realitzarem una cerca de la forma de
presentacioacute que volem fer servir per a aixograve cal fer el seguumlent
1 Emplenar la caixa de text amb ldquofw_fp_tramitrdquo
2 Preacutemer ldquoCercarrdquo
3 Seleccionar la forma de presentacioacute de la caixa de resultats
4 Preacutemer ldquoOKrdquo
La forma de presentacioacute ldquofw_fp_tramitrdquo estagrave preparada per ldquomaquillarrdquo el contingut
dels tragravemits Tambeacute es pot fer servir una forma de presentacioacute personalitzada
segons es cregui convenient
1
1
2
3
4
88
En acabar tornarem a la pagravegina principal drsquoedicioacute i farem el seguumlent
1 Verificar que la forma de presentacioacute eacutes la que hem escollit
2 Fer clic a ldquoOKrdquo
En finalitzar la configuracioacute del component de presentacioacute tornem a la pantalla del
portal i cal fer el seguumlent
1 Verificar que el disseny de la presentacioacute eacutes semblant al seguumlent
1
2
89
Configurarem el portlet superior central de la pagravegina perquegrave aquesta contingui el fil
drsquoAriadna
1 Accedir a ldquoObrir Plantillardquo
1 Editar el portlet central que hi ha a sobre del detall de tragravemit per configurar el fil
drsquoAriadna En aquest exemple el portlet eacutes ldquoFW_hilo_ariadnardquo
Escollirem el component de presentacioacute
1 Seleccionar el component de presentacioacute ldquoFil drsquoAriadnardquo
1
1
90
En la configuracioacute del component realitzarem les accions seguumlents
1 Inserir el camp ldquoAgraveliesrdquo
2 Inserir el camp ldquoCanalrdquo
3 Fer clic a la pestanya ldquoPresentacioacuterdquo i cercar la forma de presentacioacute
ldquofw_fp_filariadnardquo
1
91
513 Configuracioacute del detall drsquouna normativa SAC
En el detall de contingut configurat en el punt anterior fent clic sobre una normativa
veurem com ens redirigeix a la plantilla configurada al ldquodetall2rdquo drsquoaquesta pagravegina tal
com hem configurat a lrsquoapartat 231
1 Fer clic a la primera ldquoNormativa Aplicablerdquo
2
3
92
Aquest enllaccedil ens portaragrave al detall2 del canal on srsquoha de configurar el detall de
contingut SAC per tal que es mostri la normativa aplicable
Configurarem el portlet superior central de la pagravegina perquegrave aquesta contingui el fil
drsquoAriadna per a aixograve cal fer el seguumlent
1 Accedir a ldquoObrir Plantillardquo
1
93
1
94
1 Editar el portlet central que hi ha a sobre del detall de tragravemit per configurar el fil
drsquoAriadna En aquest exemple el portlet eacutes ldquofw_portlet_tramitrdquo
Escollirem el component de presentacioacute
1 Seleccionar el component de presentacioacute ldquoDetall de Contingut SACrdquo
En la configuracioacute del component realitzarem les accions seguumlents
1 Inserir el camp ldquoAgraveliesrdquo
2 Seleccionar el tipus de contingut ldquoDetall Tragravemitrdquo
1
95
3 Fer clic a la pestanya ldquoPresentacioacuterdquo i cercar la forma de presentacioacute
ldquofw_fp_sac_normativardquo
4 Fer clic al botoacute ldquoOKrdquo
Srsquoactualitzaragrave la pagravegina de VAP i es mostraragrave el detall de SAC
1
2
3
4
96
514 Validacioacute final de VAP
Finalment cal validar que els tragravemits es visualitzen correctament per a aixograve cal
1 Verificar que tenim els canals creats
2 Accedir al canal ldquoCanal Llistat tragravemitsrdquo i validar que es mostren els tragravemits
que hem associat al punt 22
1
97
A continuacioacute cal fer les comprovacions seguumlents
1 Accedir al detall del tragravemit compartit
2 Accedir al pas a pas del tragravemit i a la normativa de SAC
Exemple llistat de tragravemits compartits
2
1
98
Exemple detall de tragravemit compartit
Exemple pas a pas drsquoun tragravemit
2
2
99
Exemple normativa SAC
En el cas que no es visualitzin el llistat de tragravemits detall o pas a pas configurat
validar
1 Refrescar la Pagravegina
2 Els tragravemits estan associats al canal que esteacuten visualitzat punt 23
1 Refrescar la pagravegina
1
16
1 Bloquejar la pagravegina
2 Fer clic a ldquoActualitzar Opcionsrdquo
1
2
17
211 Crear NavItem del llistat Tragravemits
A partir de la consola de VAP farem les tasques seguumlents per crear el NavItem
1 Anar a lrsquoopcioacute del menuacute ldquoArbre de Navegacioacuterdquo
2 Fer clic a ldquoCrear Element de Navegacioacuterdquo
1
2
18
Per crear lrsquoelement de navegacioacute realitzarem les tasques seguumlents
1 Posar el nom al NavItem rdquoFW_NavItem_GRIDB2rdquo
2 Seleccionar ldquoEnllaccedilar ardquo i seleccionar la pagravegina que acabem de crear
3 Seleccionar el tema ldquoFW_Temardquo
4 Seleccionar la graella ldquoFW_Grid_B2rdquo
5 Fer clic a ldquoCrearrdquo
1
2
3
4
5
19
Quan seleccionem ldquoEnllaccedilar ardquo i triem la pagravegina que acabem de crear srsquoobriragrave la
finestra seguumlent per a aixograve cal
1 Cercar la pagravegina que hem creat en el pas anterior
2 Marcar el quadre de verificacioacute de la pagravegina
3 Fer clic a ldquoOKrdquo
Quan seleccionem el tema srsquoobriragrave la finestra seguumlent per a aixograve cal fer el seguumlent
1 Seleccionar el quadre de verificacioacute del tema que farem servir al nostre site per
a aquest exemple fem servir el tema del Site Genegraveric
2 Fer clic a ldquoSalvarrdquo
Quan seleccionem la graella srsquoobriragrave la finestra seguumlent per a aixograve cal
3 Seleccionar la graella que utilitzarem al nostre site per a aquest exemple farem
servir la Graella FW_Grid_B2 que teacute destacats a la dreta del Site Genegraveric
1
1
2
3
2
20
4 Fer clic a ldquoSalvarrdquo
1
2
21
22 Crear pagravegina de detall de tragravemits i normativa SAC
Dins del gestor de portals (VAP) realitzarem les tasques seguumlents
1 Accedir a la consola de ldquoVAPrdquo del nostre site
2 Seleccionar ldquoComponentsrdquo
3 Seleccionar ldquoPagesrdquo
4 Seleccionar ldquoLlistat de Pagraveginesrdquo
5 Fer clic a ldquoCrear Pagraveginardquo
1
2
3
4
5
22
Srsquoobriragrave un formulari per donar drsquoalta una nova pagravegina Aquiacute cal
4 Introduir el nom de la pagravegina FW_Pagina_Grid_Tramits_SAC_Detall_B
5 Seleccionar ldquoEnllaccedil de Navegacioacuterdquo
6 Fer clic a ldquoCrear Pagraveginardquo
Sersquons mostraragrave la pantalla seguumlent on cal
1 Seleccionar ldquoVisualitzacioacuterdquo
1
3
2
1
23
Sersquons mostraragrave la pantalla seguumlent on cal
4 Seleccionar ldquo1 columnardquo
5 Fer clic a ldquoActualitzarrdquo
6 Seleccionar ldquoColmiddotlocacioacute de Portletrdquo
1
2
3
24
Sersquons mostraragrave la pantalla seguumlent on cal
2 Fer clic a ldquoAfegir Portletsrdquo
Sersquons mostraragrave la pantalla seguumlent on cal
2 Seleccionar ldquoCrear i afegir nous Portletsrdquo
1
25
Sersquons mostraragrave la pantalla seguumlent on cal
4 Seleccionar ldquoContent Publish Portlet 20rdquo
5 Fer clic a ldquoCrear Seleccionatsrdquo
6 Fer clic a ldquoTancarrdquo
Es poden afegir tants portlets com es vulgui a la pagravegina i com a miacutenim un
per configurar el llistat de tragravemits
1
26
1
2
3
27
La pagravegina srsquohauragrave actualitzat amb els portlets que srsquohan creat tot seguit cal fer el
seguumlent
2 Fer clic al tiacutetol del portlet
1
28
Srsquoha de configurar el tipus de portlet per al llistat Tragravemit per a aixograve cal
Posar un nom al portlet
1 Posar si eacutes a nivell de Page o Template
2 Seleccionar que pot ser un Detall de contingut i Detall de contingut SAC
3 Posar en ldquoJSP Override URLrdquo la ruta ldquovgn-ext-templatingviewsindexControladorjsprdquo
4 Fer clic a ldquoSaverdquo
1
2
3
3
5
4
vgn-ext-templatingviewsindexControladorjsp
29
Srsquohan de configurar permisos del portlet per al detall del tragravemit i la normativa SAC per
a aixograve cal
4 Seleccionar ldquoPermisosrdquo
5 Seleccionar els grups que es volen autoritzar
6 Fer clic a ldquoActualitzarrdquo
1
2
3
30
Tot seguit srsquohan de configurar les dades bagravesiques del portlet per a aixograve srsquoha de fer el
seguumlent
1 Seleccionar ldquoBagravesicsrdquo
2 Posar el nom del portlet ldquofw_portlet_tramit_sac_detallrdquo
3 Desmarcar el quadre de verificacioacute ldquoMostra el cromrdquo
4 Fer clic a ldquoActualitzarrdquo
1
2
3
4
31
Despreacutes cal validar que la pagravegina srsquoha creat correctament per a aixograve cal fer el
seguumlent
1 Seleccionar ldquoLlista Pagraveginardquo
2 Fer clic al nom de la pagravegina
1
2
32
Per bloquejar la pagravegina cal fer el seguumlent
1 Seleccionar la casella de verificacioacute ldquoPagravegina Bloquejadardquo
2 Fer clic a ldquoActualitzar Opcionsrdquo
1
2
33
221 Crear NavItem de detall de tragravemits i normativa SAC
A partir de la consola de VAP farem les tasques seguumlents per crear el NavItem
1 Anar a lrsquoopcioacute del menuacute ldquoArbre de Navegacioacuterdquo
2 Fer clic a ldquoCrear Element de Navegacioacuterdquo
1
2
34
Per crear lrsquoelement de Navegacioacute realitzarem les tasques seguumlents
1 Posar el nom al NavItem rdquoFW_NavItem_GRIDBrdquo
2 Seleccionar ldquoEnllaccedilar ardquo i seleccionar la pagravegina que acabem de crear
3 Seleccionar el tema ldquoFW_Temardquo
4 Seleccionar la graella ldquoFW_Grid_Brdquo sense destacats a la dreta per
visualitzar correctament el detall de tragravemits el pas a pas i la normativa SAC
5 Fer clic a ldquoCrearrdquo
1
2
3
4
5
35
Quan seleccionem ldquoEnllaccedilar ardquo i seleccionem la pagravegina que acabem de crear srsquoobriragrave
la finestra seguumlent aquiacute cal
1 Cercar la pagravegina que hem creat en el pas anterior
2 Seleccionar la casella de verificacioacute de la pagravegina
3 Fer clic a ldquoOKrdquo
Quan fem seleccionem el tema srsquoobriragrave la seguumlent finestra per a aixograve cal
1 Seleccionar la casella de verificacioacute del tema que utilitzarem al nostre site per
a aquest exemple farem servir el tema del Site Genegraveric
2 Fer clic a ldquoSalvarrdquo
1
1
2
3
2
36
Quan seleccionem la graella srsquoobriragrave la finestra seguumlent aquiacute cal
1 Seleccionar la graella que utilitzarem al nostre site per a aquest exemple farem
servir la Graella FW_Grid_B sense destacats a la dreta del Site Genegraveric Per
tal de visualitzar correctament el detall del tragravemit el pas a pas i la normativa
SAC eacutes imprescindible que la graella tingui una uacutenica columna de continguts
2 Fer clic a ldquoSalvarrdquo
1
2
37
3 Configuracioacute de lrsquoadministracioacute de VCM
31 Creacioacute del canal ldquoLlistat tragravemitsrdquo
Dins del gestor de continguts realitzarem les tasques seguumlents
1 Accedir a ldquoPortalsrdquo
2 Navegar fins al ldquoPortalrdquo on volem configurar el llistat de continguts
3 Seleccionar ldquoHomerdquo
4 Posicionar-se sobre la creu verda i seleccionar ldquoCanalrdquo
a Emplenar la informacioacute i fer clic a ldquoOKrdquo
b Assegurar-se que el canal eacutes ldquoActiurdquo
1
2
3
38
311 Associacioacute de fitxers a la presentacioacute drsquoun canal
Ara srsquohan drsquoassociar els fitxers estagravetics adequats a la presentacioacute del canal perquegrave les
formes de presentacioacute posteriors trobin els estils i els Javascript corresponents
Per a aixograve cal entrar a les propietats del canal ldquoCanal Llistat tragravemitsrdquo i
1 Seleccionar el canal ldquoCanal Llistat tragravemitsrdquo
4
4a
4b
39
1
40
En entrar trobarem el llistat seguumlent on cal
1 Fer clic a ldquoCanal Llistat tragravemitsrdquo
2 Aquest eacutes un contingut del tipus Canals (cal fixar-se que no eacutes com lrsquoanterior)
Es mostraragrave la pantalla seguumlent on afegirem els fitxers relacionats amb el canal per a
cada idioma aquiacute cal
1 Emplenar els camps requerits per crear una pestanya del multiidioma
2 Desplaccedilar-se cap avall en lrsquoapartat ldquomultiidiomardquo fins a observar lrsquoapartat
drsquoassociacioacute de fitxers
3 Fer clic a ldquoAfegirrdquo
En aquest moment apareixeragrave la pantalla seguumlent
1 Si voleu afegir un fitxer amb extensioacute css cal deixar el camp ldquoTipus de fitxerrdquo
amb valor ldquocssrdquo Si voleu afegir un fitxer que teacute extensioacute js srsquoha de canviar el
camp ldquoTipus de fitxerrdquo al valor ldquojsrdquo
2 Fer clic a ldquoNavegadorrdquo
1
2 1 3
2
41
Apareixeragrave la pantalla de navegacioacute de continguts i anirem cercant els fitxers estagravetics
que associarem aquiacute cal
1 Fer clic a ldquoFrameworkrdquo
2 Fer clic a ldquoestilos y scriptsrdquo
3 Fer clic a ldquoNuevos Estilos imagenes y jsrdquo
4 Fer clic a ldquoGlobalsrdquo
2 1
42
43
44
Una vegada se nrsquohagin seleccionat tornarem a la pantalla anterior i farem el seguumlent
1 Verificar que el fitxer seleccionat eacutes el que apareix al quadre de text i que la
seva extensioacute coincideix amb la que hi ha seleccionada a ldquoTipus de fitxerrdquo
2 Fer clic a ldquoOKrdquo
Un cop acabades totes les associacions el resultat de les associacions afegides a la
pantalla principal ha de ser el seguumlent
1 Fer clic a ldquoAplicarrdquo a lrsquoapartat ldquomultiidiomardquo
1
2
45
1
46
Es recarregaragrave la pantalla
1 Fer clic a ldquoOKrdquo al nivell general
Ja tenim configurat el canal que mostraragrave ldquoLlistat de tragravemitsrdquo amb els fitxers associats
que fa referegravencia a la forma de presentacioacute que farem servir aquest mateix canal
mostraragrave el detall del contingut tragravemit amb el format detall
32 Creacioacute i assignacioacute de plantilles de presentacioacute per al
canal ldquoCanal Llistat tragravemitsrdquo
321 Creacioacute de les plantilles (templates) de VCM
La configuracioacute del canal de VCM per mostrar els llistats de tragravemits i el seu detall es
basen en tres plantilles una per llistar el tragravemits (format default) una per mostrar el
detall i el pas a pas drsquoun tragravemit (format detall) i una altra per mostrar la normativa
aplicable drsquoun tragravemit (format detall2)
A continuacioacute srsquoexplica com es creen les plantilles de presentacioacute
(Presentation Templates) necessagraveries per configurar els tragravemits Els
responsables de cada site srsquohan de crear les seves progravepies plantilles
Cal tenir en compte que les plantilles que apareixen en el document soacuten nomeacutes un
exemple drsquouna configuracioacute vagravelida En els casos pragravectics cal seleccionar les plantilles
que pertanyen a cada portal io que tingui cada usuari en els seus recursos
En el nostre cas es fan servir les plantilles ldquoGridB2LlistatTramitsrdquo ldquoGridBTramitrdquo i
ldquoGridBTramitNormativaSacrdquo
1
47
Per la creacioacute de la plantilla srsquohan de seguir els passos seguumlents
1 Accedir al ldquoBanc de Treballrdquo
2 Accedir a ldquoPresentation Templatesrdquo
3 Accedir a la carpeta de presentacions del nostre site en aquest exemple
ldquogenegravericrdquo
1
2
48
Un cop som al llistat de plantilles del nostre site cal fer el seguumlent
1 Seleccionar el signe ldquo+rdquo
2 Seleccionar Forma de Presentation Template
En realitzar aquesta accioacute srsquoobriragrave la finestra drsquoedicioacute o creacioacute de la Presentation
Template Srsquohan de crear dos plantilles noves amb les dades seguumlents
1 Plantilla per al llistat de tragravemits
a Nom cal posar un nom identificatiu de la plantilla per exemple
GenericoGridB2LlistatTramit
b Tipus de plantilla Portal Page
c VAPVCM Portal defaultgeneric (cal posar el nom del portal VAP)
d Element del menuacute de VAP FW_NavItem_GRIDB2
3
1
2
49
e Canal VCM per defecte
Tot seguit cal fer clic a ldquoOKrdquo
Per a la configuracioacute de la plantilla per al llistat de tragravemits es pot fer servir un
NavItem que utilitzi una grid amb destacats a la dreta per exemple la GRID B2 del
Site Genegraveric o beacute un Navitem sense destacats (el FW_NavItem_GRIDB creat
anteriorment)
El NavItem ha de disposar drsquoun portlet a la part central a nivell de Page per
configurar el llistat de tragravemits
f
50
2 Crear una nova Presentation Template per al detall de tragravemits i el pas a
pas
a Nom cal posar un nom identificatiu de la plantilla com per exemple
GenericoGridBTramit
b Tipus de plantilla Portal Page
c VAPVCM Portal defaultgeneric
d Element del menuacute de VAP FW_NavItem_GRIDB
e Canal VCM per defecte
Finalment cal fer clic a ldquoOKrdquo
Per configurar la plantilla per al detall dels tragravemits i el pas a pas srsquoha de fer servir un
NavItem que utilitzi una grid sense destacats a la dreta per exemple la GRID B del
site Genegraveric
El NavItem ha de disposar de dos portlets a la part central a nivell de Page per
configurar el llistat de tragravemits
Tot seguit cal crear una nova Presentation Template per al detall de tragravemits i el pas a
pas
a Nom cal posar un nom identificatiu de la plantilla per exemple
GenericoGridBTramitNormativaSac
f
51
b Tipus de plantilla Portal Page
c VAPVCM Portal defaultgeneric
d Element del menuacute de VAP FW_NavItem_GRIDB
e Canal VCM per defecte
Finalment cal fer clic a ldquoOKrdquo
322 Configuracioacute de la plantilla al canal
Les Presentation Templates que configurarem a continuacioacute soacuten drsquoexemple
Els responsables de cada site han de crear les seves progravepies plantilles
Un cop creat el canal i les Presentation Templates en configurarem la presentacioacute
1 Seleccionarem la casella de seleccioacute del canal que acabem de crear
2 Farem clic a la icona de propietats del canal
3 Navegarem a la pestanya ldquoPresentacioacuterdquo
52
Ens apareixeragrave un formulari com el que es mostra a continuacioacute i realitzarem les
accions seguumlents
1 Fer clic a ldquoAfegir presentacioacute de canalrdquo
1
2
3
53
Apareixeragrave la pantalla seguumlent amb lrsquoobjectiu de seleccionar una plantilla en el nostre
cas farem el seguumlent
1 Seleccionar el projecte de plantilles respectiu al portal A lrsquoexemple ldquogenericrdquo
Posteriorment apareixeragrave un llistat de plantilles (ldquoTemplatesrdquo)
1 En aquest cas seleccionarem ldquoGridB2LlistatTramitsrdquo
2 Acceptarem la seleccioacute ldquoOKrdquo
1
1
54
1
2
55
Un cop acceptat ens apareixeragrave la pantalla seguumlent on configurarem el ldquodetallrdquo Per a
aixograve cal fer el seguumlent
1 Fer clic a ldquoAssignar una Nova Plantilla de Presentacioacuterdquo
1
56
Tot seguit apareixeragrave la pantalla que es mostra a continuacioacute on realitzarem les
accions seguumlents
1 Fer clic a ldquoAfegir formatrdquo
En aquesta nova pantalla ens assegurarem del seguumlent
1 A la casella ldquoFormatrdquo hi ha el valor ldquodetallrdquo
2 A la casella ldquoTemplaterdquo hi ha drsquohaver el correcte Si no eacutes aixiacute srsquoha de fer clic a
ldquoNavegadorrdquo
En fer clic a ldquoNavegadorrdquo cal fer el seguumlent
1 Tornar a navegar fins a ldquogenericrdquo
1
1 2
57
1
58
I a la pantalla seguumlent cal seleccionar una plantilla i
1 Fer clic al botoacute a prop de ldquoGridBTramitrdquo
2 Fer clic a ldquoOKrdquo
1
2
59
En aquest moment es torna a la pantalla anterior i cal
1 Fer clic a ldquoOKrdquo
En el canal Llistat de tragravemits ha drsquoestar configurat el ldquoformatrdquo ldquodetallrdquo ja que la forma
de presentacioacute que configurarem a GridDBTramit necessitaragrave aquest format per
visualitzar el detall del contingut de tipus ldquoTragravemitrdquo
2
60
La pantalla anterior a aquesta ens ha de presentar aquesta informacioacute Ara
configurarem el ldquodetall2rdquo per presentar el contingut rdquo Normativa de SACrdquo Per a aixograve
cal fer el seguumlent
1 Fer clic a ldquoAfegir Formatrdquo
En aquesta nova pantalla ens assegurarem del seguumlent
1 A la casella ldquoFormatrdquo hi ha el valor ldquodetall2rdquo
1
61
2 A la casella ldquoTemplaterdquo hi ha drsquohaver el correcte Si no eacutes aixiacute srsquoha de fer clic a
ldquoNavegadorrdquo
En fer clic a ldquoNavegadorrdquo srsquoha de fer el seguumlent
1 Tornar a navegar fins a ldquogenericrdquo (srsquoha de substituir pel nom del portal)
1 2
62
1
63
A la pantalla seguumlent cal seleccionar una plantilla i
1 Fer clic al botoacute a prop de ldquoGridBTramitNormativaSacrdquo
2 Fer clic a ldquoOKrdquo
1
2
64
En aquest moment es torna a la pantalla anterior i cal fer el seguumlent
2 Fer clic a ldquoOKrdquo
En el canal Llistat de tragravemits ha drsquoestar configurat el ldquoformatrdquo ldquodetall2rdquo ja que la
forma de presentacioacute que configurarem a GridDBTramitNormativaSac necessitaragrave
aquest format per visualitzar el detall del contingut de tipus normativa ldquoSACrdquo
2
65
La pantalla anterior a aquesta ens ha de presentar aquesta informacioacute i srsquoha de fer el
seguumlent
2 Fer clic a ldquoOKrdquo
1
66
La finestra pare anterior a aquesta quedaragrave com es mostra tot seguit i realitzarem les
accions seguumlents
1 Fer clic a ldquoOKrdquo
4 Comparticioacute de continguts
Accedim al projecte on hi ha tots els tragravemits de lrsquoOVT
1
67
OVTDepartaments[NomCurtDepartaments][NomCurtOrganisme] TramitOVT
On NomCurtDepartaments correspon al nom curt del departament al que fa referencia
el nostre organisme
En aquest exemple es mostren tots els projectes de tragravemits de lrsquoOVT
Un cop localitzat el tragravemit de lrsquoOVT que volem compartir amb el nostre site accedirem
a lrsquoedicioacute del contingut i assignarem aquest contingut al canal del nostre site on es
vulgui mostrar Srsquoha de fer el seguumlent
1 Anar al contenidor de projectes on hi ha els continguts de GECO
Apareixeragrave lrsquoestructura de projectes a la qual teacute acceacutes lrsquousuari redactor Cal fer el
seguumlent (exemple Agegravencia Tributagraveria dins drsquoEconomia i Finances)
1 Seleccionar ldquoOVTrdquo
2 Seleccionar ldquoDepartamentsrdquo aquesta carpeta conteacute tots els tragravemits de lrsquoOVT
classificats per departaments
3 Seleccionar ldquoECOrdquo A lrsquousuari nomeacutes se li mostraragrave la carpeta del seu
departament
Si lrsquousuari no visualitza la carpeta dins del seu departament eacutes perquegrave no
srsquoha aplicat la poliacutetica de seguretat correctament Cal obrir un tiquet a Suport
gencat per tramitar aquests permisos AQUESTA CARPETA NOMEacuteS SERAgrave
VISIBLE PER ALS USUARIS AMB ROL REDACTOR
4 Seleccionar ldquoA_Agegravencia Tributagraveriardquo
5 Seleccionar ldquoTramitOVTrdquo
1
68
2
3
1
69
4
5
70
Apareixeragrave el llistat de continguts ldquoTragravemitOVTrdquo de lrsquoOVT de lrsquoAgegravencia Tributagraveria
Realitzarem les accions seguumlents
1 Seleccionar el tragravemit o els tragravemits que volem compartir en la web dorganisme
2 Fer clic a ldquoAssociarrdquo
2
1
71
Aquest proceacutes obriragrave una finestra Per seleccionar el site i canal on es volen mostrar
els tragravemits seleccionats realitzarem les accions seguumlents (cas site Generic)
1 Seleccionar el site ldquoGenericrdquo en el vostre cas el site del departament on es vol
mostrar el contingut ldquotragravemitrdquo
2 Navegar pels canals del Site Genegraveric fins al canal que srsquoha creat en el punt
ldquoLlistat de tragravemitsrdquo i seleccionar el quadre de verificacioacute
3 Fer clic a ldquoOKrdquo
1
72
2
3
73
41 Validar que la comparticioacute de continguts eacutes correcta
Accedim per VCM al canal que hem creat anteriorment al qual li acabem drsquoassignar
els continguts de tragravemits que ha de mostrar i fem el seguumlent
1 Anar al contenidor de portals
2 Seleccionar el Site ldquogenericrdquo
3 Seleccionar el canal ldquoHomerdquo
4 Seleccionar el canal ldquoCanal Llistat tragravemitsrdquo
1
2
3
74
4
75
Apareixeragrave el contingut assignat al canal ldquoCanal Llistat tragravemitsrdquo
En entrar trobarem el llistat seguumlent
1 Llistat del tragravemits de lrsquoOVT que srsquohan compartit amb el canal ldquoCanal Llistat
tragravemitsrdquo
2 Validar que els continguts que apareixen soacuten del tipus ldquoTramitOVTrdquo
En cas que al canal del site ldquoCanal Llistat tragravemitsrdquo no apareguin els continguts
tragravemits associats anteriorment cal repetir el pas 22
1 2
76
5 Configuracioacute al portal
Ara cal entrar al nostre site on tenim configurat el canal que hem creat en lrsquoapartat
anterior (21) i que ara configurarem a nivell de portal
51 Configuracioacute a Canal Llistat tragravemits
511 Configuracioacute de la llista de tragravemits
Farem clic a lrsquoenllaccedil ldquoCanal llistat tragravemitsrdquo de la ldquoHomerdquo i anirem a parar a una
pantalla com la que es mostra meacutes avall
Es pot apreciar que en el contingut de la pagravegina no hi ha res Aixograve eacutes perquegrave cal
configurar els portlets adequats ( )
1 Ens situarem sobre la icona ldquoOpcions de Pagraveginardquo
2 Seleccionarem ldquoObrir Plantillardquo ja que els portlets soacuten a nivell de Page
Ens apareixeragrave una pantalla com la que es mostra tot seguit i realitzarem les accions
seguumlents
1 Seleccionar el portlet de la part central de la pagravegina per configurar una ldquoLlista
automagravetica de contingutsrdquo
2
1
77
Tambeacute podem configurar una ldquoLlista manual de contingutsrdquo segons les
necessitats de cada usuari
78
Ens redirigiragrave cap a un formulari drsquoedicioacute que ens mostraragrave directament quina consulta
hem de configurar per mostrar els continguts i configurarem una consulta com la
seguumlent (evidentment segons les necessitats de cada usuari)
Ara tenim configurat que la pagravegina mostraragrave els tipus de contingut ldquoTramitOVTrdquo del
canal actual ordenats per la ldquoEacutes on-linerdquo en ordre descendent
Aixograve ens portaragrave a la pantalla principal on acabarem de completar la configuracioacute
1 Validar que en lrsquoapartat ldquoConsultardquo hi ha la configuracioacute que acabem drsquoafegir
2 Emplenar ldquoAgraveliesrdquo
3 En lrsquoapartat Forma de presentacioacute fer clic al botoacute ldquoCercar helliprdquo
79
Ens apareixeragrave la pantalla seguumlent
1 Fer clic a ldquoNavegacioacute per projectesrdquo
1
2
3
80
Ens canviaragrave la vista al format seguumlent
1 Navegarem per les carpetes fins a arribar a ldquoFramework Formes de
presentacioacute Site generic fw_fp_llistatramitsrdquo
2 Seleccionarem ldquofw_fp_llistatramitsrdquo
3 Farem clic a ldquoOKrdquo
1
1
81
En retornar a la pantalla principal cal
1 Validar que la forma de presentacioacute eacutes la que acabem de seleccionar
2 Fer clic a ldquoOKrdquo
1 (continuacioacute) 2
3
82
1
2
83
Aquest seragrave el nostre resultat a la pantalla del portal i cal fer el seguumlent
1 Verificar que apareixen els dos continguts que es van associar a aquest canal
1
84
512 Configuracioacute del detall del tragravemit i el pas a pas
En fer clic sobre una activitat veurem com ens redirigeix a la plantilla configurada al
ldquodetallrdquo drsquoaquesta pagravegina tal com la vam configurar en lrsquoapartat 231 cal fer el
seguumlent
1 Fer clic a la primera activitat
1
85
Ens sortiragrave la pagravegina de VAP del detall drsquoun contingut per configurar farem els
passos seguumlents
1 Ens situarem sobre la icona ldquoOpcions de Pagraveginardquo
2 Seleccionar ldquoObrir Plantillardquo ja que els portlets soacuten a nivell de Page
Ens apareixeragrave una pantalla com la que es mostra tot seguit i realitzarem les accions
seguumlents
1 Seleccionar el portlet de la part central de la pagravegina per configurar un ldquoDetall
de contingutrdquo i fer clic a ldquoEditarrdquo
Ens apareixeragrave la pantalla de seleccioacute de component de presentacioacute
1 Seleccionarem el component de presentacioacute ldquoDetall de contingutrdquo
1
2
1
86
Ens apareixeragrave la pantalla que es mostra tot seguit i realitzarem les accions seguumlents
1 Emplenar el camp ldquoAgraveliesrdquo
2 Canviar a la pestanya ldquoPresentacioacuterdquo
En fer clic a la pestanya obtindrem la imatge que es mostra tot seguit i realitzarem les
accions seguumlents
1 Cercarem una forma de presentacioacute fent clic a ldquoCercar helliprdquo
1
2
87
Quan aparegui la pantalla de cercador realitzarem una cerca de la forma de
presentacioacute que volem fer servir per a aixograve cal fer el seguumlent
1 Emplenar la caixa de text amb ldquofw_fp_tramitrdquo
2 Preacutemer ldquoCercarrdquo
3 Seleccionar la forma de presentacioacute de la caixa de resultats
4 Preacutemer ldquoOKrdquo
La forma de presentacioacute ldquofw_fp_tramitrdquo estagrave preparada per ldquomaquillarrdquo el contingut
dels tragravemits Tambeacute es pot fer servir una forma de presentacioacute personalitzada
segons es cregui convenient
1
1
2
3
4
88
En acabar tornarem a la pagravegina principal drsquoedicioacute i farem el seguumlent
1 Verificar que la forma de presentacioacute eacutes la que hem escollit
2 Fer clic a ldquoOKrdquo
En finalitzar la configuracioacute del component de presentacioacute tornem a la pantalla del
portal i cal fer el seguumlent
1 Verificar que el disseny de la presentacioacute eacutes semblant al seguumlent
1
2
89
Configurarem el portlet superior central de la pagravegina perquegrave aquesta contingui el fil
drsquoAriadna
1 Accedir a ldquoObrir Plantillardquo
1 Editar el portlet central que hi ha a sobre del detall de tragravemit per configurar el fil
drsquoAriadna En aquest exemple el portlet eacutes ldquoFW_hilo_ariadnardquo
Escollirem el component de presentacioacute
1 Seleccionar el component de presentacioacute ldquoFil drsquoAriadnardquo
1
1
90
En la configuracioacute del component realitzarem les accions seguumlents
1 Inserir el camp ldquoAgraveliesrdquo
2 Inserir el camp ldquoCanalrdquo
3 Fer clic a la pestanya ldquoPresentacioacuterdquo i cercar la forma de presentacioacute
ldquofw_fp_filariadnardquo
1
91
513 Configuracioacute del detall drsquouna normativa SAC
En el detall de contingut configurat en el punt anterior fent clic sobre una normativa
veurem com ens redirigeix a la plantilla configurada al ldquodetall2rdquo drsquoaquesta pagravegina tal
com hem configurat a lrsquoapartat 231
1 Fer clic a la primera ldquoNormativa Aplicablerdquo
2
3
92
Aquest enllaccedil ens portaragrave al detall2 del canal on srsquoha de configurar el detall de
contingut SAC per tal que es mostri la normativa aplicable
Configurarem el portlet superior central de la pagravegina perquegrave aquesta contingui el fil
drsquoAriadna per a aixograve cal fer el seguumlent
1 Accedir a ldquoObrir Plantillardquo
1
93
1
94
1 Editar el portlet central que hi ha a sobre del detall de tragravemit per configurar el fil
drsquoAriadna En aquest exemple el portlet eacutes ldquofw_portlet_tramitrdquo
Escollirem el component de presentacioacute
1 Seleccionar el component de presentacioacute ldquoDetall de Contingut SACrdquo
En la configuracioacute del component realitzarem les accions seguumlents
1 Inserir el camp ldquoAgraveliesrdquo
2 Seleccionar el tipus de contingut ldquoDetall Tragravemitrdquo
1
95
3 Fer clic a la pestanya ldquoPresentacioacuterdquo i cercar la forma de presentacioacute
ldquofw_fp_sac_normativardquo
4 Fer clic al botoacute ldquoOKrdquo
Srsquoactualitzaragrave la pagravegina de VAP i es mostraragrave el detall de SAC
1
2
3
4
96
514 Validacioacute final de VAP
Finalment cal validar que els tragravemits es visualitzen correctament per a aixograve cal
1 Verificar que tenim els canals creats
2 Accedir al canal ldquoCanal Llistat tragravemitsrdquo i validar que es mostren els tragravemits
que hem associat al punt 22
1
97
A continuacioacute cal fer les comprovacions seguumlents
1 Accedir al detall del tragravemit compartit
2 Accedir al pas a pas del tragravemit i a la normativa de SAC
Exemple llistat de tragravemits compartits
2
1
98
Exemple detall de tragravemit compartit
Exemple pas a pas drsquoun tragravemit
2
2
99
Exemple normativa SAC
En el cas que no es visualitzin el llistat de tragravemits detall o pas a pas configurat
validar
1 Refrescar la Pagravegina
2 Els tragravemits estan associats al canal que esteacuten visualitzat punt 23
1 Refrescar la pagravegina
1
17
211 Crear NavItem del llistat Tragravemits
A partir de la consola de VAP farem les tasques seguumlents per crear el NavItem
1 Anar a lrsquoopcioacute del menuacute ldquoArbre de Navegacioacuterdquo
2 Fer clic a ldquoCrear Element de Navegacioacuterdquo
1
2
18
Per crear lrsquoelement de navegacioacute realitzarem les tasques seguumlents
1 Posar el nom al NavItem rdquoFW_NavItem_GRIDB2rdquo
2 Seleccionar ldquoEnllaccedilar ardquo i seleccionar la pagravegina que acabem de crear
3 Seleccionar el tema ldquoFW_Temardquo
4 Seleccionar la graella ldquoFW_Grid_B2rdquo
5 Fer clic a ldquoCrearrdquo
1
2
3
4
5
19
Quan seleccionem ldquoEnllaccedilar ardquo i triem la pagravegina que acabem de crear srsquoobriragrave la
finestra seguumlent per a aixograve cal
1 Cercar la pagravegina que hem creat en el pas anterior
2 Marcar el quadre de verificacioacute de la pagravegina
3 Fer clic a ldquoOKrdquo
Quan seleccionem el tema srsquoobriragrave la finestra seguumlent per a aixograve cal fer el seguumlent
1 Seleccionar el quadre de verificacioacute del tema que farem servir al nostre site per
a aquest exemple fem servir el tema del Site Genegraveric
2 Fer clic a ldquoSalvarrdquo
Quan seleccionem la graella srsquoobriragrave la finestra seguumlent per a aixograve cal
3 Seleccionar la graella que utilitzarem al nostre site per a aquest exemple farem
servir la Graella FW_Grid_B2 que teacute destacats a la dreta del Site Genegraveric
1
1
2
3
2
20
4 Fer clic a ldquoSalvarrdquo
1
2
21
22 Crear pagravegina de detall de tragravemits i normativa SAC
Dins del gestor de portals (VAP) realitzarem les tasques seguumlents
1 Accedir a la consola de ldquoVAPrdquo del nostre site
2 Seleccionar ldquoComponentsrdquo
3 Seleccionar ldquoPagesrdquo
4 Seleccionar ldquoLlistat de Pagraveginesrdquo
5 Fer clic a ldquoCrear Pagraveginardquo
1
2
3
4
5
22
Srsquoobriragrave un formulari per donar drsquoalta una nova pagravegina Aquiacute cal
4 Introduir el nom de la pagravegina FW_Pagina_Grid_Tramits_SAC_Detall_B
5 Seleccionar ldquoEnllaccedil de Navegacioacuterdquo
6 Fer clic a ldquoCrear Pagraveginardquo
Sersquons mostraragrave la pantalla seguumlent on cal
1 Seleccionar ldquoVisualitzacioacuterdquo
1
3
2
1
23
Sersquons mostraragrave la pantalla seguumlent on cal
4 Seleccionar ldquo1 columnardquo
5 Fer clic a ldquoActualitzarrdquo
6 Seleccionar ldquoColmiddotlocacioacute de Portletrdquo
1
2
3
24
Sersquons mostraragrave la pantalla seguumlent on cal
2 Fer clic a ldquoAfegir Portletsrdquo
Sersquons mostraragrave la pantalla seguumlent on cal
2 Seleccionar ldquoCrear i afegir nous Portletsrdquo
1
25
Sersquons mostraragrave la pantalla seguumlent on cal
4 Seleccionar ldquoContent Publish Portlet 20rdquo
5 Fer clic a ldquoCrear Seleccionatsrdquo
6 Fer clic a ldquoTancarrdquo
Es poden afegir tants portlets com es vulgui a la pagravegina i com a miacutenim un
per configurar el llistat de tragravemits
1
26
1
2
3
27
La pagravegina srsquohauragrave actualitzat amb els portlets que srsquohan creat tot seguit cal fer el
seguumlent
2 Fer clic al tiacutetol del portlet
1
28
Srsquoha de configurar el tipus de portlet per al llistat Tragravemit per a aixograve cal
Posar un nom al portlet
1 Posar si eacutes a nivell de Page o Template
2 Seleccionar que pot ser un Detall de contingut i Detall de contingut SAC
3 Posar en ldquoJSP Override URLrdquo la ruta ldquovgn-ext-templatingviewsindexControladorjsprdquo
4 Fer clic a ldquoSaverdquo
1
2
3
3
5
4
vgn-ext-templatingviewsindexControladorjsp
29
Srsquohan de configurar permisos del portlet per al detall del tragravemit i la normativa SAC per
a aixograve cal
4 Seleccionar ldquoPermisosrdquo
5 Seleccionar els grups que es volen autoritzar
6 Fer clic a ldquoActualitzarrdquo
1
2
3
30
Tot seguit srsquohan de configurar les dades bagravesiques del portlet per a aixograve srsquoha de fer el
seguumlent
1 Seleccionar ldquoBagravesicsrdquo
2 Posar el nom del portlet ldquofw_portlet_tramit_sac_detallrdquo
3 Desmarcar el quadre de verificacioacute ldquoMostra el cromrdquo
4 Fer clic a ldquoActualitzarrdquo
1
2
3
4
31
Despreacutes cal validar que la pagravegina srsquoha creat correctament per a aixograve cal fer el
seguumlent
1 Seleccionar ldquoLlista Pagraveginardquo
2 Fer clic al nom de la pagravegina
1
2
32
Per bloquejar la pagravegina cal fer el seguumlent
1 Seleccionar la casella de verificacioacute ldquoPagravegina Bloquejadardquo
2 Fer clic a ldquoActualitzar Opcionsrdquo
1
2
33
221 Crear NavItem de detall de tragravemits i normativa SAC
A partir de la consola de VAP farem les tasques seguumlents per crear el NavItem
1 Anar a lrsquoopcioacute del menuacute ldquoArbre de Navegacioacuterdquo
2 Fer clic a ldquoCrear Element de Navegacioacuterdquo
1
2
34
Per crear lrsquoelement de Navegacioacute realitzarem les tasques seguumlents
1 Posar el nom al NavItem rdquoFW_NavItem_GRIDBrdquo
2 Seleccionar ldquoEnllaccedilar ardquo i seleccionar la pagravegina que acabem de crear
3 Seleccionar el tema ldquoFW_Temardquo
4 Seleccionar la graella ldquoFW_Grid_Brdquo sense destacats a la dreta per
visualitzar correctament el detall de tragravemits el pas a pas i la normativa SAC
5 Fer clic a ldquoCrearrdquo
1
2
3
4
5
35
Quan seleccionem ldquoEnllaccedilar ardquo i seleccionem la pagravegina que acabem de crear srsquoobriragrave
la finestra seguumlent aquiacute cal
1 Cercar la pagravegina que hem creat en el pas anterior
2 Seleccionar la casella de verificacioacute de la pagravegina
3 Fer clic a ldquoOKrdquo
Quan fem seleccionem el tema srsquoobriragrave la seguumlent finestra per a aixograve cal
1 Seleccionar la casella de verificacioacute del tema que utilitzarem al nostre site per
a aquest exemple farem servir el tema del Site Genegraveric
2 Fer clic a ldquoSalvarrdquo
1
1
2
3
2
36
Quan seleccionem la graella srsquoobriragrave la finestra seguumlent aquiacute cal
1 Seleccionar la graella que utilitzarem al nostre site per a aquest exemple farem
servir la Graella FW_Grid_B sense destacats a la dreta del Site Genegraveric Per
tal de visualitzar correctament el detall del tragravemit el pas a pas i la normativa
SAC eacutes imprescindible que la graella tingui una uacutenica columna de continguts
2 Fer clic a ldquoSalvarrdquo
1
2
37
3 Configuracioacute de lrsquoadministracioacute de VCM
31 Creacioacute del canal ldquoLlistat tragravemitsrdquo
Dins del gestor de continguts realitzarem les tasques seguumlents
1 Accedir a ldquoPortalsrdquo
2 Navegar fins al ldquoPortalrdquo on volem configurar el llistat de continguts
3 Seleccionar ldquoHomerdquo
4 Posicionar-se sobre la creu verda i seleccionar ldquoCanalrdquo
a Emplenar la informacioacute i fer clic a ldquoOKrdquo
b Assegurar-se que el canal eacutes ldquoActiurdquo
1
2
3
38
311 Associacioacute de fitxers a la presentacioacute drsquoun canal
Ara srsquohan drsquoassociar els fitxers estagravetics adequats a la presentacioacute del canal perquegrave les
formes de presentacioacute posteriors trobin els estils i els Javascript corresponents
Per a aixograve cal entrar a les propietats del canal ldquoCanal Llistat tragravemitsrdquo i
1 Seleccionar el canal ldquoCanal Llistat tragravemitsrdquo
4
4a
4b
39
1
40
En entrar trobarem el llistat seguumlent on cal
1 Fer clic a ldquoCanal Llistat tragravemitsrdquo
2 Aquest eacutes un contingut del tipus Canals (cal fixar-se que no eacutes com lrsquoanterior)
Es mostraragrave la pantalla seguumlent on afegirem els fitxers relacionats amb el canal per a
cada idioma aquiacute cal
1 Emplenar els camps requerits per crear una pestanya del multiidioma
2 Desplaccedilar-se cap avall en lrsquoapartat ldquomultiidiomardquo fins a observar lrsquoapartat
drsquoassociacioacute de fitxers
3 Fer clic a ldquoAfegirrdquo
En aquest moment apareixeragrave la pantalla seguumlent
1 Si voleu afegir un fitxer amb extensioacute css cal deixar el camp ldquoTipus de fitxerrdquo
amb valor ldquocssrdquo Si voleu afegir un fitxer que teacute extensioacute js srsquoha de canviar el
camp ldquoTipus de fitxerrdquo al valor ldquojsrdquo
2 Fer clic a ldquoNavegadorrdquo
1
2 1 3
2
41
Apareixeragrave la pantalla de navegacioacute de continguts i anirem cercant els fitxers estagravetics
que associarem aquiacute cal
1 Fer clic a ldquoFrameworkrdquo
2 Fer clic a ldquoestilos y scriptsrdquo
3 Fer clic a ldquoNuevos Estilos imagenes y jsrdquo
4 Fer clic a ldquoGlobalsrdquo
2 1
42
43
44
Una vegada se nrsquohagin seleccionat tornarem a la pantalla anterior i farem el seguumlent
1 Verificar que el fitxer seleccionat eacutes el que apareix al quadre de text i que la
seva extensioacute coincideix amb la que hi ha seleccionada a ldquoTipus de fitxerrdquo
2 Fer clic a ldquoOKrdquo
Un cop acabades totes les associacions el resultat de les associacions afegides a la
pantalla principal ha de ser el seguumlent
1 Fer clic a ldquoAplicarrdquo a lrsquoapartat ldquomultiidiomardquo
1
2
45
1
46
Es recarregaragrave la pantalla
1 Fer clic a ldquoOKrdquo al nivell general
Ja tenim configurat el canal que mostraragrave ldquoLlistat de tragravemitsrdquo amb els fitxers associats
que fa referegravencia a la forma de presentacioacute que farem servir aquest mateix canal
mostraragrave el detall del contingut tragravemit amb el format detall
32 Creacioacute i assignacioacute de plantilles de presentacioacute per al
canal ldquoCanal Llistat tragravemitsrdquo
321 Creacioacute de les plantilles (templates) de VCM
La configuracioacute del canal de VCM per mostrar els llistats de tragravemits i el seu detall es
basen en tres plantilles una per llistar el tragravemits (format default) una per mostrar el
detall i el pas a pas drsquoun tragravemit (format detall) i una altra per mostrar la normativa
aplicable drsquoun tragravemit (format detall2)
A continuacioacute srsquoexplica com es creen les plantilles de presentacioacute
(Presentation Templates) necessagraveries per configurar els tragravemits Els
responsables de cada site srsquohan de crear les seves progravepies plantilles
Cal tenir en compte que les plantilles que apareixen en el document soacuten nomeacutes un
exemple drsquouna configuracioacute vagravelida En els casos pragravectics cal seleccionar les plantilles
que pertanyen a cada portal io que tingui cada usuari en els seus recursos
En el nostre cas es fan servir les plantilles ldquoGridB2LlistatTramitsrdquo ldquoGridBTramitrdquo i
ldquoGridBTramitNormativaSacrdquo
1
47
Per la creacioacute de la plantilla srsquohan de seguir els passos seguumlents
1 Accedir al ldquoBanc de Treballrdquo
2 Accedir a ldquoPresentation Templatesrdquo
3 Accedir a la carpeta de presentacions del nostre site en aquest exemple
ldquogenegravericrdquo
1
2
48
Un cop som al llistat de plantilles del nostre site cal fer el seguumlent
1 Seleccionar el signe ldquo+rdquo
2 Seleccionar Forma de Presentation Template
En realitzar aquesta accioacute srsquoobriragrave la finestra drsquoedicioacute o creacioacute de la Presentation
Template Srsquohan de crear dos plantilles noves amb les dades seguumlents
1 Plantilla per al llistat de tragravemits
a Nom cal posar un nom identificatiu de la plantilla per exemple
GenericoGridB2LlistatTramit
b Tipus de plantilla Portal Page
c VAPVCM Portal defaultgeneric (cal posar el nom del portal VAP)
d Element del menuacute de VAP FW_NavItem_GRIDB2
3
1
2
49
e Canal VCM per defecte
Tot seguit cal fer clic a ldquoOKrdquo
Per a la configuracioacute de la plantilla per al llistat de tragravemits es pot fer servir un
NavItem que utilitzi una grid amb destacats a la dreta per exemple la GRID B2 del
Site Genegraveric o beacute un Navitem sense destacats (el FW_NavItem_GRIDB creat
anteriorment)
El NavItem ha de disposar drsquoun portlet a la part central a nivell de Page per
configurar el llistat de tragravemits
f
50
2 Crear una nova Presentation Template per al detall de tragravemits i el pas a
pas
a Nom cal posar un nom identificatiu de la plantilla com per exemple
GenericoGridBTramit
b Tipus de plantilla Portal Page
c VAPVCM Portal defaultgeneric
d Element del menuacute de VAP FW_NavItem_GRIDB
e Canal VCM per defecte
Finalment cal fer clic a ldquoOKrdquo
Per configurar la plantilla per al detall dels tragravemits i el pas a pas srsquoha de fer servir un
NavItem que utilitzi una grid sense destacats a la dreta per exemple la GRID B del
site Genegraveric
El NavItem ha de disposar de dos portlets a la part central a nivell de Page per
configurar el llistat de tragravemits
Tot seguit cal crear una nova Presentation Template per al detall de tragravemits i el pas a
pas
a Nom cal posar un nom identificatiu de la plantilla per exemple
GenericoGridBTramitNormativaSac
f
51
b Tipus de plantilla Portal Page
c VAPVCM Portal defaultgeneric
d Element del menuacute de VAP FW_NavItem_GRIDB
e Canal VCM per defecte
Finalment cal fer clic a ldquoOKrdquo
322 Configuracioacute de la plantilla al canal
Les Presentation Templates que configurarem a continuacioacute soacuten drsquoexemple
Els responsables de cada site han de crear les seves progravepies plantilles
Un cop creat el canal i les Presentation Templates en configurarem la presentacioacute
1 Seleccionarem la casella de seleccioacute del canal que acabem de crear
2 Farem clic a la icona de propietats del canal
3 Navegarem a la pestanya ldquoPresentacioacuterdquo
52
Ens apareixeragrave un formulari com el que es mostra a continuacioacute i realitzarem les
accions seguumlents
1 Fer clic a ldquoAfegir presentacioacute de canalrdquo
1
2
3
53
Apareixeragrave la pantalla seguumlent amb lrsquoobjectiu de seleccionar una plantilla en el nostre
cas farem el seguumlent
1 Seleccionar el projecte de plantilles respectiu al portal A lrsquoexemple ldquogenericrdquo
Posteriorment apareixeragrave un llistat de plantilles (ldquoTemplatesrdquo)
1 En aquest cas seleccionarem ldquoGridB2LlistatTramitsrdquo
2 Acceptarem la seleccioacute ldquoOKrdquo
1
1
54
1
2
55
Un cop acceptat ens apareixeragrave la pantalla seguumlent on configurarem el ldquodetallrdquo Per a
aixograve cal fer el seguumlent
1 Fer clic a ldquoAssignar una Nova Plantilla de Presentacioacuterdquo
1
56
Tot seguit apareixeragrave la pantalla que es mostra a continuacioacute on realitzarem les
accions seguumlents
1 Fer clic a ldquoAfegir formatrdquo
En aquesta nova pantalla ens assegurarem del seguumlent
1 A la casella ldquoFormatrdquo hi ha el valor ldquodetallrdquo
2 A la casella ldquoTemplaterdquo hi ha drsquohaver el correcte Si no eacutes aixiacute srsquoha de fer clic a
ldquoNavegadorrdquo
En fer clic a ldquoNavegadorrdquo cal fer el seguumlent
1 Tornar a navegar fins a ldquogenericrdquo
1
1 2
57
1
58
I a la pantalla seguumlent cal seleccionar una plantilla i
1 Fer clic al botoacute a prop de ldquoGridBTramitrdquo
2 Fer clic a ldquoOKrdquo
1
2
59
En aquest moment es torna a la pantalla anterior i cal
1 Fer clic a ldquoOKrdquo
En el canal Llistat de tragravemits ha drsquoestar configurat el ldquoformatrdquo ldquodetallrdquo ja que la forma
de presentacioacute que configurarem a GridDBTramit necessitaragrave aquest format per
visualitzar el detall del contingut de tipus ldquoTragravemitrdquo
2
60
La pantalla anterior a aquesta ens ha de presentar aquesta informacioacute Ara
configurarem el ldquodetall2rdquo per presentar el contingut rdquo Normativa de SACrdquo Per a aixograve
cal fer el seguumlent
1 Fer clic a ldquoAfegir Formatrdquo
En aquesta nova pantalla ens assegurarem del seguumlent
1 A la casella ldquoFormatrdquo hi ha el valor ldquodetall2rdquo
1
61
2 A la casella ldquoTemplaterdquo hi ha drsquohaver el correcte Si no eacutes aixiacute srsquoha de fer clic a
ldquoNavegadorrdquo
En fer clic a ldquoNavegadorrdquo srsquoha de fer el seguumlent
1 Tornar a navegar fins a ldquogenericrdquo (srsquoha de substituir pel nom del portal)
1 2
62
1
63
A la pantalla seguumlent cal seleccionar una plantilla i
1 Fer clic al botoacute a prop de ldquoGridBTramitNormativaSacrdquo
2 Fer clic a ldquoOKrdquo
1
2
64
En aquest moment es torna a la pantalla anterior i cal fer el seguumlent
2 Fer clic a ldquoOKrdquo
En el canal Llistat de tragravemits ha drsquoestar configurat el ldquoformatrdquo ldquodetall2rdquo ja que la
forma de presentacioacute que configurarem a GridDBTramitNormativaSac necessitaragrave
aquest format per visualitzar el detall del contingut de tipus normativa ldquoSACrdquo
2
65
La pantalla anterior a aquesta ens ha de presentar aquesta informacioacute i srsquoha de fer el
seguumlent
2 Fer clic a ldquoOKrdquo
1
66
La finestra pare anterior a aquesta quedaragrave com es mostra tot seguit i realitzarem les
accions seguumlents
1 Fer clic a ldquoOKrdquo
4 Comparticioacute de continguts
Accedim al projecte on hi ha tots els tragravemits de lrsquoOVT
1
67
OVTDepartaments[NomCurtDepartaments][NomCurtOrganisme] TramitOVT
On NomCurtDepartaments correspon al nom curt del departament al que fa referencia
el nostre organisme
En aquest exemple es mostren tots els projectes de tragravemits de lrsquoOVT
Un cop localitzat el tragravemit de lrsquoOVT que volem compartir amb el nostre site accedirem
a lrsquoedicioacute del contingut i assignarem aquest contingut al canal del nostre site on es
vulgui mostrar Srsquoha de fer el seguumlent
1 Anar al contenidor de projectes on hi ha els continguts de GECO
Apareixeragrave lrsquoestructura de projectes a la qual teacute acceacutes lrsquousuari redactor Cal fer el
seguumlent (exemple Agegravencia Tributagraveria dins drsquoEconomia i Finances)
1 Seleccionar ldquoOVTrdquo
2 Seleccionar ldquoDepartamentsrdquo aquesta carpeta conteacute tots els tragravemits de lrsquoOVT
classificats per departaments
3 Seleccionar ldquoECOrdquo A lrsquousuari nomeacutes se li mostraragrave la carpeta del seu
departament
Si lrsquousuari no visualitza la carpeta dins del seu departament eacutes perquegrave no
srsquoha aplicat la poliacutetica de seguretat correctament Cal obrir un tiquet a Suport
gencat per tramitar aquests permisos AQUESTA CARPETA NOMEacuteS SERAgrave
VISIBLE PER ALS USUARIS AMB ROL REDACTOR
4 Seleccionar ldquoA_Agegravencia Tributagraveriardquo
5 Seleccionar ldquoTramitOVTrdquo
1
68
2
3
1
69
4
5
70
Apareixeragrave el llistat de continguts ldquoTragravemitOVTrdquo de lrsquoOVT de lrsquoAgegravencia Tributagraveria
Realitzarem les accions seguumlents
1 Seleccionar el tragravemit o els tragravemits que volem compartir en la web dorganisme
2 Fer clic a ldquoAssociarrdquo
2
1
71
Aquest proceacutes obriragrave una finestra Per seleccionar el site i canal on es volen mostrar
els tragravemits seleccionats realitzarem les accions seguumlents (cas site Generic)
1 Seleccionar el site ldquoGenericrdquo en el vostre cas el site del departament on es vol
mostrar el contingut ldquotragravemitrdquo
2 Navegar pels canals del Site Genegraveric fins al canal que srsquoha creat en el punt
ldquoLlistat de tragravemitsrdquo i seleccionar el quadre de verificacioacute
3 Fer clic a ldquoOKrdquo
1
72
2
3
73
41 Validar que la comparticioacute de continguts eacutes correcta
Accedim per VCM al canal que hem creat anteriorment al qual li acabem drsquoassignar
els continguts de tragravemits que ha de mostrar i fem el seguumlent
1 Anar al contenidor de portals
2 Seleccionar el Site ldquogenericrdquo
3 Seleccionar el canal ldquoHomerdquo
4 Seleccionar el canal ldquoCanal Llistat tragravemitsrdquo
1
2
3
74
4
75
Apareixeragrave el contingut assignat al canal ldquoCanal Llistat tragravemitsrdquo
En entrar trobarem el llistat seguumlent
1 Llistat del tragravemits de lrsquoOVT que srsquohan compartit amb el canal ldquoCanal Llistat
tragravemitsrdquo
2 Validar que els continguts que apareixen soacuten del tipus ldquoTramitOVTrdquo
En cas que al canal del site ldquoCanal Llistat tragravemitsrdquo no apareguin els continguts
tragravemits associats anteriorment cal repetir el pas 22
1 2
76
5 Configuracioacute al portal
Ara cal entrar al nostre site on tenim configurat el canal que hem creat en lrsquoapartat
anterior (21) i que ara configurarem a nivell de portal
51 Configuracioacute a Canal Llistat tragravemits
511 Configuracioacute de la llista de tragravemits
Farem clic a lrsquoenllaccedil ldquoCanal llistat tragravemitsrdquo de la ldquoHomerdquo i anirem a parar a una
pantalla com la que es mostra meacutes avall
Es pot apreciar que en el contingut de la pagravegina no hi ha res Aixograve eacutes perquegrave cal
configurar els portlets adequats ( )
1 Ens situarem sobre la icona ldquoOpcions de Pagraveginardquo
2 Seleccionarem ldquoObrir Plantillardquo ja que els portlets soacuten a nivell de Page
Ens apareixeragrave una pantalla com la que es mostra tot seguit i realitzarem les accions
seguumlents
1 Seleccionar el portlet de la part central de la pagravegina per configurar una ldquoLlista
automagravetica de contingutsrdquo
2
1
77
Tambeacute podem configurar una ldquoLlista manual de contingutsrdquo segons les
necessitats de cada usuari
78
Ens redirigiragrave cap a un formulari drsquoedicioacute que ens mostraragrave directament quina consulta
hem de configurar per mostrar els continguts i configurarem una consulta com la
seguumlent (evidentment segons les necessitats de cada usuari)
Ara tenim configurat que la pagravegina mostraragrave els tipus de contingut ldquoTramitOVTrdquo del
canal actual ordenats per la ldquoEacutes on-linerdquo en ordre descendent
Aixograve ens portaragrave a la pantalla principal on acabarem de completar la configuracioacute
1 Validar que en lrsquoapartat ldquoConsultardquo hi ha la configuracioacute que acabem drsquoafegir
2 Emplenar ldquoAgraveliesrdquo
3 En lrsquoapartat Forma de presentacioacute fer clic al botoacute ldquoCercar helliprdquo
79
Ens apareixeragrave la pantalla seguumlent
1 Fer clic a ldquoNavegacioacute per projectesrdquo
1
2
3
80
Ens canviaragrave la vista al format seguumlent
1 Navegarem per les carpetes fins a arribar a ldquoFramework Formes de
presentacioacute Site generic fw_fp_llistatramitsrdquo
2 Seleccionarem ldquofw_fp_llistatramitsrdquo
3 Farem clic a ldquoOKrdquo
1
1
81
En retornar a la pantalla principal cal
1 Validar que la forma de presentacioacute eacutes la que acabem de seleccionar
2 Fer clic a ldquoOKrdquo
1 (continuacioacute) 2
3
82
1
2
83
Aquest seragrave el nostre resultat a la pantalla del portal i cal fer el seguumlent
1 Verificar que apareixen els dos continguts que es van associar a aquest canal
1
84
512 Configuracioacute del detall del tragravemit i el pas a pas
En fer clic sobre una activitat veurem com ens redirigeix a la plantilla configurada al
ldquodetallrdquo drsquoaquesta pagravegina tal com la vam configurar en lrsquoapartat 231 cal fer el
seguumlent
1 Fer clic a la primera activitat
1
85
Ens sortiragrave la pagravegina de VAP del detall drsquoun contingut per configurar farem els
passos seguumlents
1 Ens situarem sobre la icona ldquoOpcions de Pagraveginardquo
2 Seleccionar ldquoObrir Plantillardquo ja que els portlets soacuten a nivell de Page
Ens apareixeragrave una pantalla com la que es mostra tot seguit i realitzarem les accions
seguumlents
1 Seleccionar el portlet de la part central de la pagravegina per configurar un ldquoDetall
de contingutrdquo i fer clic a ldquoEditarrdquo
Ens apareixeragrave la pantalla de seleccioacute de component de presentacioacute
1 Seleccionarem el component de presentacioacute ldquoDetall de contingutrdquo
1
2
1
86
Ens apareixeragrave la pantalla que es mostra tot seguit i realitzarem les accions seguumlents
1 Emplenar el camp ldquoAgraveliesrdquo
2 Canviar a la pestanya ldquoPresentacioacuterdquo
En fer clic a la pestanya obtindrem la imatge que es mostra tot seguit i realitzarem les
accions seguumlents
1 Cercarem una forma de presentacioacute fent clic a ldquoCercar helliprdquo
1
2
87
Quan aparegui la pantalla de cercador realitzarem una cerca de la forma de
presentacioacute que volem fer servir per a aixograve cal fer el seguumlent
1 Emplenar la caixa de text amb ldquofw_fp_tramitrdquo
2 Preacutemer ldquoCercarrdquo
3 Seleccionar la forma de presentacioacute de la caixa de resultats
4 Preacutemer ldquoOKrdquo
La forma de presentacioacute ldquofw_fp_tramitrdquo estagrave preparada per ldquomaquillarrdquo el contingut
dels tragravemits Tambeacute es pot fer servir una forma de presentacioacute personalitzada
segons es cregui convenient
1
1
2
3
4
88
En acabar tornarem a la pagravegina principal drsquoedicioacute i farem el seguumlent
1 Verificar que la forma de presentacioacute eacutes la que hem escollit
2 Fer clic a ldquoOKrdquo
En finalitzar la configuracioacute del component de presentacioacute tornem a la pantalla del
portal i cal fer el seguumlent
1 Verificar que el disseny de la presentacioacute eacutes semblant al seguumlent
1
2
89
Configurarem el portlet superior central de la pagravegina perquegrave aquesta contingui el fil
drsquoAriadna
1 Accedir a ldquoObrir Plantillardquo
1 Editar el portlet central que hi ha a sobre del detall de tragravemit per configurar el fil
drsquoAriadna En aquest exemple el portlet eacutes ldquoFW_hilo_ariadnardquo
Escollirem el component de presentacioacute
1 Seleccionar el component de presentacioacute ldquoFil drsquoAriadnardquo
1
1
90
En la configuracioacute del component realitzarem les accions seguumlents
1 Inserir el camp ldquoAgraveliesrdquo
2 Inserir el camp ldquoCanalrdquo
3 Fer clic a la pestanya ldquoPresentacioacuterdquo i cercar la forma de presentacioacute
ldquofw_fp_filariadnardquo
1
91
513 Configuracioacute del detall drsquouna normativa SAC
En el detall de contingut configurat en el punt anterior fent clic sobre una normativa
veurem com ens redirigeix a la plantilla configurada al ldquodetall2rdquo drsquoaquesta pagravegina tal
com hem configurat a lrsquoapartat 231
1 Fer clic a la primera ldquoNormativa Aplicablerdquo
2
3
92
Aquest enllaccedil ens portaragrave al detall2 del canal on srsquoha de configurar el detall de
contingut SAC per tal que es mostri la normativa aplicable
Configurarem el portlet superior central de la pagravegina perquegrave aquesta contingui el fil
drsquoAriadna per a aixograve cal fer el seguumlent
1 Accedir a ldquoObrir Plantillardquo
1
93
1
94
1 Editar el portlet central que hi ha a sobre del detall de tragravemit per configurar el fil
drsquoAriadna En aquest exemple el portlet eacutes ldquofw_portlet_tramitrdquo
Escollirem el component de presentacioacute
1 Seleccionar el component de presentacioacute ldquoDetall de Contingut SACrdquo
En la configuracioacute del component realitzarem les accions seguumlents
1 Inserir el camp ldquoAgraveliesrdquo
2 Seleccionar el tipus de contingut ldquoDetall Tragravemitrdquo
1
95
3 Fer clic a la pestanya ldquoPresentacioacuterdquo i cercar la forma de presentacioacute
ldquofw_fp_sac_normativardquo
4 Fer clic al botoacute ldquoOKrdquo
Srsquoactualitzaragrave la pagravegina de VAP i es mostraragrave el detall de SAC
1
2
3
4
96
514 Validacioacute final de VAP
Finalment cal validar que els tragravemits es visualitzen correctament per a aixograve cal
1 Verificar que tenim els canals creats
2 Accedir al canal ldquoCanal Llistat tragravemitsrdquo i validar que es mostren els tragravemits
que hem associat al punt 22
1
97
A continuacioacute cal fer les comprovacions seguumlents
1 Accedir al detall del tragravemit compartit
2 Accedir al pas a pas del tragravemit i a la normativa de SAC
Exemple llistat de tragravemits compartits
2
1
98
Exemple detall de tragravemit compartit
Exemple pas a pas drsquoun tragravemit
2
2
99
Exemple normativa SAC
En el cas que no es visualitzin el llistat de tragravemits detall o pas a pas configurat
validar
1 Refrescar la Pagravegina
2 Els tragravemits estan associats al canal que esteacuten visualitzat punt 23
1 Refrescar la pagravegina
1
18
Per crear lrsquoelement de navegacioacute realitzarem les tasques seguumlents
1 Posar el nom al NavItem rdquoFW_NavItem_GRIDB2rdquo
2 Seleccionar ldquoEnllaccedilar ardquo i seleccionar la pagravegina que acabem de crear
3 Seleccionar el tema ldquoFW_Temardquo
4 Seleccionar la graella ldquoFW_Grid_B2rdquo
5 Fer clic a ldquoCrearrdquo
1
2
3
4
5
19
Quan seleccionem ldquoEnllaccedilar ardquo i triem la pagravegina que acabem de crear srsquoobriragrave la
finestra seguumlent per a aixograve cal
1 Cercar la pagravegina que hem creat en el pas anterior
2 Marcar el quadre de verificacioacute de la pagravegina
3 Fer clic a ldquoOKrdquo
Quan seleccionem el tema srsquoobriragrave la finestra seguumlent per a aixograve cal fer el seguumlent
1 Seleccionar el quadre de verificacioacute del tema que farem servir al nostre site per
a aquest exemple fem servir el tema del Site Genegraveric
2 Fer clic a ldquoSalvarrdquo
Quan seleccionem la graella srsquoobriragrave la finestra seguumlent per a aixograve cal
3 Seleccionar la graella que utilitzarem al nostre site per a aquest exemple farem
servir la Graella FW_Grid_B2 que teacute destacats a la dreta del Site Genegraveric
1
1
2
3
2
20
4 Fer clic a ldquoSalvarrdquo
1
2
21
22 Crear pagravegina de detall de tragravemits i normativa SAC
Dins del gestor de portals (VAP) realitzarem les tasques seguumlents
1 Accedir a la consola de ldquoVAPrdquo del nostre site
2 Seleccionar ldquoComponentsrdquo
3 Seleccionar ldquoPagesrdquo
4 Seleccionar ldquoLlistat de Pagraveginesrdquo
5 Fer clic a ldquoCrear Pagraveginardquo
1
2
3
4
5
22
Srsquoobriragrave un formulari per donar drsquoalta una nova pagravegina Aquiacute cal
4 Introduir el nom de la pagravegina FW_Pagina_Grid_Tramits_SAC_Detall_B
5 Seleccionar ldquoEnllaccedil de Navegacioacuterdquo
6 Fer clic a ldquoCrear Pagraveginardquo
Sersquons mostraragrave la pantalla seguumlent on cal
1 Seleccionar ldquoVisualitzacioacuterdquo
1
3
2
1
23
Sersquons mostraragrave la pantalla seguumlent on cal
4 Seleccionar ldquo1 columnardquo
5 Fer clic a ldquoActualitzarrdquo
6 Seleccionar ldquoColmiddotlocacioacute de Portletrdquo
1
2
3
24
Sersquons mostraragrave la pantalla seguumlent on cal
2 Fer clic a ldquoAfegir Portletsrdquo
Sersquons mostraragrave la pantalla seguumlent on cal
2 Seleccionar ldquoCrear i afegir nous Portletsrdquo
1
25
Sersquons mostraragrave la pantalla seguumlent on cal
4 Seleccionar ldquoContent Publish Portlet 20rdquo
5 Fer clic a ldquoCrear Seleccionatsrdquo
6 Fer clic a ldquoTancarrdquo
Es poden afegir tants portlets com es vulgui a la pagravegina i com a miacutenim un
per configurar el llistat de tragravemits
1
26
1
2
3
27
La pagravegina srsquohauragrave actualitzat amb els portlets que srsquohan creat tot seguit cal fer el
seguumlent
2 Fer clic al tiacutetol del portlet
1
28
Srsquoha de configurar el tipus de portlet per al llistat Tragravemit per a aixograve cal
Posar un nom al portlet
1 Posar si eacutes a nivell de Page o Template
2 Seleccionar que pot ser un Detall de contingut i Detall de contingut SAC
3 Posar en ldquoJSP Override URLrdquo la ruta ldquovgn-ext-templatingviewsindexControladorjsprdquo
4 Fer clic a ldquoSaverdquo
1
2
3
3
5
4
vgn-ext-templatingviewsindexControladorjsp
29
Srsquohan de configurar permisos del portlet per al detall del tragravemit i la normativa SAC per
a aixograve cal
4 Seleccionar ldquoPermisosrdquo
5 Seleccionar els grups que es volen autoritzar
6 Fer clic a ldquoActualitzarrdquo
1
2
3
30
Tot seguit srsquohan de configurar les dades bagravesiques del portlet per a aixograve srsquoha de fer el
seguumlent
1 Seleccionar ldquoBagravesicsrdquo
2 Posar el nom del portlet ldquofw_portlet_tramit_sac_detallrdquo
3 Desmarcar el quadre de verificacioacute ldquoMostra el cromrdquo
4 Fer clic a ldquoActualitzarrdquo
1
2
3
4
31
Despreacutes cal validar que la pagravegina srsquoha creat correctament per a aixograve cal fer el
seguumlent
1 Seleccionar ldquoLlista Pagraveginardquo
2 Fer clic al nom de la pagravegina
1
2
32
Per bloquejar la pagravegina cal fer el seguumlent
1 Seleccionar la casella de verificacioacute ldquoPagravegina Bloquejadardquo
2 Fer clic a ldquoActualitzar Opcionsrdquo
1
2
33
221 Crear NavItem de detall de tragravemits i normativa SAC
A partir de la consola de VAP farem les tasques seguumlents per crear el NavItem
1 Anar a lrsquoopcioacute del menuacute ldquoArbre de Navegacioacuterdquo
2 Fer clic a ldquoCrear Element de Navegacioacuterdquo
1
2
34
Per crear lrsquoelement de Navegacioacute realitzarem les tasques seguumlents
1 Posar el nom al NavItem rdquoFW_NavItem_GRIDBrdquo
2 Seleccionar ldquoEnllaccedilar ardquo i seleccionar la pagravegina que acabem de crear
3 Seleccionar el tema ldquoFW_Temardquo
4 Seleccionar la graella ldquoFW_Grid_Brdquo sense destacats a la dreta per
visualitzar correctament el detall de tragravemits el pas a pas i la normativa SAC
5 Fer clic a ldquoCrearrdquo
1
2
3
4
5
35
Quan seleccionem ldquoEnllaccedilar ardquo i seleccionem la pagravegina que acabem de crear srsquoobriragrave
la finestra seguumlent aquiacute cal
1 Cercar la pagravegina que hem creat en el pas anterior
2 Seleccionar la casella de verificacioacute de la pagravegina
3 Fer clic a ldquoOKrdquo
Quan fem seleccionem el tema srsquoobriragrave la seguumlent finestra per a aixograve cal
1 Seleccionar la casella de verificacioacute del tema que utilitzarem al nostre site per
a aquest exemple farem servir el tema del Site Genegraveric
2 Fer clic a ldquoSalvarrdquo
1
1
2
3
2
36
Quan seleccionem la graella srsquoobriragrave la finestra seguumlent aquiacute cal
1 Seleccionar la graella que utilitzarem al nostre site per a aquest exemple farem
servir la Graella FW_Grid_B sense destacats a la dreta del Site Genegraveric Per
tal de visualitzar correctament el detall del tragravemit el pas a pas i la normativa
SAC eacutes imprescindible que la graella tingui una uacutenica columna de continguts
2 Fer clic a ldquoSalvarrdquo
1
2
37
3 Configuracioacute de lrsquoadministracioacute de VCM
31 Creacioacute del canal ldquoLlistat tragravemitsrdquo
Dins del gestor de continguts realitzarem les tasques seguumlents
1 Accedir a ldquoPortalsrdquo
2 Navegar fins al ldquoPortalrdquo on volem configurar el llistat de continguts
3 Seleccionar ldquoHomerdquo
4 Posicionar-se sobre la creu verda i seleccionar ldquoCanalrdquo
a Emplenar la informacioacute i fer clic a ldquoOKrdquo
b Assegurar-se que el canal eacutes ldquoActiurdquo
1
2
3
38
311 Associacioacute de fitxers a la presentacioacute drsquoun canal
Ara srsquohan drsquoassociar els fitxers estagravetics adequats a la presentacioacute del canal perquegrave les
formes de presentacioacute posteriors trobin els estils i els Javascript corresponents
Per a aixograve cal entrar a les propietats del canal ldquoCanal Llistat tragravemitsrdquo i
1 Seleccionar el canal ldquoCanal Llistat tragravemitsrdquo
4
4a
4b
39
1
40
En entrar trobarem el llistat seguumlent on cal
1 Fer clic a ldquoCanal Llistat tragravemitsrdquo
2 Aquest eacutes un contingut del tipus Canals (cal fixar-se que no eacutes com lrsquoanterior)
Es mostraragrave la pantalla seguumlent on afegirem els fitxers relacionats amb el canal per a
cada idioma aquiacute cal
1 Emplenar els camps requerits per crear una pestanya del multiidioma
2 Desplaccedilar-se cap avall en lrsquoapartat ldquomultiidiomardquo fins a observar lrsquoapartat
drsquoassociacioacute de fitxers
3 Fer clic a ldquoAfegirrdquo
En aquest moment apareixeragrave la pantalla seguumlent
1 Si voleu afegir un fitxer amb extensioacute css cal deixar el camp ldquoTipus de fitxerrdquo
amb valor ldquocssrdquo Si voleu afegir un fitxer que teacute extensioacute js srsquoha de canviar el
camp ldquoTipus de fitxerrdquo al valor ldquojsrdquo
2 Fer clic a ldquoNavegadorrdquo
1
2 1 3
2
41
Apareixeragrave la pantalla de navegacioacute de continguts i anirem cercant els fitxers estagravetics
que associarem aquiacute cal
1 Fer clic a ldquoFrameworkrdquo
2 Fer clic a ldquoestilos y scriptsrdquo
3 Fer clic a ldquoNuevos Estilos imagenes y jsrdquo
4 Fer clic a ldquoGlobalsrdquo
2 1
42
43
44
Una vegada se nrsquohagin seleccionat tornarem a la pantalla anterior i farem el seguumlent
1 Verificar que el fitxer seleccionat eacutes el que apareix al quadre de text i que la
seva extensioacute coincideix amb la que hi ha seleccionada a ldquoTipus de fitxerrdquo
2 Fer clic a ldquoOKrdquo
Un cop acabades totes les associacions el resultat de les associacions afegides a la
pantalla principal ha de ser el seguumlent
1 Fer clic a ldquoAplicarrdquo a lrsquoapartat ldquomultiidiomardquo
1
2
45
1
46
Es recarregaragrave la pantalla
1 Fer clic a ldquoOKrdquo al nivell general
Ja tenim configurat el canal que mostraragrave ldquoLlistat de tragravemitsrdquo amb els fitxers associats
que fa referegravencia a la forma de presentacioacute que farem servir aquest mateix canal
mostraragrave el detall del contingut tragravemit amb el format detall
32 Creacioacute i assignacioacute de plantilles de presentacioacute per al
canal ldquoCanal Llistat tragravemitsrdquo
321 Creacioacute de les plantilles (templates) de VCM
La configuracioacute del canal de VCM per mostrar els llistats de tragravemits i el seu detall es
basen en tres plantilles una per llistar el tragravemits (format default) una per mostrar el
detall i el pas a pas drsquoun tragravemit (format detall) i una altra per mostrar la normativa
aplicable drsquoun tragravemit (format detall2)
A continuacioacute srsquoexplica com es creen les plantilles de presentacioacute
(Presentation Templates) necessagraveries per configurar els tragravemits Els
responsables de cada site srsquohan de crear les seves progravepies plantilles
Cal tenir en compte que les plantilles que apareixen en el document soacuten nomeacutes un
exemple drsquouna configuracioacute vagravelida En els casos pragravectics cal seleccionar les plantilles
que pertanyen a cada portal io que tingui cada usuari en els seus recursos
En el nostre cas es fan servir les plantilles ldquoGridB2LlistatTramitsrdquo ldquoGridBTramitrdquo i
ldquoGridBTramitNormativaSacrdquo
1
47
Per la creacioacute de la plantilla srsquohan de seguir els passos seguumlents
1 Accedir al ldquoBanc de Treballrdquo
2 Accedir a ldquoPresentation Templatesrdquo
3 Accedir a la carpeta de presentacions del nostre site en aquest exemple
ldquogenegravericrdquo
1
2
48
Un cop som al llistat de plantilles del nostre site cal fer el seguumlent
1 Seleccionar el signe ldquo+rdquo
2 Seleccionar Forma de Presentation Template
En realitzar aquesta accioacute srsquoobriragrave la finestra drsquoedicioacute o creacioacute de la Presentation
Template Srsquohan de crear dos plantilles noves amb les dades seguumlents
1 Plantilla per al llistat de tragravemits
a Nom cal posar un nom identificatiu de la plantilla per exemple
GenericoGridB2LlistatTramit
b Tipus de plantilla Portal Page
c VAPVCM Portal defaultgeneric (cal posar el nom del portal VAP)
d Element del menuacute de VAP FW_NavItem_GRIDB2
3
1
2
49
e Canal VCM per defecte
Tot seguit cal fer clic a ldquoOKrdquo
Per a la configuracioacute de la plantilla per al llistat de tragravemits es pot fer servir un
NavItem que utilitzi una grid amb destacats a la dreta per exemple la GRID B2 del
Site Genegraveric o beacute un Navitem sense destacats (el FW_NavItem_GRIDB creat
anteriorment)
El NavItem ha de disposar drsquoun portlet a la part central a nivell de Page per
configurar el llistat de tragravemits
f
50
2 Crear una nova Presentation Template per al detall de tragravemits i el pas a
pas
a Nom cal posar un nom identificatiu de la plantilla com per exemple
GenericoGridBTramit
b Tipus de plantilla Portal Page
c VAPVCM Portal defaultgeneric
d Element del menuacute de VAP FW_NavItem_GRIDB
e Canal VCM per defecte
Finalment cal fer clic a ldquoOKrdquo
Per configurar la plantilla per al detall dels tragravemits i el pas a pas srsquoha de fer servir un
NavItem que utilitzi una grid sense destacats a la dreta per exemple la GRID B del
site Genegraveric
El NavItem ha de disposar de dos portlets a la part central a nivell de Page per
configurar el llistat de tragravemits
Tot seguit cal crear una nova Presentation Template per al detall de tragravemits i el pas a
pas
a Nom cal posar un nom identificatiu de la plantilla per exemple
GenericoGridBTramitNormativaSac
f
51
b Tipus de plantilla Portal Page
c VAPVCM Portal defaultgeneric
d Element del menuacute de VAP FW_NavItem_GRIDB
e Canal VCM per defecte
Finalment cal fer clic a ldquoOKrdquo
322 Configuracioacute de la plantilla al canal
Les Presentation Templates que configurarem a continuacioacute soacuten drsquoexemple
Els responsables de cada site han de crear les seves progravepies plantilles
Un cop creat el canal i les Presentation Templates en configurarem la presentacioacute
1 Seleccionarem la casella de seleccioacute del canal que acabem de crear
2 Farem clic a la icona de propietats del canal
3 Navegarem a la pestanya ldquoPresentacioacuterdquo
52
Ens apareixeragrave un formulari com el que es mostra a continuacioacute i realitzarem les
accions seguumlents
1 Fer clic a ldquoAfegir presentacioacute de canalrdquo
1
2
3
53
Apareixeragrave la pantalla seguumlent amb lrsquoobjectiu de seleccionar una plantilla en el nostre
cas farem el seguumlent
1 Seleccionar el projecte de plantilles respectiu al portal A lrsquoexemple ldquogenericrdquo
Posteriorment apareixeragrave un llistat de plantilles (ldquoTemplatesrdquo)
1 En aquest cas seleccionarem ldquoGridB2LlistatTramitsrdquo
2 Acceptarem la seleccioacute ldquoOKrdquo
1
1
54
1
2
55
Un cop acceptat ens apareixeragrave la pantalla seguumlent on configurarem el ldquodetallrdquo Per a
aixograve cal fer el seguumlent
1 Fer clic a ldquoAssignar una Nova Plantilla de Presentacioacuterdquo
1
56
Tot seguit apareixeragrave la pantalla que es mostra a continuacioacute on realitzarem les
accions seguumlents
1 Fer clic a ldquoAfegir formatrdquo
En aquesta nova pantalla ens assegurarem del seguumlent
1 A la casella ldquoFormatrdquo hi ha el valor ldquodetallrdquo
2 A la casella ldquoTemplaterdquo hi ha drsquohaver el correcte Si no eacutes aixiacute srsquoha de fer clic a
ldquoNavegadorrdquo
En fer clic a ldquoNavegadorrdquo cal fer el seguumlent
1 Tornar a navegar fins a ldquogenericrdquo
1
1 2
57
1
58
I a la pantalla seguumlent cal seleccionar una plantilla i
1 Fer clic al botoacute a prop de ldquoGridBTramitrdquo
2 Fer clic a ldquoOKrdquo
1
2
59
En aquest moment es torna a la pantalla anterior i cal
1 Fer clic a ldquoOKrdquo
En el canal Llistat de tragravemits ha drsquoestar configurat el ldquoformatrdquo ldquodetallrdquo ja que la forma
de presentacioacute que configurarem a GridDBTramit necessitaragrave aquest format per
visualitzar el detall del contingut de tipus ldquoTragravemitrdquo
2
60
La pantalla anterior a aquesta ens ha de presentar aquesta informacioacute Ara
configurarem el ldquodetall2rdquo per presentar el contingut rdquo Normativa de SACrdquo Per a aixograve
cal fer el seguumlent
1 Fer clic a ldquoAfegir Formatrdquo
En aquesta nova pantalla ens assegurarem del seguumlent
1 A la casella ldquoFormatrdquo hi ha el valor ldquodetall2rdquo
1
61
2 A la casella ldquoTemplaterdquo hi ha drsquohaver el correcte Si no eacutes aixiacute srsquoha de fer clic a
ldquoNavegadorrdquo
En fer clic a ldquoNavegadorrdquo srsquoha de fer el seguumlent
1 Tornar a navegar fins a ldquogenericrdquo (srsquoha de substituir pel nom del portal)
1 2
62
1
63
A la pantalla seguumlent cal seleccionar una plantilla i
1 Fer clic al botoacute a prop de ldquoGridBTramitNormativaSacrdquo
2 Fer clic a ldquoOKrdquo
1
2
64
En aquest moment es torna a la pantalla anterior i cal fer el seguumlent
2 Fer clic a ldquoOKrdquo
En el canal Llistat de tragravemits ha drsquoestar configurat el ldquoformatrdquo ldquodetall2rdquo ja que la
forma de presentacioacute que configurarem a GridDBTramitNormativaSac necessitaragrave
aquest format per visualitzar el detall del contingut de tipus normativa ldquoSACrdquo
2
65
La pantalla anterior a aquesta ens ha de presentar aquesta informacioacute i srsquoha de fer el
seguumlent
2 Fer clic a ldquoOKrdquo
1
66
La finestra pare anterior a aquesta quedaragrave com es mostra tot seguit i realitzarem les
accions seguumlents
1 Fer clic a ldquoOKrdquo
4 Comparticioacute de continguts
Accedim al projecte on hi ha tots els tragravemits de lrsquoOVT
1
67
OVTDepartaments[NomCurtDepartaments][NomCurtOrganisme] TramitOVT
On NomCurtDepartaments correspon al nom curt del departament al que fa referencia
el nostre organisme
En aquest exemple es mostren tots els projectes de tragravemits de lrsquoOVT
Un cop localitzat el tragravemit de lrsquoOVT que volem compartir amb el nostre site accedirem
a lrsquoedicioacute del contingut i assignarem aquest contingut al canal del nostre site on es
vulgui mostrar Srsquoha de fer el seguumlent
1 Anar al contenidor de projectes on hi ha els continguts de GECO
Apareixeragrave lrsquoestructura de projectes a la qual teacute acceacutes lrsquousuari redactor Cal fer el
seguumlent (exemple Agegravencia Tributagraveria dins drsquoEconomia i Finances)
1 Seleccionar ldquoOVTrdquo
2 Seleccionar ldquoDepartamentsrdquo aquesta carpeta conteacute tots els tragravemits de lrsquoOVT
classificats per departaments
3 Seleccionar ldquoECOrdquo A lrsquousuari nomeacutes se li mostraragrave la carpeta del seu
departament
Si lrsquousuari no visualitza la carpeta dins del seu departament eacutes perquegrave no
srsquoha aplicat la poliacutetica de seguretat correctament Cal obrir un tiquet a Suport
gencat per tramitar aquests permisos AQUESTA CARPETA NOMEacuteS SERAgrave
VISIBLE PER ALS USUARIS AMB ROL REDACTOR
4 Seleccionar ldquoA_Agegravencia Tributagraveriardquo
5 Seleccionar ldquoTramitOVTrdquo
1
68
2
3
1
69
4
5
70
Apareixeragrave el llistat de continguts ldquoTragravemitOVTrdquo de lrsquoOVT de lrsquoAgegravencia Tributagraveria
Realitzarem les accions seguumlents
1 Seleccionar el tragravemit o els tragravemits que volem compartir en la web dorganisme
2 Fer clic a ldquoAssociarrdquo
2
1
71
Aquest proceacutes obriragrave una finestra Per seleccionar el site i canal on es volen mostrar
els tragravemits seleccionats realitzarem les accions seguumlents (cas site Generic)
1 Seleccionar el site ldquoGenericrdquo en el vostre cas el site del departament on es vol
mostrar el contingut ldquotragravemitrdquo
2 Navegar pels canals del Site Genegraveric fins al canal que srsquoha creat en el punt
ldquoLlistat de tragravemitsrdquo i seleccionar el quadre de verificacioacute
3 Fer clic a ldquoOKrdquo
1
72
2
3
73
41 Validar que la comparticioacute de continguts eacutes correcta
Accedim per VCM al canal que hem creat anteriorment al qual li acabem drsquoassignar
els continguts de tragravemits que ha de mostrar i fem el seguumlent
1 Anar al contenidor de portals
2 Seleccionar el Site ldquogenericrdquo
3 Seleccionar el canal ldquoHomerdquo
4 Seleccionar el canal ldquoCanal Llistat tragravemitsrdquo
1
2
3
74
4
75
Apareixeragrave el contingut assignat al canal ldquoCanal Llistat tragravemitsrdquo
En entrar trobarem el llistat seguumlent
1 Llistat del tragravemits de lrsquoOVT que srsquohan compartit amb el canal ldquoCanal Llistat
tragravemitsrdquo
2 Validar que els continguts que apareixen soacuten del tipus ldquoTramitOVTrdquo
En cas que al canal del site ldquoCanal Llistat tragravemitsrdquo no apareguin els continguts
tragravemits associats anteriorment cal repetir el pas 22
1 2
76
5 Configuracioacute al portal
Ara cal entrar al nostre site on tenim configurat el canal que hem creat en lrsquoapartat
anterior (21) i que ara configurarem a nivell de portal
51 Configuracioacute a Canal Llistat tragravemits
511 Configuracioacute de la llista de tragravemits
Farem clic a lrsquoenllaccedil ldquoCanal llistat tragravemitsrdquo de la ldquoHomerdquo i anirem a parar a una
pantalla com la que es mostra meacutes avall
Es pot apreciar que en el contingut de la pagravegina no hi ha res Aixograve eacutes perquegrave cal
configurar els portlets adequats ( )
1 Ens situarem sobre la icona ldquoOpcions de Pagraveginardquo
2 Seleccionarem ldquoObrir Plantillardquo ja que els portlets soacuten a nivell de Page
Ens apareixeragrave una pantalla com la que es mostra tot seguit i realitzarem les accions
seguumlents
1 Seleccionar el portlet de la part central de la pagravegina per configurar una ldquoLlista
automagravetica de contingutsrdquo
2
1
77
Tambeacute podem configurar una ldquoLlista manual de contingutsrdquo segons les
necessitats de cada usuari
78
Ens redirigiragrave cap a un formulari drsquoedicioacute que ens mostraragrave directament quina consulta
hem de configurar per mostrar els continguts i configurarem una consulta com la
seguumlent (evidentment segons les necessitats de cada usuari)
Ara tenim configurat que la pagravegina mostraragrave els tipus de contingut ldquoTramitOVTrdquo del
canal actual ordenats per la ldquoEacutes on-linerdquo en ordre descendent
Aixograve ens portaragrave a la pantalla principal on acabarem de completar la configuracioacute
1 Validar que en lrsquoapartat ldquoConsultardquo hi ha la configuracioacute que acabem drsquoafegir
2 Emplenar ldquoAgraveliesrdquo
3 En lrsquoapartat Forma de presentacioacute fer clic al botoacute ldquoCercar helliprdquo
79
Ens apareixeragrave la pantalla seguumlent
1 Fer clic a ldquoNavegacioacute per projectesrdquo
1
2
3
80
Ens canviaragrave la vista al format seguumlent
1 Navegarem per les carpetes fins a arribar a ldquoFramework Formes de
presentacioacute Site generic fw_fp_llistatramitsrdquo
2 Seleccionarem ldquofw_fp_llistatramitsrdquo
3 Farem clic a ldquoOKrdquo
1
1
81
En retornar a la pantalla principal cal
1 Validar que la forma de presentacioacute eacutes la que acabem de seleccionar
2 Fer clic a ldquoOKrdquo
1 (continuacioacute) 2
3
82
1
2
83
Aquest seragrave el nostre resultat a la pantalla del portal i cal fer el seguumlent
1 Verificar que apareixen els dos continguts que es van associar a aquest canal
1
84
512 Configuracioacute del detall del tragravemit i el pas a pas
En fer clic sobre una activitat veurem com ens redirigeix a la plantilla configurada al
ldquodetallrdquo drsquoaquesta pagravegina tal com la vam configurar en lrsquoapartat 231 cal fer el
seguumlent
1 Fer clic a la primera activitat
1
85
Ens sortiragrave la pagravegina de VAP del detall drsquoun contingut per configurar farem els
passos seguumlents
1 Ens situarem sobre la icona ldquoOpcions de Pagraveginardquo
2 Seleccionar ldquoObrir Plantillardquo ja que els portlets soacuten a nivell de Page
Ens apareixeragrave una pantalla com la que es mostra tot seguit i realitzarem les accions
seguumlents
1 Seleccionar el portlet de la part central de la pagravegina per configurar un ldquoDetall
de contingutrdquo i fer clic a ldquoEditarrdquo
Ens apareixeragrave la pantalla de seleccioacute de component de presentacioacute
1 Seleccionarem el component de presentacioacute ldquoDetall de contingutrdquo
1
2
1
86
Ens apareixeragrave la pantalla que es mostra tot seguit i realitzarem les accions seguumlents
1 Emplenar el camp ldquoAgraveliesrdquo
2 Canviar a la pestanya ldquoPresentacioacuterdquo
En fer clic a la pestanya obtindrem la imatge que es mostra tot seguit i realitzarem les
accions seguumlents
1 Cercarem una forma de presentacioacute fent clic a ldquoCercar helliprdquo
1
2
87
Quan aparegui la pantalla de cercador realitzarem una cerca de la forma de
presentacioacute que volem fer servir per a aixograve cal fer el seguumlent
1 Emplenar la caixa de text amb ldquofw_fp_tramitrdquo
2 Preacutemer ldquoCercarrdquo
3 Seleccionar la forma de presentacioacute de la caixa de resultats
4 Preacutemer ldquoOKrdquo
La forma de presentacioacute ldquofw_fp_tramitrdquo estagrave preparada per ldquomaquillarrdquo el contingut
dels tragravemits Tambeacute es pot fer servir una forma de presentacioacute personalitzada
segons es cregui convenient
1
1
2
3
4
88
En acabar tornarem a la pagravegina principal drsquoedicioacute i farem el seguumlent
1 Verificar que la forma de presentacioacute eacutes la que hem escollit
2 Fer clic a ldquoOKrdquo
En finalitzar la configuracioacute del component de presentacioacute tornem a la pantalla del
portal i cal fer el seguumlent
1 Verificar que el disseny de la presentacioacute eacutes semblant al seguumlent
1
2
89
Configurarem el portlet superior central de la pagravegina perquegrave aquesta contingui el fil
drsquoAriadna
1 Accedir a ldquoObrir Plantillardquo
1 Editar el portlet central que hi ha a sobre del detall de tragravemit per configurar el fil
drsquoAriadna En aquest exemple el portlet eacutes ldquoFW_hilo_ariadnardquo
Escollirem el component de presentacioacute
1 Seleccionar el component de presentacioacute ldquoFil drsquoAriadnardquo
1
1
90
En la configuracioacute del component realitzarem les accions seguumlents
1 Inserir el camp ldquoAgraveliesrdquo
2 Inserir el camp ldquoCanalrdquo
3 Fer clic a la pestanya ldquoPresentacioacuterdquo i cercar la forma de presentacioacute
ldquofw_fp_filariadnardquo
1
91
513 Configuracioacute del detall drsquouna normativa SAC
En el detall de contingut configurat en el punt anterior fent clic sobre una normativa
veurem com ens redirigeix a la plantilla configurada al ldquodetall2rdquo drsquoaquesta pagravegina tal
com hem configurat a lrsquoapartat 231
1 Fer clic a la primera ldquoNormativa Aplicablerdquo
2
3
92
Aquest enllaccedil ens portaragrave al detall2 del canal on srsquoha de configurar el detall de
contingut SAC per tal que es mostri la normativa aplicable
Configurarem el portlet superior central de la pagravegina perquegrave aquesta contingui el fil
drsquoAriadna per a aixograve cal fer el seguumlent
1 Accedir a ldquoObrir Plantillardquo
1
93
1
94
1 Editar el portlet central que hi ha a sobre del detall de tragravemit per configurar el fil
drsquoAriadna En aquest exemple el portlet eacutes ldquofw_portlet_tramitrdquo
Escollirem el component de presentacioacute
1 Seleccionar el component de presentacioacute ldquoDetall de Contingut SACrdquo
En la configuracioacute del component realitzarem les accions seguumlents
1 Inserir el camp ldquoAgraveliesrdquo
2 Seleccionar el tipus de contingut ldquoDetall Tragravemitrdquo
1
95
3 Fer clic a la pestanya ldquoPresentacioacuterdquo i cercar la forma de presentacioacute
ldquofw_fp_sac_normativardquo
4 Fer clic al botoacute ldquoOKrdquo
Srsquoactualitzaragrave la pagravegina de VAP i es mostraragrave el detall de SAC
1
2
3
4
96
514 Validacioacute final de VAP
Finalment cal validar que els tragravemits es visualitzen correctament per a aixograve cal
1 Verificar que tenim els canals creats
2 Accedir al canal ldquoCanal Llistat tragravemitsrdquo i validar que es mostren els tragravemits
que hem associat al punt 22
1
97
A continuacioacute cal fer les comprovacions seguumlents
1 Accedir al detall del tragravemit compartit
2 Accedir al pas a pas del tragravemit i a la normativa de SAC
Exemple llistat de tragravemits compartits
2
1
98
Exemple detall de tragravemit compartit
Exemple pas a pas drsquoun tragravemit
2
2
99
Exemple normativa SAC
En el cas que no es visualitzin el llistat de tragravemits detall o pas a pas configurat
validar
1 Refrescar la Pagravegina
2 Els tragravemits estan associats al canal que esteacuten visualitzat punt 23
1 Refrescar la pagravegina
1
19
Quan seleccionem ldquoEnllaccedilar ardquo i triem la pagravegina que acabem de crear srsquoobriragrave la
finestra seguumlent per a aixograve cal
1 Cercar la pagravegina que hem creat en el pas anterior
2 Marcar el quadre de verificacioacute de la pagravegina
3 Fer clic a ldquoOKrdquo
Quan seleccionem el tema srsquoobriragrave la finestra seguumlent per a aixograve cal fer el seguumlent
1 Seleccionar el quadre de verificacioacute del tema que farem servir al nostre site per
a aquest exemple fem servir el tema del Site Genegraveric
2 Fer clic a ldquoSalvarrdquo
Quan seleccionem la graella srsquoobriragrave la finestra seguumlent per a aixograve cal
3 Seleccionar la graella que utilitzarem al nostre site per a aquest exemple farem
servir la Graella FW_Grid_B2 que teacute destacats a la dreta del Site Genegraveric
1
1
2
3
2
20
4 Fer clic a ldquoSalvarrdquo
1
2
21
22 Crear pagravegina de detall de tragravemits i normativa SAC
Dins del gestor de portals (VAP) realitzarem les tasques seguumlents
1 Accedir a la consola de ldquoVAPrdquo del nostre site
2 Seleccionar ldquoComponentsrdquo
3 Seleccionar ldquoPagesrdquo
4 Seleccionar ldquoLlistat de Pagraveginesrdquo
5 Fer clic a ldquoCrear Pagraveginardquo
1
2
3
4
5
22
Srsquoobriragrave un formulari per donar drsquoalta una nova pagravegina Aquiacute cal
4 Introduir el nom de la pagravegina FW_Pagina_Grid_Tramits_SAC_Detall_B
5 Seleccionar ldquoEnllaccedil de Navegacioacuterdquo
6 Fer clic a ldquoCrear Pagraveginardquo
Sersquons mostraragrave la pantalla seguumlent on cal
1 Seleccionar ldquoVisualitzacioacuterdquo
1
3
2
1
23
Sersquons mostraragrave la pantalla seguumlent on cal
4 Seleccionar ldquo1 columnardquo
5 Fer clic a ldquoActualitzarrdquo
6 Seleccionar ldquoColmiddotlocacioacute de Portletrdquo
1
2
3
24
Sersquons mostraragrave la pantalla seguumlent on cal
2 Fer clic a ldquoAfegir Portletsrdquo
Sersquons mostraragrave la pantalla seguumlent on cal
2 Seleccionar ldquoCrear i afegir nous Portletsrdquo
1
25
Sersquons mostraragrave la pantalla seguumlent on cal
4 Seleccionar ldquoContent Publish Portlet 20rdquo
5 Fer clic a ldquoCrear Seleccionatsrdquo
6 Fer clic a ldquoTancarrdquo
Es poden afegir tants portlets com es vulgui a la pagravegina i com a miacutenim un
per configurar el llistat de tragravemits
1
26
1
2
3
27
La pagravegina srsquohauragrave actualitzat amb els portlets que srsquohan creat tot seguit cal fer el
seguumlent
2 Fer clic al tiacutetol del portlet
1
28
Srsquoha de configurar el tipus de portlet per al llistat Tragravemit per a aixograve cal
Posar un nom al portlet
1 Posar si eacutes a nivell de Page o Template
2 Seleccionar que pot ser un Detall de contingut i Detall de contingut SAC
3 Posar en ldquoJSP Override URLrdquo la ruta ldquovgn-ext-templatingviewsindexControladorjsprdquo
4 Fer clic a ldquoSaverdquo
1
2
3
3
5
4
vgn-ext-templatingviewsindexControladorjsp
29
Srsquohan de configurar permisos del portlet per al detall del tragravemit i la normativa SAC per
a aixograve cal
4 Seleccionar ldquoPermisosrdquo
5 Seleccionar els grups que es volen autoritzar
6 Fer clic a ldquoActualitzarrdquo
1
2
3
30
Tot seguit srsquohan de configurar les dades bagravesiques del portlet per a aixograve srsquoha de fer el
seguumlent
1 Seleccionar ldquoBagravesicsrdquo
2 Posar el nom del portlet ldquofw_portlet_tramit_sac_detallrdquo
3 Desmarcar el quadre de verificacioacute ldquoMostra el cromrdquo
4 Fer clic a ldquoActualitzarrdquo
1
2
3
4
31
Despreacutes cal validar que la pagravegina srsquoha creat correctament per a aixograve cal fer el
seguumlent
1 Seleccionar ldquoLlista Pagraveginardquo
2 Fer clic al nom de la pagravegina
1
2
32
Per bloquejar la pagravegina cal fer el seguumlent
1 Seleccionar la casella de verificacioacute ldquoPagravegina Bloquejadardquo
2 Fer clic a ldquoActualitzar Opcionsrdquo
1
2
33
221 Crear NavItem de detall de tragravemits i normativa SAC
A partir de la consola de VAP farem les tasques seguumlents per crear el NavItem
1 Anar a lrsquoopcioacute del menuacute ldquoArbre de Navegacioacuterdquo
2 Fer clic a ldquoCrear Element de Navegacioacuterdquo
1
2
34
Per crear lrsquoelement de Navegacioacute realitzarem les tasques seguumlents
1 Posar el nom al NavItem rdquoFW_NavItem_GRIDBrdquo
2 Seleccionar ldquoEnllaccedilar ardquo i seleccionar la pagravegina que acabem de crear
3 Seleccionar el tema ldquoFW_Temardquo
4 Seleccionar la graella ldquoFW_Grid_Brdquo sense destacats a la dreta per
visualitzar correctament el detall de tragravemits el pas a pas i la normativa SAC
5 Fer clic a ldquoCrearrdquo
1
2
3
4
5
35
Quan seleccionem ldquoEnllaccedilar ardquo i seleccionem la pagravegina que acabem de crear srsquoobriragrave
la finestra seguumlent aquiacute cal
1 Cercar la pagravegina que hem creat en el pas anterior
2 Seleccionar la casella de verificacioacute de la pagravegina
3 Fer clic a ldquoOKrdquo
Quan fem seleccionem el tema srsquoobriragrave la seguumlent finestra per a aixograve cal
1 Seleccionar la casella de verificacioacute del tema que utilitzarem al nostre site per
a aquest exemple farem servir el tema del Site Genegraveric
2 Fer clic a ldquoSalvarrdquo
1
1
2
3
2
36
Quan seleccionem la graella srsquoobriragrave la finestra seguumlent aquiacute cal
1 Seleccionar la graella que utilitzarem al nostre site per a aquest exemple farem
servir la Graella FW_Grid_B sense destacats a la dreta del Site Genegraveric Per
tal de visualitzar correctament el detall del tragravemit el pas a pas i la normativa
SAC eacutes imprescindible que la graella tingui una uacutenica columna de continguts
2 Fer clic a ldquoSalvarrdquo
1
2
37
3 Configuracioacute de lrsquoadministracioacute de VCM
31 Creacioacute del canal ldquoLlistat tragravemitsrdquo
Dins del gestor de continguts realitzarem les tasques seguumlents
1 Accedir a ldquoPortalsrdquo
2 Navegar fins al ldquoPortalrdquo on volem configurar el llistat de continguts
3 Seleccionar ldquoHomerdquo
4 Posicionar-se sobre la creu verda i seleccionar ldquoCanalrdquo
a Emplenar la informacioacute i fer clic a ldquoOKrdquo
b Assegurar-se que el canal eacutes ldquoActiurdquo
1
2
3
38
311 Associacioacute de fitxers a la presentacioacute drsquoun canal
Ara srsquohan drsquoassociar els fitxers estagravetics adequats a la presentacioacute del canal perquegrave les
formes de presentacioacute posteriors trobin els estils i els Javascript corresponents
Per a aixograve cal entrar a les propietats del canal ldquoCanal Llistat tragravemitsrdquo i
1 Seleccionar el canal ldquoCanal Llistat tragravemitsrdquo
4
4a
4b
39
1
40
En entrar trobarem el llistat seguumlent on cal
1 Fer clic a ldquoCanal Llistat tragravemitsrdquo
2 Aquest eacutes un contingut del tipus Canals (cal fixar-se que no eacutes com lrsquoanterior)
Es mostraragrave la pantalla seguumlent on afegirem els fitxers relacionats amb el canal per a
cada idioma aquiacute cal
1 Emplenar els camps requerits per crear una pestanya del multiidioma
2 Desplaccedilar-se cap avall en lrsquoapartat ldquomultiidiomardquo fins a observar lrsquoapartat
drsquoassociacioacute de fitxers
3 Fer clic a ldquoAfegirrdquo
En aquest moment apareixeragrave la pantalla seguumlent
1 Si voleu afegir un fitxer amb extensioacute css cal deixar el camp ldquoTipus de fitxerrdquo
amb valor ldquocssrdquo Si voleu afegir un fitxer que teacute extensioacute js srsquoha de canviar el
camp ldquoTipus de fitxerrdquo al valor ldquojsrdquo
2 Fer clic a ldquoNavegadorrdquo
1
2 1 3
2
41
Apareixeragrave la pantalla de navegacioacute de continguts i anirem cercant els fitxers estagravetics
que associarem aquiacute cal
1 Fer clic a ldquoFrameworkrdquo
2 Fer clic a ldquoestilos y scriptsrdquo
3 Fer clic a ldquoNuevos Estilos imagenes y jsrdquo
4 Fer clic a ldquoGlobalsrdquo
2 1
42
43
44
Una vegada se nrsquohagin seleccionat tornarem a la pantalla anterior i farem el seguumlent
1 Verificar que el fitxer seleccionat eacutes el que apareix al quadre de text i que la
seva extensioacute coincideix amb la que hi ha seleccionada a ldquoTipus de fitxerrdquo
2 Fer clic a ldquoOKrdquo
Un cop acabades totes les associacions el resultat de les associacions afegides a la
pantalla principal ha de ser el seguumlent
1 Fer clic a ldquoAplicarrdquo a lrsquoapartat ldquomultiidiomardquo
1
2
45
1
46
Es recarregaragrave la pantalla
1 Fer clic a ldquoOKrdquo al nivell general
Ja tenim configurat el canal que mostraragrave ldquoLlistat de tragravemitsrdquo amb els fitxers associats
que fa referegravencia a la forma de presentacioacute que farem servir aquest mateix canal
mostraragrave el detall del contingut tragravemit amb el format detall
32 Creacioacute i assignacioacute de plantilles de presentacioacute per al
canal ldquoCanal Llistat tragravemitsrdquo
321 Creacioacute de les plantilles (templates) de VCM
La configuracioacute del canal de VCM per mostrar els llistats de tragravemits i el seu detall es
basen en tres plantilles una per llistar el tragravemits (format default) una per mostrar el
detall i el pas a pas drsquoun tragravemit (format detall) i una altra per mostrar la normativa
aplicable drsquoun tragravemit (format detall2)
A continuacioacute srsquoexplica com es creen les plantilles de presentacioacute
(Presentation Templates) necessagraveries per configurar els tragravemits Els
responsables de cada site srsquohan de crear les seves progravepies plantilles
Cal tenir en compte que les plantilles que apareixen en el document soacuten nomeacutes un
exemple drsquouna configuracioacute vagravelida En els casos pragravectics cal seleccionar les plantilles
que pertanyen a cada portal io que tingui cada usuari en els seus recursos
En el nostre cas es fan servir les plantilles ldquoGridB2LlistatTramitsrdquo ldquoGridBTramitrdquo i
ldquoGridBTramitNormativaSacrdquo
1
47
Per la creacioacute de la plantilla srsquohan de seguir els passos seguumlents
1 Accedir al ldquoBanc de Treballrdquo
2 Accedir a ldquoPresentation Templatesrdquo
3 Accedir a la carpeta de presentacions del nostre site en aquest exemple
ldquogenegravericrdquo
1
2
48
Un cop som al llistat de plantilles del nostre site cal fer el seguumlent
1 Seleccionar el signe ldquo+rdquo
2 Seleccionar Forma de Presentation Template
En realitzar aquesta accioacute srsquoobriragrave la finestra drsquoedicioacute o creacioacute de la Presentation
Template Srsquohan de crear dos plantilles noves amb les dades seguumlents
1 Plantilla per al llistat de tragravemits
a Nom cal posar un nom identificatiu de la plantilla per exemple
GenericoGridB2LlistatTramit
b Tipus de plantilla Portal Page
c VAPVCM Portal defaultgeneric (cal posar el nom del portal VAP)
d Element del menuacute de VAP FW_NavItem_GRIDB2
3
1
2
49
e Canal VCM per defecte
Tot seguit cal fer clic a ldquoOKrdquo
Per a la configuracioacute de la plantilla per al llistat de tragravemits es pot fer servir un
NavItem que utilitzi una grid amb destacats a la dreta per exemple la GRID B2 del
Site Genegraveric o beacute un Navitem sense destacats (el FW_NavItem_GRIDB creat
anteriorment)
El NavItem ha de disposar drsquoun portlet a la part central a nivell de Page per
configurar el llistat de tragravemits
f
50
2 Crear una nova Presentation Template per al detall de tragravemits i el pas a
pas
a Nom cal posar un nom identificatiu de la plantilla com per exemple
GenericoGridBTramit
b Tipus de plantilla Portal Page
c VAPVCM Portal defaultgeneric
d Element del menuacute de VAP FW_NavItem_GRIDB
e Canal VCM per defecte
Finalment cal fer clic a ldquoOKrdquo
Per configurar la plantilla per al detall dels tragravemits i el pas a pas srsquoha de fer servir un
NavItem que utilitzi una grid sense destacats a la dreta per exemple la GRID B del
site Genegraveric
El NavItem ha de disposar de dos portlets a la part central a nivell de Page per
configurar el llistat de tragravemits
Tot seguit cal crear una nova Presentation Template per al detall de tragravemits i el pas a
pas
a Nom cal posar un nom identificatiu de la plantilla per exemple
GenericoGridBTramitNormativaSac
f
51
b Tipus de plantilla Portal Page
c VAPVCM Portal defaultgeneric
d Element del menuacute de VAP FW_NavItem_GRIDB
e Canal VCM per defecte
Finalment cal fer clic a ldquoOKrdquo
322 Configuracioacute de la plantilla al canal
Les Presentation Templates que configurarem a continuacioacute soacuten drsquoexemple
Els responsables de cada site han de crear les seves progravepies plantilles
Un cop creat el canal i les Presentation Templates en configurarem la presentacioacute
1 Seleccionarem la casella de seleccioacute del canal que acabem de crear
2 Farem clic a la icona de propietats del canal
3 Navegarem a la pestanya ldquoPresentacioacuterdquo
52
Ens apareixeragrave un formulari com el que es mostra a continuacioacute i realitzarem les
accions seguumlents
1 Fer clic a ldquoAfegir presentacioacute de canalrdquo
1
2
3
53
Apareixeragrave la pantalla seguumlent amb lrsquoobjectiu de seleccionar una plantilla en el nostre
cas farem el seguumlent
1 Seleccionar el projecte de plantilles respectiu al portal A lrsquoexemple ldquogenericrdquo
Posteriorment apareixeragrave un llistat de plantilles (ldquoTemplatesrdquo)
1 En aquest cas seleccionarem ldquoGridB2LlistatTramitsrdquo
2 Acceptarem la seleccioacute ldquoOKrdquo
1
1
54
1
2
55
Un cop acceptat ens apareixeragrave la pantalla seguumlent on configurarem el ldquodetallrdquo Per a
aixograve cal fer el seguumlent
1 Fer clic a ldquoAssignar una Nova Plantilla de Presentacioacuterdquo
1
56
Tot seguit apareixeragrave la pantalla que es mostra a continuacioacute on realitzarem les
accions seguumlents
1 Fer clic a ldquoAfegir formatrdquo
En aquesta nova pantalla ens assegurarem del seguumlent
1 A la casella ldquoFormatrdquo hi ha el valor ldquodetallrdquo
2 A la casella ldquoTemplaterdquo hi ha drsquohaver el correcte Si no eacutes aixiacute srsquoha de fer clic a
ldquoNavegadorrdquo
En fer clic a ldquoNavegadorrdquo cal fer el seguumlent
1 Tornar a navegar fins a ldquogenericrdquo
1
1 2
57
1
58
I a la pantalla seguumlent cal seleccionar una plantilla i
1 Fer clic al botoacute a prop de ldquoGridBTramitrdquo
2 Fer clic a ldquoOKrdquo
1
2
59
En aquest moment es torna a la pantalla anterior i cal
1 Fer clic a ldquoOKrdquo
En el canal Llistat de tragravemits ha drsquoestar configurat el ldquoformatrdquo ldquodetallrdquo ja que la forma
de presentacioacute que configurarem a GridDBTramit necessitaragrave aquest format per
visualitzar el detall del contingut de tipus ldquoTragravemitrdquo
2
60
La pantalla anterior a aquesta ens ha de presentar aquesta informacioacute Ara
configurarem el ldquodetall2rdquo per presentar el contingut rdquo Normativa de SACrdquo Per a aixograve
cal fer el seguumlent
1 Fer clic a ldquoAfegir Formatrdquo
En aquesta nova pantalla ens assegurarem del seguumlent
1 A la casella ldquoFormatrdquo hi ha el valor ldquodetall2rdquo
1
61
2 A la casella ldquoTemplaterdquo hi ha drsquohaver el correcte Si no eacutes aixiacute srsquoha de fer clic a
ldquoNavegadorrdquo
En fer clic a ldquoNavegadorrdquo srsquoha de fer el seguumlent
1 Tornar a navegar fins a ldquogenericrdquo (srsquoha de substituir pel nom del portal)
1 2
62
1
63
A la pantalla seguumlent cal seleccionar una plantilla i
1 Fer clic al botoacute a prop de ldquoGridBTramitNormativaSacrdquo
2 Fer clic a ldquoOKrdquo
1
2
64
En aquest moment es torna a la pantalla anterior i cal fer el seguumlent
2 Fer clic a ldquoOKrdquo
En el canal Llistat de tragravemits ha drsquoestar configurat el ldquoformatrdquo ldquodetall2rdquo ja que la
forma de presentacioacute que configurarem a GridDBTramitNormativaSac necessitaragrave
aquest format per visualitzar el detall del contingut de tipus normativa ldquoSACrdquo
2
65
La pantalla anterior a aquesta ens ha de presentar aquesta informacioacute i srsquoha de fer el
seguumlent
2 Fer clic a ldquoOKrdquo
1
66
La finestra pare anterior a aquesta quedaragrave com es mostra tot seguit i realitzarem les
accions seguumlents
1 Fer clic a ldquoOKrdquo
4 Comparticioacute de continguts
Accedim al projecte on hi ha tots els tragravemits de lrsquoOVT
1
67
OVTDepartaments[NomCurtDepartaments][NomCurtOrganisme] TramitOVT
On NomCurtDepartaments correspon al nom curt del departament al que fa referencia
el nostre organisme
En aquest exemple es mostren tots els projectes de tragravemits de lrsquoOVT
Un cop localitzat el tragravemit de lrsquoOVT que volem compartir amb el nostre site accedirem
a lrsquoedicioacute del contingut i assignarem aquest contingut al canal del nostre site on es
vulgui mostrar Srsquoha de fer el seguumlent
1 Anar al contenidor de projectes on hi ha els continguts de GECO
Apareixeragrave lrsquoestructura de projectes a la qual teacute acceacutes lrsquousuari redactor Cal fer el
seguumlent (exemple Agegravencia Tributagraveria dins drsquoEconomia i Finances)
1 Seleccionar ldquoOVTrdquo
2 Seleccionar ldquoDepartamentsrdquo aquesta carpeta conteacute tots els tragravemits de lrsquoOVT
classificats per departaments
3 Seleccionar ldquoECOrdquo A lrsquousuari nomeacutes se li mostraragrave la carpeta del seu
departament
Si lrsquousuari no visualitza la carpeta dins del seu departament eacutes perquegrave no
srsquoha aplicat la poliacutetica de seguretat correctament Cal obrir un tiquet a Suport
gencat per tramitar aquests permisos AQUESTA CARPETA NOMEacuteS SERAgrave
VISIBLE PER ALS USUARIS AMB ROL REDACTOR
4 Seleccionar ldquoA_Agegravencia Tributagraveriardquo
5 Seleccionar ldquoTramitOVTrdquo
1
68
2
3
1
69
4
5
70
Apareixeragrave el llistat de continguts ldquoTragravemitOVTrdquo de lrsquoOVT de lrsquoAgegravencia Tributagraveria
Realitzarem les accions seguumlents
1 Seleccionar el tragravemit o els tragravemits que volem compartir en la web dorganisme
2 Fer clic a ldquoAssociarrdquo
2
1
71
Aquest proceacutes obriragrave una finestra Per seleccionar el site i canal on es volen mostrar
els tragravemits seleccionats realitzarem les accions seguumlents (cas site Generic)
1 Seleccionar el site ldquoGenericrdquo en el vostre cas el site del departament on es vol
mostrar el contingut ldquotragravemitrdquo
2 Navegar pels canals del Site Genegraveric fins al canal que srsquoha creat en el punt
ldquoLlistat de tragravemitsrdquo i seleccionar el quadre de verificacioacute
3 Fer clic a ldquoOKrdquo
1
72
2
3
73
41 Validar que la comparticioacute de continguts eacutes correcta
Accedim per VCM al canal que hem creat anteriorment al qual li acabem drsquoassignar
els continguts de tragravemits que ha de mostrar i fem el seguumlent
1 Anar al contenidor de portals
2 Seleccionar el Site ldquogenericrdquo
3 Seleccionar el canal ldquoHomerdquo
4 Seleccionar el canal ldquoCanal Llistat tragravemitsrdquo
1
2
3
74
4
75
Apareixeragrave el contingut assignat al canal ldquoCanal Llistat tragravemitsrdquo
En entrar trobarem el llistat seguumlent
1 Llistat del tragravemits de lrsquoOVT que srsquohan compartit amb el canal ldquoCanal Llistat
tragravemitsrdquo
2 Validar que els continguts que apareixen soacuten del tipus ldquoTramitOVTrdquo
En cas que al canal del site ldquoCanal Llistat tragravemitsrdquo no apareguin els continguts
tragravemits associats anteriorment cal repetir el pas 22
1 2
76
5 Configuracioacute al portal
Ara cal entrar al nostre site on tenim configurat el canal que hem creat en lrsquoapartat
anterior (21) i que ara configurarem a nivell de portal
51 Configuracioacute a Canal Llistat tragravemits
511 Configuracioacute de la llista de tragravemits
Farem clic a lrsquoenllaccedil ldquoCanal llistat tragravemitsrdquo de la ldquoHomerdquo i anirem a parar a una
pantalla com la que es mostra meacutes avall
Es pot apreciar que en el contingut de la pagravegina no hi ha res Aixograve eacutes perquegrave cal
configurar els portlets adequats ( )
1 Ens situarem sobre la icona ldquoOpcions de Pagraveginardquo
2 Seleccionarem ldquoObrir Plantillardquo ja que els portlets soacuten a nivell de Page
Ens apareixeragrave una pantalla com la que es mostra tot seguit i realitzarem les accions
seguumlents
1 Seleccionar el portlet de la part central de la pagravegina per configurar una ldquoLlista
automagravetica de contingutsrdquo
2
1
77
Tambeacute podem configurar una ldquoLlista manual de contingutsrdquo segons les
necessitats de cada usuari
78
Ens redirigiragrave cap a un formulari drsquoedicioacute que ens mostraragrave directament quina consulta
hem de configurar per mostrar els continguts i configurarem una consulta com la
seguumlent (evidentment segons les necessitats de cada usuari)
Ara tenim configurat que la pagravegina mostraragrave els tipus de contingut ldquoTramitOVTrdquo del
canal actual ordenats per la ldquoEacutes on-linerdquo en ordre descendent
Aixograve ens portaragrave a la pantalla principal on acabarem de completar la configuracioacute
1 Validar que en lrsquoapartat ldquoConsultardquo hi ha la configuracioacute que acabem drsquoafegir
2 Emplenar ldquoAgraveliesrdquo
3 En lrsquoapartat Forma de presentacioacute fer clic al botoacute ldquoCercar helliprdquo
79
Ens apareixeragrave la pantalla seguumlent
1 Fer clic a ldquoNavegacioacute per projectesrdquo
1
2
3
80
Ens canviaragrave la vista al format seguumlent
1 Navegarem per les carpetes fins a arribar a ldquoFramework Formes de
presentacioacute Site generic fw_fp_llistatramitsrdquo
2 Seleccionarem ldquofw_fp_llistatramitsrdquo
3 Farem clic a ldquoOKrdquo
1
1
81
En retornar a la pantalla principal cal
1 Validar que la forma de presentacioacute eacutes la que acabem de seleccionar
2 Fer clic a ldquoOKrdquo
1 (continuacioacute) 2
3
82
1
2
83
Aquest seragrave el nostre resultat a la pantalla del portal i cal fer el seguumlent
1 Verificar que apareixen els dos continguts que es van associar a aquest canal
1
84
512 Configuracioacute del detall del tragravemit i el pas a pas
En fer clic sobre una activitat veurem com ens redirigeix a la plantilla configurada al
ldquodetallrdquo drsquoaquesta pagravegina tal com la vam configurar en lrsquoapartat 231 cal fer el
seguumlent
1 Fer clic a la primera activitat
1
85
Ens sortiragrave la pagravegina de VAP del detall drsquoun contingut per configurar farem els
passos seguumlents
1 Ens situarem sobre la icona ldquoOpcions de Pagraveginardquo
2 Seleccionar ldquoObrir Plantillardquo ja que els portlets soacuten a nivell de Page
Ens apareixeragrave una pantalla com la que es mostra tot seguit i realitzarem les accions
seguumlents
1 Seleccionar el portlet de la part central de la pagravegina per configurar un ldquoDetall
de contingutrdquo i fer clic a ldquoEditarrdquo
Ens apareixeragrave la pantalla de seleccioacute de component de presentacioacute
1 Seleccionarem el component de presentacioacute ldquoDetall de contingutrdquo
1
2
1
86
Ens apareixeragrave la pantalla que es mostra tot seguit i realitzarem les accions seguumlents
1 Emplenar el camp ldquoAgraveliesrdquo
2 Canviar a la pestanya ldquoPresentacioacuterdquo
En fer clic a la pestanya obtindrem la imatge que es mostra tot seguit i realitzarem les
accions seguumlents
1 Cercarem una forma de presentacioacute fent clic a ldquoCercar helliprdquo
1
2
87
Quan aparegui la pantalla de cercador realitzarem una cerca de la forma de
presentacioacute que volem fer servir per a aixograve cal fer el seguumlent
1 Emplenar la caixa de text amb ldquofw_fp_tramitrdquo
2 Preacutemer ldquoCercarrdquo
3 Seleccionar la forma de presentacioacute de la caixa de resultats
4 Preacutemer ldquoOKrdquo
La forma de presentacioacute ldquofw_fp_tramitrdquo estagrave preparada per ldquomaquillarrdquo el contingut
dels tragravemits Tambeacute es pot fer servir una forma de presentacioacute personalitzada
segons es cregui convenient
1
1
2
3
4
88
En acabar tornarem a la pagravegina principal drsquoedicioacute i farem el seguumlent
1 Verificar que la forma de presentacioacute eacutes la que hem escollit
2 Fer clic a ldquoOKrdquo
En finalitzar la configuracioacute del component de presentacioacute tornem a la pantalla del
portal i cal fer el seguumlent
1 Verificar que el disseny de la presentacioacute eacutes semblant al seguumlent
1
2
89
Configurarem el portlet superior central de la pagravegina perquegrave aquesta contingui el fil
drsquoAriadna
1 Accedir a ldquoObrir Plantillardquo
1 Editar el portlet central que hi ha a sobre del detall de tragravemit per configurar el fil
drsquoAriadna En aquest exemple el portlet eacutes ldquoFW_hilo_ariadnardquo
Escollirem el component de presentacioacute
1 Seleccionar el component de presentacioacute ldquoFil drsquoAriadnardquo
1
1
90
En la configuracioacute del component realitzarem les accions seguumlents
1 Inserir el camp ldquoAgraveliesrdquo
2 Inserir el camp ldquoCanalrdquo
3 Fer clic a la pestanya ldquoPresentacioacuterdquo i cercar la forma de presentacioacute
ldquofw_fp_filariadnardquo
1
91
513 Configuracioacute del detall drsquouna normativa SAC
En el detall de contingut configurat en el punt anterior fent clic sobre una normativa
veurem com ens redirigeix a la plantilla configurada al ldquodetall2rdquo drsquoaquesta pagravegina tal
com hem configurat a lrsquoapartat 231
1 Fer clic a la primera ldquoNormativa Aplicablerdquo
2
3
92
Aquest enllaccedil ens portaragrave al detall2 del canal on srsquoha de configurar el detall de
contingut SAC per tal que es mostri la normativa aplicable
Configurarem el portlet superior central de la pagravegina perquegrave aquesta contingui el fil
drsquoAriadna per a aixograve cal fer el seguumlent
1 Accedir a ldquoObrir Plantillardquo
1
93
1
94
1 Editar el portlet central que hi ha a sobre del detall de tragravemit per configurar el fil
drsquoAriadna En aquest exemple el portlet eacutes ldquofw_portlet_tramitrdquo
Escollirem el component de presentacioacute
1 Seleccionar el component de presentacioacute ldquoDetall de Contingut SACrdquo
En la configuracioacute del component realitzarem les accions seguumlents
1 Inserir el camp ldquoAgraveliesrdquo
2 Seleccionar el tipus de contingut ldquoDetall Tragravemitrdquo
1
95
3 Fer clic a la pestanya ldquoPresentacioacuterdquo i cercar la forma de presentacioacute
ldquofw_fp_sac_normativardquo
4 Fer clic al botoacute ldquoOKrdquo
Srsquoactualitzaragrave la pagravegina de VAP i es mostraragrave el detall de SAC
1
2
3
4
96
514 Validacioacute final de VAP
Finalment cal validar que els tragravemits es visualitzen correctament per a aixograve cal
1 Verificar que tenim els canals creats
2 Accedir al canal ldquoCanal Llistat tragravemitsrdquo i validar que es mostren els tragravemits
que hem associat al punt 22
1
97
A continuacioacute cal fer les comprovacions seguumlents
1 Accedir al detall del tragravemit compartit
2 Accedir al pas a pas del tragravemit i a la normativa de SAC
Exemple llistat de tragravemits compartits
2
1
98
Exemple detall de tragravemit compartit
Exemple pas a pas drsquoun tragravemit
2
2
99
Exemple normativa SAC
En el cas que no es visualitzin el llistat de tragravemits detall o pas a pas configurat
validar
1 Refrescar la Pagravegina
2 Els tragravemits estan associats al canal que esteacuten visualitzat punt 23
1 Refrescar la pagravegina
1
20
4 Fer clic a ldquoSalvarrdquo
1
2
21
22 Crear pagravegina de detall de tragravemits i normativa SAC
Dins del gestor de portals (VAP) realitzarem les tasques seguumlents
1 Accedir a la consola de ldquoVAPrdquo del nostre site
2 Seleccionar ldquoComponentsrdquo
3 Seleccionar ldquoPagesrdquo
4 Seleccionar ldquoLlistat de Pagraveginesrdquo
5 Fer clic a ldquoCrear Pagraveginardquo
1
2
3
4
5
22
Srsquoobriragrave un formulari per donar drsquoalta una nova pagravegina Aquiacute cal
4 Introduir el nom de la pagravegina FW_Pagina_Grid_Tramits_SAC_Detall_B
5 Seleccionar ldquoEnllaccedil de Navegacioacuterdquo
6 Fer clic a ldquoCrear Pagraveginardquo
Sersquons mostraragrave la pantalla seguumlent on cal
1 Seleccionar ldquoVisualitzacioacuterdquo
1
3
2
1
23
Sersquons mostraragrave la pantalla seguumlent on cal
4 Seleccionar ldquo1 columnardquo
5 Fer clic a ldquoActualitzarrdquo
6 Seleccionar ldquoColmiddotlocacioacute de Portletrdquo
1
2
3
24
Sersquons mostraragrave la pantalla seguumlent on cal
2 Fer clic a ldquoAfegir Portletsrdquo
Sersquons mostraragrave la pantalla seguumlent on cal
2 Seleccionar ldquoCrear i afegir nous Portletsrdquo
1
25
Sersquons mostraragrave la pantalla seguumlent on cal
4 Seleccionar ldquoContent Publish Portlet 20rdquo
5 Fer clic a ldquoCrear Seleccionatsrdquo
6 Fer clic a ldquoTancarrdquo
Es poden afegir tants portlets com es vulgui a la pagravegina i com a miacutenim un
per configurar el llistat de tragravemits
1
26
1
2
3
27
La pagravegina srsquohauragrave actualitzat amb els portlets que srsquohan creat tot seguit cal fer el
seguumlent
2 Fer clic al tiacutetol del portlet
1
28
Srsquoha de configurar el tipus de portlet per al llistat Tragravemit per a aixograve cal
Posar un nom al portlet
1 Posar si eacutes a nivell de Page o Template
2 Seleccionar que pot ser un Detall de contingut i Detall de contingut SAC
3 Posar en ldquoJSP Override URLrdquo la ruta ldquovgn-ext-templatingviewsindexControladorjsprdquo
4 Fer clic a ldquoSaverdquo
1
2
3
3
5
4
vgn-ext-templatingviewsindexControladorjsp
29
Srsquohan de configurar permisos del portlet per al detall del tragravemit i la normativa SAC per
a aixograve cal
4 Seleccionar ldquoPermisosrdquo
5 Seleccionar els grups que es volen autoritzar
6 Fer clic a ldquoActualitzarrdquo
1
2
3
30
Tot seguit srsquohan de configurar les dades bagravesiques del portlet per a aixograve srsquoha de fer el
seguumlent
1 Seleccionar ldquoBagravesicsrdquo
2 Posar el nom del portlet ldquofw_portlet_tramit_sac_detallrdquo
3 Desmarcar el quadre de verificacioacute ldquoMostra el cromrdquo
4 Fer clic a ldquoActualitzarrdquo
1
2
3
4
31
Despreacutes cal validar que la pagravegina srsquoha creat correctament per a aixograve cal fer el
seguumlent
1 Seleccionar ldquoLlista Pagraveginardquo
2 Fer clic al nom de la pagravegina
1
2
32
Per bloquejar la pagravegina cal fer el seguumlent
1 Seleccionar la casella de verificacioacute ldquoPagravegina Bloquejadardquo
2 Fer clic a ldquoActualitzar Opcionsrdquo
1
2
33
221 Crear NavItem de detall de tragravemits i normativa SAC
A partir de la consola de VAP farem les tasques seguumlents per crear el NavItem
1 Anar a lrsquoopcioacute del menuacute ldquoArbre de Navegacioacuterdquo
2 Fer clic a ldquoCrear Element de Navegacioacuterdquo
1
2
34
Per crear lrsquoelement de Navegacioacute realitzarem les tasques seguumlents
1 Posar el nom al NavItem rdquoFW_NavItem_GRIDBrdquo
2 Seleccionar ldquoEnllaccedilar ardquo i seleccionar la pagravegina que acabem de crear
3 Seleccionar el tema ldquoFW_Temardquo
4 Seleccionar la graella ldquoFW_Grid_Brdquo sense destacats a la dreta per
visualitzar correctament el detall de tragravemits el pas a pas i la normativa SAC
5 Fer clic a ldquoCrearrdquo
1
2
3
4
5
35
Quan seleccionem ldquoEnllaccedilar ardquo i seleccionem la pagravegina que acabem de crear srsquoobriragrave
la finestra seguumlent aquiacute cal
1 Cercar la pagravegina que hem creat en el pas anterior
2 Seleccionar la casella de verificacioacute de la pagravegina
3 Fer clic a ldquoOKrdquo
Quan fem seleccionem el tema srsquoobriragrave la seguumlent finestra per a aixograve cal
1 Seleccionar la casella de verificacioacute del tema que utilitzarem al nostre site per
a aquest exemple farem servir el tema del Site Genegraveric
2 Fer clic a ldquoSalvarrdquo
1
1
2
3
2
36
Quan seleccionem la graella srsquoobriragrave la finestra seguumlent aquiacute cal
1 Seleccionar la graella que utilitzarem al nostre site per a aquest exemple farem
servir la Graella FW_Grid_B sense destacats a la dreta del Site Genegraveric Per
tal de visualitzar correctament el detall del tragravemit el pas a pas i la normativa
SAC eacutes imprescindible que la graella tingui una uacutenica columna de continguts
2 Fer clic a ldquoSalvarrdquo
1
2
37
3 Configuracioacute de lrsquoadministracioacute de VCM
31 Creacioacute del canal ldquoLlistat tragravemitsrdquo
Dins del gestor de continguts realitzarem les tasques seguumlents
1 Accedir a ldquoPortalsrdquo
2 Navegar fins al ldquoPortalrdquo on volem configurar el llistat de continguts
3 Seleccionar ldquoHomerdquo
4 Posicionar-se sobre la creu verda i seleccionar ldquoCanalrdquo
a Emplenar la informacioacute i fer clic a ldquoOKrdquo
b Assegurar-se que el canal eacutes ldquoActiurdquo
1
2
3
38
311 Associacioacute de fitxers a la presentacioacute drsquoun canal
Ara srsquohan drsquoassociar els fitxers estagravetics adequats a la presentacioacute del canal perquegrave les
formes de presentacioacute posteriors trobin els estils i els Javascript corresponents
Per a aixograve cal entrar a les propietats del canal ldquoCanal Llistat tragravemitsrdquo i
1 Seleccionar el canal ldquoCanal Llistat tragravemitsrdquo
4
4a
4b
39
1
40
En entrar trobarem el llistat seguumlent on cal
1 Fer clic a ldquoCanal Llistat tragravemitsrdquo
2 Aquest eacutes un contingut del tipus Canals (cal fixar-se que no eacutes com lrsquoanterior)
Es mostraragrave la pantalla seguumlent on afegirem els fitxers relacionats amb el canal per a
cada idioma aquiacute cal
1 Emplenar els camps requerits per crear una pestanya del multiidioma
2 Desplaccedilar-se cap avall en lrsquoapartat ldquomultiidiomardquo fins a observar lrsquoapartat
drsquoassociacioacute de fitxers
3 Fer clic a ldquoAfegirrdquo
En aquest moment apareixeragrave la pantalla seguumlent
1 Si voleu afegir un fitxer amb extensioacute css cal deixar el camp ldquoTipus de fitxerrdquo
amb valor ldquocssrdquo Si voleu afegir un fitxer que teacute extensioacute js srsquoha de canviar el
camp ldquoTipus de fitxerrdquo al valor ldquojsrdquo
2 Fer clic a ldquoNavegadorrdquo
1
2 1 3
2
41
Apareixeragrave la pantalla de navegacioacute de continguts i anirem cercant els fitxers estagravetics
que associarem aquiacute cal
1 Fer clic a ldquoFrameworkrdquo
2 Fer clic a ldquoestilos y scriptsrdquo
3 Fer clic a ldquoNuevos Estilos imagenes y jsrdquo
4 Fer clic a ldquoGlobalsrdquo
2 1
42
43
44
Una vegada se nrsquohagin seleccionat tornarem a la pantalla anterior i farem el seguumlent
1 Verificar que el fitxer seleccionat eacutes el que apareix al quadre de text i que la
seva extensioacute coincideix amb la que hi ha seleccionada a ldquoTipus de fitxerrdquo
2 Fer clic a ldquoOKrdquo
Un cop acabades totes les associacions el resultat de les associacions afegides a la
pantalla principal ha de ser el seguumlent
1 Fer clic a ldquoAplicarrdquo a lrsquoapartat ldquomultiidiomardquo
1
2
45
1
46
Es recarregaragrave la pantalla
1 Fer clic a ldquoOKrdquo al nivell general
Ja tenim configurat el canal que mostraragrave ldquoLlistat de tragravemitsrdquo amb els fitxers associats
que fa referegravencia a la forma de presentacioacute que farem servir aquest mateix canal
mostraragrave el detall del contingut tragravemit amb el format detall
32 Creacioacute i assignacioacute de plantilles de presentacioacute per al
canal ldquoCanal Llistat tragravemitsrdquo
321 Creacioacute de les plantilles (templates) de VCM
La configuracioacute del canal de VCM per mostrar els llistats de tragravemits i el seu detall es
basen en tres plantilles una per llistar el tragravemits (format default) una per mostrar el
detall i el pas a pas drsquoun tragravemit (format detall) i una altra per mostrar la normativa
aplicable drsquoun tragravemit (format detall2)
A continuacioacute srsquoexplica com es creen les plantilles de presentacioacute
(Presentation Templates) necessagraveries per configurar els tragravemits Els
responsables de cada site srsquohan de crear les seves progravepies plantilles
Cal tenir en compte que les plantilles que apareixen en el document soacuten nomeacutes un
exemple drsquouna configuracioacute vagravelida En els casos pragravectics cal seleccionar les plantilles
que pertanyen a cada portal io que tingui cada usuari en els seus recursos
En el nostre cas es fan servir les plantilles ldquoGridB2LlistatTramitsrdquo ldquoGridBTramitrdquo i
ldquoGridBTramitNormativaSacrdquo
1
47
Per la creacioacute de la plantilla srsquohan de seguir els passos seguumlents
1 Accedir al ldquoBanc de Treballrdquo
2 Accedir a ldquoPresentation Templatesrdquo
3 Accedir a la carpeta de presentacions del nostre site en aquest exemple
ldquogenegravericrdquo
1
2
48
Un cop som al llistat de plantilles del nostre site cal fer el seguumlent
1 Seleccionar el signe ldquo+rdquo
2 Seleccionar Forma de Presentation Template
En realitzar aquesta accioacute srsquoobriragrave la finestra drsquoedicioacute o creacioacute de la Presentation
Template Srsquohan de crear dos plantilles noves amb les dades seguumlents
1 Plantilla per al llistat de tragravemits
a Nom cal posar un nom identificatiu de la plantilla per exemple
GenericoGridB2LlistatTramit
b Tipus de plantilla Portal Page
c VAPVCM Portal defaultgeneric (cal posar el nom del portal VAP)
d Element del menuacute de VAP FW_NavItem_GRIDB2
3
1
2
49
e Canal VCM per defecte
Tot seguit cal fer clic a ldquoOKrdquo
Per a la configuracioacute de la plantilla per al llistat de tragravemits es pot fer servir un
NavItem que utilitzi una grid amb destacats a la dreta per exemple la GRID B2 del
Site Genegraveric o beacute un Navitem sense destacats (el FW_NavItem_GRIDB creat
anteriorment)
El NavItem ha de disposar drsquoun portlet a la part central a nivell de Page per
configurar el llistat de tragravemits
f
50
2 Crear una nova Presentation Template per al detall de tragravemits i el pas a
pas
a Nom cal posar un nom identificatiu de la plantilla com per exemple
GenericoGridBTramit
b Tipus de plantilla Portal Page
c VAPVCM Portal defaultgeneric
d Element del menuacute de VAP FW_NavItem_GRIDB
e Canal VCM per defecte
Finalment cal fer clic a ldquoOKrdquo
Per configurar la plantilla per al detall dels tragravemits i el pas a pas srsquoha de fer servir un
NavItem que utilitzi una grid sense destacats a la dreta per exemple la GRID B del
site Genegraveric
El NavItem ha de disposar de dos portlets a la part central a nivell de Page per
configurar el llistat de tragravemits
Tot seguit cal crear una nova Presentation Template per al detall de tragravemits i el pas a
pas
a Nom cal posar un nom identificatiu de la plantilla per exemple
GenericoGridBTramitNormativaSac
f
51
b Tipus de plantilla Portal Page
c VAPVCM Portal defaultgeneric
d Element del menuacute de VAP FW_NavItem_GRIDB
e Canal VCM per defecte
Finalment cal fer clic a ldquoOKrdquo
322 Configuracioacute de la plantilla al canal
Les Presentation Templates que configurarem a continuacioacute soacuten drsquoexemple
Els responsables de cada site han de crear les seves progravepies plantilles
Un cop creat el canal i les Presentation Templates en configurarem la presentacioacute
1 Seleccionarem la casella de seleccioacute del canal que acabem de crear
2 Farem clic a la icona de propietats del canal
3 Navegarem a la pestanya ldquoPresentacioacuterdquo
52
Ens apareixeragrave un formulari com el que es mostra a continuacioacute i realitzarem les
accions seguumlents
1 Fer clic a ldquoAfegir presentacioacute de canalrdquo
1
2
3
53
Apareixeragrave la pantalla seguumlent amb lrsquoobjectiu de seleccionar una plantilla en el nostre
cas farem el seguumlent
1 Seleccionar el projecte de plantilles respectiu al portal A lrsquoexemple ldquogenericrdquo
Posteriorment apareixeragrave un llistat de plantilles (ldquoTemplatesrdquo)
1 En aquest cas seleccionarem ldquoGridB2LlistatTramitsrdquo
2 Acceptarem la seleccioacute ldquoOKrdquo
1
1
54
1
2
55
Un cop acceptat ens apareixeragrave la pantalla seguumlent on configurarem el ldquodetallrdquo Per a
aixograve cal fer el seguumlent
1 Fer clic a ldquoAssignar una Nova Plantilla de Presentacioacuterdquo
1
56
Tot seguit apareixeragrave la pantalla que es mostra a continuacioacute on realitzarem les
accions seguumlents
1 Fer clic a ldquoAfegir formatrdquo
En aquesta nova pantalla ens assegurarem del seguumlent
1 A la casella ldquoFormatrdquo hi ha el valor ldquodetallrdquo
2 A la casella ldquoTemplaterdquo hi ha drsquohaver el correcte Si no eacutes aixiacute srsquoha de fer clic a
ldquoNavegadorrdquo
En fer clic a ldquoNavegadorrdquo cal fer el seguumlent
1 Tornar a navegar fins a ldquogenericrdquo
1
1 2
57
1
58
I a la pantalla seguumlent cal seleccionar una plantilla i
1 Fer clic al botoacute a prop de ldquoGridBTramitrdquo
2 Fer clic a ldquoOKrdquo
1
2
59
En aquest moment es torna a la pantalla anterior i cal
1 Fer clic a ldquoOKrdquo
En el canal Llistat de tragravemits ha drsquoestar configurat el ldquoformatrdquo ldquodetallrdquo ja que la forma
de presentacioacute que configurarem a GridDBTramit necessitaragrave aquest format per
visualitzar el detall del contingut de tipus ldquoTragravemitrdquo
2
60
La pantalla anterior a aquesta ens ha de presentar aquesta informacioacute Ara
configurarem el ldquodetall2rdquo per presentar el contingut rdquo Normativa de SACrdquo Per a aixograve
cal fer el seguumlent
1 Fer clic a ldquoAfegir Formatrdquo
En aquesta nova pantalla ens assegurarem del seguumlent
1 A la casella ldquoFormatrdquo hi ha el valor ldquodetall2rdquo
1
61
2 A la casella ldquoTemplaterdquo hi ha drsquohaver el correcte Si no eacutes aixiacute srsquoha de fer clic a
ldquoNavegadorrdquo
En fer clic a ldquoNavegadorrdquo srsquoha de fer el seguumlent
1 Tornar a navegar fins a ldquogenericrdquo (srsquoha de substituir pel nom del portal)
1 2
62
1
63
A la pantalla seguumlent cal seleccionar una plantilla i
1 Fer clic al botoacute a prop de ldquoGridBTramitNormativaSacrdquo
2 Fer clic a ldquoOKrdquo
1
2
64
En aquest moment es torna a la pantalla anterior i cal fer el seguumlent
2 Fer clic a ldquoOKrdquo
En el canal Llistat de tragravemits ha drsquoestar configurat el ldquoformatrdquo ldquodetall2rdquo ja que la
forma de presentacioacute que configurarem a GridDBTramitNormativaSac necessitaragrave
aquest format per visualitzar el detall del contingut de tipus normativa ldquoSACrdquo
2
65
La pantalla anterior a aquesta ens ha de presentar aquesta informacioacute i srsquoha de fer el
seguumlent
2 Fer clic a ldquoOKrdquo
1
66
La finestra pare anterior a aquesta quedaragrave com es mostra tot seguit i realitzarem les
accions seguumlents
1 Fer clic a ldquoOKrdquo
4 Comparticioacute de continguts
Accedim al projecte on hi ha tots els tragravemits de lrsquoOVT
1
67
OVTDepartaments[NomCurtDepartaments][NomCurtOrganisme] TramitOVT
On NomCurtDepartaments correspon al nom curt del departament al que fa referencia
el nostre organisme
En aquest exemple es mostren tots els projectes de tragravemits de lrsquoOVT
Un cop localitzat el tragravemit de lrsquoOVT que volem compartir amb el nostre site accedirem
a lrsquoedicioacute del contingut i assignarem aquest contingut al canal del nostre site on es
vulgui mostrar Srsquoha de fer el seguumlent
1 Anar al contenidor de projectes on hi ha els continguts de GECO
Apareixeragrave lrsquoestructura de projectes a la qual teacute acceacutes lrsquousuari redactor Cal fer el
seguumlent (exemple Agegravencia Tributagraveria dins drsquoEconomia i Finances)
1 Seleccionar ldquoOVTrdquo
2 Seleccionar ldquoDepartamentsrdquo aquesta carpeta conteacute tots els tragravemits de lrsquoOVT
classificats per departaments
3 Seleccionar ldquoECOrdquo A lrsquousuari nomeacutes se li mostraragrave la carpeta del seu
departament
Si lrsquousuari no visualitza la carpeta dins del seu departament eacutes perquegrave no
srsquoha aplicat la poliacutetica de seguretat correctament Cal obrir un tiquet a Suport
gencat per tramitar aquests permisos AQUESTA CARPETA NOMEacuteS SERAgrave
VISIBLE PER ALS USUARIS AMB ROL REDACTOR
4 Seleccionar ldquoA_Agegravencia Tributagraveriardquo
5 Seleccionar ldquoTramitOVTrdquo
1
68
2
3
1
69
4
5
70
Apareixeragrave el llistat de continguts ldquoTragravemitOVTrdquo de lrsquoOVT de lrsquoAgegravencia Tributagraveria
Realitzarem les accions seguumlents
1 Seleccionar el tragravemit o els tragravemits que volem compartir en la web dorganisme
2 Fer clic a ldquoAssociarrdquo
2
1
71
Aquest proceacutes obriragrave una finestra Per seleccionar el site i canal on es volen mostrar
els tragravemits seleccionats realitzarem les accions seguumlents (cas site Generic)
1 Seleccionar el site ldquoGenericrdquo en el vostre cas el site del departament on es vol
mostrar el contingut ldquotragravemitrdquo
2 Navegar pels canals del Site Genegraveric fins al canal que srsquoha creat en el punt
ldquoLlistat de tragravemitsrdquo i seleccionar el quadre de verificacioacute
3 Fer clic a ldquoOKrdquo
1
72
2
3
73
41 Validar que la comparticioacute de continguts eacutes correcta
Accedim per VCM al canal que hem creat anteriorment al qual li acabem drsquoassignar
els continguts de tragravemits que ha de mostrar i fem el seguumlent
1 Anar al contenidor de portals
2 Seleccionar el Site ldquogenericrdquo
3 Seleccionar el canal ldquoHomerdquo
4 Seleccionar el canal ldquoCanal Llistat tragravemitsrdquo
1
2
3
74
4
75
Apareixeragrave el contingut assignat al canal ldquoCanal Llistat tragravemitsrdquo
En entrar trobarem el llistat seguumlent
1 Llistat del tragravemits de lrsquoOVT que srsquohan compartit amb el canal ldquoCanal Llistat
tragravemitsrdquo
2 Validar que els continguts que apareixen soacuten del tipus ldquoTramitOVTrdquo
En cas que al canal del site ldquoCanal Llistat tragravemitsrdquo no apareguin els continguts
tragravemits associats anteriorment cal repetir el pas 22
1 2
76
5 Configuracioacute al portal
Ara cal entrar al nostre site on tenim configurat el canal que hem creat en lrsquoapartat
anterior (21) i que ara configurarem a nivell de portal
51 Configuracioacute a Canal Llistat tragravemits
511 Configuracioacute de la llista de tragravemits
Farem clic a lrsquoenllaccedil ldquoCanal llistat tragravemitsrdquo de la ldquoHomerdquo i anirem a parar a una
pantalla com la que es mostra meacutes avall
Es pot apreciar que en el contingut de la pagravegina no hi ha res Aixograve eacutes perquegrave cal
configurar els portlets adequats ( )
1 Ens situarem sobre la icona ldquoOpcions de Pagraveginardquo
2 Seleccionarem ldquoObrir Plantillardquo ja que els portlets soacuten a nivell de Page
Ens apareixeragrave una pantalla com la que es mostra tot seguit i realitzarem les accions
seguumlents
1 Seleccionar el portlet de la part central de la pagravegina per configurar una ldquoLlista
automagravetica de contingutsrdquo
2
1
77
Tambeacute podem configurar una ldquoLlista manual de contingutsrdquo segons les
necessitats de cada usuari
78
Ens redirigiragrave cap a un formulari drsquoedicioacute que ens mostraragrave directament quina consulta
hem de configurar per mostrar els continguts i configurarem una consulta com la
seguumlent (evidentment segons les necessitats de cada usuari)
Ara tenim configurat que la pagravegina mostraragrave els tipus de contingut ldquoTramitOVTrdquo del
canal actual ordenats per la ldquoEacutes on-linerdquo en ordre descendent
Aixograve ens portaragrave a la pantalla principal on acabarem de completar la configuracioacute
1 Validar que en lrsquoapartat ldquoConsultardquo hi ha la configuracioacute que acabem drsquoafegir
2 Emplenar ldquoAgraveliesrdquo
3 En lrsquoapartat Forma de presentacioacute fer clic al botoacute ldquoCercar helliprdquo
79
Ens apareixeragrave la pantalla seguumlent
1 Fer clic a ldquoNavegacioacute per projectesrdquo
1
2
3
80
Ens canviaragrave la vista al format seguumlent
1 Navegarem per les carpetes fins a arribar a ldquoFramework Formes de
presentacioacute Site generic fw_fp_llistatramitsrdquo
2 Seleccionarem ldquofw_fp_llistatramitsrdquo
3 Farem clic a ldquoOKrdquo
1
1
81
En retornar a la pantalla principal cal
1 Validar que la forma de presentacioacute eacutes la que acabem de seleccionar
2 Fer clic a ldquoOKrdquo
1 (continuacioacute) 2
3
82
1
2
83
Aquest seragrave el nostre resultat a la pantalla del portal i cal fer el seguumlent
1 Verificar que apareixen els dos continguts que es van associar a aquest canal
1
84
512 Configuracioacute del detall del tragravemit i el pas a pas
En fer clic sobre una activitat veurem com ens redirigeix a la plantilla configurada al
ldquodetallrdquo drsquoaquesta pagravegina tal com la vam configurar en lrsquoapartat 231 cal fer el
seguumlent
1 Fer clic a la primera activitat
1
85
Ens sortiragrave la pagravegina de VAP del detall drsquoun contingut per configurar farem els
passos seguumlents
1 Ens situarem sobre la icona ldquoOpcions de Pagraveginardquo
2 Seleccionar ldquoObrir Plantillardquo ja que els portlets soacuten a nivell de Page
Ens apareixeragrave una pantalla com la que es mostra tot seguit i realitzarem les accions
seguumlents
1 Seleccionar el portlet de la part central de la pagravegina per configurar un ldquoDetall
de contingutrdquo i fer clic a ldquoEditarrdquo
Ens apareixeragrave la pantalla de seleccioacute de component de presentacioacute
1 Seleccionarem el component de presentacioacute ldquoDetall de contingutrdquo
1
2
1
86
Ens apareixeragrave la pantalla que es mostra tot seguit i realitzarem les accions seguumlents
1 Emplenar el camp ldquoAgraveliesrdquo
2 Canviar a la pestanya ldquoPresentacioacuterdquo
En fer clic a la pestanya obtindrem la imatge que es mostra tot seguit i realitzarem les
accions seguumlents
1 Cercarem una forma de presentacioacute fent clic a ldquoCercar helliprdquo
1
2
87
Quan aparegui la pantalla de cercador realitzarem una cerca de la forma de
presentacioacute que volem fer servir per a aixograve cal fer el seguumlent
1 Emplenar la caixa de text amb ldquofw_fp_tramitrdquo
2 Preacutemer ldquoCercarrdquo
3 Seleccionar la forma de presentacioacute de la caixa de resultats
4 Preacutemer ldquoOKrdquo
La forma de presentacioacute ldquofw_fp_tramitrdquo estagrave preparada per ldquomaquillarrdquo el contingut
dels tragravemits Tambeacute es pot fer servir una forma de presentacioacute personalitzada
segons es cregui convenient
1
1
2
3
4
88
En acabar tornarem a la pagravegina principal drsquoedicioacute i farem el seguumlent
1 Verificar que la forma de presentacioacute eacutes la que hem escollit
2 Fer clic a ldquoOKrdquo
En finalitzar la configuracioacute del component de presentacioacute tornem a la pantalla del
portal i cal fer el seguumlent
1 Verificar que el disseny de la presentacioacute eacutes semblant al seguumlent
1
2
89
Configurarem el portlet superior central de la pagravegina perquegrave aquesta contingui el fil
drsquoAriadna
1 Accedir a ldquoObrir Plantillardquo
1 Editar el portlet central que hi ha a sobre del detall de tragravemit per configurar el fil
drsquoAriadna En aquest exemple el portlet eacutes ldquoFW_hilo_ariadnardquo
Escollirem el component de presentacioacute
1 Seleccionar el component de presentacioacute ldquoFil drsquoAriadnardquo
1
1
90
En la configuracioacute del component realitzarem les accions seguumlents
1 Inserir el camp ldquoAgraveliesrdquo
2 Inserir el camp ldquoCanalrdquo
3 Fer clic a la pestanya ldquoPresentacioacuterdquo i cercar la forma de presentacioacute
ldquofw_fp_filariadnardquo
1
91
513 Configuracioacute del detall drsquouna normativa SAC
En el detall de contingut configurat en el punt anterior fent clic sobre una normativa
veurem com ens redirigeix a la plantilla configurada al ldquodetall2rdquo drsquoaquesta pagravegina tal
com hem configurat a lrsquoapartat 231
1 Fer clic a la primera ldquoNormativa Aplicablerdquo
2
3
92
Aquest enllaccedil ens portaragrave al detall2 del canal on srsquoha de configurar el detall de
contingut SAC per tal que es mostri la normativa aplicable
Configurarem el portlet superior central de la pagravegina perquegrave aquesta contingui el fil
drsquoAriadna per a aixograve cal fer el seguumlent
1 Accedir a ldquoObrir Plantillardquo
1
93
1
94
1 Editar el portlet central que hi ha a sobre del detall de tragravemit per configurar el fil
drsquoAriadna En aquest exemple el portlet eacutes ldquofw_portlet_tramitrdquo
Escollirem el component de presentacioacute
1 Seleccionar el component de presentacioacute ldquoDetall de Contingut SACrdquo
En la configuracioacute del component realitzarem les accions seguumlents
1 Inserir el camp ldquoAgraveliesrdquo
2 Seleccionar el tipus de contingut ldquoDetall Tragravemitrdquo
1
95
3 Fer clic a la pestanya ldquoPresentacioacuterdquo i cercar la forma de presentacioacute
ldquofw_fp_sac_normativardquo
4 Fer clic al botoacute ldquoOKrdquo
Srsquoactualitzaragrave la pagravegina de VAP i es mostraragrave el detall de SAC
1
2
3
4
96
514 Validacioacute final de VAP
Finalment cal validar que els tragravemits es visualitzen correctament per a aixograve cal
1 Verificar que tenim els canals creats
2 Accedir al canal ldquoCanal Llistat tragravemitsrdquo i validar que es mostren els tragravemits
que hem associat al punt 22
1
97
A continuacioacute cal fer les comprovacions seguumlents
1 Accedir al detall del tragravemit compartit
2 Accedir al pas a pas del tragravemit i a la normativa de SAC
Exemple llistat de tragravemits compartits
2
1
98
Exemple detall de tragravemit compartit
Exemple pas a pas drsquoun tragravemit
2
2
99
Exemple normativa SAC
En el cas que no es visualitzin el llistat de tragravemits detall o pas a pas configurat
validar
1 Refrescar la Pagravegina
2 Els tragravemits estan associats al canal que esteacuten visualitzat punt 23
1 Refrescar la pagravegina
1
21
22 Crear pagravegina de detall de tragravemits i normativa SAC
Dins del gestor de portals (VAP) realitzarem les tasques seguumlents
1 Accedir a la consola de ldquoVAPrdquo del nostre site
2 Seleccionar ldquoComponentsrdquo
3 Seleccionar ldquoPagesrdquo
4 Seleccionar ldquoLlistat de Pagraveginesrdquo
5 Fer clic a ldquoCrear Pagraveginardquo
1
2
3
4
5
22
Srsquoobriragrave un formulari per donar drsquoalta una nova pagravegina Aquiacute cal
4 Introduir el nom de la pagravegina FW_Pagina_Grid_Tramits_SAC_Detall_B
5 Seleccionar ldquoEnllaccedil de Navegacioacuterdquo
6 Fer clic a ldquoCrear Pagraveginardquo
Sersquons mostraragrave la pantalla seguumlent on cal
1 Seleccionar ldquoVisualitzacioacuterdquo
1
3
2
1
23
Sersquons mostraragrave la pantalla seguumlent on cal
4 Seleccionar ldquo1 columnardquo
5 Fer clic a ldquoActualitzarrdquo
6 Seleccionar ldquoColmiddotlocacioacute de Portletrdquo
1
2
3
24
Sersquons mostraragrave la pantalla seguumlent on cal
2 Fer clic a ldquoAfegir Portletsrdquo
Sersquons mostraragrave la pantalla seguumlent on cal
2 Seleccionar ldquoCrear i afegir nous Portletsrdquo
1
25
Sersquons mostraragrave la pantalla seguumlent on cal
4 Seleccionar ldquoContent Publish Portlet 20rdquo
5 Fer clic a ldquoCrear Seleccionatsrdquo
6 Fer clic a ldquoTancarrdquo
Es poden afegir tants portlets com es vulgui a la pagravegina i com a miacutenim un
per configurar el llistat de tragravemits
1
26
1
2
3
27
La pagravegina srsquohauragrave actualitzat amb els portlets que srsquohan creat tot seguit cal fer el
seguumlent
2 Fer clic al tiacutetol del portlet
1
28
Srsquoha de configurar el tipus de portlet per al llistat Tragravemit per a aixograve cal
Posar un nom al portlet
1 Posar si eacutes a nivell de Page o Template
2 Seleccionar que pot ser un Detall de contingut i Detall de contingut SAC
3 Posar en ldquoJSP Override URLrdquo la ruta ldquovgn-ext-templatingviewsindexControladorjsprdquo
4 Fer clic a ldquoSaverdquo
1
2
3
3
5
4
vgn-ext-templatingviewsindexControladorjsp
29
Srsquohan de configurar permisos del portlet per al detall del tragravemit i la normativa SAC per
a aixograve cal
4 Seleccionar ldquoPermisosrdquo
5 Seleccionar els grups que es volen autoritzar
6 Fer clic a ldquoActualitzarrdquo
1
2
3
30
Tot seguit srsquohan de configurar les dades bagravesiques del portlet per a aixograve srsquoha de fer el
seguumlent
1 Seleccionar ldquoBagravesicsrdquo
2 Posar el nom del portlet ldquofw_portlet_tramit_sac_detallrdquo
3 Desmarcar el quadre de verificacioacute ldquoMostra el cromrdquo
4 Fer clic a ldquoActualitzarrdquo
1
2
3
4
31
Despreacutes cal validar que la pagravegina srsquoha creat correctament per a aixograve cal fer el
seguumlent
1 Seleccionar ldquoLlista Pagraveginardquo
2 Fer clic al nom de la pagravegina
1
2
32
Per bloquejar la pagravegina cal fer el seguumlent
1 Seleccionar la casella de verificacioacute ldquoPagravegina Bloquejadardquo
2 Fer clic a ldquoActualitzar Opcionsrdquo
1
2
33
221 Crear NavItem de detall de tragravemits i normativa SAC
A partir de la consola de VAP farem les tasques seguumlents per crear el NavItem
1 Anar a lrsquoopcioacute del menuacute ldquoArbre de Navegacioacuterdquo
2 Fer clic a ldquoCrear Element de Navegacioacuterdquo
1
2
34
Per crear lrsquoelement de Navegacioacute realitzarem les tasques seguumlents
1 Posar el nom al NavItem rdquoFW_NavItem_GRIDBrdquo
2 Seleccionar ldquoEnllaccedilar ardquo i seleccionar la pagravegina que acabem de crear
3 Seleccionar el tema ldquoFW_Temardquo
4 Seleccionar la graella ldquoFW_Grid_Brdquo sense destacats a la dreta per
visualitzar correctament el detall de tragravemits el pas a pas i la normativa SAC
5 Fer clic a ldquoCrearrdquo
1
2
3
4
5
35
Quan seleccionem ldquoEnllaccedilar ardquo i seleccionem la pagravegina que acabem de crear srsquoobriragrave
la finestra seguumlent aquiacute cal
1 Cercar la pagravegina que hem creat en el pas anterior
2 Seleccionar la casella de verificacioacute de la pagravegina
3 Fer clic a ldquoOKrdquo
Quan fem seleccionem el tema srsquoobriragrave la seguumlent finestra per a aixograve cal
1 Seleccionar la casella de verificacioacute del tema que utilitzarem al nostre site per
a aquest exemple farem servir el tema del Site Genegraveric
2 Fer clic a ldquoSalvarrdquo
1
1
2
3
2
36
Quan seleccionem la graella srsquoobriragrave la finestra seguumlent aquiacute cal
1 Seleccionar la graella que utilitzarem al nostre site per a aquest exemple farem
servir la Graella FW_Grid_B sense destacats a la dreta del Site Genegraveric Per
tal de visualitzar correctament el detall del tragravemit el pas a pas i la normativa
SAC eacutes imprescindible que la graella tingui una uacutenica columna de continguts
2 Fer clic a ldquoSalvarrdquo
1
2
37
3 Configuracioacute de lrsquoadministracioacute de VCM
31 Creacioacute del canal ldquoLlistat tragravemitsrdquo
Dins del gestor de continguts realitzarem les tasques seguumlents
1 Accedir a ldquoPortalsrdquo
2 Navegar fins al ldquoPortalrdquo on volem configurar el llistat de continguts
3 Seleccionar ldquoHomerdquo
4 Posicionar-se sobre la creu verda i seleccionar ldquoCanalrdquo
a Emplenar la informacioacute i fer clic a ldquoOKrdquo
b Assegurar-se que el canal eacutes ldquoActiurdquo
1
2
3
38
311 Associacioacute de fitxers a la presentacioacute drsquoun canal
Ara srsquohan drsquoassociar els fitxers estagravetics adequats a la presentacioacute del canal perquegrave les
formes de presentacioacute posteriors trobin els estils i els Javascript corresponents
Per a aixograve cal entrar a les propietats del canal ldquoCanal Llistat tragravemitsrdquo i
1 Seleccionar el canal ldquoCanal Llistat tragravemitsrdquo
4
4a
4b
39
1
40
En entrar trobarem el llistat seguumlent on cal
1 Fer clic a ldquoCanal Llistat tragravemitsrdquo
2 Aquest eacutes un contingut del tipus Canals (cal fixar-se que no eacutes com lrsquoanterior)
Es mostraragrave la pantalla seguumlent on afegirem els fitxers relacionats amb el canal per a
cada idioma aquiacute cal
1 Emplenar els camps requerits per crear una pestanya del multiidioma
2 Desplaccedilar-se cap avall en lrsquoapartat ldquomultiidiomardquo fins a observar lrsquoapartat
drsquoassociacioacute de fitxers
3 Fer clic a ldquoAfegirrdquo
En aquest moment apareixeragrave la pantalla seguumlent
1 Si voleu afegir un fitxer amb extensioacute css cal deixar el camp ldquoTipus de fitxerrdquo
amb valor ldquocssrdquo Si voleu afegir un fitxer que teacute extensioacute js srsquoha de canviar el
camp ldquoTipus de fitxerrdquo al valor ldquojsrdquo
2 Fer clic a ldquoNavegadorrdquo
1
2 1 3
2
41
Apareixeragrave la pantalla de navegacioacute de continguts i anirem cercant els fitxers estagravetics
que associarem aquiacute cal
1 Fer clic a ldquoFrameworkrdquo
2 Fer clic a ldquoestilos y scriptsrdquo
3 Fer clic a ldquoNuevos Estilos imagenes y jsrdquo
4 Fer clic a ldquoGlobalsrdquo
2 1
42
43
44
Una vegada se nrsquohagin seleccionat tornarem a la pantalla anterior i farem el seguumlent
1 Verificar que el fitxer seleccionat eacutes el que apareix al quadre de text i que la
seva extensioacute coincideix amb la que hi ha seleccionada a ldquoTipus de fitxerrdquo
2 Fer clic a ldquoOKrdquo
Un cop acabades totes les associacions el resultat de les associacions afegides a la
pantalla principal ha de ser el seguumlent
1 Fer clic a ldquoAplicarrdquo a lrsquoapartat ldquomultiidiomardquo
1
2
45
1
46
Es recarregaragrave la pantalla
1 Fer clic a ldquoOKrdquo al nivell general
Ja tenim configurat el canal que mostraragrave ldquoLlistat de tragravemitsrdquo amb els fitxers associats
que fa referegravencia a la forma de presentacioacute que farem servir aquest mateix canal
mostraragrave el detall del contingut tragravemit amb el format detall
32 Creacioacute i assignacioacute de plantilles de presentacioacute per al
canal ldquoCanal Llistat tragravemitsrdquo
321 Creacioacute de les plantilles (templates) de VCM
La configuracioacute del canal de VCM per mostrar els llistats de tragravemits i el seu detall es
basen en tres plantilles una per llistar el tragravemits (format default) una per mostrar el
detall i el pas a pas drsquoun tragravemit (format detall) i una altra per mostrar la normativa
aplicable drsquoun tragravemit (format detall2)
A continuacioacute srsquoexplica com es creen les plantilles de presentacioacute
(Presentation Templates) necessagraveries per configurar els tragravemits Els
responsables de cada site srsquohan de crear les seves progravepies plantilles
Cal tenir en compte que les plantilles que apareixen en el document soacuten nomeacutes un
exemple drsquouna configuracioacute vagravelida En els casos pragravectics cal seleccionar les plantilles
que pertanyen a cada portal io que tingui cada usuari en els seus recursos
En el nostre cas es fan servir les plantilles ldquoGridB2LlistatTramitsrdquo ldquoGridBTramitrdquo i
ldquoGridBTramitNormativaSacrdquo
1
47
Per la creacioacute de la plantilla srsquohan de seguir els passos seguumlents
1 Accedir al ldquoBanc de Treballrdquo
2 Accedir a ldquoPresentation Templatesrdquo
3 Accedir a la carpeta de presentacions del nostre site en aquest exemple
ldquogenegravericrdquo
1
2
48
Un cop som al llistat de plantilles del nostre site cal fer el seguumlent
1 Seleccionar el signe ldquo+rdquo
2 Seleccionar Forma de Presentation Template
En realitzar aquesta accioacute srsquoobriragrave la finestra drsquoedicioacute o creacioacute de la Presentation
Template Srsquohan de crear dos plantilles noves amb les dades seguumlents
1 Plantilla per al llistat de tragravemits
a Nom cal posar un nom identificatiu de la plantilla per exemple
GenericoGridB2LlistatTramit
b Tipus de plantilla Portal Page
c VAPVCM Portal defaultgeneric (cal posar el nom del portal VAP)
d Element del menuacute de VAP FW_NavItem_GRIDB2
3
1
2
49
e Canal VCM per defecte
Tot seguit cal fer clic a ldquoOKrdquo
Per a la configuracioacute de la plantilla per al llistat de tragravemits es pot fer servir un
NavItem que utilitzi una grid amb destacats a la dreta per exemple la GRID B2 del
Site Genegraveric o beacute un Navitem sense destacats (el FW_NavItem_GRIDB creat
anteriorment)
El NavItem ha de disposar drsquoun portlet a la part central a nivell de Page per
configurar el llistat de tragravemits
f
50
2 Crear una nova Presentation Template per al detall de tragravemits i el pas a
pas
a Nom cal posar un nom identificatiu de la plantilla com per exemple
GenericoGridBTramit
b Tipus de plantilla Portal Page
c VAPVCM Portal defaultgeneric
d Element del menuacute de VAP FW_NavItem_GRIDB
e Canal VCM per defecte
Finalment cal fer clic a ldquoOKrdquo
Per configurar la plantilla per al detall dels tragravemits i el pas a pas srsquoha de fer servir un
NavItem que utilitzi una grid sense destacats a la dreta per exemple la GRID B del
site Genegraveric
El NavItem ha de disposar de dos portlets a la part central a nivell de Page per
configurar el llistat de tragravemits
Tot seguit cal crear una nova Presentation Template per al detall de tragravemits i el pas a
pas
a Nom cal posar un nom identificatiu de la plantilla per exemple
GenericoGridBTramitNormativaSac
f
51
b Tipus de plantilla Portal Page
c VAPVCM Portal defaultgeneric
d Element del menuacute de VAP FW_NavItem_GRIDB
e Canal VCM per defecte
Finalment cal fer clic a ldquoOKrdquo
322 Configuracioacute de la plantilla al canal
Les Presentation Templates que configurarem a continuacioacute soacuten drsquoexemple
Els responsables de cada site han de crear les seves progravepies plantilles
Un cop creat el canal i les Presentation Templates en configurarem la presentacioacute
1 Seleccionarem la casella de seleccioacute del canal que acabem de crear
2 Farem clic a la icona de propietats del canal
3 Navegarem a la pestanya ldquoPresentacioacuterdquo
52
Ens apareixeragrave un formulari com el que es mostra a continuacioacute i realitzarem les
accions seguumlents
1 Fer clic a ldquoAfegir presentacioacute de canalrdquo
1
2
3
53
Apareixeragrave la pantalla seguumlent amb lrsquoobjectiu de seleccionar una plantilla en el nostre
cas farem el seguumlent
1 Seleccionar el projecte de plantilles respectiu al portal A lrsquoexemple ldquogenericrdquo
Posteriorment apareixeragrave un llistat de plantilles (ldquoTemplatesrdquo)
1 En aquest cas seleccionarem ldquoGridB2LlistatTramitsrdquo
2 Acceptarem la seleccioacute ldquoOKrdquo
1
1
54
1
2
55
Un cop acceptat ens apareixeragrave la pantalla seguumlent on configurarem el ldquodetallrdquo Per a
aixograve cal fer el seguumlent
1 Fer clic a ldquoAssignar una Nova Plantilla de Presentacioacuterdquo
1
56
Tot seguit apareixeragrave la pantalla que es mostra a continuacioacute on realitzarem les
accions seguumlents
1 Fer clic a ldquoAfegir formatrdquo
En aquesta nova pantalla ens assegurarem del seguumlent
1 A la casella ldquoFormatrdquo hi ha el valor ldquodetallrdquo
2 A la casella ldquoTemplaterdquo hi ha drsquohaver el correcte Si no eacutes aixiacute srsquoha de fer clic a
ldquoNavegadorrdquo
En fer clic a ldquoNavegadorrdquo cal fer el seguumlent
1 Tornar a navegar fins a ldquogenericrdquo
1
1 2
57
1
58
I a la pantalla seguumlent cal seleccionar una plantilla i
1 Fer clic al botoacute a prop de ldquoGridBTramitrdquo
2 Fer clic a ldquoOKrdquo
1
2
59
En aquest moment es torna a la pantalla anterior i cal
1 Fer clic a ldquoOKrdquo
En el canal Llistat de tragravemits ha drsquoestar configurat el ldquoformatrdquo ldquodetallrdquo ja que la forma
de presentacioacute que configurarem a GridDBTramit necessitaragrave aquest format per
visualitzar el detall del contingut de tipus ldquoTragravemitrdquo
2
60
La pantalla anterior a aquesta ens ha de presentar aquesta informacioacute Ara
configurarem el ldquodetall2rdquo per presentar el contingut rdquo Normativa de SACrdquo Per a aixograve
cal fer el seguumlent
1 Fer clic a ldquoAfegir Formatrdquo
En aquesta nova pantalla ens assegurarem del seguumlent
1 A la casella ldquoFormatrdquo hi ha el valor ldquodetall2rdquo
1
61
2 A la casella ldquoTemplaterdquo hi ha drsquohaver el correcte Si no eacutes aixiacute srsquoha de fer clic a
ldquoNavegadorrdquo
En fer clic a ldquoNavegadorrdquo srsquoha de fer el seguumlent
1 Tornar a navegar fins a ldquogenericrdquo (srsquoha de substituir pel nom del portal)
1 2
62
1
63
A la pantalla seguumlent cal seleccionar una plantilla i
1 Fer clic al botoacute a prop de ldquoGridBTramitNormativaSacrdquo
2 Fer clic a ldquoOKrdquo
1
2
64
En aquest moment es torna a la pantalla anterior i cal fer el seguumlent
2 Fer clic a ldquoOKrdquo
En el canal Llistat de tragravemits ha drsquoestar configurat el ldquoformatrdquo ldquodetall2rdquo ja que la
forma de presentacioacute que configurarem a GridDBTramitNormativaSac necessitaragrave
aquest format per visualitzar el detall del contingut de tipus normativa ldquoSACrdquo
2
65
La pantalla anterior a aquesta ens ha de presentar aquesta informacioacute i srsquoha de fer el
seguumlent
2 Fer clic a ldquoOKrdquo
1
66
La finestra pare anterior a aquesta quedaragrave com es mostra tot seguit i realitzarem les
accions seguumlents
1 Fer clic a ldquoOKrdquo
4 Comparticioacute de continguts
Accedim al projecte on hi ha tots els tragravemits de lrsquoOVT
1
67
OVTDepartaments[NomCurtDepartaments][NomCurtOrganisme] TramitOVT
On NomCurtDepartaments correspon al nom curt del departament al que fa referencia
el nostre organisme
En aquest exemple es mostren tots els projectes de tragravemits de lrsquoOVT
Un cop localitzat el tragravemit de lrsquoOVT que volem compartir amb el nostre site accedirem
a lrsquoedicioacute del contingut i assignarem aquest contingut al canal del nostre site on es
vulgui mostrar Srsquoha de fer el seguumlent
1 Anar al contenidor de projectes on hi ha els continguts de GECO
Apareixeragrave lrsquoestructura de projectes a la qual teacute acceacutes lrsquousuari redactor Cal fer el
seguumlent (exemple Agegravencia Tributagraveria dins drsquoEconomia i Finances)
1 Seleccionar ldquoOVTrdquo
2 Seleccionar ldquoDepartamentsrdquo aquesta carpeta conteacute tots els tragravemits de lrsquoOVT
classificats per departaments
3 Seleccionar ldquoECOrdquo A lrsquousuari nomeacutes se li mostraragrave la carpeta del seu
departament
Si lrsquousuari no visualitza la carpeta dins del seu departament eacutes perquegrave no
srsquoha aplicat la poliacutetica de seguretat correctament Cal obrir un tiquet a Suport
gencat per tramitar aquests permisos AQUESTA CARPETA NOMEacuteS SERAgrave
VISIBLE PER ALS USUARIS AMB ROL REDACTOR
4 Seleccionar ldquoA_Agegravencia Tributagraveriardquo
5 Seleccionar ldquoTramitOVTrdquo
1
68
2
3
1
69
4
5
70
Apareixeragrave el llistat de continguts ldquoTragravemitOVTrdquo de lrsquoOVT de lrsquoAgegravencia Tributagraveria
Realitzarem les accions seguumlents
1 Seleccionar el tragravemit o els tragravemits que volem compartir en la web dorganisme
2 Fer clic a ldquoAssociarrdquo
2
1
71
Aquest proceacutes obriragrave una finestra Per seleccionar el site i canal on es volen mostrar
els tragravemits seleccionats realitzarem les accions seguumlents (cas site Generic)
1 Seleccionar el site ldquoGenericrdquo en el vostre cas el site del departament on es vol
mostrar el contingut ldquotragravemitrdquo
2 Navegar pels canals del Site Genegraveric fins al canal que srsquoha creat en el punt
ldquoLlistat de tragravemitsrdquo i seleccionar el quadre de verificacioacute
3 Fer clic a ldquoOKrdquo
1
72
2
3
73
41 Validar que la comparticioacute de continguts eacutes correcta
Accedim per VCM al canal que hem creat anteriorment al qual li acabem drsquoassignar
els continguts de tragravemits que ha de mostrar i fem el seguumlent
1 Anar al contenidor de portals
2 Seleccionar el Site ldquogenericrdquo
3 Seleccionar el canal ldquoHomerdquo
4 Seleccionar el canal ldquoCanal Llistat tragravemitsrdquo
1
2
3
74
4
75
Apareixeragrave el contingut assignat al canal ldquoCanal Llistat tragravemitsrdquo
En entrar trobarem el llistat seguumlent
1 Llistat del tragravemits de lrsquoOVT que srsquohan compartit amb el canal ldquoCanal Llistat
tragravemitsrdquo
2 Validar que els continguts que apareixen soacuten del tipus ldquoTramitOVTrdquo
En cas que al canal del site ldquoCanal Llistat tragravemitsrdquo no apareguin els continguts
tragravemits associats anteriorment cal repetir el pas 22
1 2
76
5 Configuracioacute al portal
Ara cal entrar al nostre site on tenim configurat el canal que hem creat en lrsquoapartat
anterior (21) i que ara configurarem a nivell de portal
51 Configuracioacute a Canal Llistat tragravemits
511 Configuracioacute de la llista de tragravemits
Farem clic a lrsquoenllaccedil ldquoCanal llistat tragravemitsrdquo de la ldquoHomerdquo i anirem a parar a una
pantalla com la que es mostra meacutes avall
Es pot apreciar que en el contingut de la pagravegina no hi ha res Aixograve eacutes perquegrave cal
configurar els portlets adequats ( )
1 Ens situarem sobre la icona ldquoOpcions de Pagraveginardquo
2 Seleccionarem ldquoObrir Plantillardquo ja que els portlets soacuten a nivell de Page
Ens apareixeragrave una pantalla com la que es mostra tot seguit i realitzarem les accions
seguumlents
1 Seleccionar el portlet de la part central de la pagravegina per configurar una ldquoLlista
automagravetica de contingutsrdquo
2
1
77
Tambeacute podem configurar una ldquoLlista manual de contingutsrdquo segons les
necessitats de cada usuari
78
Ens redirigiragrave cap a un formulari drsquoedicioacute que ens mostraragrave directament quina consulta
hem de configurar per mostrar els continguts i configurarem una consulta com la
seguumlent (evidentment segons les necessitats de cada usuari)
Ara tenim configurat que la pagravegina mostraragrave els tipus de contingut ldquoTramitOVTrdquo del
canal actual ordenats per la ldquoEacutes on-linerdquo en ordre descendent
Aixograve ens portaragrave a la pantalla principal on acabarem de completar la configuracioacute
1 Validar que en lrsquoapartat ldquoConsultardquo hi ha la configuracioacute que acabem drsquoafegir
2 Emplenar ldquoAgraveliesrdquo
3 En lrsquoapartat Forma de presentacioacute fer clic al botoacute ldquoCercar helliprdquo
79
Ens apareixeragrave la pantalla seguumlent
1 Fer clic a ldquoNavegacioacute per projectesrdquo
1
2
3
80
Ens canviaragrave la vista al format seguumlent
1 Navegarem per les carpetes fins a arribar a ldquoFramework Formes de
presentacioacute Site generic fw_fp_llistatramitsrdquo
2 Seleccionarem ldquofw_fp_llistatramitsrdquo
3 Farem clic a ldquoOKrdquo
1
1
81
En retornar a la pantalla principal cal
1 Validar que la forma de presentacioacute eacutes la que acabem de seleccionar
2 Fer clic a ldquoOKrdquo
1 (continuacioacute) 2
3
82
1
2
83
Aquest seragrave el nostre resultat a la pantalla del portal i cal fer el seguumlent
1 Verificar que apareixen els dos continguts que es van associar a aquest canal
1
84
512 Configuracioacute del detall del tragravemit i el pas a pas
En fer clic sobre una activitat veurem com ens redirigeix a la plantilla configurada al
ldquodetallrdquo drsquoaquesta pagravegina tal com la vam configurar en lrsquoapartat 231 cal fer el
seguumlent
1 Fer clic a la primera activitat
1
85
Ens sortiragrave la pagravegina de VAP del detall drsquoun contingut per configurar farem els
passos seguumlents
1 Ens situarem sobre la icona ldquoOpcions de Pagraveginardquo
2 Seleccionar ldquoObrir Plantillardquo ja que els portlets soacuten a nivell de Page
Ens apareixeragrave una pantalla com la que es mostra tot seguit i realitzarem les accions
seguumlents
1 Seleccionar el portlet de la part central de la pagravegina per configurar un ldquoDetall
de contingutrdquo i fer clic a ldquoEditarrdquo
Ens apareixeragrave la pantalla de seleccioacute de component de presentacioacute
1 Seleccionarem el component de presentacioacute ldquoDetall de contingutrdquo
1
2
1
86
Ens apareixeragrave la pantalla que es mostra tot seguit i realitzarem les accions seguumlents
1 Emplenar el camp ldquoAgraveliesrdquo
2 Canviar a la pestanya ldquoPresentacioacuterdquo
En fer clic a la pestanya obtindrem la imatge que es mostra tot seguit i realitzarem les
accions seguumlents
1 Cercarem una forma de presentacioacute fent clic a ldquoCercar helliprdquo
1
2
87
Quan aparegui la pantalla de cercador realitzarem una cerca de la forma de
presentacioacute que volem fer servir per a aixograve cal fer el seguumlent
1 Emplenar la caixa de text amb ldquofw_fp_tramitrdquo
2 Preacutemer ldquoCercarrdquo
3 Seleccionar la forma de presentacioacute de la caixa de resultats
4 Preacutemer ldquoOKrdquo
La forma de presentacioacute ldquofw_fp_tramitrdquo estagrave preparada per ldquomaquillarrdquo el contingut
dels tragravemits Tambeacute es pot fer servir una forma de presentacioacute personalitzada
segons es cregui convenient
1
1
2
3
4
88
En acabar tornarem a la pagravegina principal drsquoedicioacute i farem el seguumlent
1 Verificar que la forma de presentacioacute eacutes la que hem escollit
2 Fer clic a ldquoOKrdquo
En finalitzar la configuracioacute del component de presentacioacute tornem a la pantalla del
portal i cal fer el seguumlent
1 Verificar que el disseny de la presentacioacute eacutes semblant al seguumlent
1
2
89
Configurarem el portlet superior central de la pagravegina perquegrave aquesta contingui el fil
drsquoAriadna
1 Accedir a ldquoObrir Plantillardquo
1 Editar el portlet central que hi ha a sobre del detall de tragravemit per configurar el fil
drsquoAriadna En aquest exemple el portlet eacutes ldquoFW_hilo_ariadnardquo
Escollirem el component de presentacioacute
1 Seleccionar el component de presentacioacute ldquoFil drsquoAriadnardquo
1
1
90
En la configuracioacute del component realitzarem les accions seguumlents
1 Inserir el camp ldquoAgraveliesrdquo
2 Inserir el camp ldquoCanalrdquo
3 Fer clic a la pestanya ldquoPresentacioacuterdquo i cercar la forma de presentacioacute
ldquofw_fp_filariadnardquo
1
91
513 Configuracioacute del detall drsquouna normativa SAC
En el detall de contingut configurat en el punt anterior fent clic sobre una normativa
veurem com ens redirigeix a la plantilla configurada al ldquodetall2rdquo drsquoaquesta pagravegina tal
com hem configurat a lrsquoapartat 231
1 Fer clic a la primera ldquoNormativa Aplicablerdquo
2
3
92
Aquest enllaccedil ens portaragrave al detall2 del canal on srsquoha de configurar el detall de
contingut SAC per tal que es mostri la normativa aplicable
Configurarem el portlet superior central de la pagravegina perquegrave aquesta contingui el fil
drsquoAriadna per a aixograve cal fer el seguumlent
1 Accedir a ldquoObrir Plantillardquo
1
93
1
94
1 Editar el portlet central que hi ha a sobre del detall de tragravemit per configurar el fil
drsquoAriadna En aquest exemple el portlet eacutes ldquofw_portlet_tramitrdquo
Escollirem el component de presentacioacute
1 Seleccionar el component de presentacioacute ldquoDetall de Contingut SACrdquo
En la configuracioacute del component realitzarem les accions seguumlents
1 Inserir el camp ldquoAgraveliesrdquo
2 Seleccionar el tipus de contingut ldquoDetall Tragravemitrdquo
1
95
3 Fer clic a la pestanya ldquoPresentacioacuterdquo i cercar la forma de presentacioacute
ldquofw_fp_sac_normativardquo
4 Fer clic al botoacute ldquoOKrdquo
Srsquoactualitzaragrave la pagravegina de VAP i es mostraragrave el detall de SAC
1
2
3
4
96
514 Validacioacute final de VAP
Finalment cal validar que els tragravemits es visualitzen correctament per a aixograve cal
1 Verificar que tenim els canals creats
2 Accedir al canal ldquoCanal Llistat tragravemitsrdquo i validar que es mostren els tragravemits
que hem associat al punt 22
1
97
A continuacioacute cal fer les comprovacions seguumlents
1 Accedir al detall del tragravemit compartit
2 Accedir al pas a pas del tragravemit i a la normativa de SAC
Exemple llistat de tragravemits compartits
2
1
98
Exemple detall de tragravemit compartit
Exemple pas a pas drsquoun tragravemit
2
2
99
Exemple normativa SAC
En el cas que no es visualitzin el llistat de tragravemits detall o pas a pas configurat
validar
1 Refrescar la Pagravegina
2 Els tragravemits estan associats al canal que esteacuten visualitzat punt 23
1 Refrescar la pagravegina
1
22
Srsquoobriragrave un formulari per donar drsquoalta una nova pagravegina Aquiacute cal
4 Introduir el nom de la pagravegina FW_Pagina_Grid_Tramits_SAC_Detall_B
5 Seleccionar ldquoEnllaccedil de Navegacioacuterdquo
6 Fer clic a ldquoCrear Pagraveginardquo
Sersquons mostraragrave la pantalla seguumlent on cal
1 Seleccionar ldquoVisualitzacioacuterdquo
1
3
2
1
23
Sersquons mostraragrave la pantalla seguumlent on cal
4 Seleccionar ldquo1 columnardquo
5 Fer clic a ldquoActualitzarrdquo
6 Seleccionar ldquoColmiddotlocacioacute de Portletrdquo
1
2
3
24
Sersquons mostraragrave la pantalla seguumlent on cal
2 Fer clic a ldquoAfegir Portletsrdquo
Sersquons mostraragrave la pantalla seguumlent on cal
2 Seleccionar ldquoCrear i afegir nous Portletsrdquo
1
25
Sersquons mostraragrave la pantalla seguumlent on cal
4 Seleccionar ldquoContent Publish Portlet 20rdquo
5 Fer clic a ldquoCrear Seleccionatsrdquo
6 Fer clic a ldquoTancarrdquo
Es poden afegir tants portlets com es vulgui a la pagravegina i com a miacutenim un
per configurar el llistat de tragravemits
1
26
1
2
3
27
La pagravegina srsquohauragrave actualitzat amb els portlets que srsquohan creat tot seguit cal fer el
seguumlent
2 Fer clic al tiacutetol del portlet
1
28
Srsquoha de configurar el tipus de portlet per al llistat Tragravemit per a aixograve cal
Posar un nom al portlet
1 Posar si eacutes a nivell de Page o Template
2 Seleccionar que pot ser un Detall de contingut i Detall de contingut SAC
3 Posar en ldquoJSP Override URLrdquo la ruta ldquovgn-ext-templatingviewsindexControladorjsprdquo
4 Fer clic a ldquoSaverdquo
1
2
3
3
5
4
vgn-ext-templatingviewsindexControladorjsp
29
Srsquohan de configurar permisos del portlet per al detall del tragravemit i la normativa SAC per
a aixograve cal
4 Seleccionar ldquoPermisosrdquo
5 Seleccionar els grups que es volen autoritzar
6 Fer clic a ldquoActualitzarrdquo
1
2
3
30
Tot seguit srsquohan de configurar les dades bagravesiques del portlet per a aixograve srsquoha de fer el
seguumlent
1 Seleccionar ldquoBagravesicsrdquo
2 Posar el nom del portlet ldquofw_portlet_tramit_sac_detallrdquo
3 Desmarcar el quadre de verificacioacute ldquoMostra el cromrdquo
4 Fer clic a ldquoActualitzarrdquo
1
2
3
4
31
Despreacutes cal validar que la pagravegina srsquoha creat correctament per a aixograve cal fer el
seguumlent
1 Seleccionar ldquoLlista Pagraveginardquo
2 Fer clic al nom de la pagravegina
1
2
32
Per bloquejar la pagravegina cal fer el seguumlent
1 Seleccionar la casella de verificacioacute ldquoPagravegina Bloquejadardquo
2 Fer clic a ldquoActualitzar Opcionsrdquo
1
2
33
221 Crear NavItem de detall de tragravemits i normativa SAC
A partir de la consola de VAP farem les tasques seguumlents per crear el NavItem
1 Anar a lrsquoopcioacute del menuacute ldquoArbre de Navegacioacuterdquo
2 Fer clic a ldquoCrear Element de Navegacioacuterdquo
1
2
34
Per crear lrsquoelement de Navegacioacute realitzarem les tasques seguumlents
1 Posar el nom al NavItem rdquoFW_NavItem_GRIDBrdquo
2 Seleccionar ldquoEnllaccedilar ardquo i seleccionar la pagravegina que acabem de crear
3 Seleccionar el tema ldquoFW_Temardquo
4 Seleccionar la graella ldquoFW_Grid_Brdquo sense destacats a la dreta per
visualitzar correctament el detall de tragravemits el pas a pas i la normativa SAC
5 Fer clic a ldquoCrearrdquo
1
2
3
4
5
35
Quan seleccionem ldquoEnllaccedilar ardquo i seleccionem la pagravegina que acabem de crear srsquoobriragrave
la finestra seguumlent aquiacute cal
1 Cercar la pagravegina que hem creat en el pas anterior
2 Seleccionar la casella de verificacioacute de la pagravegina
3 Fer clic a ldquoOKrdquo
Quan fem seleccionem el tema srsquoobriragrave la seguumlent finestra per a aixograve cal
1 Seleccionar la casella de verificacioacute del tema que utilitzarem al nostre site per
a aquest exemple farem servir el tema del Site Genegraveric
2 Fer clic a ldquoSalvarrdquo
1
1
2
3
2
36
Quan seleccionem la graella srsquoobriragrave la finestra seguumlent aquiacute cal
1 Seleccionar la graella que utilitzarem al nostre site per a aquest exemple farem
servir la Graella FW_Grid_B sense destacats a la dreta del Site Genegraveric Per
tal de visualitzar correctament el detall del tragravemit el pas a pas i la normativa
SAC eacutes imprescindible que la graella tingui una uacutenica columna de continguts
2 Fer clic a ldquoSalvarrdquo
1
2
37
3 Configuracioacute de lrsquoadministracioacute de VCM
31 Creacioacute del canal ldquoLlistat tragravemitsrdquo
Dins del gestor de continguts realitzarem les tasques seguumlents
1 Accedir a ldquoPortalsrdquo
2 Navegar fins al ldquoPortalrdquo on volem configurar el llistat de continguts
3 Seleccionar ldquoHomerdquo
4 Posicionar-se sobre la creu verda i seleccionar ldquoCanalrdquo
a Emplenar la informacioacute i fer clic a ldquoOKrdquo
b Assegurar-se que el canal eacutes ldquoActiurdquo
1
2
3
38
311 Associacioacute de fitxers a la presentacioacute drsquoun canal
Ara srsquohan drsquoassociar els fitxers estagravetics adequats a la presentacioacute del canal perquegrave les
formes de presentacioacute posteriors trobin els estils i els Javascript corresponents
Per a aixograve cal entrar a les propietats del canal ldquoCanal Llistat tragravemitsrdquo i
1 Seleccionar el canal ldquoCanal Llistat tragravemitsrdquo
4
4a
4b
39
1
40
En entrar trobarem el llistat seguumlent on cal
1 Fer clic a ldquoCanal Llistat tragravemitsrdquo
2 Aquest eacutes un contingut del tipus Canals (cal fixar-se que no eacutes com lrsquoanterior)
Es mostraragrave la pantalla seguumlent on afegirem els fitxers relacionats amb el canal per a
cada idioma aquiacute cal
1 Emplenar els camps requerits per crear una pestanya del multiidioma
2 Desplaccedilar-se cap avall en lrsquoapartat ldquomultiidiomardquo fins a observar lrsquoapartat
drsquoassociacioacute de fitxers
3 Fer clic a ldquoAfegirrdquo
En aquest moment apareixeragrave la pantalla seguumlent
1 Si voleu afegir un fitxer amb extensioacute css cal deixar el camp ldquoTipus de fitxerrdquo
amb valor ldquocssrdquo Si voleu afegir un fitxer que teacute extensioacute js srsquoha de canviar el
camp ldquoTipus de fitxerrdquo al valor ldquojsrdquo
2 Fer clic a ldquoNavegadorrdquo
1
2 1 3
2
41
Apareixeragrave la pantalla de navegacioacute de continguts i anirem cercant els fitxers estagravetics
que associarem aquiacute cal
1 Fer clic a ldquoFrameworkrdquo
2 Fer clic a ldquoestilos y scriptsrdquo
3 Fer clic a ldquoNuevos Estilos imagenes y jsrdquo
4 Fer clic a ldquoGlobalsrdquo
2 1
42
43
44
Una vegada se nrsquohagin seleccionat tornarem a la pantalla anterior i farem el seguumlent
1 Verificar que el fitxer seleccionat eacutes el que apareix al quadre de text i que la
seva extensioacute coincideix amb la que hi ha seleccionada a ldquoTipus de fitxerrdquo
2 Fer clic a ldquoOKrdquo
Un cop acabades totes les associacions el resultat de les associacions afegides a la
pantalla principal ha de ser el seguumlent
1 Fer clic a ldquoAplicarrdquo a lrsquoapartat ldquomultiidiomardquo
1
2
45
1
46
Es recarregaragrave la pantalla
1 Fer clic a ldquoOKrdquo al nivell general
Ja tenim configurat el canal que mostraragrave ldquoLlistat de tragravemitsrdquo amb els fitxers associats
que fa referegravencia a la forma de presentacioacute que farem servir aquest mateix canal
mostraragrave el detall del contingut tragravemit amb el format detall
32 Creacioacute i assignacioacute de plantilles de presentacioacute per al
canal ldquoCanal Llistat tragravemitsrdquo
321 Creacioacute de les plantilles (templates) de VCM
La configuracioacute del canal de VCM per mostrar els llistats de tragravemits i el seu detall es
basen en tres plantilles una per llistar el tragravemits (format default) una per mostrar el
detall i el pas a pas drsquoun tragravemit (format detall) i una altra per mostrar la normativa
aplicable drsquoun tragravemit (format detall2)
A continuacioacute srsquoexplica com es creen les plantilles de presentacioacute
(Presentation Templates) necessagraveries per configurar els tragravemits Els
responsables de cada site srsquohan de crear les seves progravepies plantilles
Cal tenir en compte que les plantilles que apareixen en el document soacuten nomeacutes un
exemple drsquouna configuracioacute vagravelida En els casos pragravectics cal seleccionar les plantilles
que pertanyen a cada portal io que tingui cada usuari en els seus recursos
En el nostre cas es fan servir les plantilles ldquoGridB2LlistatTramitsrdquo ldquoGridBTramitrdquo i
ldquoGridBTramitNormativaSacrdquo
1
47
Per la creacioacute de la plantilla srsquohan de seguir els passos seguumlents
1 Accedir al ldquoBanc de Treballrdquo
2 Accedir a ldquoPresentation Templatesrdquo
3 Accedir a la carpeta de presentacions del nostre site en aquest exemple
ldquogenegravericrdquo
1
2
48
Un cop som al llistat de plantilles del nostre site cal fer el seguumlent
1 Seleccionar el signe ldquo+rdquo
2 Seleccionar Forma de Presentation Template
En realitzar aquesta accioacute srsquoobriragrave la finestra drsquoedicioacute o creacioacute de la Presentation
Template Srsquohan de crear dos plantilles noves amb les dades seguumlents
1 Plantilla per al llistat de tragravemits
a Nom cal posar un nom identificatiu de la plantilla per exemple
GenericoGridB2LlistatTramit
b Tipus de plantilla Portal Page
c VAPVCM Portal defaultgeneric (cal posar el nom del portal VAP)
d Element del menuacute de VAP FW_NavItem_GRIDB2
3
1
2
49
e Canal VCM per defecte
Tot seguit cal fer clic a ldquoOKrdquo
Per a la configuracioacute de la plantilla per al llistat de tragravemits es pot fer servir un
NavItem que utilitzi una grid amb destacats a la dreta per exemple la GRID B2 del
Site Genegraveric o beacute un Navitem sense destacats (el FW_NavItem_GRIDB creat
anteriorment)
El NavItem ha de disposar drsquoun portlet a la part central a nivell de Page per
configurar el llistat de tragravemits
f
50
2 Crear una nova Presentation Template per al detall de tragravemits i el pas a
pas
a Nom cal posar un nom identificatiu de la plantilla com per exemple
GenericoGridBTramit
b Tipus de plantilla Portal Page
c VAPVCM Portal defaultgeneric
d Element del menuacute de VAP FW_NavItem_GRIDB
e Canal VCM per defecte
Finalment cal fer clic a ldquoOKrdquo
Per configurar la plantilla per al detall dels tragravemits i el pas a pas srsquoha de fer servir un
NavItem que utilitzi una grid sense destacats a la dreta per exemple la GRID B del
site Genegraveric
El NavItem ha de disposar de dos portlets a la part central a nivell de Page per
configurar el llistat de tragravemits
Tot seguit cal crear una nova Presentation Template per al detall de tragravemits i el pas a
pas
a Nom cal posar un nom identificatiu de la plantilla per exemple
GenericoGridBTramitNormativaSac
f
51
b Tipus de plantilla Portal Page
c VAPVCM Portal defaultgeneric
d Element del menuacute de VAP FW_NavItem_GRIDB
e Canal VCM per defecte
Finalment cal fer clic a ldquoOKrdquo
322 Configuracioacute de la plantilla al canal
Les Presentation Templates que configurarem a continuacioacute soacuten drsquoexemple
Els responsables de cada site han de crear les seves progravepies plantilles
Un cop creat el canal i les Presentation Templates en configurarem la presentacioacute
1 Seleccionarem la casella de seleccioacute del canal que acabem de crear
2 Farem clic a la icona de propietats del canal
3 Navegarem a la pestanya ldquoPresentacioacuterdquo
52
Ens apareixeragrave un formulari com el que es mostra a continuacioacute i realitzarem les
accions seguumlents
1 Fer clic a ldquoAfegir presentacioacute de canalrdquo
1
2
3
53
Apareixeragrave la pantalla seguumlent amb lrsquoobjectiu de seleccionar una plantilla en el nostre
cas farem el seguumlent
1 Seleccionar el projecte de plantilles respectiu al portal A lrsquoexemple ldquogenericrdquo
Posteriorment apareixeragrave un llistat de plantilles (ldquoTemplatesrdquo)
1 En aquest cas seleccionarem ldquoGridB2LlistatTramitsrdquo
2 Acceptarem la seleccioacute ldquoOKrdquo
1
1
54
1
2
55
Un cop acceptat ens apareixeragrave la pantalla seguumlent on configurarem el ldquodetallrdquo Per a
aixograve cal fer el seguumlent
1 Fer clic a ldquoAssignar una Nova Plantilla de Presentacioacuterdquo
1
56
Tot seguit apareixeragrave la pantalla que es mostra a continuacioacute on realitzarem les
accions seguumlents
1 Fer clic a ldquoAfegir formatrdquo
En aquesta nova pantalla ens assegurarem del seguumlent
1 A la casella ldquoFormatrdquo hi ha el valor ldquodetallrdquo
2 A la casella ldquoTemplaterdquo hi ha drsquohaver el correcte Si no eacutes aixiacute srsquoha de fer clic a
ldquoNavegadorrdquo
En fer clic a ldquoNavegadorrdquo cal fer el seguumlent
1 Tornar a navegar fins a ldquogenericrdquo
1
1 2
57
1
58
I a la pantalla seguumlent cal seleccionar una plantilla i
1 Fer clic al botoacute a prop de ldquoGridBTramitrdquo
2 Fer clic a ldquoOKrdquo
1
2
59
En aquest moment es torna a la pantalla anterior i cal
1 Fer clic a ldquoOKrdquo
En el canal Llistat de tragravemits ha drsquoestar configurat el ldquoformatrdquo ldquodetallrdquo ja que la forma
de presentacioacute que configurarem a GridDBTramit necessitaragrave aquest format per
visualitzar el detall del contingut de tipus ldquoTragravemitrdquo
2
60
La pantalla anterior a aquesta ens ha de presentar aquesta informacioacute Ara
configurarem el ldquodetall2rdquo per presentar el contingut rdquo Normativa de SACrdquo Per a aixograve
cal fer el seguumlent
1 Fer clic a ldquoAfegir Formatrdquo
En aquesta nova pantalla ens assegurarem del seguumlent
1 A la casella ldquoFormatrdquo hi ha el valor ldquodetall2rdquo
1
61
2 A la casella ldquoTemplaterdquo hi ha drsquohaver el correcte Si no eacutes aixiacute srsquoha de fer clic a
ldquoNavegadorrdquo
En fer clic a ldquoNavegadorrdquo srsquoha de fer el seguumlent
1 Tornar a navegar fins a ldquogenericrdquo (srsquoha de substituir pel nom del portal)
1 2
62
1
63
A la pantalla seguumlent cal seleccionar una plantilla i
1 Fer clic al botoacute a prop de ldquoGridBTramitNormativaSacrdquo
2 Fer clic a ldquoOKrdquo
1
2
64
En aquest moment es torna a la pantalla anterior i cal fer el seguumlent
2 Fer clic a ldquoOKrdquo
En el canal Llistat de tragravemits ha drsquoestar configurat el ldquoformatrdquo ldquodetall2rdquo ja que la
forma de presentacioacute que configurarem a GridDBTramitNormativaSac necessitaragrave
aquest format per visualitzar el detall del contingut de tipus normativa ldquoSACrdquo
2
65
La pantalla anterior a aquesta ens ha de presentar aquesta informacioacute i srsquoha de fer el
seguumlent
2 Fer clic a ldquoOKrdquo
1
66
La finestra pare anterior a aquesta quedaragrave com es mostra tot seguit i realitzarem les
accions seguumlents
1 Fer clic a ldquoOKrdquo
4 Comparticioacute de continguts
Accedim al projecte on hi ha tots els tragravemits de lrsquoOVT
1
67
OVTDepartaments[NomCurtDepartaments][NomCurtOrganisme] TramitOVT
On NomCurtDepartaments correspon al nom curt del departament al que fa referencia
el nostre organisme
En aquest exemple es mostren tots els projectes de tragravemits de lrsquoOVT
Un cop localitzat el tragravemit de lrsquoOVT que volem compartir amb el nostre site accedirem
a lrsquoedicioacute del contingut i assignarem aquest contingut al canal del nostre site on es
vulgui mostrar Srsquoha de fer el seguumlent
1 Anar al contenidor de projectes on hi ha els continguts de GECO
Apareixeragrave lrsquoestructura de projectes a la qual teacute acceacutes lrsquousuari redactor Cal fer el
seguumlent (exemple Agegravencia Tributagraveria dins drsquoEconomia i Finances)
1 Seleccionar ldquoOVTrdquo
2 Seleccionar ldquoDepartamentsrdquo aquesta carpeta conteacute tots els tragravemits de lrsquoOVT
classificats per departaments
3 Seleccionar ldquoECOrdquo A lrsquousuari nomeacutes se li mostraragrave la carpeta del seu
departament
Si lrsquousuari no visualitza la carpeta dins del seu departament eacutes perquegrave no
srsquoha aplicat la poliacutetica de seguretat correctament Cal obrir un tiquet a Suport
gencat per tramitar aquests permisos AQUESTA CARPETA NOMEacuteS SERAgrave
VISIBLE PER ALS USUARIS AMB ROL REDACTOR
4 Seleccionar ldquoA_Agegravencia Tributagraveriardquo
5 Seleccionar ldquoTramitOVTrdquo
1
68
2
3
1
69
4
5
70
Apareixeragrave el llistat de continguts ldquoTragravemitOVTrdquo de lrsquoOVT de lrsquoAgegravencia Tributagraveria
Realitzarem les accions seguumlents
1 Seleccionar el tragravemit o els tragravemits que volem compartir en la web dorganisme
2 Fer clic a ldquoAssociarrdquo
2
1
71
Aquest proceacutes obriragrave una finestra Per seleccionar el site i canal on es volen mostrar
els tragravemits seleccionats realitzarem les accions seguumlents (cas site Generic)
1 Seleccionar el site ldquoGenericrdquo en el vostre cas el site del departament on es vol
mostrar el contingut ldquotragravemitrdquo
2 Navegar pels canals del Site Genegraveric fins al canal que srsquoha creat en el punt
ldquoLlistat de tragravemitsrdquo i seleccionar el quadre de verificacioacute
3 Fer clic a ldquoOKrdquo
1
72
2
3
73
41 Validar que la comparticioacute de continguts eacutes correcta
Accedim per VCM al canal que hem creat anteriorment al qual li acabem drsquoassignar
els continguts de tragravemits que ha de mostrar i fem el seguumlent
1 Anar al contenidor de portals
2 Seleccionar el Site ldquogenericrdquo
3 Seleccionar el canal ldquoHomerdquo
4 Seleccionar el canal ldquoCanal Llistat tragravemitsrdquo
1
2
3
74
4
75
Apareixeragrave el contingut assignat al canal ldquoCanal Llistat tragravemitsrdquo
En entrar trobarem el llistat seguumlent
1 Llistat del tragravemits de lrsquoOVT que srsquohan compartit amb el canal ldquoCanal Llistat
tragravemitsrdquo
2 Validar que els continguts que apareixen soacuten del tipus ldquoTramitOVTrdquo
En cas que al canal del site ldquoCanal Llistat tragravemitsrdquo no apareguin els continguts
tragravemits associats anteriorment cal repetir el pas 22
1 2
76
5 Configuracioacute al portal
Ara cal entrar al nostre site on tenim configurat el canal que hem creat en lrsquoapartat
anterior (21) i que ara configurarem a nivell de portal
51 Configuracioacute a Canal Llistat tragravemits
511 Configuracioacute de la llista de tragravemits
Farem clic a lrsquoenllaccedil ldquoCanal llistat tragravemitsrdquo de la ldquoHomerdquo i anirem a parar a una
pantalla com la que es mostra meacutes avall
Es pot apreciar que en el contingut de la pagravegina no hi ha res Aixograve eacutes perquegrave cal
configurar els portlets adequats ( )
1 Ens situarem sobre la icona ldquoOpcions de Pagraveginardquo
2 Seleccionarem ldquoObrir Plantillardquo ja que els portlets soacuten a nivell de Page
Ens apareixeragrave una pantalla com la que es mostra tot seguit i realitzarem les accions
seguumlents
1 Seleccionar el portlet de la part central de la pagravegina per configurar una ldquoLlista
automagravetica de contingutsrdquo
2
1
77
Tambeacute podem configurar una ldquoLlista manual de contingutsrdquo segons les
necessitats de cada usuari
78
Ens redirigiragrave cap a un formulari drsquoedicioacute que ens mostraragrave directament quina consulta
hem de configurar per mostrar els continguts i configurarem una consulta com la
seguumlent (evidentment segons les necessitats de cada usuari)
Ara tenim configurat que la pagravegina mostraragrave els tipus de contingut ldquoTramitOVTrdquo del
canal actual ordenats per la ldquoEacutes on-linerdquo en ordre descendent
Aixograve ens portaragrave a la pantalla principal on acabarem de completar la configuracioacute
1 Validar que en lrsquoapartat ldquoConsultardquo hi ha la configuracioacute que acabem drsquoafegir
2 Emplenar ldquoAgraveliesrdquo
3 En lrsquoapartat Forma de presentacioacute fer clic al botoacute ldquoCercar helliprdquo
79
Ens apareixeragrave la pantalla seguumlent
1 Fer clic a ldquoNavegacioacute per projectesrdquo
1
2
3
80
Ens canviaragrave la vista al format seguumlent
1 Navegarem per les carpetes fins a arribar a ldquoFramework Formes de
presentacioacute Site generic fw_fp_llistatramitsrdquo
2 Seleccionarem ldquofw_fp_llistatramitsrdquo
3 Farem clic a ldquoOKrdquo
1
1
81
En retornar a la pantalla principal cal
1 Validar que la forma de presentacioacute eacutes la que acabem de seleccionar
2 Fer clic a ldquoOKrdquo
1 (continuacioacute) 2
3
82
1
2
83
Aquest seragrave el nostre resultat a la pantalla del portal i cal fer el seguumlent
1 Verificar que apareixen els dos continguts que es van associar a aquest canal
1
84
512 Configuracioacute del detall del tragravemit i el pas a pas
En fer clic sobre una activitat veurem com ens redirigeix a la plantilla configurada al
ldquodetallrdquo drsquoaquesta pagravegina tal com la vam configurar en lrsquoapartat 231 cal fer el
seguumlent
1 Fer clic a la primera activitat
1
85
Ens sortiragrave la pagravegina de VAP del detall drsquoun contingut per configurar farem els
passos seguumlents
1 Ens situarem sobre la icona ldquoOpcions de Pagraveginardquo
2 Seleccionar ldquoObrir Plantillardquo ja que els portlets soacuten a nivell de Page
Ens apareixeragrave una pantalla com la que es mostra tot seguit i realitzarem les accions
seguumlents
1 Seleccionar el portlet de la part central de la pagravegina per configurar un ldquoDetall
de contingutrdquo i fer clic a ldquoEditarrdquo
Ens apareixeragrave la pantalla de seleccioacute de component de presentacioacute
1 Seleccionarem el component de presentacioacute ldquoDetall de contingutrdquo
1
2
1
86
Ens apareixeragrave la pantalla que es mostra tot seguit i realitzarem les accions seguumlents
1 Emplenar el camp ldquoAgraveliesrdquo
2 Canviar a la pestanya ldquoPresentacioacuterdquo
En fer clic a la pestanya obtindrem la imatge que es mostra tot seguit i realitzarem les
accions seguumlents
1 Cercarem una forma de presentacioacute fent clic a ldquoCercar helliprdquo
1
2
87
Quan aparegui la pantalla de cercador realitzarem una cerca de la forma de
presentacioacute que volem fer servir per a aixograve cal fer el seguumlent
1 Emplenar la caixa de text amb ldquofw_fp_tramitrdquo
2 Preacutemer ldquoCercarrdquo
3 Seleccionar la forma de presentacioacute de la caixa de resultats
4 Preacutemer ldquoOKrdquo
La forma de presentacioacute ldquofw_fp_tramitrdquo estagrave preparada per ldquomaquillarrdquo el contingut
dels tragravemits Tambeacute es pot fer servir una forma de presentacioacute personalitzada
segons es cregui convenient
1
1
2
3
4
88
En acabar tornarem a la pagravegina principal drsquoedicioacute i farem el seguumlent
1 Verificar que la forma de presentacioacute eacutes la que hem escollit
2 Fer clic a ldquoOKrdquo
En finalitzar la configuracioacute del component de presentacioacute tornem a la pantalla del
portal i cal fer el seguumlent
1 Verificar que el disseny de la presentacioacute eacutes semblant al seguumlent
1
2
89
Configurarem el portlet superior central de la pagravegina perquegrave aquesta contingui el fil
drsquoAriadna
1 Accedir a ldquoObrir Plantillardquo
1 Editar el portlet central que hi ha a sobre del detall de tragravemit per configurar el fil
drsquoAriadna En aquest exemple el portlet eacutes ldquoFW_hilo_ariadnardquo
Escollirem el component de presentacioacute
1 Seleccionar el component de presentacioacute ldquoFil drsquoAriadnardquo
1
1
90
En la configuracioacute del component realitzarem les accions seguumlents
1 Inserir el camp ldquoAgraveliesrdquo
2 Inserir el camp ldquoCanalrdquo
3 Fer clic a la pestanya ldquoPresentacioacuterdquo i cercar la forma de presentacioacute
ldquofw_fp_filariadnardquo
1
91
513 Configuracioacute del detall drsquouna normativa SAC
En el detall de contingut configurat en el punt anterior fent clic sobre una normativa
veurem com ens redirigeix a la plantilla configurada al ldquodetall2rdquo drsquoaquesta pagravegina tal
com hem configurat a lrsquoapartat 231
1 Fer clic a la primera ldquoNormativa Aplicablerdquo
2
3
92
Aquest enllaccedil ens portaragrave al detall2 del canal on srsquoha de configurar el detall de
contingut SAC per tal que es mostri la normativa aplicable
Configurarem el portlet superior central de la pagravegina perquegrave aquesta contingui el fil
drsquoAriadna per a aixograve cal fer el seguumlent
1 Accedir a ldquoObrir Plantillardquo
1
93
1
94
1 Editar el portlet central que hi ha a sobre del detall de tragravemit per configurar el fil
drsquoAriadna En aquest exemple el portlet eacutes ldquofw_portlet_tramitrdquo
Escollirem el component de presentacioacute
1 Seleccionar el component de presentacioacute ldquoDetall de Contingut SACrdquo
En la configuracioacute del component realitzarem les accions seguumlents
1 Inserir el camp ldquoAgraveliesrdquo
2 Seleccionar el tipus de contingut ldquoDetall Tragravemitrdquo
1
95
3 Fer clic a la pestanya ldquoPresentacioacuterdquo i cercar la forma de presentacioacute
ldquofw_fp_sac_normativardquo
4 Fer clic al botoacute ldquoOKrdquo
Srsquoactualitzaragrave la pagravegina de VAP i es mostraragrave el detall de SAC
1
2
3
4
96
514 Validacioacute final de VAP
Finalment cal validar que els tragravemits es visualitzen correctament per a aixograve cal
1 Verificar que tenim els canals creats
2 Accedir al canal ldquoCanal Llistat tragravemitsrdquo i validar que es mostren els tragravemits
que hem associat al punt 22
1
97
A continuacioacute cal fer les comprovacions seguumlents
1 Accedir al detall del tragravemit compartit
2 Accedir al pas a pas del tragravemit i a la normativa de SAC
Exemple llistat de tragravemits compartits
2
1
98
Exemple detall de tragravemit compartit
Exemple pas a pas drsquoun tragravemit
2
2
99
Exemple normativa SAC
En el cas que no es visualitzin el llistat de tragravemits detall o pas a pas configurat
validar
1 Refrescar la Pagravegina
2 Els tragravemits estan associats al canal que esteacuten visualitzat punt 23
1 Refrescar la pagravegina
1
23
Sersquons mostraragrave la pantalla seguumlent on cal
4 Seleccionar ldquo1 columnardquo
5 Fer clic a ldquoActualitzarrdquo
6 Seleccionar ldquoColmiddotlocacioacute de Portletrdquo
1
2
3
24
Sersquons mostraragrave la pantalla seguumlent on cal
2 Fer clic a ldquoAfegir Portletsrdquo
Sersquons mostraragrave la pantalla seguumlent on cal
2 Seleccionar ldquoCrear i afegir nous Portletsrdquo
1
25
Sersquons mostraragrave la pantalla seguumlent on cal
4 Seleccionar ldquoContent Publish Portlet 20rdquo
5 Fer clic a ldquoCrear Seleccionatsrdquo
6 Fer clic a ldquoTancarrdquo
Es poden afegir tants portlets com es vulgui a la pagravegina i com a miacutenim un
per configurar el llistat de tragravemits
1
26
1
2
3
27
La pagravegina srsquohauragrave actualitzat amb els portlets que srsquohan creat tot seguit cal fer el
seguumlent
2 Fer clic al tiacutetol del portlet
1
28
Srsquoha de configurar el tipus de portlet per al llistat Tragravemit per a aixograve cal
Posar un nom al portlet
1 Posar si eacutes a nivell de Page o Template
2 Seleccionar que pot ser un Detall de contingut i Detall de contingut SAC
3 Posar en ldquoJSP Override URLrdquo la ruta ldquovgn-ext-templatingviewsindexControladorjsprdquo
4 Fer clic a ldquoSaverdquo
1
2
3
3
5
4
vgn-ext-templatingviewsindexControladorjsp
29
Srsquohan de configurar permisos del portlet per al detall del tragravemit i la normativa SAC per
a aixograve cal
4 Seleccionar ldquoPermisosrdquo
5 Seleccionar els grups que es volen autoritzar
6 Fer clic a ldquoActualitzarrdquo
1
2
3
30
Tot seguit srsquohan de configurar les dades bagravesiques del portlet per a aixograve srsquoha de fer el
seguumlent
1 Seleccionar ldquoBagravesicsrdquo
2 Posar el nom del portlet ldquofw_portlet_tramit_sac_detallrdquo
3 Desmarcar el quadre de verificacioacute ldquoMostra el cromrdquo
4 Fer clic a ldquoActualitzarrdquo
1
2
3
4
31
Despreacutes cal validar que la pagravegina srsquoha creat correctament per a aixograve cal fer el
seguumlent
1 Seleccionar ldquoLlista Pagraveginardquo
2 Fer clic al nom de la pagravegina
1
2
32
Per bloquejar la pagravegina cal fer el seguumlent
1 Seleccionar la casella de verificacioacute ldquoPagravegina Bloquejadardquo
2 Fer clic a ldquoActualitzar Opcionsrdquo
1
2
33
221 Crear NavItem de detall de tragravemits i normativa SAC
A partir de la consola de VAP farem les tasques seguumlents per crear el NavItem
1 Anar a lrsquoopcioacute del menuacute ldquoArbre de Navegacioacuterdquo
2 Fer clic a ldquoCrear Element de Navegacioacuterdquo
1
2
34
Per crear lrsquoelement de Navegacioacute realitzarem les tasques seguumlents
1 Posar el nom al NavItem rdquoFW_NavItem_GRIDBrdquo
2 Seleccionar ldquoEnllaccedilar ardquo i seleccionar la pagravegina que acabem de crear
3 Seleccionar el tema ldquoFW_Temardquo
4 Seleccionar la graella ldquoFW_Grid_Brdquo sense destacats a la dreta per
visualitzar correctament el detall de tragravemits el pas a pas i la normativa SAC
5 Fer clic a ldquoCrearrdquo
1
2
3
4
5
35
Quan seleccionem ldquoEnllaccedilar ardquo i seleccionem la pagravegina que acabem de crear srsquoobriragrave
la finestra seguumlent aquiacute cal
1 Cercar la pagravegina que hem creat en el pas anterior
2 Seleccionar la casella de verificacioacute de la pagravegina
3 Fer clic a ldquoOKrdquo
Quan fem seleccionem el tema srsquoobriragrave la seguumlent finestra per a aixograve cal
1 Seleccionar la casella de verificacioacute del tema que utilitzarem al nostre site per
a aquest exemple farem servir el tema del Site Genegraveric
2 Fer clic a ldquoSalvarrdquo
1
1
2
3
2
36
Quan seleccionem la graella srsquoobriragrave la finestra seguumlent aquiacute cal
1 Seleccionar la graella que utilitzarem al nostre site per a aquest exemple farem
servir la Graella FW_Grid_B sense destacats a la dreta del Site Genegraveric Per
tal de visualitzar correctament el detall del tragravemit el pas a pas i la normativa
SAC eacutes imprescindible que la graella tingui una uacutenica columna de continguts
2 Fer clic a ldquoSalvarrdquo
1
2
37
3 Configuracioacute de lrsquoadministracioacute de VCM
31 Creacioacute del canal ldquoLlistat tragravemitsrdquo
Dins del gestor de continguts realitzarem les tasques seguumlents
1 Accedir a ldquoPortalsrdquo
2 Navegar fins al ldquoPortalrdquo on volem configurar el llistat de continguts
3 Seleccionar ldquoHomerdquo
4 Posicionar-se sobre la creu verda i seleccionar ldquoCanalrdquo
a Emplenar la informacioacute i fer clic a ldquoOKrdquo
b Assegurar-se que el canal eacutes ldquoActiurdquo
1
2
3
38
311 Associacioacute de fitxers a la presentacioacute drsquoun canal
Ara srsquohan drsquoassociar els fitxers estagravetics adequats a la presentacioacute del canal perquegrave les
formes de presentacioacute posteriors trobin els estils i els Javascript corresponents
Per a aixograve cal entrar a les propietats del canal ldquoCanal Llistat tragravemitsrdquo i
1 Seleccionar el canal ldquoCanal Llistat tragravemitsrdquo
4
4a
4b
39
1
40
En entrar trobarem el llistat seguumlent on cal
1 Fer clic a ldquoCanal Llistat tragravemitsrdquo
2 Aquest eacutes un contingut del tipus Canals (cal fixar-se que no eacutes com lrsquoanterior)
Es mostraragrave la pantalla seguumlent on afegirem els fitxers relacionats amb el canal per a
cada idioma aquiacute cal
1 Emplenar els camps requerits per crear una pestanya del multiidioma
2 Desplaccedilar-se cap avall en lrsquoapartat ldquomultiidiomardquo fins a observar lrsquoapartat
drsquoassociacioacute de fitxers
3 Fer clic a ldquoAfegirrdquo
En aquest moment apareixeragrave la pantalla seguumlent
1 Si voleu afegir un fitxer amb extensioacute css cal deixar el camp ldquoTipus de fitxerrdquo
amb valor ldquocssrdquo Si voleu afegir un fitxer que teacute extensioacute js srsquoha de canviar el
camp ldquoTipus de fitxerrdquo al valor ldquojsrdquo
2 Fer clic a ldquoNavegadorrdquo
1
2 1 3
2
41
Apareixeragrave la pantalla de navegacioacute de continguts i anirem cercant els fitxers estagravetics
que associarem aquiacute cal
1 Fer clic a ldquoFrameworkrdquo
2 Fer clic a ldquoestilos y scriptsrdquo
3 Fer clic a ldquoNuevos Estilos imagenes y jsrdquo
4 Fer clic a ldquoGlobalsrdquo
2 1
42
43
44
Una vegada se nrsquohagin seleccionat tornarem a la pantalla anterior i farem el seguumlent
1 Verificar que el fitxer seleccionat eacutes el que apareix al quadre de text i que la
seva extensioacute coincideix amb la que hi ha seleccionada a ldquoTipus de fitxerrdquo
2 Fer clic a ldquoOKrdquo
Un cop acabades totes les associacions el resultat de les associacions afegides a la
pantalla principal ha de ser el seguumlent
1 Fer clic a ldquoAplicarrdquo a lrsquoapartat ldquomultiidiomardquo
1
2
45
1
46
Es recarregaragrave la pantalla
1 Fer clic a ldquoOKrdquo al nivell general
Ja tenim configurat el canal que mostraragrave ldquoLlistat de tragravemitsrdquo amb els fitxers associats
que fa referegravencia a la forma de presentacioacute que farem servir aquest mateix canal
mostraragrave el detall del contingut tragravemit amb el format detall
32 Creacioacute i assignacioacute de plantilles de presentacioacute per al
canal ldquoCanal Llistat tragravemitsrdquo
321 Creacioacute de les plantilles (templates) de VCM
La configuracioacute del canal de VCM per mostrar els llistats de tragravemits i el seu detall es
basen en tres plantilles una per llistar el tragravemits (format default) una per mostrar el
detall i el pas a pas drsquoun tragravemit (format detall) i una altra per mostrar la normativa
aplicable drsquoun tragravemit (format detall2)
A continuacioacute srsquoexplica com es creen les plantilles de presentacioacute
(Presentation Templates) necessagraveries per configurar els tragravemits Els
responsables de cada site srsquohan de crear les seves progravepies plantilles
Cal tenir en compte que les plantilles que apareixen en el document soacuten nomeacutes un
exemple drsquouna configuracioacute vagravelida En els casos pragravectics cal seleccionar les plantilles
que pertanyen a cada portal io que tingui cada usuari en els seus recursos
En el nostre cas es fan servir les plantilles ldquoGridB2LlistatTramitsrdquo ldquoGridBTramitrdquo i
ldquoGridBTramitNormativaSacrdquo
1
47
Per la creacioacute de la plantilla srsquohan de seguir els passos seguumlents
1 Accedir al ldquoBanc de Treballrdquo
2 Accedir a ldquoPresentation Templatesrdquo
3 Accedir a la carpeta de presentacions del nostre site en aquest exemple
ldquogenegravericrdquo
1
2
48
Un cop som al llistat de plantilles del nostre site cal fer el seguumlent
1 Seleccionar el signe ldquo+rdquo
2 Seleccionar Forma de Presentation Template
En realitzar aquesta accioacute srsquoobriragrave la finestra drsquoedicioacute o creacioacute de la Presentation
Template Srsquohan de crear dos plantilles noves amb les dades seguumlents
1 Plantilla per al llistat de tragravemits
a Nom cal posar un nom identificatiu de la plantilla per exemple
GenericoGridB2LlistatTramit
b Tipus de plantilla Portal Page
c VAPVCM Portal defaultgeneric (cal posar el nom del portal VAP)
d Element del menuacute de VAP FW_NavItem_GRIDB2
3
1
2
49
e Canal VCM per defecte
Tot seguit cal fer clic a ldquoOKrdquo
Per a la configuracioacute de la plantilla per al llistat de tragravemits es pot fer servir un
NavItem que utilitzi una grid amb destacats a la dreta per exemple la GRID B2 del
Site Genegraveric o beacute un Navitem sense destacats (el FW_NavItem_GRIDB creat
anteriorment)
El NavItem ha de disposar drsquoun portlet a la part central a nivell de Page per
configurar el llistat de tragravemits
f
50
2 Crear una nova Presentation Template per al detall de tragravemits i el pas a
pas
a Nom cal posar un nom identificatiu de la plantilla com per exemple
GenericoGridBTramit
b Tipus de plantilla Portal Page
c VAPVCM Portal defaultgeneric
d Element del menuacute de VAP FW_NavItem_GRIDB
e Canal VCM per defecte
Finalment cal fer clic a ldquoOKrdquo
Per configurar la plantilla per al detall dels tragravemits i el pas a pas srsquoha de fer servir un
NavItem que utilitzi una grid sense destacats a la dreta per exemple la GRID B del
site Genegraveric
El NavItem ha de disposar de dos portlets a la part central a nivell de Page per
configurar el llistat de tragravemits
Tot seguit cal crear una nova Presentation Template per al detall de tragravemits i el pas a
pas
a Nom cal posar un nom identificatiu de la plantilla per exemple
GenericoGridBTramitNormativaSac
f
51
b Tipus de plantilla Portal Page
c VAPVCM Portal defaultgeneric
d Element del menuacute de VAP FW_NavItem_GRIDB
e Canal VCM per defecte
Finalment cal fer clic a ldquoOKrdquo
322 Configuracioacute de la plantilla al canal
Les Presentation Templates que configurarem a continuacioacute soacuten drsquoexemple
Els responsables de cada site han de crear les seves progravepies plantilles
Un cop creat el canal i les Presentation Templates en configurarem la presentacioacute
1 Seleccionarem la casella de seleccioacute del canal que acabem de crear
2 Farem clic a la icona de propietats del canal
3 Navegarem a la pestanya ldquoPresentacioacuterdquo
52
Ens apareixeragrave un formulari com el que es mostra a continuacioacute i realitzarem les
accions seguumlents
1 Fer clic a ldquoAfegir presentacioacute de canalrdquo
1
2
3
53
Apareixeragrave la pantalla seguumlent amb lrsquoobjectiu de seleccionar una plantilla en el nostre
cas farem el seguumlent
1 Seleccionar el projecte de plantilles respectiu al portal A lrsquoexemple ldquogenericrdquo
Posteriorment apareixeragrave un llistat de plantilles (ldquoTemplatesrdquo)
1 En aquest cas seleccionarem ldquoGridB2LlistatTramitsrdquo
2 Acceptarem la seleccioacute ldquoOKrdquo
1
1
54
1
2
55
Un cop acceptat ens apareixeragrave la pantalla seguumlent on configurarem el ldquodetallrdquo Per a
aixograve cal fer el seguumlent
1 Fer clic a ldquoAssignar una Nova Plantilla de Presentacioacuterdquo
1
56
Tot seguit apareixeragrave la pantalla que es mostra a continuacioacute on realitzarem les
accions seguumlents
1 Fer clic a ldquoAfegir formatrdquo
En aquesta nova pantalla ens assegurarem del seguumlent
1 A la casella ldquoFormatrdquo hi ha el valor ldquodetallrdquo
2 A la casella ldquoTemplaterdquo hi ha drsquohaver el correcte Si no eacutes aixiacute srsquoha de fer clic a
ldquoNavegadorrdquo
En fer clic a ldquoNavegadorrdquo cal fer el seguumlent
1 Tornar a navegar fins a ldquogenericrdquo
1
1 2
57
1
58
I a la pantalla seguumlent cal seleccionar una plantilla i
1 Fer clic al botoacute a prop de ldquoGridBTramitrdquo
2 Fer clic a ldquoOKrdquo
1
2
59
En aquest moment es torna a la pantalla anterior i cal
1 Fer clic a ldquoOKrdquo
En el canal Llistat de tragravemits ha drsquoestar configurat el ldquoformatrdquo ldquodetallrdquo ja que la forma
de presentacioacute que configurarem a GridDBTramit necessitaragrave aquest format per
visualitzar el detall del contingut de tipus ldquoTragravemitrdquo
2
60
La pantalla anterior a aquesta ens ha de presentar aquesta informacioacute Ara
configurarem el ldquodetall2rdquo per presentar el contingut rdquo Normativa de SACrdquo Per a aixograve
cal fer el seguumlent
1 Fer clic a ldquoAfegir Formatrdquo
En aquesta nova pantalla ens assegurarem del seguumlent
1 A la casella ldquoFormatrdquo hi ha el valor ldquodetall2rdquo
1
61
2 A la casella ldquoTemplaterdquo hi ha drsquohaver el correcte Si no eacutes aixiacute srsquoha de fer clic a
ldquoNavegadorrdquo
En fer clic a ldquoNavegadorrdquo srsquoha de fer el seguumlent
1 Tornar a navegar fins a ldquogenericrdquo (srsquoha de substituir pel nom del portal)
1 2
62
1
63
A la pantalla seguumlent cal seleccionar una plantilla i
1 Fer clic al botoacute a prop de ldquoGridBTramitNormativaSacrdquo
2 Fer clic a ldquoOKrdquo
1
2
64
En aquest moment es torna a la pantalla anterior i cal fer el seguumlent
2 Fer clic a ldquoOKrdquo
En el canal Llistat de tragravemits ha drsquoestar configurat el ldquoformatrdquo ldquodetall2rdquo ja que la
forma de presentacioacute que configurarem a GridDBTramitNormativaSac necessitaragrave
aquest format per visualitzar el detall del contingut de tipus normativa ldquoSACrdquo
2
65
La pantalla anterior a aquesta ens ha de presentar aquesta informacioacute i srsquoha de fer el
seguumlent
2 Fer clic a ldquoOKrdquo
1
66
La finestra pare anterior a aquesta quedaragrave com es mostra tot seguit i realitzarem les
accions seguumlents
1 Fer clic a ldquoOKrdquo
4 Comparticioacute de continguts
Accedim al projecte on hi ha tots els tragravemits de lrsquoOVT
1
67
OVTDepartaments[NomCurtDepartaments][NomCurtOrganisme] TramitOVT
On NomCurtDepartaments correspon al nom curt del departament al que fa referencia
el nostre organisme
En aquest exemple es mostren tots els projectes de tragravemits de lrsquoOVT
Un cop localitzat el tragravemit de lrsquoOVT que volem compartir amb el nostre site accedirem
a lrsquoedicioacute del contingut i assignarem aquest contingut al canal del nostre site on es
vulgui mostrar Srsquoha de fer el seguumlent
1 Anar al contenidor de projectes on hi ha els continguts de GECO
Apareixeragrave lrsquoestructura de projectes a la qual teacute acceacutes lrsquousuari redactor Cal fer el
seguumlent (exemple Agegravencia Tributagraveria dins drsquoEconomia i Finances)
1 Seleccionar ldquoOVTrdquo
2 Seleccionar ldquoDepartamentsrdquo aquesta carpeta conteacute tots els tragravemits de lrsquoOVT
classificats per departaments
3 Seleccionar ldquoECOrdquo A lrsquousuari nomeacutes se li mostraragrave la carpeta del seu
departament
Si lrsquousuari no visualitza la carpeta dins del seu departament eacutes perquegrave no
srsquoha aplicat la poliacutetica de seguretat correctament Cal obrir un tiquet a Suport
gencat per tramitar aquests permisos AQUESTA CARPETA NOMEacuteS SERAgrave
VISIBLE PER ALS USUARIS AMB ROL REDACTOR
4 Seleccionar ldquoA_Agegravencia Tributagraveriardquo
5 Seleccionar ldquoTramitOVTrdquo
1
68
2
3
1
69
4
5
70
Apareixeragrave el llistat de continguts ldquoTragravemitOVTrdquo de lrsquoOVT de lrsquoAgegravencia Tributagraveria
Realitzarem les accions seguumlents
1 Seleccionar el tragravemit o els tragravemits que volem compartir en la web dorganisme
2 Fer clic a ldquoAssociarrdquo
2
1
71
Aquest proceacutes obriragrave una finestra Per seleccionar el site i canal on es volen mostrar
els tragravemits seleccionats realitzarem les accions seguumlents (cas site Generic)
1 Seleccionar el site ldquoGenericrdquo en el vostre cas el site del departament on es vol
mostrar el contingut ldquotragravemitrdquo
2 Navegar pels canals del Site Genegraveric fins al canal que srsquoha creat en el punt
ldquoLlistat de tragravemitsrdquo i seleccionar el quadre de verificacioacute
3 Fer clic a ldquoOKrdquo
1
72
2
3
73
41 Validar que la comparticioacute de continguts eacutes correcta
Accedim per VCM al canal que hem creat anteriorment al qual li acabem drsquoassignar
els continguts de tragravemits que ha de mostrar i fem el seguumlent
1 Anar al contenidor de portals
2 Seleccionar el Site ldquogenericrdquo
3 Seleccionar el canal ldquoHomerdquo
4 Seleccionar el canal ldquoCanal Llistat tragravemitsrdquo
1
2
3
74
4
75
Apareixeragrave el contingut assignat al canal ldquoCanal Llistat tragravemitsrdquo
En entrar trobarem el llistat seguumlent
1 Llistat del tragravemits de lrsquoOVT que srsquohan compartit amb el canal ldquoCanal Llistat
tragravemitsrdquo
2 Validar que els continguts que apareixen soacuten del tipus ldquoTramitOVTrdquo
En cas que al canal del site ldquoCanal Llistat tragravemitsrdquo no apareguin els continguts
tragravemits associats anteriorment cal repetir el pas 22
1 2
76
5 Configuracioacute al portal
Ara cal entrar al nostre site on tenim configurat el canal que hem creat en lrsquoapartat
anterior (21) i que ara configurarem a nivell de portal
51 Configuracioacute a Canal Llistat tragravemits
511 Configuracioacute de la llista de tragravemits
Farem clic a lrsquoenllaccedil ldquoCanal llistat tragravemitsrdquo de la ldquoHomerdquo i anirem a parar a una
pantalla com la que es mostra meacutes avall
Es pot apreciar que en el contingut de la pagravegina no hi ha res Aixograve eacutes perquegrave cal
configurar els portlets adequats ( )
1 Ens situarem sobre la icona ldquoOpcions de Pagraveginardquo
2 Seleccionarem ldquoObrir Plantillardquo ja que els portlets soacuten a nivell de Page
Ens apareixeragrave una pantalla com la que es mostra tot seguit i realitzarem les accions
seguumlents
1 Seleccionar el portlet de la part central de la pagravegina per configurar una ldquoLlista
automagravetica de contingutsrdquo
2
1
77
Tambeacute podem configurar una ldquoLlista manual de contingutsrdquo segons les
necessitats de cada usuari
78
Ens redirigiragrave cap a un formulari drsquoedicioacute que ens mostraragrave directament quina consulta
hem de configurar per mostrar els continguts i configurarem una consulta com la
seguumlent (evidentment segons les necessitats de cada usuari)
Ara tenim configurat que la pagravegina mostraragrave els tipus de contingut ldquoTramitOVTrdquo del
canal actual ordenats per la ldquoEacutes on-linerdquo en ordre descendent
Aixograve ens portaragrave a la pantalla principal on acabarem de completar la configuracioacute
1 Validar que en lrsquoapartat ldquoConsultardquo hi ha la configuracioacute que acabem drsquoafegir
2 Emplenar ldquoAgraveliesrdquo
3 En lrsquoapartat Forma de presentacioacute fer clic al botoacute ldquoCercar helliprdquo
79
Ens apareixeragrave la pantalla seguumlent
1 Fer clic a ldquoNavegacioacute per projectesrdquo
1
2
3
80
Ens canviaragrave la vista al format seguumlent
1 Navegarem per les carpetes fins a arribar a ldquoFramework Formes de
presentacioacute Site generic fw_fp_llistatramitsrdquo
2 Seleccionarem ldquofw_fp_llistatramitsrdquo
3 Farem clic a ldquoOKrdquo
1
1
81
En retornar a la pantalla principal cal
1 Validar que la forma de presentacioacute eacutes la que acabem de seleccionar
2 Fer clic a ldquoOKrdquo
1 (continuacioacute) 2
3
82
1
2
83
Aquest seragrave el nostre resultat a la pantalla del portal i cal fer el seguumlent
1 Verificar que apareixen els dos continguts que es van associar a aquest canal
1
84
512 Configuracioacute del detall del tragravemit i el pas a pas
En fer clic sobre una activitat veurem com ens redirigeix a la plantilla configurada al
ldquodetallrdquo drsquoaquesta pagravegina tal com la vam configurar en lrsquoapartat 231 cal fer el
seguumlent
1 Fer clic a la primera activitat
1
85
Ens sortiragrave la pagravegina de VAP del detall drsquoun contingut per configurar farem els
passos seguumlents
1 Ens situarem sobre la icona ldquoOpcions de Pagraveginardquo
2 Seleccionar ldquoObrir Plantillardquo ja que els portlets soacuten a nivell de Page
Ens apareixeragrave una pantalla com la que es mostra tot seguit i realitzarem les accions
seguumlents
1 Seleccionar el portlet de la part central de la pagravegina per configurar un ldquoDetall
de contingutrdquo i fer clic a ldquoEditarrdquo
Ens apareixeragrave la pantalla de seleccioacute de component de presentacioacute
1 Seleccionarem el component de presentacioacute ldquoDetall de contingutrdquo
1
2
1
86
Ens apareixeragrave la pantalla que es mostra tot seguit i realitzarem les accions seguumlents
1 Emplenar el camp ldquoAgraveliesrdquo
2 Canviar a la pestanya ldquoPresentacioacuterdquo
En fer clic a la pestanya obtindrem la imatge que es mostra tot seguit i realitzarem les
accions seguumlents
1 Cercarem una forma de presentacioacute fent clic a ldquoCercar helliprdquo
1
2
87
Quan aparegui la pantalla de cercador realitzarem una cerca de la forma de
presentacioacute que volem fer servir per a aixograve cal fer el seguumlent
1 Emplenar la caixa de text amb ldquofw_fp_tramitrdquo
2 Preacutemer ldquoCercarrdquo
3 Seleccionar la forma de presentacioacute de la caixa de resultats
4 Preacutemer ldquoOKrdquo
La forma de presentacioacute ldquofw_fp_tramitrdquo estagrave preparada per ldquomaquillarrdquo el contingut
dels tragravemits Tambeacute es pot fer servir una forma de presentacioacute personalitzada
segons es cregui convenient
1
1
2
3
4
88
En acabar tornarem a la pagravegina principal drsquoedicioacute i farem el seguumlent
1 Verificar que la forma de presentacioacute eacutes la que hem escollit
2 Fer clic a ldquoOKrdquo
En finalitzar la configuracioacute del component de presentacioacute tornem a la pantalla del
portal i cal fer el seguumlent
1 Verificar que el disseny de la presentacioacute eacutes semblant al seguumlent
1
2
89
Configurarem el portlet superior central de la pagravegina perquegrave aquesta contingui el fil
drsquoAriadna
1 Accedir a ldquoObrir Plantillardquo
1 Editar el portlet central que hi ha a sobre del detall de tragravemit per configurar el fil
drsquoAriadna En aquest exemple el portlet eacutes ldquoFW_hilo_ariadnardquo
Escollirem el component de presentacioacute
1 Seleccionar el component de presentacioacute ldquoFil drsquoAriadnardquo
1
1
90
En la configuracioacute del component realitzarem les accions seguumlents
1 Inserir el camp ldquoAgraveliesrdquo
2 Inserir el camp ldquoCanalrdquo
3 Fer clic a la pestanya ldquoPresentacioacuterdquo i cercar la forma de presentacioacute
ldquofw_fp_filariadnardquo
1
91
513 Configuracioacute del detall drsquouna normativa SAC
En el detall de contingut configurat en el punt anterior fent clic sobre una normativa
veurem com ens redirigeix a la plantilla configurada al ldquodetall2rdquo drsquoaquesta pagravegina tal
com hem configurat a lrsquoapartat 231
1 Fer clic a la primera ldquoNormativa Aplicablerdquo
2
3
92
Aquest enllaccedil ens portaragrave al detall2 del canal on srsquoha de configurar el detall de
contingut SAC per tal que es mostri la normativa aplicable
Configurarem el portlet superior central de la pagravegina perquegrave aquesta contingui el fil
drsquoAriadna per a aixograve cal fer el seguumlent
1 Accedir a ldquoObrir Plantillardquo
1
93
1
94
1 Editar el portlet central que hi ha a sobre del detall de tragravemit per configurar el fil
drsquoAriadna En aquest exemple el portlet eacutes ldquofw_portlet_tramitrdquo
Escollirem el component de presentacioacute
1 Seleccionar el component de presentacioacute ldquoDetall de Contingut SACrdquo
En la configuracioacute del component realitzarem les accions seguumlents
1 Inserir el camp ldquoAgraveliesrdquo
2 Seleccionar el tipus de contingut ldquoDetall Tragravemitrdquo
1
95
3 Fer clic a la pestanya ldquoPresentacioacuterdquo i cercar la forma de presentacioacute
ldquofw_fp_sac_normativardquo
4 Fer clic al botoacute ldquoOKrdquo
Srsquoactualitzaragrave la pagravegina de VAP i es mostraragrave el detall de SAC
1
2
3
4
96
514 Validacioacute final de VAP
Finalment cal validar que els tragravemits es visualitzen correctament per a aixograve cal
1 Verificar que tenim els canals creats
2 Accedir al canal ldquoCanal Llistat tragravemitsrdquo i validar que es mostren els tragravemits
que hem associat al punt 22
1
97
A continuacioacute cal fer les comprovacions seguumlents
1 Accedir al detall del tragravemit compartit
2 Accedir al pas a pas del tragravemit i a la normativa de SAC
Exemple llistat de tragravemits compartits
2
1
98
Exemple detall de tragravemit compartit
Exemple pas a pas drsquoun tragravemit
2
2
99
Exemple normativa SAC
En el cas que no es visualitzin el llistat de tragravemits detall o pas a pas configurat
validar
1 Refrescar la Pagravegina
2 Els tragravemits estan associats al canal que esteacuten visualitzat punt 23
1 Refrescar la pagravegina
1
24
Sersquons mostraragrave la pantalla seguumlent on cal
2 Fer clic a ldquoAfegir Portletsrdquo
Sersquons mostraragrave la pantalla seguumlent on cal
2 Seleccionar ldquoCrear i afegir nous Portletsrdquo
1
25
Sersquons mostraragrave la pantalla seguumlent on cal
4 Seleccionar ldquoContent Publish Portlet 20rdquo
5 Fer clic a ldquoCrear Seleccionatsrdquo
6 Fer clic a ldquoTancarrdquo
Es poden afegir tants portlets com es vulgui a la pagravegina i com a miacutenim un
per configurar el llistat de tragravemits
1
26
1
2
3
27
La pagravegina srsquohauragrave actualitzat amb els portlets que srsquohan creat tot seguit cal fer el
seguumlent
2 Fer clic al tiacutetol del portlet
1
28
Srsquoha de configurar el tipus de portlet per al llistat Tragravemit per a aixograve cal
Posar un nom al portlet
1 Posar si eacutes a nivell de Page o Template
2 Seleccionar que pot ser un Detall de contingut i Detall de contingut SAC
3 Posar en ldquoJSP Override URLrdquo la ruta ldquovgn-ext-templatingviewsindexControladorjsprdquo
4 Fer clic a ldquoSaverdquo
1
2
3
3
5
4
vgn-ext-templatingviewsindexControladorjsp
29
Srsquohan de configurar permisos del portlet per al detall del tragravemit i la normativa SAC per
a aixograve cal
4 Seleccionar ldquoPermisosrdquo
5 Seleccionar els grups que es volen autoritzar
6 Fer clic a ldquoActualitzarrdquo
1
2
3
30
Tot seguit srsquohan de configurar les dades bagravesiques del portlet per a aixograve srsquoha de fer el
seguumlent
1 Seleccionar ldquoBagravesicsrdquo
2 Posar el nom del portlet ldquofw_portlet_tramit_sac_detallrdquo
3 Desmarcar el quadre de verificacioacute ldquoMostra el cromrdquo
4 Fer clic a ldquoActualitzarrdquo
1
2
3
4
31
Despreacutes cal validar que la pagravegina srsquoha creat correctament per a aixograve cal fer el
seguumlent
1 Seleccionar ldquoLlista Pagraveginardquo
2 Fer clic al nom de la pagravegina
1
2
32
Per bloquejar la pagravegina cal fer el seguumlent
1 Seleccionar la casella de verificacioacute ldquoPagravegina Bloquejadardquo
2 Fer clic a ldquoActualitzar Opcionsrdquo
1
2
33
221 Crear NavItem de detall de tragravemits i normativa SAC
A partir de la consola de VAP farem les tasques seguumlents per crear el NavItem
1 Anar a lrsquoopcioacute del menuacute ldquoArbre de Navegacioacuterdquo
2 Fer clic a ldquoCrear Element de Navegacioacuterdquo
1
2
34
Per crear lrsquoelement de Navegacioacute realitzarem les tasques seguumlents
1 Posar el nom al NavItem rdquoFW_NavItem_GRIDBrdquo
2 Seleccionar ldquoEnllaccedilar ardquo i seleccionar la pagravegina que acabem de crear
3 Seleccionar el tema ldquoFW_Temardquo
4 Seleccionar la graella ldquoFW_Grid_Brdquo sense destacats a la dreta per
visualitzar correctament el detall de tragravemits el pas a pas i la normativa SAC
5 Fer clic a ldquoCrearrdquo
1
2
3
4
5
35
Quan seleccionem ldquoEnllaccedilar ardquo i seleccionem la pagravegina que acabem de crear srsquoobriragrave
la finestra seguumlent aquiacute cal
1 Cercar la pagravegina que hem creat en el pas anterior
2 Seleccionar la casella de verificacioacute de la pagravegina
3 Fer clic a ldquoOKrdquo
Quan fem seleccionem el tema srsquoobriragrave la seguumlent finestra per a aixograve cal
1 Seleccionar la casella de verificacioacute del tema que utilitzarem al nostre site per
a aquest exemple farem servir el tema del Site Genegraveric
2 Fer clic a ldquoSalvarrdquo
1
1
2
3
2
36
Quan seleccionem la graella srsquoobriragrave la finestra seguumlent aquiacute cal
1 Seleccionar la graella que utilitzarem al nostre site per a aquest exemple farem
servir la Graella FW_Grid_B sense destacats a la dreta del Site Genegraveric Per
tal de visualitzar correctament el detall del tragravemit el pas a pas i la normativa
SAC eacutes imprescindible que la graella tingui una uacutenica columna de continguts
2 Fer clic a ldquoSalvarrdquo
1
2
37
3 Configuracioacute de lrsquoadministracioacute de VCM
31 Creacioacute del canal ldquoLlistat tragravemitsrdquo
Dins del gestor de continguts realitzarem les tasques seguumlents
1 Accedir a ldquoPortalsrdquo
2 Navegar fins al ldquoPortalrdquo on volem configurar el llistat de continguts
3 Seleccionar ldquoHomerdquo
4 Posicionar-se sobre la creu verda i seleccionar ldquoCanalrdquo
a Emplenar la informacioacute i fer clic a ldquoOKrdquo
b Assegurar-se que el canal eacutes ldquoActiurdquo
1
2
3
38
311 Associacioacute de fitxers a la presentacioacute drsquoun canal
Ara srsquohan drsquoassociar els fitxers estagravetics adequats a la presentacioacute del canal perquegrave les
formes de presentacioacute posteriors trobin els estils i els Javascript corresponents
Per a aixograve cal entrar a les propietats del canal ldquoCanal Llistat tragravemitsrdquo i
1 Seleccionar el canal ldquoCanal Llistat tragravemitsrdquo
4
4a
4b
39
1
40
En entrar trobarem el llistat seguumlent on cal
1 Fer clic a ldquoCanal Llistat tragravemitsrdquo
2 Aquest eacutes un contingut del tipus Canals (cal fixar-se que no eacutes com lrsquoanterior)
Es mostraragrave la pantalla seguumlent on afegirem els fitxers relacionats amb el canal per a
cada idioma aquiacute cal
1 Emplenar els camps requerits per crear una pestanya del multiidioma
2 Desplaccedilar-se cap avall en lrsquoapartat ldquomultiidiomardquo fins a observar lrsquoapartat
drsquoassociacioacute de fitxers
3 Fer clic a ldquoAfegirrdquo
En aquest moment apareixeragrave la pantalla seguumlent
1 Si voleu afegir un fitxer amb extensioacute css cal deixar el camp ldquoTipus de fitxerrdquo
amb valor ldquocssrdquo Si voleu afegir un fitxer que teacute extensioacute js srsquoha de canviar el
camp ldquoTipus de fitxerrdquo al valor ldquojsrdquo
2 Fer clic a ldquoNavegadorrdquo
1
2 1 3
2
41
Apareixeragrave la pantalla de navegacioacute de continguts i anirem cercant els fitxers estagravetics
que associarem aquiacute cal
1 Fer clic a ldquoFrameworkrdquo
2 Fer clic a ldquoestilos y scriptsrdquo
3 Fer clic a ldquoNuevos Estilos imagenes y jsrdquo
4 Fer clic a ldquoGlobalsrdquo
2 1
42
43
44
Una vegada se nrsquohagin seleccionat tornarem a la pantalla anterior i farem el seguumlent
1 Verificar que el fitxer seleccionat eacutes el que apareix al quadre de text i que la
seva extensioacute coincideix amb la que hi ha seleccionada a ldquoTipus de fitxerrdquo
2 Fer clic a ldquoOKrdquo
Un cop acabades totes les associacions el resultat de les associacions afegides a la
pantalla principal ha de ser el seguumlent
1 Fer clic a ldquoAplicarrdquo a lrsquoapartat ldquomultiidiomardquo
1
2
45
1
46
Es recarregaragrave la pantalla
1 Fer clic a ldquoOKrdquo al nivell general
Ja tenim configurat el canal que mostraragrave ldquoLlistat de tragravemitsrdquo amb els fitxers associats
que fa referegravencia a la forma de presentacioacute que farem servir aquest mateix canal
mostraragrave el detall del contingut tragravemit amb el format detall
32 Creacioacute i assignacioacute de plantilles de presentacioacute per al
canal ldquoCanal Llistat tragravemitsrdquo
321 Creacioacute de les plantilles (templates) de VCM
La configuracioacute del canal de VCM per mostrar els llistats de tragravemits i el seu detall es
basen en tres plantilles una per llistar el tragravemits (format default) una per mostrar el
detall i el pas a pas drsquoun tragravemit (format detall) i una altra per mostrar la normativa
aplicable drsquoun tragravemit (format detall2)
A continuacioacute srsquoexplica com es creen les plantilles de presentacioacute
(Presentation Templates) necessagraveries per configurar els tragravemits Els
responsables de cada site srsquohan de crear les seves progravepies plantilles
Cal tenir en compte que les plantilles que apareixen en el document soacuten nomeacutes un
exemple drsquouna configuracioacute vagravelida En els casos pragravectics cal seleccionar les plantilles
que pertanyen a cada portal io que tingui cada usuari en els seus recursos
En el nostre cas es fan servir les plantilles ldquoGridB2LlistatTramitsrdquo ldquoGridBTramitrdquo i
ldquoGridBTramitNormativaSacrdquo
1
47
Per la creacioacute de la plantilla srsquohan de seguir els passos seguumlents
1 Accedir al ldquoBanc de Treballrdquo
2 Accedir a ldquoPresentation Templatesrdquo
3 Accedir a la carpeta de presentacions del nostre site en aquest exemple
ldquogenegravericrdquo
1
2
48
Un cop som al llistat de plantilles del nostre site cal fer el seguumlent
1 Seleccionar el signe ldquo+rdquo
2 Seleccionar Forma de Presentation Template
En realitzar aquesta accioacute srsquoobriragrave la finestra drsquoedicioacute o creacioacute de la Presentation
Template Srsquohan de crear dos plantilles noves amb les dades seguumlents
1 Plantilla per al llistat de tragravemits
a Nom cal posar un nom identificatiu de la plantilla per exemple
GenericoGridB2LlistatTramit
b Tipus de plantilla Portal Page
c VAPVCM Portal defaultgeneric (cal posar el nom del portal VAP)
d Element del menuacute de VAP FW_NavItem_GRIDB2
3
1
2
49
e Canal VCM per defecte
Tot seguit cal fer clic a ldquoOKrdquo
Per a la configuracioacute de la plantilla per al llistat de tragravemits es pot fer servir un
NavItem que utilitzi una grid amb destacats a la dreta per exemple la GRID B2 del
Site Genegraveric o beacute un Navitem sense destacats (el FW_NavItem_GRIDB creat
anteriorment)
El NavItem ha de disposar drsquoun portlet a la part central a nivell de Page per
configurar el llistat de tragravemits
f
50
2 Crear una nova Presentation Template per al detall de tragravemits i el pas a
pas
a Nom cal posar un nom identificatiu de la plantilla com per exemple
GenericoGridBTramit
b Tipus de plantilla Portal Page
c VAPVCM Portal defaultgeneric
d Element del menuacute de VAP FW_NavItem_GRIDB
e Canal VCM per defecte
Finalment cal fer clic a ldquoOKrdquo
Per configurar la plantilla per al detall dels tragravemits i el pas a pas srsquoha de fer servir un
NavItem que utilitzi una grid sense destacats a la dreta per exemple la GRID B del
site Genegraveric
El NavItem ha de disposar de dos portlets a la part central a nivell de Page per
configurar el llistat de tragravemits
Tot seguit cal crear una nova Presentation Template per al detall de tragravemits i el pas a
pas
a Nom cal posar un nom identificatiu de la plantilla per exemple
GenericoGridBTramitNormativaSac
f
51
b Tipus de plantilla Portal Page
c VAPVCM Portal defaultgeneric
d Element del menuacute de VAP FW_NavItem_GRIDB
e Canal VCM per defecte
Finalment cal fer clic a ldquoOKrdquo
322 Configuracioacute de la plantilla al canal
Les Presentation Templates que configurarem a continuacioacute soacuten drsquoexemple
Els responsables de cada site han de crear les seves progravepies plantilles
Un cop creat el canal i les Presentation Templates en configurarem la presentacioacute
1 Seleccionarem la casella de seleccioacute del canal que acabem de crear
2 Farem clic a la icona de propietats del canal
3 Navegarem a la pestanya ldquoPresentacioacuterdquo
52
Ens apareixeragrave un formulari com el que es mostra a continuacioacute i realitzarem les
accions seguumlents
1 Fer clic a ldquoAfegir presentacioacute de canalrdquo
1
2
3
53
Apareixeragrave la pantalla seguumlent amb lrsquoobjectiu de seleccionar una plantilla en el nostre
cas farem el seguumlent
1 Seleccionar el projecte de plantilles respectiu al portal A lrsquoexemple ldquogenericrdquo
Posteriorment apareixeragrave un llistat de plantilles (ldquoTemplatesrdquo)
1 En aquest cas seleccionarem ldquoGridB2LlistatTramitsrdquo
2 Acceptarem la seleccioacute ldquoOKrdquo
1
1
54
1
2
55
Un cop acceptat ens apareixeragrave la pantalla seguumlent on configurarem el ldquodetallrdquo Per a
aixograve cal fer el seguumlent
1 Fer clic a ldquoAssignar una Nova Plantilla de Presentacioacuterdquo
1
56
Tot seguit apareixeragrave la pantalla que es mostra a continuacioacute on realitzarem les
accions seguumlents
1 Fer clic a ldquoAfegir formatrdquo
En aquesta nova pantalla ens assegurarem del seguumlent
1 A la casella ldquoFormatrdquo hi ha el valor ldquodetallrdquo
2 A la casella ldquoTemplaterdquo hi ha drsquohaver el correcte Si no eacutes aixiacute srsquoha de fer clic a
ldquoNavegadorrdquo
En fer clic a ldquoNavegadorrdquo cal fer el seguumlent
1 Tornar a navegar fins a ldquogenericrdquo
1
1 2
57
1
58
I a la pantalla seguumlent cal seleccionar una plantilla i
1 Fer clic al botoacute a prop de ldquoGridBTramitrdquo
2 Fer clic a ldquoOKrdquo
1
2
59
En aquest moment es torna a la pantalla anterior i cal
1 Fer clic a ldquoOKrdquo
En el canal Llistat de tragravemits ha drsquoestar configurat el ldquoformatrdquo ldquodetallrdquo ja que la forma
de presentacioacute que configurarem a GridDBTramit necessitaragrave aquest format per
visualitzar el detall del contingut de tipus ldquoTragravemitrdquo
2
60
La pantalla anterior a aquesta ens ha de presentar aquesta informacioacute Ara
configurarem el ldquodetall2rdquo per presentar el contingut rdquo Normativa de SACrdquo Per a aixograve
cal fer el seguumlent
1 Fer clic a ldquoAfegir Formatrdquo
En aquesta nova pantalla ens assegurarem del seguumlent
1 A la casella ldquoFormatrdquo hi ha el valor ldquodetall2rdquo
1
61
2 A la casella ldquoTemplaterdquo hi ha drsquohaver el correcte Si no eacutes aixiacute srsquoha de fer clic a
ldquoNavegadorrdquo
En fer clic a ldquoNavegadorrdquo srsquoha de fer el seguumlent
1 Tornar a navegar fins a ldquogenericrdquo (srsquoha de substituir pel nom del portal)
1 2
62
1
63
A la pantalla seguumlent cal seleccionar una plantilla i
1 Fer clic al botoacute a prop de ldquoGridBTramitNormativaSacrdquo
2 Fer clic a ldquoOKrdquo
1
2
64
En aquest moment es torna a la pantalla anterior i cal fer el seguumlent
2 Fer clic a ldquoOKrdquo
En el canal Llistat de tragravemits ha drsquoestar configurat el ldquoformatrdquo ldquodetall2rdquo ja que la
forma de presentacioacute que configurarem a GridDBTramitNormativaSac necessitaragrave
aquest format per visualitzar el detall del contingut de tipus normativa ldquoSACrdquo
2
65
La pantalla anterior a aquesta ens ha de presentar aquesta informacioacute i srsquoha de fer el
seguumlent
2 Fer clic a ldquoOKrdquo
1
66
La finestra pare anterior a aquesta quedaragrave com es mostra tot seguit i realitzarem les
accions seguumlents
1 Fer clic a ldquoOKrdquo
4 Comparticioacute de continguts
Accedim al projecte on hi ha tots els tragravemits de lrsquoOVT
1
67
OVTDepartaments[NomCurtDepartaments][NomCurtOrganisme] TramitOVT
On NomCurtDepartaments correspon al nom curt del departament al que fa referencia
el nostre organisme
En aquest exemple es mostren tots els projectes de tragravemits de lrsquoOVT
Un cop localitzat el tragravemit de lrsquoOVT que volem compartir amb el nostre site accedirem
a lrsquoedicioacute del contingut i assignarem aquest contingut al canal del nostre site on es
vulgui mostrar Srsquoha de fer el seguumlent
1 Anar al contenidor de projectes on hi ha els continguts de GECO
Apareixeragrave lrsquoestructura de projectes a la qual teacute acceacutes lrsquousuari redactor Cal fer el
seguumlent (exemple Agegravencia Tributagraveria dins drsquoEconomia i Finances)
1 Seleccionar ldquoOVTrdquo
2 Seleccionar ldquoDepartamentsrdquo aquesta carpeta conteacute tots els tragravemits de lrsquoOVT
classificats per departaments
3 Seleccionar ldquoECOrdquo A lrsquousuari nomeacutes se li mostraragrave la carpeta del seu
departament
Si lrsquousuari no visualitza la carpeta dins del seu departament eacutes perquegrave no
srsquoha aplicat la poliacutetica de seguretat correctament Cal obrir un tiquet a Suport
gencat per tramitar aquests permisos AQUESTA CARPETA NOMEacuteS SERAgrave
VISIBLE PER ALS USUARIS AMB ROL REDACTOR
4 Seleccionar ldquoA_Agegravencia Tributagraveriardquo
5 Seleccionar ldquoTramitOVTrdquo
1
68
2
3
1
69
4
5
70
Apareixeragrave el llistat de continguts ldquoTragravemitOVTrdquo de lrsquoOVT de lrsquoAgegravencia Tributagraveria
Realitzarem les accions seguumlents
1 Seleccionar el tragravemit o els tragravemits que volem compartir en la web dorganisme
2 Fer clic a ldquoAssociarrdquo
2
1
71
Aquest proceacutes obriragrave una finestra Per seleccionar el site i canal on es volen mostrar
els tragravemits seleccionats realitzarem les accions seguumlents (cas site Generic)
1 Seleccionar el site ldquoGenericrdquo en el vostre cas el site del departament on es vol
mostrar el contingut ldquotragravemitrdquo
2 Navegar pels canals del Site Genegraveric fins al canal que srsquoha creat en el punt
ldquoLlistat de tragravemitsrdquo i seleccionar el quadre de verificacioacute
3 Fer clic a ldquoOKrdquo
1
72
2
3
73
41 Validar que la comparticioacute de continguts eacutes correcta
Accedim per VCM al canal que hem creat anteriorment al qual li acabem drsquoassignar
els continguts de tragravemits que ha de mostrar i fem el seguumlent
1 Anar al contenidor de portals
2 Seleccionar el Site ldquogenericrdquo
3 Seleccionar el canal ldquoHomerdquo
4 Seleccionar el canal ldquoCanal Llistat tragravemitsrdquo
1
2
3
74
4
75
Apareixeragrave el contingut assignat al canal ldquoCanal Llistat tragravemitsrdquo
En entrar trobarem el llistat seguumlent
1 Llistat del tragravemits de lrsquoOVT que srsquohan compartit amb el canal ldquoCanal Llistat
tragravemitsrdquo
2 Validar que els continguts que apareixen soacuten del tipus ldquoTramitOVTrdquo
En cas que al canal del site ldquoCanal Llistat tragravemitsrdquo no apareguin els continguts
tragravemits associats anteriorment cal repetir el pas 22
1 2
76
5 Configuracioacute al portal
Ara cal entrar al nostre site on tenim configurat el canal que hem creat en lrsquoapartat
anterior (21) i que ara configurarem a nivell de portal
51 Configuracioacute a Canal Llistat tragravemits
511 Configuracioacute de la llista de tragravemits
Farem clic a lrsquoenllaccedil ldquoCanal llistat tragravemitsrdquo de la ldquoHomerdquo i anirem a parar a una
pantalla com la que es mostra meacutes avall
Es pot apreciar que en el contingut de la pagravegina no hi ha res Aixograve eacutes perquegrave cal
configurar els portlets adequats ( )
1 Ens situarem sobre la icona ldquoOpcions de Pagraveginardquo
2 Seleccionarem ldquoObrir Plantillardquo ja que els portlets soacuten a nivell de Page
Ens apareixeragrave una pantalla com la que es mostra tot seguit i realitzarem les accions
seguumlents
1 Seleccionar el portlet de la part central de la pagravegina per configurar una ldquoLlista
automagravetica de contingutsrdquo
2
1
77
Tambeacute podem configurar una ldquoLlista manual de contingutsrdquo segons les
necessitats de cada usuari
78
Ens redirigiragrave cap a un formulari drsquoedicioacute que ens mostraragrave directament quina consulta
hem de configurar per mostrar els continguts i configurarem una consulta com la
seguumlent (evidentment segons les necessitats de cada usuari)
Ara tenim configurat que la pagravegina mostraragrave els tipus de contingut ldquoTramitOVTrdquo del
canal actual ordenats per la ldquoEacutes on-linerdquo en ordre descendent
Aixograve ens portaragrave a la pantalla principal on acabarem de completar la configuracioacute
1 Validar que en lrsquoapartat ldquoConsultardquo hi ha la configuracioacute que acabem drsquoafegir
2 Emplenar ldquoAgraveliesrdquo
3 En lrsquoapartat Forma de presentacioacute fer clic al botoacute ldquoCercar helliprdquo
79
Ens apareixeragrave la pantalla seguumlent
1 Fer clic a ldquoNavegacioacute per projectesrdquo
1
2
3
80
Ens canviaragrave la vista al format seguumlent
1 Navegarem per les carpetes fins a arribar a ldquoFramework Formes de
presentacioacute Site generic fw_fp_llistatramitsrdquo
2 Seleccionarem ldquofw_fp_llistatramitsrdquo
3 Farem clic a ldquoOKrdquo
1
1
81
En retornar a la pantalla principal cal
1 Validar que la forma de presentacioacute eacutes la que acabem de seleccionar
2 Fer clic a ldquoOKrdquo
1 (continuacioacute) 2
3
82
1
2
83
Aquest seragrave el nostre resultat a la pantalla del portal i cal fer el seguumlent
1 Verificar que apareixen els dos continguts que es van associar a aquest canal
1
84
512 Configuracioacute del detall del tragravemit i el pas a pas
En fer clic sobre una activitat veurem com ens redirigeix a la plantilla configurada al
ldquodetallrdquo drsquoaquesta pagravegina tal com la vam configurar en lrsquoapartat 231 cal fer el
seguumlent
1 Fer clic a la primera activitat
1
85
Ens sortiragrave la pagravegina de VAP del detall drsquoun contingut per configurar farem els
passos seguumlents
1 Ens situarem sobre la icona ldquoOpcions de Pagraveginardquo
2 Seleccionar ldquoObrir Plantillardquo ja que els portlets soacuten a nivell de Page
Ens apareixeragrave una pantalla com la que es mostra tot seguit i realitzarem les accions
seguumlents
1 Seleccionar el portlet de la part central de la pagravegina per configurar un ldquoDetall
de contingutrdquo i fer clic a ldquoEditarrdquo
Ens apareixeragrave la pantalla de seleccioacute de component de presentacioacute
1 Seleccionarem el component de presentacioacute ldquoDetall de contingutrdquo
1
2
1
86
Ens apareixeragrave la pantalla que es mostra tot seguit i realitzarem les accions seguumlents
1 Emplenar el camp ldquoAgraveliesrdquo
2 Canviar a la pestanya ldquoPresentacioacuterdquo
En fer clic a la pestanya obtindrem la imatge que es mostra tot seguit i realitzarem les
accions seguumlents
1 Cercarem una forma de presentacioacute fent clic a ldquoCercar helliprdquo
1
2
87
Quan aparegui la pantalla de cercador realitzarem una cerca de la forma de
presentacioacute que volem fer servir per a aixograve cal fer el seguumlent
1 Emplenar la caixa de text amb ldquofw_fp_tramitrdquo
2 Preacutemer ldquoCercarrdquo
3 Seleccionar la forma de presentacioacute de la caixa de resultats
4 Preacutemer ldquoOKrdquo
La forma de presentacioacute ldquofw_fp_tramitrdquo estagrave preparada per ldquomaquillarrdquo el contingut
dels tragravemits Tambeacute es pot fer servir una forma de presentacioacute personalitzada
segons es cregui convenient
1
1
2
3
4
88
En acabar tornarem a la pagravegina principal drsquoedicioacute i farem el seguumlent
1 Verificar que la forma de presentacioacute eacutes la que hem escollit
2 Fer clic a ldquoOKrdquo
En finalitzar la configuracioacute del component de presentacioacute tornem a la pantalla del
portal i cal fer el seguumlent
1 Verificar que el disseny de la presentacioacute eacutes semblant al seguumlent
1
2
89
Configurarem el portlet superior central de la pagravegina perquegrave aquesta contingui el fil
drsquoAriadna
1 Accedir a ldquoObrir Plantillardquo
1 Editar el portlet central que hi ha a sobre del detall de tragravemit per configurar el fil
drsquoAriadna En aquest exemple el portlet eacutes ldquoFW_hilo_ariadnardquo
Escollirem el component de presentacioacute
1 Seleccionar el component de presentacioacute ldquoFil drsquoAriadnardquo
1
1
90
En la configuracioacute del component realitzarem les accions seguumlents
1 Inserir el camp ldquoAgraveliesrdquo
2 Inserir el camp ldquoCanalrdquo
3 Fer clic a la pestanya ldquoPresentacioacuterdquo i cercar la forma de presentacioacute
ldquofw_fp_filariadnardquo
1
91
513 Configuracioacute del detall drsquouna normativa SAC
En el detall de contingut configurat en el punt anterior fent clic sobre una normativa
veurem com ens redirigeix a la plantilla configurada al ldquodetall2rdquo drsquoaquesta pagravegina tal
com hem configurat a lrsquoapartat 231
1 Fer clic a la primera ldquoNormativa Aplicablerdquo
2
3
92
Aquest enllaccedil ens portaragrave al detall2 del canal on srsquoha de configurar el detall de
contingut SAC per tal que es mostri la normativa aplicable
Configurarem el portlet superior central de la pagravegina perquegrave aquesta contingui el fil
drsquoAriadna per a aixograve cal fer el seguumlent
1 Accedir a ldquoObrir Plantillardquo
1
93
1
94
1 Editar el portlet central que hi ha a sobre del detall de tragravemit per configurar el fil
drsquoAriadna En aquest exemple el portlet eacutes ldquofw_portlet_tramitrdquo
Escollirem el component de presentacioacute
1 Seleccionar el component de presentacioacute ldquoDetall de Contingut SACrdquo
En la configuracioacute del component realitzarem les accions seguumlents
1 Inserir el camp ldquoAgraveliesrdquo
2 Seleccionar el tipus de contingut ldquoDetall Tragravemitrdquo
1
95
3 Fer clic a la pestanya ldquoPresentacioacuterdquo i cercar la forma de presentacioacute
ldquofw_fp_sac_normativardquo
4 Fer clic al botoacute ldquoOKrdquo
Srsquoactualitzaragrave la pagravegina de VAP i es mostraragrave el detall de SAC
1
2
3
4
96
514 Validacioacute final de VAP
Finalment cal validar que els tragravemits es visualitzen correctament per a aixograve cal
1 Verificar que tenim els canals creats
2 Accedir al canal ldquoCanal Llistat tragravemitsrdquo i validar que es mostren els tragravemits
que hem associat al punt 22
1
97
A continuacioacute cal fer les comprovacions seguumlents
1 Accedir al detall del tragravemit compartit
2 Accedir al pas a pas del tragravemit i a la normativa de SAC
Exemple llistat de tragravemits compartits
2
1
98
Exemple detall de tragravemit compartit
Exemple pas a pas drsquoun tragravemit
2
2
99
Exemple normativa SAC
En el cas que no es visualitzin el llistat de tragravemits detall o pas a pas configurat
validar
1 Refrescar la Pagravegina
2 Els tragravemits estan associats al canal que esteacuten visualitzat punt 23
1 Refrescar la pagravegina
1
25
Sersquons mostraragrave la pantalla seguumlent on cal
4 Seleccionar ldquoContent Publish Portlet 20rdquo
5 Fer clic a ldquoCrear Seleccionatsrdquo
6 Fer clic a ldquoTancarrdquo
Es poden afegir tants portlets com es vulgui a la pagravegina i com a miacutenim un
per configurar el llistat de tragravemits
1
26
1
2
3
27
La pagravegina srsquohauragrave actualitzat amb els portlets que srsquohan creat tot seguit cal fer el
seguumlent
2 Fer clic al tiacutetol del portlet
1
28
Srsquoha de configurar el tipus de portlet per al llistat Tragravemit per a aixograve cal
Posar un nom al portlet
1 Posar si eacutes a nivell de Page o Template
2 Seleccionar que pot ser un Detall de contingut i Detall de contingut SAC
3 Posar en ldquoJSP Override URLrdquo la ruta ldquovgn-ext-templatingviewsindexControladorjsprdquo
4 Fer clic a ldquoSaverdquo
1
2
3
3
5
4
vgn-ext-templatingviewsindexControladorjsp
29
Srsquohan de configurar permisos del portlet per al detall del tragravemit i la normativa SAC per
a aixograve cal
4 Seleccionar ldquoPermisosrdquo
5 Seleccionar els grups que es volen autoritzar
6 Fer clic a ldquoActualitzarrdquo
1
2
3
30
Tot seguit srsquohan de configurar les dades bagravesiques del portlet per a aixograve srsquoha de fer el
seguumlent
1 Seleccionar ldquoBagravesicsrdquo
2 Posar el nom del portlet ldquofw_portlet_tramit_sac_detallrdquo
3 Desmarcar el quadre de verificacioacute ldquoMostra el cromrdquo
4 Fer clic a ldquoActualitzarrdquo
1
2
3
4
31
Despreacutes cal validar que la pagravegina srsquoha creat correctament per a aixograve cal fer el
seguumlent
1 Seleccionar ldquoLlista Pagraveginardquo
2 Fer clic al nom de la pagravegina
1
2
32
Per bloquejar la pagravegina cal fer el seguumlent
1 Seleccionar la casella de verificacioacute ldquoPagravegina Bloquejadardquo
2 Fer clic a ldquoActualitzar Opcionsrdquo
1
2
33
221 Crear NavItem de detall de tragravemits i normativa SAC
A partir de la consola de VAP farem les tasques seguumlents per crear el NavItem
1 Anar a lrsquoopcioacute del menuacute ldquoArbre de Navegacioacuterdquo
2 Fer clic a ldquoCrear Element de Navegacioacuterdquo
1
2
34
Per crear lrsquoelement de Navegacioacute realitzarem les tasques seguumlents
1 Posar el nom al NavItem rdquoFW_NavItem_GRIDBrdquo
2 Seleccionar ldquoEnllaccedilar ardquo i seleccionar la pagravegina que acabem de crear
3 Seleccionar el tema ldquoFW_Temardquo
4 Seleccionar la graella ldquoFW_Grid_Brdquo sense destacats a la dreta per
visualitzar correctament el detall de tragravemits el pas a pas i la normativa SAC
5 Fer clic a ldquoCrearrdquo
1
2
3
4
5
35
Quan seleccionem ldquoEnllaccedilar ardquo i seleccionem la pagravegina que acabem de crear srsquoobriragrave
la finestra seguumlent aquiacute cal
1 Cercar la pagravegina que hem creat en el pas anterior
2 Seleccionar la casella de verificacioacute de la pagravegina
3 Fer clic a ldquoOKrdquo
Quan fem seleccionem el tema srsquoobriragrave la seguumlent finestra per a aixograve cal
1 Seleccionar la casella de verificacioacute del tema que utilitzarem al nostre site per
a aquest exemple farem servir el tema del Site Genegraveric
2 Fer clic a ldquoSalvarrdquo
1
1
2
3
2
36
Quan seleccionem la graella srsquoobriragrave la finestra seguumlent aquiacute cal
1 Seleccionar la graella que utilitzarem al nostre site per a aquest exemple farem
servir la Graella FW_Grid_B sense destacats a la dreta del Site Genegraveric Per
tal de visualitzar correctament el detall del tragravemit el pas a pas i la normativa
SAC eacutes imprescindible que la graella tingui una uacutenica columna de continguts
2 Fer clic a ldquoSalvarrdquo
1
2
37
3 Configuracioacute de lrsquoadministracioacute de VCM
31 Creacioacute del canal ldquoLlistat tragravemitsrdquo
Dins del gestor de continguts realitzarem les tasques seguumlents
1 Accedir a ldquoPortalsrdquo
2 Navegar fins al ldquoPortalrdquo on volem configurar el llistat de continguts
3 Seleccionar ldquoHomerdquo
4 Posicionar-se sobre la creu verda i seleccionar ldquoCanalrdquo
a Emplenar la informacioacute i fer clic a ldquoOKrdquo
b Assegurar-se que el canal eacutes ldquoActiurdquo
1
2
3
38
311 Associacioacute de fitxers a la presentacioacute drsquoun canal
Ara srsquohan drsquoassociar els fitxers estagravetics adequats a la presentacioacute del canal perquegrave les
formes de presentacioacute posteriors trobin els estils i els Javascript corresponents
Per a aixograve cal entrar a les propietats del canal ldquoCanal Llistat tragravemitsrdquo i
1 Seleccionar el canal ldquoCanal Llistat tragravemitsrdquo
4
4a
4b
39
1
40
En entrar trobarem el llistat seguumlent on cal
1 Fer clic a ldquoCanal Llistat tragravemitsrdquo
2 Aquest eacutes un contingut del tipus Canals (cal fixar-se que no eacutes com lrsquoanterior)
Es mostraragrave la pantalla seguumlent on afegirem els fitxers relacionats amb el canal per a
cada idioma aquiacute cal
1 Emplenar els camps requerits per crear una pestanya del multiidioma
2 Desplaccedilar-se cap avall en lrsquoapartat ldquomultiidiomardquo fins a observar lrsquoapartat
drsquoassociacioacute de fitxers
3 Fer clic a ldquoAfegirrdquo
En aquest moment apareixeragrave la pantalla seguumlent
1 Si voleu afegir un fitxer amb extensioacute css cal deixar el camp ldquoTipus de fitxerrdquo
amb valor ldquocssrdquo Si voleu afegir un fitxer que teacute extensioacute js srsquoha de canviar el
camp ldquoTipus de fitxerrdquo al valor ldquojsrdquo
2 Fer clic a ldquoNavegadorrdquo
1
2 1 3
2
41
Apareixeragrave la pantalla de navegacioacute de continguts i anirem cercant els fitxers estagravetics
que associarem aquiacute cal
1 Fer clic a ldquoFrameworkrdquo
2 Fer clic a ldquoestilos y scriptsrdquo
3 Fer clic a ldquoNuevos Estilos imagenes y jsrdquo
4 Fer clic a ldquoGlobalsrdquo
2 1
42
43
44
Una vegada se nrsquohagin seleccionat tornarem a la pantalla anterior i farem el seguumlent
1 Verificar que el fitxer seleccionat eacutes el que apareix al quadre de text i que la
seva extensioacute coincideix amb la que hi ha seleccionada a ldquoTipus de fitxerrdquo
2 Fer clic a ldquoOKrdquo
Un cop acabades totes les associacions el resultat de les associacions afegides a la
pantalla principal ha de ser el seguumlent
1 Fer clic a ldquoAplicarrdquo a lrsquoapartat ldquomultiidiomardquo
1
2
45
1
46
Es recarregaragrave la pantalla
1 Fer clic a ldquoOKrdquo al nivell general
Ja tenim configurat el canal que mostraragrave ldquoLlistat de tragravemitsrdquo amb els fitxers associats
que fa referegravencia a la forma de presentacioacute que farem servir aquest mateix canal
mostraragrave el detall del contingut tragravemit amb el format detall
32 Creacioacute i assignacioacute de plantilles de presentacioacute per al
canal ldquoCanal Llistat tragravemitsrdquo
321 Creacioacute de les plantilles (templates) de VCM
La configuracioacute del canal de VCM per mostrar els llistats de tragravemits i el seu detall es
basen en tres plantilles una per llistar el tragravemits (format default) una per mostrar el
detall i el pas a pas drsquoun tragravemit (format detall) i una altra per mostrar la normativa
aplicable drsquoun tragravemit (format detall2)
A continuacioacute srsquoexplica com es creen les plantilles de presentacioacute
(Presentation Templates) necessagraveries per configurar els tragravemits Els
responsables de cada site srsquohan de crear les seves progravepies plantilles
Cal tenir en compte que les plantilles que apareixen en el document soacuten nomeacutes un
exemple drsquouna configuracioacute vagravelida En els casos pragravectics cal seleccionar les plantilles
que pertanyen a cada portal io que tingui cada usuari en els seus recursos
En el nostre cas es fan servir les plantilles ldquoGridB2LlistatTramitsrdquo ldquoGridBTramitrdquo i
ldquoGridBTramitNormativaSacrdquo
1
47
Per la creacioacute de la plantilla srsquohan de seguir els passos seguumlents
1 Accedir al ldquoBanc de Treballrdquo
2 Accedir a ldquoPresentation Templatesrdquo
3 Accedir a la carpeta de presentacions del nostre site en aquest exemple
ldquogenegravericrdquo
1
2
48
Un cop som al llistat de plantilles del nostre site cal fer el seguumlent
1 Seleccionar el signe ldquo+rdquo
2 Seleccionar Forma de Presentation Template
En realitzar aquesta accioacute srsquoobriragrave la finestra drsquoedicioacute o creacioacute de la Presentation
Template Srsquohan de crear dos plantilles noves amb les dades seguumlents
1 Plantilla per al llistat de tragravemits
a Nom cal posar un nom identificatiu de la plantilla per exemple
GenericoGridB2LlistatTramit
b Tipus de plantilla Portal Page
c VAPVCM Portal defaultgeneric (cal posar el nom del portal VAP)
d Element del menuacute de VAP FW_NavItem_GRIDB2
3
1
2
49
e Canal VCM per defecte
Tot seguit cal fer clic a ldquoOKrdquo
Per a la configuracioacute de la plantilla per al llistat de tragravemits es pot fer servir un
NavItem que utilitzi una grid amb destacats a la dreta per exemple la GRID B2 del
Site Genegraveric o beacute un Navitem sense destacats (el FW_NavItem_GRIDB creat
anteriorment)
El NavItem ha de disposar drsquoun portlet a la part central a nivell de Page per
configurar el llistat de tragravemits
f
50
2 Crear una nova Presentation Template per al detall de tragravemits i el pas a
pas
a Nom cal posar un nom identificatiu de la plantilla com per exemple
GenericoGridBTramit
b Tipus de plantilla Portal Page
c VAPVCM Portal defaultgeneric
d Element del menuacute de VAP FW_NavItem_GRIDB
e Canal VCM per defecte
Finalment cal fer clic a ldquoOKrdquo
Per configurar la plantilla per al detall dels tragravemits i el pas a pas srsquoha de fer servir un
NavItem que utilitzi una grid sense destacats a la dreta per exemple la GRID B del
site Genegraveric
El NavItem ha de disposar de dos portlets a la part central a nivell de Page per
configurar el llistat de tragravemits
Tot seguit cal crear una nova Presentation Template per al detall de tragravemits i el pas a
pas
a Nom cal posar un nom identificatiu de la plantilla per exemple
GenericoGridBTramitNormativaSac
f
51
b Tipus de plantilla Portal Page
c VAPVCM Portal defaultgeneric
d Element del menuacute de VAP FW_NavItem_GRIDB
e Canal VCM per defecte
Finalment cal fer clic a ldquoOKrdquo
322 Configuracioacute de la plantilla al canal
Les Presentation Templates que configurarem a continuacioacute soacuten drsquoexemple
Els responsables de cada site han de crear les seves progravepies plantilles
Un cop creat el canal i les Presentation Templates en configurarem la presentacioacute
1 Seleccionarem la casella de seleccioacute del canal que acabem de crear
2 Farem clic a la icona de propietats del canal
3 Navegarem a la pestanya ldquoPresentacioacuterdquo
52
Ens apareixeragrave un formulari com el que es mostra a continuacioacute i realitzarem les
accions seguumlents
1 Fer clic a ldquoAfegir presentacioacute de canalrdquo
1
2
3
53
Apareixeragrave la pantalla seguumlent amb lrsquoobjectiu de seleccionar una plantilla en el nostre
cas farem el seguumlent
1 Seleccionar el projecte de plantilles respectiu al portal A lrsquoexemple ldquogenericrdquo
Posteriorment apareixeragrave un llistat de plantilles (ldquoTemplatesrdquo)
1 En aquest cas seleccionarem ldquoGridB2LlistatTramitsrdquo
2 Acceptarem la seleccioacute ldquoOKrdquo
1
1
54
1
2
55
Un cop acceptat ens apareixeragrave la pantalla seguumlent on configurarem el ldquodetallrdquo Per a
aixograve cal fer el seguumlent
1 Fer clic a ldquoAssignar una Nova Plantilla de Presentacioacuterdquo
1
56
Tot seguit apareixeragrave la pantalla que es mostra a continuacioacute on realitzarem les
accions seguumlents
1 Fer clic a ldquoAfegir formatrdquo
En aquesta nova pantalla ens assegurarem del seguumlent
1 A la casella ldquoFormatrdquo hi ha el valor ldquodetallrdquo
2 A la casella ldquoTemplaterdquo hi ha drsquohaver el correcte Si no eacutes aixiacute srsquoha de fer clic a
ldquoNavegadorrdquo
En fer clic a ldquoNavegadorrdquo cal fer el seguumlent
1 Tornar a navegar fins a ldquogenericrdquo
1
1 2
57
1
58
I a la pantalla seguumlent cal seleccionar una plantilla i
1 Fer clic al botoacute a prop de ldquoGridBTramitrdquo
2 Fer clic a ldquoOKrdquo
1
2
59
En aquest moment es torna a la pantalla anterior i cal
1 Fer clic a ldquoOKrdquo
En el canal Llistat de tragravemits ha drsquoestar configurat el ldquoformatrdquo ldquodetallrdquo ja que la forma
de presentacioacute que configurarem a GridDBTramit necessitaragrave aquest format per
visualitzar el detall del contingut de tipus ldquoTragravemitrdquo
2
60
La pantalla anterior a aquesta ens ha de presentar aquesta informacioacute Ara
configurarem el ldquodetall2rdquo per presentar el contingut rdquo Normativa de SACrdquo Per a aixograve
cal fer el seguumlent
1 Fer clic a ldquoAfegir Formatrdquo
En aquesta nova pantalla ens assegurarem del seguumlent
1 A la casella ldquoFormatrdquo hi ha el valor ldquodetall2rdquo
1
61
2 A la casella ldquoTemplaterdquo hi ha drsquohaver el correcte Si no eacutes aixiacute srsquoha de fer clic a
ldquoNavegadorrdquo
En fer clic a ldquoNavegadorrdquo srsquoha de fer el seguumlent
1 Tornar a navegar fins a ldquogenericrdquo (srsquoha de substituir pel nom del portal)
1 2
62
1
63
A la pantalla seguumlent cal seleccionar una plantilla i
1 Fer clic al botoacute a prop de ldquoGridBTramitNormativaSacrdquo
2 Fer clic a ldquoOKrdquo
1
2
64
En aquest moment es torna a la pantalla anterior i cal fer el seguumlent
2 Fer clic a ldquoOKrdquo
En el canal Llistat de tragravemits ha drsquoestar configurat el ldquoformatrdquo ldquodetall2rdquo ja que la
forma de presentacioacute que configurarem a GridDBTramitNormativaSac necessitaragrave
aquest format per visualitzar el detall del contingut de tipus normativa ldquoSACrdquo
2
65
La pantalla anterior a aquesta ens ha de presentar aquesta informacioacute i srsquoha de fer el
seguumlent
2 Fer clic a ldquoOKrdquo
1
66
La finestra pare anterior a aquesta quedaragrave com es mostra tot seguit i realitzarem les
accions seguumlents
1 Fer clic a ldquoOKrdquo
4 Comparticioacute de continguts
Accedim al projecte on hi ha tots els tragravemits de lrsquoOVT
1
67
OVTDepartaments[NomCurtDepartaments][NomCurtOrganisme] TramitOVT
On NomCurtDepartaments correspon al nom curt del departament al que fa referencia
el nostre organisme
En aquest exemple es mostren tots els projectes de tragravemits de lrsquoOVT
Un cop localitzat el tragravemit de lrsquoOVT que volem compartir amb el nostre site accedirem
a lrsquoedicioacute del contingut i assignarem aquest contingut al canal del nostre site on es
vulgui mostrar Srsquoha de fer el seguumlent
1 Anar al contenidor de projectes on hi ha els continguts de GECO
Apareixeragrave lrsquoestructura de projectes a la qual teacute acceacutes lrsquousuari redactor Cal fer el
seguumlent (exemple Agegravencia Tributagraveria dins drsquoEconomia i Finances)
1 Seleccionar ldquoOVTrdquo
2 Seleccionar ldquoDepartamentsrdquo aquesta carpeta conteacute tots els tragravemits de lrsquoOVT
classificats per departaments
3 Seleccionar ldquoECOrdquo A lrsquousuari nomeacutes se li mostraragrave la carpeta del seu
departament
Si lrsquousuari no visualitza la carpeta dins del seu departament eacutes perquegrave no
srsquoha aplicat la poliacutetica de seguretat correctament Cal obrir un tiquet a Suport
gencat per tramitar aquests permisos AQUESTA CARPETA NOMEacuteS SERAgrave
VISIBLE PER ALS USUARIS AMB ROL REDACTOR
4 Seleccionar ldquoA_Agegravencia Tributagraveriardquo
5 Seleccionar ldquoTramitOVTrdquo
1
68
2
3
1
69
4
5
70
Apareixeragrave el llistat de continguts ldquoTragravemitOVTrdquo de lrsquoOVT de lrsquoAgegravencia Tributagraveria
Realitzarem les accions seguumlents
1 Seleccionar el tragravemit o els tragravemits que volem compartir en la web dorganisme
2 Fer clic a ldquoAssociarrdquo
2
1
71
Aquest proceacutes obriragrave una finestra Per seleccionar el site i canal on es volen mostrar
els tragravemits seleccionats realitzarem les accions seguumlents (cas site Generic)
1 Seleccionar el site ldquoGenericrdquo en el vostre cas el site del departament on es vol
mostrar el contingut ldquotragravemitrdquo
2 Navegar pels canals del Site Genegraveric fins al canal que srsquoha creat en el punt
ldquoLlistat de tragravemitsrdquo i seleccionar el quadre de verificacioacute
3 Fer clic a ldquoOKrdquo
1
72
2
3
73
41 Validar que la comparticioacute de continguts eacutes correcta
Accedim per VCM al canal que hem creat anteriorment al qual li acabem drsquoassignar
els continguts de tragravemits que ha de mostrar i fem el seguumlent
1 Anar al contenidor de portals
2 Seleccionar el Site ldquogenericrdquo
3 Seleccionar el canal ldquoHomerdquo
4 Seleccionar el canal ldquoCanal Llistat tragravemitsrdquo
1
2
3
74
4
75
Apareixeragrave el contingut assignat al canal ldquoCanal Llistat tragravemitsrdquo
En entrar trobarem el llistat seguumlent
1 Llistat del tragravemits de lrsquoOVT que srsquohan compartit amb el canal ldquoCanal Llistat
tragravemitsrdquo
2 Validar que els continguts que apareixen soacuten del tipus ldquoTramitOVTrdquo
En cas que al canal del site ldquoCanal Llistat tragravemitsrdquo no apareguin els continguts
tragravemits associats anteriorment cal repetir el pas 22
1 2
76
5 Configuracioacute al portal
Ara cal entrar al nostre site on tenim configurat el canal que hem creat en lrsquoapartat
anterior (21) i que ara configurarem a nivell de portal
51 Configuracioacute a Canal Llistat tragravemits
511 Configuracioacute de la llista de tragravemits
Farem clic a lrsquoenllaccedil ldquoCanal llistat tragravemitsrdquo de la ldquoHomerdquo i anirem a parar a una
pantalla com la que es mostra meacutes avall
Es pot apreciar que en el contingut de la pagravegina no hi ha res Aixograve eacutes perquegrave cal
configurar els portlets adequats ( )
1 Ens situarem sobre la icona ldquoOpcions de Pagraveginardquo
2 Seleccionarem ldquoObrir Plantillardquo ja que els portlets soacuten a nivell de Page
Ens apareixeragrave una pantalla com la que es mostra tot seguit i realitzarem les accions
seguumlents
1 Seleccionar el portlet de la part central de la pagravegina per configurar una ldquoLlista
automagravetica de contingutsrdquo
2
1
77
Tambeacute podem configurar una ldquoLlista manual de contingutsrdquo segons les
necessitats de cada usuari
78
Ens redirigiragrave cap a un formulari drsquoedicioacute que ens mostraragrave directament quina consulta
hem de configurar per mostrar els continguts i configurarem una consulta com la
seguumlent (evidentment segons les necessitats de cada usuari)
Ara tenim configurat que la pagravegina mostraragrave els tipus de contingut ldquoTramitOVTrdquo del
canal actual ordenats per la ldquoEacutes on-linerdquo en ordre descendent
Aixograve ens portaragrave a la pantalla principal on acabarem de completar la configuracioacute
1 Validar que en lrsquoapartat ldquoConsultardquo hi ha la configuracioacute que acabem drsquoafegir
2 Emplenar ldquoAgraveliesrdquo
3 En lrsquoapartat Forma de presentacioacute fer clic al botoacute ldquoCercar helliprdquo
79
Ens apareixeragrave la pantalla seguumlent
1 Fer clic a ldquoNavegacioacute per projectesrdquo
1
2
3
80
Ens canviaragrave la vista al format seguumlent
1 Navegarem per les carpetes fins a arribar a ldquoFramework Formes de
presentacioacute Site generic fw_fp_llistatramitsrdquo
2 Seleccionarem ldquofw_fp_llistatramitsrdquo
3 Farem clic a ldquoOKrdquo
1
1
81
En retornar a la pantalla principal cal
1 Validar que la forma de presentacioacute eacutes la que acabem de seleccionar
2 Fer clic a ldquoOKrdquo
1 (continuacioacute) 2
3
82
1
2
83
Aquest seragrave el nostre resultat a la pantalla del portal i cal fer el seguumlent
1 Verificar que apareixen els dos continguts que es van associar a aquest canal
1
84
512 Configuracioacute del detall del tragravemit i el pas a pas
En fer clic sobre una activitat veurem com ens redirigeix a la plantilla configurada al
ldquodetallrdquo drsquoaquesta pagravegina tal com la vam configurar en lrsquoapartat 231 cal fer el
seguumlent
1 Fer clic a la primera activitat
1
85
Ens sortiragrave la pagravegina de VAP del detall drsquoun contingut per configurar farem els
passos seguumlents
1 Ens situarem sobre la icona ldquoOpcions de Pagraveginardquo
2 Seleccionar ldquoObrir Plantillardquo ja que els portlets soacuten a nivell de Page
Ens apareixeragrave una pantalla com la que es mostra tot seguit i realitzarem les accions
seguumlents
1 Seleccionar el portlet de la part central de la pagravegina per configurar un ldquoDetall
de contingutrdquo i fer clic a ldquoEditarrdquo
Ens apareixeragrave la pantalla de seleccioacute de component de presentacioacute
1 Seleccionarem el component de presentacioacute ldquoDetall de contingutrdquo
1
2
1
86
Ens apareixeragrave la pantalla que es mostra tot seguit i realitzarem les accions seguumlents
1 Emplenar el camp ldquoAgraveliesrdquo
2 Canviar a la pestanya ldquoPresentacioacuterdquo
En fer clic a la pestanya obtindrem la imatge que es mostra tot seguit i realitzarem les
accions seguumlents
1 Cercarem una forma de presentacioacute fent clic a ldquoCercar helliprdquo
1
2
87
Quan aparegui la pantalla de cercador realitzarem una cerca de la forma de
presentacioacute que volem fer servir per a aixograve cal fer el seguumlent
1 Emplenar la caixa de text amb ldquofw_fp_tramitrdquo
2 Preacutemer ldquoCercarrdquo
3 Seleccionar la forma de presentacioacute de la caixa de resultats
4 Preacutemer ldquoOKrdquo
La forma de presentacioacute ldquofw_fp_tramitrdquo estagrave preparada per ldquomaquillarrdquo el contingut
dels tragravemits Tambeacute es pot fer servir una forma de presentacioacute personalitzada
segons es cregui convenient
1
1
2
3
4
88
En acabar tornarem a la pagravegina principal drsquoedicioacute i farem el seguumlent
1 Verificar que la forma de presentacioacute eacutes la que hem escollit
2 Fer clic a ldquoOKrdquo
En finalitzar la configuracioacute del component de presentacioacute tornem a la pantalla del
portal i cal fer el seguumlent
1 Verificar que el disseny de la presentacioacute eacutes semblant al seguumlent
1
2
89
Configurarem el portlet superior central de la pagravegina perquegrave aquesta contingui el fil
drsquoAriadna
1 Accedir a ldquoObrir Plantillardquo
1 Editar el portlet central que hi ha a sobre del detall de tragravemit per configurar el fil
drsquoAriadna En aquest exemple el portlet eacutes ldquoFW_hilo_ariadnardquo
Escollirem el component de presentacioacute
1 Seleccionar el component de presentacioacute ldquoFil drsquoAriadnardquo
1
1
90
En la configuracioacute del component realitzarem les accions seguumlents
1 Inserir el camp ldquoAgraveliesrdquo
2 Inserir el camp ldquoCanalrdquo
3 Fer clic a la pestanya ldquoPresentacioacuterdquo i cercar la forma de presentacioacute
ldquofw_fp_filariadnardquo
1
91
513 Configuracioacute del detall drsquouna normativa SAC
En el detall de contingut configurat en el punt anterior fent clic sobre una normativa
veurem com ens redirigeix a la plantilla configurada al ldquodetall2rdquo drsquoaquesta pagravegina tal
com hem configurat a lrsquoapartat 231
1 Fer clic a la primera ldquoNormativa Aplicablerdquo
2
3
92
Aquest enllaccedil ens portaragrave al detall2 del canal on srsquoha de configurar el detall de
contingut SAC per tal que es mostri la normativa aplicable
Configurarem el portlet superior central de la pagravegina perquegrave aquesta contingui el fil
drsquoAriadna per a aixograve cal fer el seguumlent
1 Accedir a ldquoObrir Plantillardquo
1
93
1
94
1 Editar el portlet central que hi ha a sobre del detall de tragravemit per configurar el fil
drsquoAriadna En aquest exemple el portlet eacutes ldquofw_portlet_tramitrdquo
Escollirem el component de presentacioacute
1 Seleccionar el component de presentacioacute ldquoDetall de Contingut SACrdquo
En la configuracioacute del component realitzarem les accions seguumlents
1 Inserir el camp ldquoAgraveliesrdquo
2 Seleccionar el tipus de contingut ldquoDetall Tragravemitrdquo
1
95
3 Fer clic a la pestanya ldquoPresentacioacuterdquo i cercar la forma de presentacioacute
ldquofw_fp_sac_normativardquo
4 Fer clic al botoacute ldquoOKrdquo
Srsquoactualitzaragrave la pagravegina de VAP i es mostraragrave el detall de SAC
1
2
3
4
96
514 Validacioacute final de VAP
Finalment cal validar que els tragravemits es visualitzen correctament per a aixograve cal
1 Verificar que tenim els canals creats
2 Accedir al canal ldquoCanal Llistat tragravemitsrdquo i validar que es mostren els tragravemits
que hem associat al punt 22
1
97
A continuacioacute cal fer les comprovacions seguumlents
1 Accedir al detall del tragravemit compartit
2 Accedir al pas a pas del tragravemit i a la normativa de SAC
Exemple llistat de tragravemits compartits
2
1
98
Exemple detall de tragravemit compartit
Exemple pas a pas drsquoun tragravemit
2
2
99
Exemple normativa SAC
En el cas que no es visualitzin el llistat de tragravemits detall o pas a pas configurat
validar
1 Refrescar la Pagravegina
2 Els tragravemits estan associats al canal que esteacuten visualitzat punt 23
1 Refrescar la pagravegina
1
26
1
2
3
27
La pagravegina srsquohauragrave actualitzat amb els portlets que srsquohan creat tot seguit cal fer el
seguumlent
2 Fer clic al tiacutetol del portlet
1
28
Srsquoha de configurar el tipus de portlet per al llistat Tragravemit per a aixograve cal
Posar un nom al portlet
1 Posar si eacutes a nivell de Page o Template
2 Seleccionar que pot ser un Detall de contingut i Detall de contingut SAC
3 Posar en ldquoJSP Override URLrdquo la ruta ldquovgn-ext-templatingviewsindexControladorjsprdquo
4 Fer clic a ldquoSaverdquo
1
2
3
3
5
4
vgn-ext-templatingviewsindexControladorjsp
29
Srsquohan de configurar permisos del portlet per al detall del tragravemit i la normativa SAC per
a aixograve cal
4 Seleccionar ldquoPermisosrdquo
5 Seleccionar els grups que es volen autoritzar
6 Fer clic a ldquoActualitzarrdquo
1
2
3
30
Tot seguit srsquohan de configurar les dades bagravesiques del portlet per a aixograve srsquoha de fer el
seguumlent
1 Seleccionar ldquoBagravesicsrdquo
2 Posar el nom del portlet ldquofw_portlet_tramit_sac_detallrdquo
3 Desmarcar el quadre de verificacioacute ldquoMostra el cromrdquo
4 Fer clic a ldquoActualitzarrdquo
1
2
3
4
31
Despreacutes cal validar que la pagravegina srsquoha creat correctament per a aixograve cal fer el
seguumlent
1 Seleccionar ldquoLlista Pagraveginardquo
2 Fer clic al nom de la pagravegina
1
2
32
Per bloquejar la pagravegina cal fer el seguumlent
1 Seleccionar la casella de verificacioacute ldquoPagravegina Bloquejadardquo
2 Fer clic a ldquoActualitzar Opcionsrdquo
1
2
33
221 Crear NavItem de detall de tragravemits i normativa SAC
A partir de la consola de VAP farem les tasques seguumlents per crear el NavItem
1 Anar a lrsquoopcioacute del menuacute ldquoArbre de Navegacioacuterdquo
2 Fer clic a ldquoCrear Element de Navegacioacuterdquo
1
2
34
Per crear lrsquoelement de Navegacioacute realitzarem les tasques seguumlents
1 Posar el nom al NavItem rdquoFW_NavItem_GRIDBrdquo
2 Seleccionar ldquoEnllaccedilar ardquo i seleccionar la pagravegina que acabem de crear
3 Seleccionar el tema ldquoFW_Temardquo
4 Seleccionar la graella ldquoFW_Grid_Brdquo sense destacats a la dreta per
visualitzar correctament el detall de tragravemits el pas a pas i la normativa SAC
5 Fer clic a ldquoCrearrdquo
1
2
3
4
5
35
Quan seleccionem ldquoEnllaccedilar ardquo i seleccionem la pagravegina que acabem de crear srsquoobriragrave
la finestra seguumlent aquiacute cal
1 Cercar la pagravegina que hem creat en el pas anterior
2 Seleccionar la casella de verificacioacute de la pagravegina
3 Fer clic a ldquoOKrdquo
Quan fem seleccionem el tema srsquoobriragrave la seguumlent finestra per a aixograve cal
1 Seleccionar la casella de verificacioacute del tema que utilitzarem al nostre site per
a aquest exemple farem servir el tema del Site Genegraveric
2 Fer clic a ldquoSalvarrdquo
1
1
2
3
2
36
Quan seleccionem la graella srsquoobriragrave la finestra seguumlent aquiacute cal
1 Seleccionar la graella que utilitzarem al nostre site per a aquest exemple farem
servir la Graella FW_Grid_B sense destacats a la dreta del Site Genegraveric Per
tal de visualitzar correctament el detall del tragravemit el pas a pas i la normativa
SAC eacutes imprescindible que la graella tingui una uacutenica columna de continguts
2 Fer clic a ldquoSalvarrdquo
1
2
37
3 Configuracioacute de lrsquoadministracioacute de VCM
31 Creacioacute del canal ldquoLlistat tragravemitsrdquo
Dins del gestor de continguts realitzarem les tasques seguumlents
1 Accedir a ldquoPortalsrdquo
2 Navegar fins al ldquoPortalrdquo on volem configurar el llistat de continguts
3 Seleccionar ldquoHomerdquo
4 Posicionar-se sobre la creu verda i seleccionar ldquoCanalrdquo
a Emplenar la informacioacute i fer clic a ldquoOKrdquo
b Assegurar-se que el canal eacutes ldquoActiurdquo
1
2
3
38
311 Associacioacute de fitxers a la presentacioacute drsquoun canal
Ara srsquohan drsquoassociar els fitxers estagravetics adequats a la presentacioacute del canal perquegrave les
formes de presentacioacute posteriors trobin els estils i els Javascript corresponents
Per a aixograve cal entrar a les propietats del canal ldquoCanal Llistat tragravemitsrdquo i
1 Seleccionar el canal ldquoCanal Llistat tragravemitsrdquo
4
4a
4b
39
1
40
En entrar trobarem el llistat seguumlent on cal
1 Fer clic a ldquoCanal Llistat tragravemitsrdquo
2 Aquest eacutes un contingut del tipus Canals (cal fixar-se que no eacutes com lrsquoanterior)
Es mostraragrave la pantalla seguumlent on afegirem els fitxers relacionats amb el canal per a
cada idioma aquiacute cal
1 Emplenar els camps requerits per crear una pestanya del multiidioma
2 Desplaccedilar-se cap avall en lrsquoapartat ldquomultiidiomardquo fins a observar lrsquoapartat
drsquoassociacioacute de fitxers
3 Fer clic a ldquoAfegirrdquo
En aquest moment apareixeragrave la pantalla seguumlent
1 Si voleu afegir un fitxer amb extensioacute css cal deixar el camp ldquoTipus de fitxerrdquo
amb valor ldquocssrdquo Si voleu afegir un fitxer que teacute extensioacute js srsquoha de canviar el
camp ldquoTipus de fitxerrdquo al valor ldquojsrdquo
2 Fer clic a ldquoNavegadorrdquo
1
2 1 3
2
41
Apareixeragrave la pantalla de navegacioacute de continguts i anirem cercant els fitxers estagravetics
que associarem aquiacute cal
1 Fer clic a ldquoFrameworkrdquo
2 Fer clic a ldquoestilos y scriptsrdquo
3 Fer clic a ldquoNuevos Estilos imagenes y jsrdquo
4 Fer clic a ldquoGlobalsrdquo
2 1
42
43
44
Una vegada se nrsquohagin seleccionat tornarem a la pantalla anterior i farem el seguumlent
1 Verificar que el fitxer seleccionat eacutes el que apareix al quadre de text i que la
seva extensioacute coincideix amb la que hi ha seleccionada a ldquoTipus de fitxerrdquo
2 Fer clic a ldquoOKrdquo
Un cop acabades totes les associacions el resultat de les associacions afegides a la
pantalla principal ha de ser el seguumlent
1 Fer clic a ldquoAplicarrdquo a lrsquoapartat ldquomultiidiomardquo
1
2
45
1
46
Es recarregaragrave la pantalla
1 Fer clic a ldquoOKrdquo al nivell general
Ja tenim configurat el canal que mostraragrave ldquoLlistat de tragravemitsrdquo amb els fitxers associats
que fa referegravencia a la forma de presentacioacute que farem servir aquest mateix canal
mostraragrave el detall del contingut tragravemit amb el format detall
32 Creacioacute i assignacioacute de plantilles de presentacioacute per al
canal ldquoCanal Llistat tragravemitsrdquo
321 Creacioacute de les plantilles (templates) de VCM
La configuracioacute del canal de VCM per mostrar els llistats de tragravemits i el seu detall es
basen en tres plantilles una per llistar el tragravemits (format default) una per mostrar el
detall i el pas a pas drsquoun tragravemit (format detall) i una altra per mostrar la normativa
aplicable drsquoun tragravemit (format detall2)
A continuacioacute srsquoexplica com es creen les plantilles de presentacioacute
(Presentation Templates) necessagraveries per configurar els tragravemits Els
responsables de cada site srsquohan de crear les seves progravepies plantilles
Cal tenir en compte que les plantilles que apareixen en el document soacuten nomeacutes un
exemple drsquouna configuracioacute vagravelida En els casos pragravectics cal seleccionar les plantilles
que pertanyen a cada portal io que tingui cada usuari en els seus recursos
En el nostre cas es fan servir les plantilles ldquoGridB2LlistatTramitsrdquo ldquoGridBTramitrdquo i
ldquoGridBTramitNormativaSacrdquo
1
47
Per la creacioacute de la plantilla srsquohan de seguir els passos seguumlents
1 Accedir al ldquoBanc de Treballrdquo
2 Accedir a ldquoPresentation Templatesrdquo
3 Accedir a la carpeta de presentacions del nostre site en aquest exemple
ldquogenegravericrdquo
1
2
48
Un cop som al llistat de plantilles del nostre site cal fer el seguumlent
1 Seleccionar el signe ldquo+rdquo
2 Seleccionar Forma de Presentation Template
En realitzar aquesta accioacute srsquoobriragrave la finestra drsquoedicioacute o creacioacute de la Presentation
Template Srsquohan de crear dos plantilles noves amb les dades seguumlents
1 Plantilla per al llistat de tragravemits
a Nom cal posar un nom identificatiu de la plantilla per exemple
GenericoGridB2LlistatTramit
b Tipus de plantilla Portal Page
c VAPVCM Portal defaultgeneric (cal posar el nom del portal VAP)
d Element del menuacute de VAP FW_NavItem_GRIDB2
3
1
2
49
e Canal VCM per defecte
Tot seguit cal fer clic a ldquoOKrdquo
Per a la configuracioacute de la plantilla per al llistat de tragravemits es pot fer servir un
NavItem que utilitzi una grid amb destacats a la dreta per exemple la GRID B2 del
Site Genegraveric o beacute un Navitem sense destacats (el FW_NavItem_GRIDB creat
anteriorment)
El NavItem ha de disposar drsquoun portlet a la part central a nivell de Page per
configurar el llistat de tragravemits
f
50
2 Crear una nova Presentation Template per al detall de tragravemits i el pas a
pas
a Nom cal posar un nom identificatiu de la plantilla com per exemple
GenericoGridBTramit
b Tipus de plantilla Portal Page
c VAPVCM Portal defaultgeneric
d Element del menuacute de VAP FW_NavItem_GRIDB
e Canal VCM per defecte
Finalment cal fer clic a ldquoOKrdquo
Per configurar la plantilla per al detall dels tragravemits i el pas a pas srsquoha de fer servir un
NavItem que utilitzi una grid sense destacats a la dreta per exemple la GRID B del
site Genegraveric
El NavItem ha de disposar de dos portlets a la part central a nivell de Page per
configurar el llistat de tragravemits
Tot seguit cal crear una nova Presentation Template per al detall de tragravemits i el pas a
pas
a Nom cal posar un nom identificatiu de la plantilla per exemple
GenericoGridBTramitNormativaSac
f
51
b Tipus de plantilla Portal Page
c VAPVCM Portal defaultgeneric
d Element del menuacute de VAP FW_NavItem_GRIDB
e Canal VCM per defecte
Finalment cal fer clic a ldquoOKrdquo
322 Configuracioacute de la plantilla al canal
Les Presentation Templates que configurarem a continuacioacute soacuten drsquoexemple
Els responsables de cada site han de crear les seves progravepies plantilles
Un cop creat el canal i les Presentation Templates en configurarem la presentacioacute
1 Seleccionarem la casella de seleccioacute del canal que acabem de crear
2 Farem clic a la icona de propietats del canal
3 Navegarem a la pestanya ldquoPresentacioacuterdquo
52
Ens apareixeragrave un formulari com el que es mostra a continuacioacute i realitzarem les
accions seguumlents
1 Fer clic a ldquoAfegir presentacioacute de canalrdquo
1
2
3
53
Apareixeragrave la pantalla seguumlent amb lrsquoobjectiu de seleccionar una plantilla en el nostre
cas farem el seguumlent
1 Seleccionar el projecte de plantilles respectiu al portal A lrsquoexemple ldquogenericrdquo
Posteriorment apareixeragrave un llistat de plantilles (ldquoTemplatesrdquo)
1 En aquest cas seleccionarem ldquoGridB2LlistatTramitsrdquo
2 Acceptarem la seleccioacute ldquoOKrdquo
1
1
54
1
2
55
Un cop acceptat ens apareixeragrave la pantalla seguumlent on configurarem el ldquodetallrdquo Per a
aixograve cal fer el seguumlent
1 Fer clic a ldquoAssignar una Nova Plantilla de Presentacioacuterdquo
1
56
Tot seguit apareixeragrave la pantalla que es mostra a continuacioacute on realitzarem les
accions seguumlents
1 Fer clic a ldquoAfegir formatrdquo
En aquesta nova pantalla ens assegurarem del seguumlent
1 A la casella ldquoFormatrdquo hi ha el valor ldquodetallrdquo
2 A la casella ldquoTemplaterdquo hi ha drsquohaver el correcte Si no eacutes aixiacute srsquoha de fer clic a
ldquoNavegadorrdquo
En fer clic a ldquoNavegadorrdquo cal fer el seguumlent
1 Tornar a navegar fins a ldquogenericrdquo
1
1 2
57
1
58
I a la pantalla seguumlent cal seleccionar una plantilla i
1 Fer clic al botoacute a prop de ldquoGridBTramitrdquo
2 Fer clic a ldquoOKrdquo
1
2
59
En aquest moment es torna a la pantalla anterior i cal
1 Fer clic a ldquoOKrdquo
En el canal Llistat de tragravemits ha drsquoestar configurat el ldquoformatrdquo ldquodetallrdquo ja que la forma
de presentacioacute que configurarem a GridDBTramit necessitaragrave aquest format per
visualitzar el detall del contingut de tipus ldquoTragravemitrdquo
2
60
La pantalla anterior a aquesta ens ha de presentar aquesta informacioacute Ara
configurarem el ldquodetall2rdquo per presentar el contingut rdquo Normativa de SACrdquo Per a aixograve
cal fer el seguumlent
1 Fer clic a ldquoAfegir Formatrdquo
En aquesta nova pantalla ens assegurarem del seguumlent
1 A la casella ldquoFormatrdquo hi ha el valor ldquodetall2rdquo
1
61
2 A la casella ldquoTemplaterdquo hi ha drsquohaver el correcte Si no eacutes aixiacute srsquoha de fer clic a
ldquoNavegadorrdquo
En fer clic a ldquoNavegadorrdquo srsquoha de fer el seguumlent
1 Tornar a navegar fins a ldquogenericrdquo (srsquoha de substituir pel nom del portal)
1 2
62
1
63
A la pantalla seguumlent cal seleccionar una plantilla i
1 Fer clic al botoacute a prop de ldquoGridBTramitNormativaSacrdquo
2 Fer clic a ldquoOKrdquo
1
2
64
En aquest moment es torna a la pantalla anterior i cal fer el seguumlent
2 Fer clic a ldquoOKrdquo
En el canal Llistat de tragravemits ha drsquoestar configurat el ldquoformatrdquo ldquodetall2rdquo ja que la
forma de presentacioacute que configurarem a GridDBTramitNormativaSac necessitaragrave
aquest format per visualitzar el detall del contingut de tipus normativa ldquoSACrdquo
2
65
La pantalla anterior a aquesta ens ha de presentar aquesta informacioacute i srsquoha de fer el
seguumlent
2 Fer clic a ldquoOKrdquo
1
66
La finestra pare anterior a aquesta quedaragrave com es mostra tot seguit i realitzarem les
accions seguumlents
1 Fer clic a ldquoOKrdquo
4 Comparticioacute de continguts
Accedim al projecte on hi ha tots els tragravemits de lrsquoOVT
1
67
OVTDepartaments[NomCurtDepartaments][NomCurtOrganisme] TramitOVT
On NomCurtDepartaments correspon al nom curt del departament al que fa referencia
el nostre organisme
En aquest exemple es mostren tots els projectes de tragravemits de lrsquoOVT
Un cop localitzat el tragravemit de lrsquoOVT que volem compartir amb el nostre site accedirem
a lrsquoedicioacute del contingut i assignarem aquest contingut al canal del nostre site on es
vulgui mostrar Srsquoha de fer el seguumlent
1 Anar al contenidor de projectes on hi ha els continguts de GECO
Apareixeragrave lrsquoestructura de projectes a la qual teacute acceacutes lrsquousuari redactor Cal fer el
seguumlent (exemple Agegravencia Tributagraveria dins drsquoEconomia i Finances)
1 Seleccionar ldquoOVTrdquo
2 Seleccionar ldquoDepartamentsrdquo aquesta carpeta conteacute tots els tragravemits de lrsquoOVT
classificats per departaments
3 Seleccionar ldquoECOrdquo A lrsquousuari nomeacutes se li mostraragrave la carpeta del seu
departament
Si lrsquousuari no visualitza la carpeta dins del seu departament eacutes perquegrave no
srsquoha aplicat la poliacutetica de seguretat correctament Cal obrir un tiquet a Suport
gencat per tramitar aquests permisos AQUESTA CARPETA NOMEacuteS SERAgrave
VISIBLE PER ALS USUARIS AMB ROL REDACTOR
4 Seleccionar ldquoA_Agegravencia Tributagraveriardquo
5 Seleccionar ldquoTramitOVTrdquo
1
68
2
3
1
69
4
5
70
Apareixeragrave el llistat de continguts ldquoTragravemitOVTrdquo de lrsquoOVT de lrsquoAgegravencia Tributagraveria
Realitzarem les accions seguumlents
1 Seleccionar el tragravemit o els tragravemits que volem compartir en la web dorganisme
2 Fer clic a ldquoAssociarrdquo
2
1
71
Aquest proceacutes obriragrave una finestra Per seleccionar el site i canal on es volen mostrar
els tragravemits seleccionats realitzarem les accions seguumlents (cas site Generic)
1 Seleccionar el site ldquoGenericrdquo en el vostre cas el site del departament on es vol
mostrar el contingut ldquotragravemitrdquo
2 Navegar pels canals del Site Genegraveric fins al canal que srsquoha creat en el punt
ldquoLlistat de tragravemitsrdquo i seleccionar el quadre de verificacioacute
3 Fer clic a ldquoOKrdquo
1
72
2
3
73
41 Validar que la comparticioacute de continguts eacutes correcta
Accedim per VCM al canal que hem creat anteriorment al qual li acabem drsquoassignar
els continguts de tragravemits que ha de mostrar i fem el seguumlent
1 Anar al contenidor de portals
2 Seleccionar el Site ldquogenericrdquo
3 Seleccionar el canal ldquoHomerdquo
4 Seleccionar el canal ldquoCanal Llistat tragravemitsrdquo
1
2
3
74
4
75
Apareixeragrave el contingut assignat al canal ldquoCanal Llistat tragravemitsrdquo
En entrar trobarem el llistat seguumlent
1 Llistat del tragravemits de lrsquoOVT que srsquohan compartit amb el canal ldquoCanal Llistat
tragravemitsrdquo
2 Validar que els continguts que apareixen soacuten del tipus ldquoTramitOVTrdquo
En cas que al canal del site ldquoCanal Llistat tragravemitsrdquo no apareguin els continguts
tragravemits associats anteriorment cal repetir el pas 22
1 2
76
5 Configuracioacute al portal
Ara cal entrar al nostre site on tenim configurat el canal que hem creat en lrsquoapartat
anterior (21) i que ara configurarem a nivell de portal
51 Configuracioacute a Canal Llistat tragravemits
511 Configuracioacute de la llista de tragravemits
Farem clic a lrsquoenllaccedil ldquoCanal llistat tragravemitsrdquo de la ldquoHomerdquo i anirem a parar a una
pantalla com la que es mostra meacutes avall
Es pot apreciar que en el contingut de la pagravegina no hi ha res Aixograve eacutes perquegrave cal
configurar els portlets adequats ( )
1 Ens situarem sobre la icona ldquoOpcions de Pagraveginardquo
2 Seleccionarem ldquoObrir Plantillardquo ja que els portlets soacuten a nivell de Page
Ens apareixeragrave una pantalla com la que es mostra tot seguit i realitzarem les accions
seguumlents
1 Seleccionar el portlet de la part central de la pagravegina per configurar una ldquoLlista
automagravetica de contingutsrdquo
2
1
77
Tambeacute podem configurar una ldquoLlista manual de contingutsrdquo segons les
necessitats de cada usuari
78
Ens redirigiragrave cap a un formulari drsquoedicioacute que ens mostraragrave directament quina consulta
hem de configurar per mostrar els continguts i configurarem una consulta com la
seguumlent (evidentment segons les necessitats de cada usuari)
Ara tenim configurat que la pagravegina mostraragrave els tipus de contingut ldquoTramitOVTrdquo del
canal actual ordenats per la ldquoEacutes on-linerdquo en ordre descendent
Aixograve ens portaragrave a la pantalla principal on acabarem de completar la configuracioacute
1 Validar que en lrsquoapartat ldquoConsultardquo hi ha la configuracioacute que acabem drsquoafegir
2 Emplenar ldquoAgraveliesrdquo
3 En lrsquoapartat Forma de presentacioacute fer clic al botoacute ldquoCercar helliprdquo
79
Ens apareixeragrave la pantalla seguumlent
1 Fer clic a ldquoNavegacioacute per projectesrdquo
1
2
3
80
Ens canviaragrave la vista al format seguumlent
1 Navegarem per les carpetes fins a arribar a ldquoFramework Formes de
presentacioacute Site generic fw_fp_llistatramitsrdquo
2 Seleccionarem ldquofw_fp_llistatramitsrdquo
3 Farem clic a ldquoOKrdquo
1
1
81
En retornar a la pantalla principal cal
1 Validar que la forma de presentacioacute eacutes la que acabem de seleccionar
2 Fer clic a ldquoOKrdquo
1 (continuacioacute) 2
3
82
1
2
83
Aquest seragrave el nostre resultat a la pantalla del portal i cal fer el seguumlent
1 Verificar que apareixen els dos continguts que es van associar a aquest canal
1
84
512 Configuracioacute del detall del tragravemit i el pas a pas
En fer clic sobre una activitat veurem com ens redirigeix a la plantilla configurada al
ldquodetallrdquo drsquoaquesta pagravegina tal com la vam configurar en lrsquoapartat 231 cal fer el
seguumlent
1 Fer clic a la primera activitat
1
85
Ens sortiragrave la pagravegina de VAP del detall drsquoun contingut per configurar farem els
passos seguumlents
1 Ens situarem sobre la icona ldquoOpcions de Pagraveginardquo
2 Seleccionar ldquoObrir Plantillardquo ja que els portlets soacuten a nivell de Page
Ens apareixeragrave una pantalla com la que es mostra tot seguit i realitzarem les accions
seguumlents
1 Seleccionar el portlet de la part central de la pagravegina per configurar un ldquoDetall
de contingutrdquo i fer clic a ldquoEditarrdquo
Ens apareixeragrave la pantalla de seleccioacute de component de presentacioacute
1 Seleccionarem el component de presentacioacute ldquoDetall de contingutrdquo
1
2
1
86
Ens apareixeragrave la pantalla que es mostra tot seguit i realitzarem les accions seguumlents
1 Emplenar el camp ldquoAgraveliesrdquo
2 Canviar a la pestanya ldquoPresentacioacuterdquo
En fer clic a la pestanya obtindrem la imatge que es mostra tot seguit i realitzarem les
accions seguumlents
1 Cercarem una forma de presentacioacute fent clic a ldquoCercar helliprdquo
1
2
87
Quan aparegui la pantalla de cercador realitzarem una cerca de la forma de
presentacioacute que volem fer servir per a aixograve cal fer el seguumlent
1 Emplenar la caixa de text amb ldquofw_fp_tramitrdquo
2 Preacutemer ldquoCercarrdquo
3 Seleccionar la forma de presentacioacute de la caixa de resultats
4 Preacutemer ldquoOKrdquo
La forma de presentacioacute ldquofw_fp_tramitrdquo estagrave preparada per ldquomaquillarrdquo el contingut
dels tragravemits Tambeacute es pot fer servir una forma de presentacioacute personalitzada
segons es cregui convenient
1
1
2
3
4
88
En acabar tornarem a la pagravegina principal drsquoedicioacute i farem el seguumlent
1 Verificar que la forma de presentacioacute eacutes la que hem escollit
2 Fer clic a ldquoOKrdquo
En finalitzar la configuracioacute del component de presentacioacute tornem a la pantalla del
portal i cal fer el seguumlent
1 Verificar que el disseny de la presentacioacute eacutes semblant al seguumlent
1
2
89
Configurarem el portlet superior central de la pagravegina perquegrave aquesta contingui el fil
drsquoAriadna
1 Accedir a ldquoObrir Plantillardquo
1 Editar el portlet central que hi ha a sobre del detall de tragravemit per configurar el fil
drsquoAriadna En aquest exemple el portlet eacutes ldquoFW_hilo_ariadnardquo
Escollirem el component de presentacioacute
1 Seleccionar el component de presentacioacute ldquoFil drsquoAriadnardquo
1
1
90
En la configuracioacute del component realitzarem les accions seguumlents
1 Inserir el camp ldquoAgraveliesrdquo
2 Inserir el camp ldquoCanalrdquo
3 Fer clic a la pestanya ldquoPresentacioacuterdquo i cercar la forma de presentacioacute
ldquofw_fp_filariadnardquo
1
91
513 Configuracioacute del detall drsquouna normativa SAC
En el detall de contingut configurat en el punt anterior fent clic sobre una normativa
veurem com ens redirigeix a la plantilla configurada al ldquodetall2rdquo drsquoaquesta pagravegina tal
com hem configurat a lrsquoapartat 231
1 Fer clic a la primera ldquoNormativa Aplicablerdquo
2
3
92
Aquest enllaccedil ens portaragrave al detall2 del canal on srsquoha de configurar el detall de
contingut SAC per tal que es mostri la normativa aplicable
Configurarem el portlet superior central de la pagravegina perquegrave aquesta contingui el fil
drsquoAriadna per a aixograve cal fer el seguumlent
1 Accedir a ldquoObrir Plantillardquo
1
93
1
94
1 Editar el portlet central que hi ha a sobre del detall de tragravemit per configurar el fil
drsquoAriadna En aquest exemple el portlet eacutes ldquofw_portlet_tramitrdquo
Escollirem el component de presentacioacute
1 Seleccionar el component de presentacioacute ldquoDetall de Contingut SACrdquo
En la configuracioacute del component realitzarem les accions seguumlents
1 Inserir el camp ldquoAgraveliesrdquo
2 Seleccionar el tipus de contingut ldquoDetall Tragravemitrdquo
1
95
3 Fer clic a la pestanya ldquoPresentacioacuterdquo i cercar la forma de presentacioacute
ldquofw_fp_sac_normativardquo
4 Fer clic al botoacute ldquoOKrdquo
Srsquoactualitzaragrave la pagravegina de VAP i es mostraragrave el detall de SAC
1
2
3
4
96
514 Validacioacute final de VAP
Finalment cal validar que els tragravemits es visualitzen correctament per a aixograve cal
1 Verificar que tenim els canals creats
2 Accedir al canal ldquoCanal Llistat tragravemitsrdquo i validar que es mostren els tragravemits
que hem associat al punt 22
1
97
A continuacioacute cal fer les comprovacions seguumlents
1 Accedir al detall del tragravemit compartit
2 Accedir al pas a pas del tragravemit i a la normativa de SAC
Exemple llistat de tragravemits compartits
2
1
98
Exemple detall de tragravemit compartit
Exemple pas a pas drsquoun tragravemit
2
2
99
Exemple normativa SAC
En el cas que no es visualitzin el llistat de tragravemits detall o pas a pas configurat
validar
1 Refrescar la Pagravegina
2 Els tragravemits estan associats al canal que esteacuten visualitzat punt 23
1 Refrescar la pagravegina
1
27
La pagravegina srsquohauragrave actualitzat amb els portlets que srsquohan creat tot seguit cal fer el
seguumlent
2 Fer clic al tiacutetol del portlet
1
28
Srsquoha de configurar el tipus de portlet per al llistat Tragravemit per a aixograve cal
Posar un nom al portlet
1 Posar si eacutes a nivell de Page o Template
2 Seleccionar que pot ser un Detall de contingut i Detall de contingut SAC
3 Posar en ldquoJSP Override URLrdquo la ruta ldquovgn-ext-templatingviewsindexControladorjsprdquo
4 Fer clic a ldquoSaverdquo
1
2
3
3
5
4
vgn-ext-templatingviewsindexControladorjsp
29
Srsquohan de configurar permisos del portlet per al detall del tragravemit i la normativa SAC per
a aixograve cal
4 Seleccionar ldquoPermisosrdquo
5 Seleccionar els grups que es volen autoritzar
6 Fer clic a ldquoActualitzarrdquo
1
2
3
30
Tot seguit srsquohan de configurar les dades bagravesiques del portlet per a aixograve srsquoha de fer el
seguumlent
1 Seleccionar ldquoBagravesicsrdquo
2 Posar el nom del portlet ldquofw_portlet_tramit_sac_detallrdquo
3 Desmarcar el quadre de verificacioacute ldquoMostra el cromrdquo
4 Fer clic a ldquoActualitzarrdquo
1
2
3
4
31
Despreacutes cal validar que la pagravegina srsquoha creat correctament per a aixograve cal fer el
seguumlent
1 Seleccionar ldquoLlista Pagraveginardquo
2 Fer clic al nom de la pagravegina
1
2
32
Per bloquejar la pagravegina cal fer el seguumlent
1 Seleccionar la casella de verificacioacute ldquoPagravegina Bloquejadardquo
2 Fer clic a ldquoActualitzar Opcionsrdquo
1
2
33
221 Crear NavItem de detall de tragravemits i normativa SAC
A partir de la consola de VAP farem les tasques seguumlents per crear el NavItem
1 Anar a lrsquoopcioacute del menuacute ldquoArbre de Navegacioacuterdquo
2 Fer clic a ldquoCrear Element de Navegacioacuterdquo
1
2
34
Per crear lrsquoelement de Navegacioacute realitzarem les tasques seguumlents
1 Posar el nom al NavItem rdquoFW_NavItem_GRIDBrdquo
2 Seleccionar ldquoEnllaccedilar ardquo i seleccionar la pagravegina que acabem de crear
3 Seleccionar el tema ldquoFW_Temardquo
4 Seleccionar la graella ldquoFW_Grid_Brdquo sense destacats a la dreta per
visualitzar correctament el detall de tragravemits el pas a pas i la normativa SAC
5 Fer clic a ldquoCrearrdquo
1
2
3
4
5
35
Quan seleccionem ldquoEnllaccedilar ardquo i seleccionem la pagravegina que acabem de crear srsquoobriragrave
la finestra seguumlent aquiacute cal
1 Cercar la pagravegina que hem creat en el pas anterior
2 Seleccionar la casella de verificacioacute de la pagravegina
3 Fer clic a ldquoOKrdquo
Quan fem seleccionem el tema srsquoobriragrave la seguumlent finestra per a aixograve cal
1 Seleccionar la casella de verificacioacute del tema que utilitzarem al nostre site per
a aquest exemple farem servir el tema del Site Genegraveric
2 Fer clic a ldquoSalvarrdquo
1
1
2
3
2
36
Quan seleccionem la graella srsquoobriragrave la finestra seguumlent aquiacute cal
1 Seleccionar la graella que utilitzarem al nostre site per a aquest exemple farem
servir la Graella FW_Grid_B sense destacats a la dreta del Site Genegraveric Per
tal de visualitzar correctament el detall del tragravemit el pas a pas i la normativa
SAC eacutes imprescindible que la graella tingui una uacutenica columna de continguts
2 Fer clic a ldquoSalvarrdquo
1
2
37
3 Configuracioacute de lrsquoadministracioacute de VCM
31 Creacioacute del canal ldquoLlistat tragravemitsrdquo
Dins del gestor de continguts realitzarem les tasques seguumlents
1 Accedir a ldquoPortalsrdquo
2 Navegar fins al ldquoPortalrdquo on volem configurar el llistat de continguts
3 Seleccionar ldquoHomerdquo
4 Posicionar-se sobre la creu verda i seleccionar ldquoCanalrdquo
a Emplenar la informacioacute i fer clic a ldquoOKrdquo
b Assegurar-se que el canal eacutes ldquoActiurdquo
1
2
3
38
311 Associacioacute de fitxers a la presentacioacute drsquoun canal
Ara srsquohan drsquoassociar els fitxers estagravetics adequats a la presentacioacute del canal perquegrave les
formes de presentacioacute posteriors trobin els estils i els Javascript corresponents
Per a aixograve cal entrar a les propietats del canal ldquoCanal Llistat tragravemitsrdquo i
1 Seleccionar el canal ldquoCanal Llistat tragravemitsrdquo
4
4a
4b
39
1
40
En entrar trobarem el llistat seguumlent on cal
1 Fer clic a ldquoCanal Llistat tragravemitsrdquo
2 Aquest eacutes un contingut del tipus Canals (cal fixar-se que no eacutes com lrsquoanterior)
Es mostraragrave la pantalla seguumlent on afegirem els fitxers relacionats amb el canal per a
cada idioma aquiacute cal
1 Emplenar els camps requerits per crear una pestanya del multiidioma
2 Desplaccedilar-se cap avall en lrsquoapartat ldquomultiidiomardquo fins a observar lrsquoapartat
drsquoassociacioacute de fitxers
3 Fer clic a ldquoAfegirrdquo
En aquest moment apareixeragrave la pantalla seguumlent
1 Si voleu afegir un fitxer amb extensioacute css cal deixar el camp ldquoTipus de fitxerrdquo
amb valor ldquocssrdquo Si voleu afegir un fitxer que teacute extensioacute js srsquoha de canviar el
camp ldquoTipus de fitxerrdquo al valor ldquojsrdquo
2 Fer clic a ldquoNavegadorrdquo
1
2 1 3
2
41
Apareixeragrave la pantalla de navegacioacute de continguts i anirem cercant els fitxers estagravetics
que associarem aquiacute cal
1 Fer clic a ldquoFrameworkrdquo
2 Fer clic a ldquoestilos y scriptsrdquo
3 Fer clic a ldquoNuevos Estilos imagenes y jsrdquo
4 Fer clic a ldquoGlobalsrdquo
2 1
42
43
44
Una vegada se nrsquohagin seleccionat tornarem a la pantalla anterior i farem el seguumlent
1 Verificar que el fitxer seleccionat eacutes el que apareix al quadre de text i que la
seva extensioacute coincideix amb la que hi ha seleccionada a ldquoTipus de fitxerrdquo
2 Fer clic a ldquoOKrdquo
Un cop acabades totes les associacions el resultat de les associacions afegides a la
pantalla principal ha de ser el seguumlent
1 Fer clic a ldquoAplicarrdquo a lrsquoapartat ldquomultiidiomardquo
1
2
45
1
46
Es recarregaragrave la pantalla
1 Fer clic a ldquoOKrdquo al nivell general
Ja tenim configurat el canal que mostraragrave ldquoLlistat de tragravemitsrdquo amb els fitxers associats
que fa referegravencia a la forma de presentacioacute que farem servir aquest mateix canal
mostraragrave el detall del contingut tragravemit amb el format detall
32 Creacioacute i assignacioacute de plantilles de presentacioacute per al
canal ldquoCanal Llistat tragravemitsrdquo
321 Creacioacute de les plantilles (templates) de VCM
La configuracioacute del canal de VCM per mostrar els llistats de tragravemits i el seu detall es
basen en tres plantilles una per llistar el tragravemits (format default) una per mostrar el
detall i el pas a pas drsquoun tragravemit (format detall) i una altra per mostrar la normativa
aplicable drsquoun tragravemit (format detall2)
A continuacioacute srsquoexplica com es creen les plantilles de presentacioacute
(Presentation Templates) necessagraveries per configurar els tragravemits Els
responsables de cada site srsquohan de crear les seves progravepies plantilles
Cal tenir en compte que les plantilles que apareixen en el document soacuten nomeacutes un
exemple drsquouna configuracioacute vagravelida En els casos pragravectics cal seleccionar les plantilles
que pertanyen a cada portal io que tingui cada usuari en els seus recursos
En el nostre cas es fan servir les plantilles ldquoGridB2LlistatTramitsrdquo ldquoGridBTramitrdquo i
ldquoGridBTramitNormativaSacrdquo
1
47
Per la creacioacute de la plantilla srsquohan de seguir els passos seguumlents
1 Accedir al ldquoBanc de Treballrdquo
2 Accedir a ldquoPresentation Templatesrdquo
3 Accedir a la carpeta de presentacions del nostre site en aquest exemple
ldquogenegravericrdquo
1
2
48
Un cop som al llistat de plantilles del nostre site cal fer el seguumlent
1 Seleccionar el signe ldquo+rdquo
2 Seleccionar Forma de Presentation Template
En realitzar aquesta accioacute srsquoobriragrave la finestra drsquoedicioacute o creacioacute de la Presentation
Template Srsquohan de crear dos plantilles noves amb les dades seguumlents
1 Plantilla per al llistat de tragravemits
a Nom cal posar un nom identificatiu de la plantilla per exemple
GenericoGridB2LlistatTramit
b Tipus de plantilla Portal Page
c VAPVCM Portal defaultgeneric (cal posar el nom del portal VAP)
d Element del menuacute de VAP FW_NavItem_GRIDB2
3
1
2
49
e Canal VCM per defecte
Tot seguit cal fer clic a ldquoOKrdquo
Per a la configuracioacute de la plantilla per al llistat de tragravemits es pot fer servir un
NavItem que utilitzi una grid amb destacats a la dreta per exemple la GRID B2 del
Site Genegraveric o beacute un Navitem sense destacats (el FW_NavItem_GRIDB creat
anteriorment)
El NavItem ha de disposar drsquoun portlet a la part central a nivell de Page per
configurar el llistat de tragravemits
f
50
2 Crear una nova Presentation Template per al detall de tragravemits i el pas a
pas
a Nom cal posar un nom identificatiu de la plantilla com per exemple
GenericoGridBTramit
b Tipus de plantilla Portal Page
c VAPVCM Portal defaultgeneric
d Element del menuacute de VAP FW_NavItem_GRIDB
e Canal VCM per defecte
Finalment cal fer clic a ldquoOKrdquo
Per configurar la plantilla per al detall dels tragravemits i el pas a pas srsquoha de fer servir un
NavItem que utilitzi una grid sense destacats a la dreta per exemple la GRID B del
site Genegraveric
El NavItem ha de disposar de dos portlets a la part central a nivell de Page per
configurar el llistat de tragravemits
Tot seguit cal crear una nova Presentation Template per al detall de tragravemits i el pas a
pas
a Nom cal posar un nom identificatiu de la plantilla per exemple
GenericoGridBTramitNormativaSac
f
51
b Tipus de plantilla Portal Page
c VAPVCM Portal defaultgeneric
d Element del menuacute de VAP FW_NavItem_GRIDB
e Canal VCM per defecte
Finalment cal fer clic a ldquoOKrdquo
322 Configuracioacute de la plantilla al canal
Les Presentation Templates que configurarem a continuacioacute soacuten drsquoexemple
Els responsables de cada site han de crear les seves progravepies plantilles
Un cop creat el canal i les Presentation Templates en configurarem la presentacioacute
1 Seleccionarem la casella de seleccioacute del canal que acabem de crear
2 Farem clic a la icona de propietats del canal
3 Navegarem a la pestanya ldquoPresentacioacuterdquo
52
Ens apareixeragrave un formulari com el que es mostra a continuacioacute i realitzarem les
accions seguumlents
1 Fer clic a ldquoAfegir presentacioacute de canalrdquo
1
2
3
53
Apareixeragrave la pantalla seguumlent amb lrsquoobjectiu de seleccionar una plantilla en el nostre
cas farem el seguumlent
1 Seleccionar el projecte de plantilles respectiu al portal A lrsquoexemple ldquogenericrdquo
Posteriorment apareixeragrave un llistat de plantilles (ldquoTemplatesrdquo)
1 En aquest cas seleccionarem ldquoGridB2LlistatTramitsrdquo
2 Acceptarem la seleccioacute ldquoOKrdquo
1
1
54
1
2
55
Un cop acceptat ens apareixeragrave la pantalla seguumlent on configurarem el ldquodetallrdquo Per a
aixograve cal fer el seguumlent
1 Fer clic a ldquoAssignar una Nova Plantilla de Presentacioacuterdquo
1
56
Tot seguit apareixeragrave la pantalla que es mostra a continuacioacute on realitzarem les
accions seguumlents
1 Fer clic a ldquoAfegir formatrdquo
En aquesta nova pantalla ens assegurarem del seguumlent
1 A la casella ldquoFormatrdquo hi ha el valor ldquodetallrdquo
2 A la casella ldquoTemplaterdquo hi ha drsquohaver el correcte Si no eacutes aixiacute srsquoha de fer clic a
ldquoNavegadorrdquo
En fer clic a ldquoNavegadorrdquo cal fer el seguumlent
1 Tornar a navegar fins a ldquogenericrdquo
1
1 2
57
1
58
I a la pantalla seguumlent cal seleccionar una plantilla i
1 Fer clic al botoacute a prop de ldquoGridBTramitrdquo
2 Fer clic a ldquoOKrdquo
1
2
59
En aquest moment es torna a la pantalla anterior i cal
1 Fer clic a ldquoOKrdquo
En el canal Llistat de tragravemits ha drsquoestar configurat el ldquoformatrdquo ldquodetallrdquo ja que la forma
de presentacioacute que configurarem a GridDBTramit necessitaragrave aquest format per
visualitzar el detall del contingut de tipus ldquoTragravemitrdquo
2
60
La pantalla anterior a aquesta ens ha de presentar aquesta informacioacute Ara
configurarem el ldquodetall2rdquo per presentar el contingut rdquo Normativa de SACrdquo Per a aixograve
cal fer el seguumlent
1 Fer clic a ldquoAfegir Formatrdquo
En aquesta nova pantalla ens assegurarem del seguumlent
1 A la casella ldquoFormatrdquo hi ha el valor ldquodetall2rdquo
1
61
2 A la casella ldquoTemplaterdquo hi ha drsquohaver el correcte Si no eacutes aixiacute srsquoha de fer clic a
ldquoNavegadorrdquo
En fer clic a ldquoNavegadorrdquo srsquoha de fer el seguumlent
1 Tornar a navegar fins a ldquogenericrdquo (srsquoha de substituir pel nom del portal)
1 2
62
1
63
A la pantalla seguumlent cal seleccionar una plantilla i
1 Fer clic al botoacute a prop de ldquoGridBTramitNormativaSacrdquo
2 Fer clic a ldquoOKrdquo
1
2
64
En aquest moment es torna a la pantalla anterior i cal fer el seguumlent
2 Fer clic a ldquoOKrdquo
En el canal Llistat de tragravemits ha drsquoestar configurat el ldquoformatrdquo ldquodetall2rdquo ja que la
forma de presentacioacute que configurarem a GridDBTramitNormativaSac necessitaragrave
aquest format per visualitzar el detall del contingut de tipus normativa ldquoSACrdquo
2
65
La pantalla anterior a aquesta ens ha de presentar aquesta informacioacute i srsquoha de fer el
seguumlent
2 Fer clic a ldquoOKrdquo
1
66
La finestra pare anterior a aquesta quedaragrave com es mostra tot seguit i realitzarem les
accions seguumlents
1 Fer clic a ldquoOKrdquo
4 Comparticioacute de continguts
Accedim al projecte on hi ha tots els tragravemits de lrsquoOVT
1
67
OVTDepartaments[NomCurtDepartaments][NomCurtOrganisme] TramitOVT
On NomCurtDepartaments correspon al nom curt del departament al que fa referencia
el nostre organisme
En aquest exemple es mostren tots els projectes de tragravemits de lrsquoOVT
Un cop localitzat el tragravemit de lrsquoOVT que volem compartir amb el nostre site accedirem
a lrsquoedicioacute del contingut i assignarem aquest contingut al canal del nostre site on es
vulgui mostrar Srsquoha de fer el seguumlent
1 Anar al contenidor de projectes on hi ha els continguts de GECO
Apareixeragrave lrsquoestructura de projectes a la qual teacute acceacutes lrsquousuari redactor Cal fer el
seguumlent (exemple Agegravencia Tributagraveria dins drsquoEconomia i Finances)
1 Seleccionar ldquoOVTrdquo
2 Seleccionar ldquoDepartamentsrdquo aquesta carpeta conteacute tots els tragravemits de lrsquoOVT
classificats per departaments
3 Seleccionar ldquoECOrdquo A lrsquousuari nomeacutes se li mostraragrave la carpeta del seu
departament
Si lrsquousuari no visualitza la carpeta dins del seu departament eacutes perquegrave no
srsquoha aplicat la poliacutetica de seguretat correctament Cal obrir un tiquet a Suport
gencat per tramitar aquests permisos AQUESTA CARPETA NOMEacuteS SERAgrave
VISIBLE PER ALS USUARIS AMB ROL REDACTOR
4 Seleccionar ldquoA_Agegravencia Tributagraveriardquo
5 Seleccionar ldquoTramitOVTrdquo
1
68
2
3
1
69
4
5
70
Apareixeragrave el llistat de continguts ldquoTragravemitOVTrdquo de lrsquoOVT de lrsquoAgegravencia Tributagraveria
Realitzarem les accions seguumlents
1 Seleccionar el tragravemit o els tragravemits que volem compartir en la web dorganisme
2 Fer clic a ldquoAssociarrdquo
2
1
71
Aquest proceacutes obriragrave una finestra Per seleccionar el site i canal on es volen mostrar
els tragravemits seleccionats realitzarem les accions seguumlents (cas site Generic)
1 Seleccionar el site ldquoGenericrdquo en el vostre cas el site del departament on es vol
mostrar el contingut ldquotragravemitrdquo
2 Navegar pels canals del Site Genegraveric fins al canal que srsquoha creat en el punt
ldquoLlistat de tragravemitsrdquo i seleccionar el quadre de verificacioacute
3 Fer clic a ldquoOKrdquo
1
72
2
3
73
41 Validar que la comparticioacute de continguts eacutes correcta
Accedim per VCM al canal que hem creat anteriorment al qual li acabem drsquoassignar
els continguts de tragravemits que ha de mostrar i fem el seguumlent
1 Anar al contenidor de portals
2 Seleccionar el Site ldquogenericrdquo
3 Seleccionar el canal ldquoHomerdquo
4 Seleccionar el canal ldquoCanal Llistat tragravemitsrdquo
1
2
3
74
4
75
Apareixeragrave el contingut assignat al canal ldquoCanal Llistat tragravemitsrdquo
En entrar trobarem el llistat seguumlent
1 Llistat del tragravemits de lrsquoOVT que srsquohan compartit amb el canal ldquoCanal Llistat
tragravemitsrdquo
2 Validar que els continguts que apareixen soacuten del tipus ldquoTramitOVTrdquo
En cas que al canal del site ldquoCanal Llistat tragravemitsrdquo no apareguin els continguts
tragravemits associats anteriorment cal repetir el pas 22
1 2
76
5 Configuracioacute al portal
Ara cal entrar al nostre site on tenim configurat el canal que hem creat en lrsquoapartat
anterior (21) i que ara configurarem a nivell de portal
51 Configuracioacute a Canal Llistat tragravemits
511 Configuracioacute de la llista de tragravemits
Farem clic a lrsquoenllaccedil ldquoCanal llistat tragravemitsrdquo de la ldquoHomerdquo i anirem a parar a una
pantalla com la que es mostra meacutes avall
Es pot apreciar que en el contingut de la pagravegina no hi ha res Aixograve eacutes perquegrave cal
configurar els portlets adequats ( )
1 Ens situarem sobre la icona ldquoOpcions de Pagraveginardquo
2 Seleccionarem ldquoObrir Plantillardquo ja que els portlets soacuten a nivell de Page
Ens apareixeragrave una pantalla com la que es mostra tot seguit i realitzarem les accions
seguumlents
1 Seleccionar el portlet de la part central de la pagravegina per configurar una ldquoLlista
automagravetica de contingutsrdquo
2
1
77
Tambeacute podem configurar una ldquoLlista manual de contingutsrdquo segons les
necessitats de cada usuari
78
Ens redirigiragrave cap a un formulari drsquoedicioacute que ens mostraragrave directament quina consulta
hem de configurar per mostrar els continguts i configurarem una consulta com la
seguumlent (evidentment segons les necessitats de cada usuari)
Ara tenim configurat que la pagravegina mostraragrave els tipus de contingut ldquoTramitOVTrdquo del
canal actual ordenats per la ldquoEacutes on-linerdquo en ordre descendent
Aixograve ens portaragrave a la pantalla principal on acabarem de completar la configuracioacute
1 Validar que en lrsquoapartat ldquoConsultardquo hi ha la configuracioacute que acabem drsquoafegir
2 Emplenar ldquoAgraveliesrdquo
3 En lrsquoapartat Forma de presentacioacute fer clic al botoacute ldquoCercar helliprdquo
79
Ens apareixeragrave la pantalla seguumlent
1 Fer clic a ldquoNavegacioacute per projectesrdquo
1
2
3
80
Ens canviaragrave la vista al format seguumlent
1 Navegarem per les carpetes fins a arribar a ldquoFramework Formes de
presentacioacute Site generic fw_fp_llistatramitsrdquo
2 Seleccionarem ldquofw_fp_llistatramitsrdquo
3 Farem clic a ldquoOKrdquo
1
1
81
En retornar a la pantalla principal cal
1 Validar que la forma de presentacioacute eacutes la que acabem de seleccionar
2 Fer clic a ldquoOKrdquo
1 (continuacioacute) 2
3
82
1
2
83
Aquest seragrave el nostre resultat a la pantalla del portal i cal fer el seguumlent
1 Verificar que apareixen els dos continguts que es van associar a aquest canal
1
84
512 Configuracioacute del detall del tragravemit i el pas a pas
En fer clic sobre una activitat veurem com ens redirigeix a la plantilla configurada al
ldquodetallrdquo drsquoaquesta pagravegina tal com la vam configurar en lrsquoapartat 231 cal fer el
seguumlent
1 Fer clic a la primera activitat
1
85
Ens sortiragrave la pagravegina de VAP del detall drsquoun contingut per configurar farem els
passos seguumlents
1 Ens situarem sobre la icona ldquoOpcions de Pagraveginardquo
2 Seleccionar ldquoObrir Plantillardquo ja que els portlets soacuten a nivell de Page
Ens apareixeragrave una pantalla com la que es mostra tot seguit i realitzarem les accions
seguumlents
1 Seleccionar el portlet de la part central de la pagravegina per configurar un ldquoDetall
de contingutrdquo i fer clic a ldquoEditarrdquo
Ens apareixeragrave la pantalla de seleccioacute de component de presentacioacute
1 Seleccionarem el component de presentacioacute ldquoDetall de contingutrdquo
1
2
1
86
Ens apareixeragrave la pantalla que es mostra tot seguit i realitzarem les accions seguumlents
1 Emplenar el camp ldquoAgraveliesrdquo
2 Canviar a la pestanya ldquoPresentacioacuterdquo
En fer clic a la pestanya obtindrem la imatge que es mostra tot seguit i realitzarem les
accions seguumlents
1 Cercarem una forma de presentacioacute fent clic a ldquoCercar helliprdquo
1
2
87
Quan aparegui la pantalla de cercador realitzarem una cerca de la forma de
presentacioacute que volem fer servir per a aixograve cal fer el seguumlent
1 Emplenar la caixa de text amb ldquofw_fp_tramitrdquo
2 Preacutemer ldquoCercarrdquo
3 Seleccionar la forma de presentacioacute de la caixa de resultats
4 Preacutemer ldquoOKrdquo
La forma de presentacioacute ldquofw_fp_tramitrdquo estagrave preparada per ldquomaquillarrdquo el contingut
dels tragravemits Tambeacute es pot fer servir una forma de presentacioacute personalitzada
segons es cregui convenient
1
1
2
3
4
88
En acabar tornarem a la pagravegina principal drsquoedicioacute i farem el seguumlent
1 Verificar que la forma de presentacioacute eacutes la que hem escollit
2 Fer clic a ldquoOKrdquo
En finalitzar la configuracioacute del component de presentacioacute tornem a la pantalla del
portal i cal fer el seguumlent
1 Verificar que el disseny de la presentacioacute eacutes semblant al seguumlent
1
2
89
Configurarem el portlet superior central de la pagravegina perquegrave aquesta contingui el fil
drsquoAriadna
1 Accedir a ldquoObrir Plantillardquo
1 Editar el portlet central que hi ha a sobre del detall de tragravemit per configurar el fil
drsquoAriadna En aquest exemple el portlet eacutes ldquoFW_hilo_ariadnardquo
Escollirem el component de presentacioacute
1 Seleccionar el component de presentacioacute ldquoFil drsquoAriadnardquo
1
1
90
En la configuracioacute del component realitzarem les accions seguumlents
1 Inserir el camp ldquoAgraveliesrdquo
2 Inserir el camp ldquoCanalrdquo
3 Fer clic a la pestanya ldquoPresentacioacuterdquo i cercar la forma de presentacioacute
ldquofw_fp_filariadnardquo
1
91
513 Configuracioacute del detall drsquouna normativa SAC
En el detall de contingut configurat en el punt anterior fent clic sobre una normativa
veurem com ens redirigeix a la plantilla configurada al ldquodetall2rdquo drsquoaquesta pagravegina tal
com hem configurat a lrsquoapartat 231
1 Fer clic a la primera ldquoNormativa Aplicablerdquo
2
3
92
Aquest enllaccedil ens portaragrave al detall2 del canal on srsquoha de configurar el detall de
contingut SAC per tal que es mostri la normativa aplicable
Configurarem el portlet superior central de la pagravegina perquegrave aquesta contingui el fil
drsquoAriadna per a aixograve cal fer el seguumlent
1 Accedir a ldquoObrir Plantillardquo
1
93
1
94
1 Editar el portlet central que hi ha a sobre del detall de tragravemit per configurar el fil
drsquoAriadna En aquest exemple el portlet eacutes ldquofw_portlet_tramitrdquo
Escollirem el component de presentacioacute
1 Seleccionar el component de presentacioacute ldquoDetall de Contingut SACrdquo
En la configuracioacute del component realitzarem les accions seguumlents
1 Inserir el camp ldquoAgraveliesrdquo
2 Seleccionar el tipus de contingut ldquoDetall Tragravemitrdquo
1
95
3 Fer clic a la pestanya ldquoPresentacioacuterdquo i cercar la forma de presentacioacute
ldquofw_fp_sac_normativardquo
4 Fer clic al botoacute ldquoOKrdquo
Srsquoactualitzaragrave la pagravegina de VAP i es mostraragrave el detall de SAC
1
2
3
4
96
514 Validacioacute final de VAP
Finalment cal validar que els tragravemits es visualitzen correctament per a aixograve cal
1 Verificar que tenim els canals creats
2 Accedir al canal ldquoCanal Llistat tragravemitsrdquo i validar que es mostren els tragravemits
que hem associat al punt 22
1
97
A continuacioacute cal fer les comprovacions seguumlents
1 Accedir al detall del tragravemit compartit
2 Accedir al pas a pas del tragravemit i a la normativa de SAC
Exemple llistat de tragravemits compartits
2
1
98
Exemple detall de tragravemit compartit
Exemple pas a pas drsquoun tragravemit
2
2
99
Exemple normativa SAC
En el cas que no es visualitzin el llistat de tragravemits detall o pas a pas configurat
validar
1 Refrescar la Pagravegina
2 Els tragravemits estan associats al canal que esteacuten visualitzat punt 23
1 Refrescar la pagravegina
1
28
Srsquoha de configurar el tipus de portlet per al llistat Tragravemit per a aixograve cal
Posar un nom al portlet
1 Posar si eacutes a nivell de Page o Template
2 Seleccionar que pot ser un Detall de contingut i Detall de contingut SAC
3 Posar en ldquoJSP Override URLrdquo la ruta ldquovgn-ext-templatingviewsindexControladorjsprdquo
4 Fer clic a ldquoSaverdquo
1
2
3
3
5
4
vgn-ext-templatingviewsindexControladorjsp
29
Srsquohan de configurar permisos del portlet per al detall del tragravemit i la normativa SAC per
a aixograve cal
4 Seleccionar ldquoPermisosrdquo
5 Seleccionar els grups que es volen autoritzar
6 Fer clic a ldquoActualitzarrdquo
1
2
3
30
Tot seguit srsquohan de configurar les dades bagravesiques del portlet per a aixograve srsquoha de fer el
seguumlent
1 Seleccionar ldquoBagravesicsrdquo
2 Posar el nom del portlet ldquofw_portlet_tramit_sac_detallrdquo
3 Desmarcar el quadre de verificacioacute ldquoMostra el cromrdquo
4 Fer clic a ldquoActualitzarrdquo
1
2
3
4
31
Despreacutes cal validar que la pagravegina srsquoha creat correctament per a aixograve cal fer el
seguumlent
1 Seleccionar ldquoLlista Pagraveginardquo
2 Fer clic al nom de la pagravegina
1
2
32
Per bloquejar la pagravegina cal fer el seguumlent
1 Seleccionar la casella de verificacioacute ldquoPagravegina Bloquejadardquo
2 Fer clic a ldquoActualitzar Opcionsrdquo
1
2
33
221 Crear NavItem de detall de tragravemits i normativa SAC
A partir de la consola de VAP farem les tasques seguumlents per crear el NavItem
1 Anar a lrsquoopcioacute del menuacute ldquoArbre de Navegacioacuterdquo
2 Fer clic a ldquoCrear Element de Navegacioacuterdquo
1
2
34
Per crear lrsquoelement de Navegacioacute realitzarem les tasques seguumlents
1 Posar el nom al NavItem rdquoFW_NavItem_GRIDBrdquo
2 Seleccionar ldquoEnllaccedilar ardquo i seleccionar la pagravegina que acabem de crear
3 Seleccionar el tema ldquoFW_Temardquo
4 Seleccionar la graella ldquoFW_Grid_Brdquo sense destacats a la dreta per
visualitzar correctament el detall de tragravemits el pas a pas i la normativa SAC
5 Fer clic a ldquoCrearrdquo
1
2
3
4
5
35
Quan seleccionem ldquoEnllaccedilar ardquo i seleccionem la pagravegina que acabem de crear srsquoobriragrave
la finestra seguumlent aquiacute cal
1 Cercar la pagravegina que hem creat en el pas anterior
2 Seleccionar la casella de verificacioacute de la pagravegina
3 Fer clic a ldquoOKrdquo
Quan fem seleccionem el tema srsquoobriragrave la seguumlent finestra per a aixograve cal
1 Seleccionar la casella de verificacioacute del tema que utilitzarem al nostre site per
a aquest exemple farem servir el tema del Site Genegraveric
2 Fer clic a ldquoSalvarrdquo
1
1
2
3
2
36
Quan seleccionem la graella srsquoobriragrave la finestra seguumlent aquiacute cal
1 Seleccionar la graella que utilitzarem al nostre site per a aquest exemple farem
servir la Graella FW_Grid_B sense destacats a la dreta del Site Genegraveric Per
tal de visualitzar correctament el detall del tragravemit el pas a pas i la normativa
SAC eacutes imprescindible que la graella tingui una uacutenica columna de continguts
2 Fer clic a ldquoSalvarrdquo
1
2
37
3 Configuracioacute de lrsquoadministracioacute de VCM
31 Creacioacute del canal ldquoLlistat tragravemitsrdquo
Dins del gestor de continguts realitzarem les tasques seguumlents
1 Accedir a ldquoPortalsrdquo
2 Navegar fins al ldquoPortalrdquo on volem configurar el llistat de continguts
3 Seleccionar ldquoHomerdquo
4 Posicionar-se sobre la creu verda i seleccionar ldquoCanalrdquo
a Emplenar la informacioacute i fer clic a ldquoOKrdquo
b Assegurar-se que el canal eacutes ldquoActiurdquo
1
2
3
38
311 Associacioacute de fitxers a la presentacioacute drsquoun canal
Ara srsquohan drsquoassociar els fitxers estagravetics adequats a la presentacioacute del canal perquegrave les
formes de presentacioacute posteriors trobin els estils i els Javascript corresponents
Per a aixograve cal entrar a les propietats del canal ldquoCanal Llistat tragravemitsrdquo i
1 Seleccionar el canal ldquoCanal Llistat tragravemitsrdquo
4
4a
4b
39
1
40
En entrar trobarem el llistat seguumlent on cal
1 Fer clic a ldquoCanal Llistat tragravemitsrdquo
2 Aquest eacutes un contingut del tipus Canals (cal fixar-se que no eacutes com lrsquoanterior)
Es mostraragrave la pantalla seguumlent on afegirem els fitxers relacionats amb el canal per a
cada idioma aquiacute cal
1 Emplenar els camps requerits per crear una pestanya del multiidioma
2 Desplaccedilar-se cap avall en lrsquoapartat ldquomultiidiomardquo fins a observar lrsquoapartat
drsquoassociacioacute de fitxers
3 Fer clic a ldquoAfegirrdquo
En aquest moment apareixeragrave la pantalla seguumlent
1 Si voleu afegir un fitxer amb extensioacute css cal deixar el camp ldquoTipus de fitxerrdquo
amb valor ldquocssrdquo Si voleu afegir un fitxer que teacute extensioacute js srsquoha de canviar el
camp ldquoTipus de fitxerrdquo al valor ldquojsrdquo
2 Fer clic a ldquoNavegadorrdquo
1
2 1 3
2
41
Apareixeragrave la pantalla de navegacioacute de continguts i anirem cercant els fitxers estagravetics
que associarem aquiacute cal
1 Fer clic a ldquoFrameworkrdquo
2 Fer clic a ldquoestilos y scriptsrdquo
3 Fer clic a ldquoNuevos Estilos imagenes y jsrdquo
4 Fer clic a ldquoGlobalsrdquo
2 1
42
43
44
Una vegada se nrsquohagin seleccionat tornarem a la pantalla anterior i farem el seguumlent
1 Verificar que el fitxer seleccionat eacutes el que apareix al quadre de text i que la
seva extensioacute coincideix amb la que hi ha seleccionada a ldquoTipus de fitxerrdquo
2 Fer clic a ldquoOKrdquo
Un cop acabades totes les associacions el resultat de les associacions afegides a la
pantalla principal ha de ser el seguumlent
1 Fer clic a ldquoAplicarrdquo a lrsquoapartat ldquomultiidiomardquo
1
2
45
1
46
Es recarregaragrave la pantalla
1 Fer clic a ldquoOKrdquo al nivell general
Ja tenim configurat el canal que mostraragrave ldquoLlistat de tragravemitsrdquo amb els fitxers associats
que fa referegravencia a la forma de presentacioacute que farem servir aquest mateix canal
mostraragrave el detall del contingut tragravemit amb el format detall
32 Creacioacute i assignacioacute de plantilles de presentacioacute per al
canal ldquoCanal Llistat tragravemitsrdquo
321 Creacioacute de les plantilles (templates) de VCM
La configuracioacute del canal de VCM per mostrar els llistats de tragravemits i el seu detall es
basen en tres plantilles una per llistar el tragravemits (format default) una per mostrar el
detall i el pas a pas drsquoun tragravemit (format detall) i una altra per mostrar la normativa
aplicable drsquoun tragravemit (format detall2)
A continuacioacute srsquoexplica com es creen les plantilles de presentacioacute
(Presentation Templates) necessagraveries per configurar els tragravemits Els
responsables de cada site srsquohan de crear les seves progravepies plantilles
Cal tenir en compte que les plantilles que apareixen en el document soacuten nomeacutes un
exemple drsquouna configuracioacute vagravelida En els casos pragravectics cal seleccionar les plantilles
que pertanyen a cada portal io que tingui cada usuari en els seus recursos
En el nostre cas es fan servir les plantilles ldquoGridB2LlistatTramitsrdquo ldquoGridBTramitrdquo i
ldquoGridBTramitNormativaSacrdquo
1
47
Per la creacioacute de la plantilla srsquohan de seguir els passos seguumlents
1 Accedir al ldquoBanc de Treballrdquo
2 Accedir a ldquoPresentation Templatesrdquo
3 Accedir a la carpeta de presentacions del nostre site en aquest exemple
ldquogenegravericrdquo
1
2
48
Un cop som al llistat de plantilles del nostre site cal fer el seguumlent
1 Seleccionar el signe ldquo+rdquo
2 Seleccionar Forma de Presentation Template
En realitzar aquesta accioacute srsquoobriragrave la finestra drsquoedicioacute o creacioacute de la Presentation
Template Srsquohan de crear dos plantilles noves amb les dades seguumlents
1 Plantilla per al llistat de tragravemits
a Nom cal posar un nom identificatiu de la plantilla per exemple
GenericoGridB2LlistatTramit
b Tipus de plantilla Portal Page
c VAPVCM Portal defaultgeneric (cal posar el nom del portal VAP)
d Element del menuacute de VAP FW_NavItem_GRIDB2
3
1
2
49
e Canal VCM per defecte
Tot seguit cal fer clic a ldquoOKrdquo
Per a la configuracioacute de la plantilla per al llistat de tragravemits es pot fer servir un
NavItem que utilitzi una grid amb destacats a la dreta per exemple la GRID B2 del
Site Genegraveric o beacute un Navitem sense destacats (el FW_NavItem_GRIDB creat
anteriorment)
El NavItem ha de disposar drsquoun portlet a la part central a nivell de Page per
configurar el llistat de tragravemits
f
50
2 Crear una nova Presentation Template per al detall de tragravemits i el pas a
pas
a Nom cal posar un nom identificatiu de la plantilla com per exemple
GenericoGridBTramit
b Tipus de plantilla Portal Page
c VAPVCM Portal defaultgeneric
d Element del menuacute de VAP FW_NavItem_GRIDB
e Canal VCM per defecte
Finalment cal fer clic a ldquoOKrdquo
Per configurar la plantilla per al detall dels tragravemits i el pas a pas srsquoha de fer servir un
NavItem que utilitzi una grid sense destacats a la dreta per exemple la GRID B del
site Genegraveric
El NavItem ha de disposar de dos portlets a la part central a nivell de Page per
configurar el llistat de tragravemits
Tot seguit cal crear una nova Presentation Template per al detall de tragravemits i el pas a
pas
a Nom cal posar un nom identificatiu de la plantilla per exemple
GenericoGridBTramitNormativaSac
f
51
b Tipus de plantilla Portal Page
c VAPVCM Portal defaultgeneric
d Element del menuacute de VAP FW_NavItem_GRIDB
e Canal VCM per defecte
Finalment cal fer clic a ldquoOKrdquo
322 Configuracioacute de la plantilla al canal
Les Presentation Templates que configurarem a continuacioacute soacuten drsquoexemple
Els responsables de cada site han de crear les seves progravepies plantilles
Un cop creat el canal i les Presentation Templates en configurarem la presentacioacute
1 Seleccionarem la casella de seleccioacute del canal que acabem de crear
2 Farem clic a la icona de propietats del canal
3 Navegarem a la pestanya ldquoPresentacioacuterdquo
52
Ens apareixeragrave un formulari com el que es mostra a continuacioacute i realitzarem les
accions seguumlents
1 Fer clic a ldquoAfegir presentacioacute de canalrdquo
1
2
3
53
Apareixeragrave la pantalla seguumlent amb lrsquoobjectiu de seleccionar una plantilla en el nostre
cas farem el seguumlent
1 Seleccionar el projecte de plantilles respectiu al portal A lrsquoexemple ldquogenericrdquo
Posteriorment apareixeragrave un llistat de plantilles (ldquoTemplatesrdquo)
1 En aquest cas seleccionarem ldquoGridB2LlistatTramitsrdquo
2 Acceptarem la seleccioacute ldquoOKrdquo
1
1
54
1
2
55
Un cop acceptat ens apareixeragrave la pantalla seguumlent on configurarem el ldquodetallrdquo Per a
aixograve cal fer el seguumlent
1 Fer clic a ldquoAssignar una Nova Plantilla de Presentacioacuterdquo
1
56
Tot seguit apareixeragrave la pantalla que es mostra a continuacioacute on realitzarem les
accions seguumlents
1 Fer clic a ldquoAfegir formatrdquo
En aquesta nova pantalla ens assegurarem del seguumlent
1 A la casella ldquoFormatrdquo hi ha el valor ldquodetallrdquo
2 A la casella ldquoTemplaterdquo hi ha drsquohaver el correcte Si no eacutes aixiacute srsquoha de fer clic a
ldquoNavegadorrdquo
En fer clic a ldquoNavegadorrdquo cal fer el seguumlent
1 Tornar a navegar fins a ldquogenericrdquo
1
1 2
57
1
58
I a la pantalla seguumlent cal seleccionar una plantilla i
1 Fer clic al botoacute a prop de ldquoGridBTramitrdquo
2 Fer clic a ldquoOKrdquo
1
2
59
En aquest moment es torna a la pantalla anterior i cal
1 Fer clic a ldquoOKrdquo
En el canal Llistat de tragravemits ha drsquoestar configurat el ldquoformatrdquo ldquodetallrdquo ja que la forma
de presentacioacute que configurarem a GridDBTramit necessitaragrave aquest format per
visualitzar el detall del contingut de tipus ldquoTragravemitrdquo
2
60
La pantalla anterior a aquesta ens ha de presentar aquesta informacioacute Ara
configurarem el ldquodetall2rdquo per presentar el contingut rdquo Normativa de SACrdquo Per a aixograve
cal fer el seguumlent
1 Fer clic a ldquoAfegir Formatrdquo
En aquesta nova pantalla ens assegurarem del seguumlent
1 A la casella ldquoFormatrdquo hi ha el valor ldquodetall2rdquo
1
61
2 A la casella ldquoTemplaterdquo hi ha drsquohaver el correcte Si no eacutes aixiacute srsquoha de fer clic a
ldquoNavegadorrdquo
En fer clic a ldquoNavegadorrdquo srsquoha de fer el seguumlent
1 Tornar a navegar fins a ldquogenericrdquo (srsquoha de substituir pel nom del portal)
1 2
62
1
63
A la pantalla seguumlent cal seleccionar una plantilla i
1 Fer clic al botoacute a prop de ldquoGridBTramitNormativaSacrdquo
2 Fer clic a ldquoOKrdquo
1
2
64
En aquest moment es torna a la pantalla anterior i cal fer el seguumlent
2 Fer clic a ldquoOKrdquo
En el canal Llistat de tragravemits ha drsquoestar configurat el ldquoformatrdquo ldquodetall2rdquo ja que la
forma de presentacioacute que configurarem a GridDBTramitNormativaSac necessitaragrave
aquest format per visualitzar el detall del contingut de tipus normativa ldquoSACrdquo
2
65
La pantalla anterior a aquesta ens ha de presentar aquesta informacioacute i srsquoha de fer el
seguumlent
2 Fer clic a ldquoOKrdquo
1
66
La finestra pare anterior a aquesta quedaragrave com es mostra tot seguit i realitzarem les
accions seguumlents
1 Fer clic a ldquoOKrdquo
4 Comparticioacute de continguts
Accedim al projecte on hi ha tots els tragravemits de lrsquoOVT
1
67
OVTDepartaments[NomCurtDepartaments][NomCurtOrganisme] TramitOVT
On NomCurtDepartaments correspon al nom curt del departament al que fa referencia
el nostre organisme
En aquest exemple es mostren tots els projectes de tragravemits de lrsquoOVT
Un cop localitzat el tragravemit de lrsquoOVT que volem compartir amb el nostre site accedirem
a lrsquoedicioacute del contingut i assignarem aquest contingut al canal del nostre site on es
vulgui mostrar Srsquoha de fer el seguumlent
1 Anar al contenidor de projectes on hi ha els continguts de GECO
Apareixeragrave lrsquoestructura de projectes a la qual teacute acceacutes lrsquousuari redactor Cal fer el
seguumlent (exemple Agegravencia Tributagraveria dins drsquoEconomia i Finances)
1 Seleccionar ldquoOVTrdquo
2 Seleccionar ldquoDepartamentsrdquo aquesta carpeta conteacute tots els tragravemits de lrsquoOVT
classificats per departaments
3 Seleccionar ldquoECOrdquo A lrsquousuari nomeacutes se li mostraragrave la carpeta del seu
departament
Si lrsquousuari no visualitza la carpeta dins del seu departament eacutes perquegrave no
srsquoha aplicat la poliacutetica de seguretat correctament Cal obrir un tiquet a Suport
gencat per tramitar aquests permisos AQUESTA CARPETA NOMEacuteS SERAgrave
VISIBLE PER ALS USUARIS AMB ROL REDACTOR
4 Seleccionar ldquoA_Agegravencia Tributagraveriardquo
5 Seleccionar ldquoTramitOVTrdquo
1
68
2
3
1
69
4
5
70
Apareixeragrave el llistat de continguts ldquoTragravemitOVTrdquo de lrsquoOVT de lrsquoAgegravencia Tributagraveria
Realitzarem les accions seguumlents
1 Seleccionar el tragravemit o els tragravemits que volem compartir en la web dorganisme
2 Fer clic a ldquoAssociarrdquo
2
1
71
Aquest proceacutes obriragrave una finestra Per seleccionar el site i canal on es volen mostrar
els tragravemits seleccionats realitzarem les accions seguumlents (cas site Generic)
1 Seleccionar el site ldquoGenericrdquo en el vostre cas el site del departament on es vol
mostrar el contingut ldquotragravemitrdquo
2 Navegar pels canals del Site Genegraveric fins al canal que srsquoha creat en el punt
ldquoLlistat de tragravemitsrdquo i seleccionar el quadre de verificacioacute
3 Fer clic a ldquoOKrdquo
1
72
2
3
73
41 Validar que la comparticioacute de continguts eacutes correcta
Accedim per VCM al canal que hem creat anteriorment al qual li acabem drsquoassignar
els continguts de tragravemits que ha de mostrar i fem el seguumlent
1 Anar al contenidor de portals
2 Seleccionar el Site ldquogenericrdquo
3 Seleccionar el canal ldquoHomerdquo
4 Seleccionar el canal ldquoCanal Llistat tragravemitsrdquo
1
2
3
74
4
75
Apareixeragrave el contingut assignat al canal ldquoCanal Llistat tragravemitsrdquo
En entrar trobarem el llistat seguumlent
1 Llistat del tragravemits de lrsquoOVT que srsquohan compartit amb el canal ldquoCanal Llistat
tragravemitsrdquo
2 Validar que els continguts que apareixen soacuten del tipus ldquoTramitOVTrdquo
En cas que al canal del site ldquoCanal Llistat tragravemitsrdquo no apareguin els continguts
tragravemits associats anteriorment cal repetir el pas 22
1 2
76
5 Configuracioacute al portal
Ara cal entrar al nostre site on tenim configurat el canal que hem creat en lrsquoapartat
anterior (21) i que ara configurarem a nivell de portal
51 Configuracioacute a Canal Llistat tragravemits
511 Configuracioacute de la llista de tragravemits
Farem clic a lrsquoenllaccedil ldquoCanal llistat tragravemitsrdquo de la ldquoHomerdquo i anirem a parar a una
pantalla com la que es mostra meacutes avall
Es pot apreciar que en el contingut de la pagravegina no hi ha res Aixograve eacutes perquegrave cal
configurar els portlets adequats ( )
1 Ens situarem sobre la icona ldquoOpcions de Pagraveginardquo
2 Seleccionarem ldquoObrir Plantillardquo ja que els portlets soacuten a nivell de Page
Ens apareixeragrave una pantalla com la que es mostra tot seguit i realitzarem les accions
seguumlents
1 Seleccionar el portlet de la part central de la pagravegina per configurar una ldquoLlista
automagravetica de contingutsrdquo
2
1
77
Tambeacute podem configurar una ldquoLlista manual de contingutsrdquo segons les
necessitats de cada usuari
78
Ens redirigiragrave cap a un formulari drsquoedicioacute que ens mostraragrave directament quina consulta
hem de configurar per mostrar els continguts i configurarem una consulta com la
seguumlent (evidentment segons les necessitats de cada usuari)
Ara tenim configurat que la pagravegina mostraragrave els tipus de contingut ldquoTramitOVTrdquo del
canal actual ordenats per la ldquoEacutes on-linerdquo en ordre descendent
Aixograve ens portaragrave a la pantalla principal on acabarem de completar la configuracioacute
1 Validar que en lrsquoapartat ldquoConsultardquo hi ha la configuracioacute que acabem drsquoafegir
2 Emplenar ldquoAgraveliesrdquo
3 En lrsquoapartat Forma de presentacioacute fer clic al botoacute ldquoCercar helliprdquo
79
Ens apareixeragrave la pantalla seguumlent
1 Fer clic a ldquoNavegacioacute per projectesrdquo
1
2
3
80
Ens canviaragrave la vista al format seguumlent
1 Navegarem per les carpetes fins a arribar a ldquoFramework Formes de
presentacioacute Site generic fw_fp_llistatramitsrdquo
2 Seleccionarem ldquofw_fp_llistatramitsrdquo
3 Farem clic a ldquoOKrdquo
1
1
81
En retornar a la pantalla principal cal
1 Validar que la forma de presentacioacute eacutes la que acabem de seleccionar
2 Fer clic a ldquoOKrdquo
1 (continuacioacute) 2
3
82
1
2
83
Aquest seragrave el nostre resultat a la pantalla del portal i cal fer el seguumlent
1 Verificar que apareixen els dos continguts que es van associar a aquest canal
1
84
512 Configuracioacute del detall del tragravemit i el pas a pas
En fer clic sobre una activitat veurem com ens redirigeix a la plantilla configurada al
ldquodetallrdquo drsquoaquesta pagravegina tal com la vam configurar en lrsquoapartat 231 cal fer el
seguumlent
1 Fer clic a la primera activitat
1
85
Ens sortiragrave la pagravegina de VAP del detall drsquoun contingut per configurar farem els
passos seguumlents
1 Ens situarem sobre la icona ldquoOpcions de Pagraveginardquo
2 Seleccionar ldquoObrir Plantillardquo ja que els portlets soacuten a nivell de Page
Ens apareixeragrave una pantalla com la que es mostra tot seguit i realitzarem les accions
seguumlents
1 Seleccionar el portlet de la part central de la pagravegina per configurar un ldquoDetall
de contingutrdquo i fer clic a ldquoEditarrdquo
Ens apareixeragrave la pantalla de seleccioacute de component de presentacioacute
1 Seleccionarem el component de presentacioacute ldquoDetall de contingutrdquo
1
2
1
86
Ens apareixeragrave la pantalla que es mostra tot seguit i realitzarem les accions seguumlents
1 Emplenar el camp ldquoAgraveliesrdquo
2 Canviar a la pestanya ldquoPresentacioacuterdquo
En fer clic a la pestanya obtindrem la imatge que es mostra tot seguit i realitzarem les
accions seguumlents
1 Cercarem una forma de presentacioacute fent clic a ldquoCercar helliprdquo
1
2
87
Quan aparegui la pantalla de cercador realitzarem una cerca de la forma de
presentacioacute que volem fer servir per a aixograve cal fer el seguumlent
1 Emplenar la caixa de text amb ldquofw_fp_tramitrdquo
2 Preacutemer ldquoCercarrdquo
3 Seleccionar la forma de presentacioacute de la caixa de resultats
4 Preacutemer ldquoOKrdquo
La forma de presentacioacute ldquofw_fp_tramitrdquo estagrave preparada per ldquomaquillarrdquo el contingut
dels tragravemits Tambeacute es pot fer servir una forma de presentacioacute personalitzada
segons es cregui convenient
1
1
2
3
4
88
En acabar tornarem a la pagravegina principal drsquoedicioacute i farem el seguumlent
1 Verificar que la forma de presentacioacute eacutes la que hem escollit
2 Fer clic a ldquoOKrdquo
En finalitzar la configuracioacute del component de presentacioacute tornem a la pantalla del
portal i cal fer el seguumlent
1 Verificar que el disseny de la presentacioacute eacutes semblant al seguumlent
1
2
89
Configurarem el portlet superior central de la pagravegina perquegrave aquesta contingui el fil
drsquoAriadna
1 Accedir a ldquoObrir Plantillardquo
1 Editar el portlet central que hi ha a sobre del detall de tragravemit per configurar el fil
drsquoAriadna En aquest exemple el portlet eacutes ldquoFW_hilo_ariadnardquo
Escollirem el component de presentacioacute
1 Seleccionar el component de presentacioacute ldquoFil drsquoAriadnardquo
1
1
90
En la configuracioacute del component realitzarem les accions seguumlents
1 Inserir el camp ldquoAgraveliesrdquo
2 Inserir el camp ldquoCanalrdquo
3 Fer clic a la pestanya ldquoPresentacioacuterdquo i cercar la forma de presentacioacute
ldquofw_fp_filariadnardquo
1
91
513 Configuracioacute del detall drsquouna normativa SAC
En el detall de contingut configurat en el punt anterior fent clic sobre una normativa
veurem com ens redirigeix a la plantilla configurada al ldquodetall2rdquo drsquoaquesta pagravegina tal
com hem configurat a lrsquoapartat 231
1 Fer clic a la primera ldquoNormativa Aplicablerdquo
2
3
92
Aquest enllaccedil ens portaragrave al detall2 del canal on srsquoha de configurar el detall de
contingut SAC per tal que es mostri la normativa aplicable
Configurarem el portlet superior central de la pagravegina perquegrave aquesta contingui el fil
drsquoAriadna per a aixograve cal fer el seguumlent
1 Accedir a ldquoObrir Plantillardquo
1
93
1
94
1 Editar el portlet central que hi ha a sobre del detall de tragravemit per configurar el fil
drsquoAriadna En aquest exemple el portlet eacutes ldquofw_portlet_tramitrdquo
Escollirem el component de presentacioacute
1 Seleccionar el component de presentacioacute ldquoDetall de Contingut SACrdquo
En la configuracioacute del component realitzarem les accions seguumlents
1 Inserir el camp ldquoAgraveliesrdquo
2 Seleccionar el tipus de contingut ldquoDetall Tragravemitrdquo
1
95
3 Fer clic a la pestanya ldquoPresentacioacuterdquo i cercar la forma de presentacioacute
ldquofw_fp_sac_normativardquo
4 Fer clic al botoacute ldquoOKrdquo
Srsquoactualitzaragrave la pagravegina de VAP i es mostraragrave el detall de SAC
1
2
3
4
96
514 Validacioacute final de VAP
Finalment cal validar que els tragravemits es visualitzen correctament per a aixograve cal
1 Verificar que tenim els canals creats
2 Accedir al canal ldquoCanal Llistat tragravemitsrdquo i validar que es mostren els tragravemits
que hem associat al punt 22
1
97
A continuacioacute cal fer les comprovacions seguumlents
1 Accedir al detall del tragravemit compartit
2 Accedir al pas a pas del tragravemit i a la normativa de SAC
Exemple llistat de tragravemits compartits
2
1
98
Exemple detall de tragravemit compartit
Exemple pas a pas drsquoun tragravemit
2
2
99
Exemple normativa SAC
En el cas que no es visualitzin el llistat de tragravemits detall o pas a pas configurat
validar
1 Refrescar la Pagravegina
2 Els tragravemits estan associats al canal que esteacuten visualitzat punt 23
1 Refrescar la pagravegina
1
29
Srsquohan de configurar permisos del portlet per al detall del tragravemit i la normativa SAC per
a aixograve cal
4 Seleccionar ldquoPermisosrdquo
5 Seleccionar els grups que es volen autoritzar
6 Fer clic a ldquoActualitzarrdquo
1
2
3
30
Tot seguit srsquohan de configurar les dades bagravesiques del portlet per a aixograve srsquoha de fer el
seguumlent
1 Seleccionar ldquoBagravesicsrdquo
2 Posar el nom del portlet ldquofw_portlet_tramit_sac_detallrdquo
3 Desmarcar el quadre de verificacioacute ldquoMostra el cromrdquo
4 Fer clic a ldquoActualitzarrdquo
1
2
3
4
31
Despreacutes cal validar que la pagravegina srsquoha creat correctament per a aixograve cal fer el
seguumlent
1 Seleccionar ldquoLlista Pagraveginardquo
2 Fer clic al nom de la pagravegina
1
2
32
Per bloquejar la pagravegina cal fer el seguumlent
1 Seleccionar la casella de verificacioacute ldquoPagravegina Bloquejadardquo
2 Fer clic a ldquoActualitzar Opcionsrdquo
1
2
33
221 Crear NavItem de detall de tragravemits i normativa SAC
A partir de la consola de VAP farem les tasques seguumlents per crear el NavItem
1 Anar a lrsquoopcioacute del menuacute ldquoArbre de Navegacioacuterdquo
2 Fer clic a ldquoCrear Element de Navegacioacuterdquo
1
2
34
Per crear lrsquoelement de Navegacioacute realitzarem les tasques seguumlents
1 Posar el nom al NavItem rdquoFW_NavItem_GRIDBrdquo
2 Seleccionar ldquoEnllaccedilar ardquo i seleccionar la pagravegina que acabem de crear
3 Seleccionar el tema ldquoFW_Temardquo
4 Seleccionar la graella ldquoFW_Grid_Brdquo sense destacats a la dreta per
visualitzar correctament el detall de tragravemits el pas a pas i la normativa SAC
5 Fer clic a ldquoCrearrdquo
1
2
3
4
5
35
Quan seleccionem ldquoEnllaccedilar ardquo i seleccionem la pagravegina que acabem de crear srsquoobriragrave
la finestra seguumlent aquiacute cal
1 Cercar la pagravegina que hem creat en el pas anterior
2 Seleccionar la casella de verificacioacute de la pagravegina
3 Fer clic a ldquoOKrdquo
Quan fem seleccionem el tema srsquoobriragrave la seguumlent finestra per a aixograve cal
1 Seleccionar la casella de verificacioacute del tema que utilitzarem al nostre site per
a aquest exemple farem servir el tema del Site Genegraveric
2 Fer clic a ldquoSalvarrdquo
1
1
2
3
2
36
Quan seleccionem la graella srsquoobriragrave la finestra seguumlent aquiacute cal
1 Seleccionar la graella que utilitzarem al nostre site per a aquest exemple farem
servir la Graella FW_Grid_B sense destacats a la dreta del Site Genegraveric Per
tal de visualitzar correctament el detall del tragravemit el pas a pas i la normativa
SAC eacutes imprescindible que la graella tingui una uacutenica columna de continguts
2 Fer clic a ldquoSalvarrdquo
1
2
37
3 Configuracioacute de lrsquoadministracioacute de VCM
31 Creacioacute del canal ldquoLlistat tragravemitsrdquo
Dins del gestor de continguts realitzarem les tasques seguumlents
1 Accedir a ldquoPortalsrdquo
2 Navegar fins al ldquoPortalrdquo on volem configurar el llistat de continguts
3 Seleccionar ldquoHomerdquo
4 Posicionar-se sobre la creu verda i seleccionar ldquoCanalrdquo
a Emplenar la informacioacute i fer clic a ldquoOKrdquo
b Assegurar-se que el canal eacutes ldquoActiurdquo
1
2
3
38
311 Associacioacute de fitxers a la presentacioacute drsquoun canal
Ara srsquohan drsquoassociar els fitxers estagravetics adequats a la presentacioacute del canal perquegrave les
formes de presentacioacute posteriors trobin els estils i els Javascript corresponents
Per a aixograve cal entrar a les propietats del canal ldquoCanal Llistat tragravemitsrdquo i
1 Seleccionar el canal ldquoCanal Llistat tragravemitsrdquo
4
4a
4b
39
1
40
En entrar trobarem el llistat seguumlent on cal
1 Fer clic a ldquoCanal Llistat tragravemitsrdquo
2 Aquest eacutes un contingut del tipus Canals (cal fixar-se que no eacutes com lrsquoanterior)
Es mostraragrave la pantalla seguumlent on afegirem els fitxers relacionats amb el canal per a
cada idioma aquiacute cal
1 Emplenar els camps requerits per crear una pestanya del multiidioma
2 Desplaccedilar-se cap avall en lrsquoapartat ldquomultiidiomardquo fins a observar lrsquoapartat
drsquoassociacioacute de fitxers
3 Fer clic a ldquoAfegirrdquo
En aquest moment apareixeragrave la pantalla seguumlent
1 Si voleu afegir un fitxer amb extensioacute css cal deixar el camp ldquoTipus de fitxerrdquo
amb valor ldquocssrdquo Si voleu afegir un fitxer que teacute extensioacute js srsquoha de canviar el
camp ldquoTipus de fitxerrdquo al valor ldquojsrdquo
2 Fer clic a ldquoNavegadorrdquo
1
2 1 3
2
41
Apareixeragrave la pantalla de navegacioacute de continguts i anirem cercant els fitxers estagravetics
que associarem aquiacute cal
1 Fer clic a ldquoFrameworkrdquo
2 Fer clic a ldquoestilos y scriptsrdquo
3 Fer clic a ldquoNuevos Estilos imagenes y jsrdquo
4 Fer clic a ldquoGlobalsrdquo
2 1
42
43
44
Una vegada se nrsquohagin seleccionat tornarem a la pantalla anterior i farem el seguumlent
1 Verificar que el fitxer seleccionat eacutes el que apareix al quadre de text i que la
seva extensioacute coincideix amb la que hi ha seleccionada a ldquoTipus de fitxerrdquo
2 Fer clic a ldquoOKrdquo
Un cop acabades totes les associacions el resultat de les associacions afegides a la
pantalla principal ha de ser el seguumlent
1 Fer clic a ldquoAplicarrdquo a lrsquoapartat ldquomultiidiomardquo
1
2
45
1
46
Es recarregaragrave la pantalla
1 Fer clic a ldquoOKrdquo al nivell general
Ja tenim configurat el canal que mostraragrave ldquoLlistat de tragravemitsrdquo amb els fitxers associats
que fa referegravencia a la forma de presentacioacute que farem servir aquest mateix canal
mostraragrave el detall del contingut tragravemit amb el format detall
32 Creacioacute i assignacioacute de plantilles de presentacioacute per al
canal ldquoCanal Llistat tragravemitsrdquo
321 Creacioacute de les plantilles (templates) de VCM
La configuracioacute del canal de VCM per mostrar els llistats de tragravemits i el seu detall es
basen en tres plantilles una per llistar el tragravemits (format default) una per mostrar el
detall i el pas a pas drsquoun tragravemit (format detall) i una altra per mostrar la normativa
aplicable drsquoun tragravemit (format detall2)
A continuacioacute srsquoexplica com es creen les plantilles de presentacioacute
(Presentation Templates) necessagraveries per configurar els tragravemits Els
responsables de cada site srsquohan de crear les seves progravepies plantilles
Cal tenir en compte que les plantilles que apareixen en el document soacuten nomeacutes un
exemple drsquouna configuracioacute vagravelida En els casos pragravectics cal seleccionar les plantilles
que pertanyen a cada portal io que tingui cada usuari en els seus recursos
En el nostre cas es fan servir les plantilles ldquoGridB2LlistatTramitsrdquo ldquoGridBTramitrdquo i
ldquoGridBTramitNormativaSacrdquo
1
47
Per la creacioacute de la plantilla srsquohan de seguir els passos seguumlents
1 Accedir al ldquoBanc de Treballrdquo
2 Accedir a ldquoPresentation Templatesrdquo
3 Accedir a la carpeta de presentacions del nostre site en aquest exemple
ldquogenegravericrdquo
1
2
48
Un cop som al llistat de plantilles del nostre site cal fer el seguumlent
1 Seleccionar el signe ldquo+rdquo
2 Seleccionar Forma de Presentation Template
En realitzar aquesta accioacute srsquoobriragrave la finestra drsquoedicioacute o creacioacute de la Presentation
Template Srsquohan de crear dos plantilles noves amb les dades seguumlents
1 Plantilla per al llistat de tragravemits
a Nom cal posar un nom identificatiu de la plantilla per exemple
GenericoGridB2LlistatTramit
b Tipus de plantilla Portal Page
c VAPVCM Portal defaultgeneric (cal posar el nom del portal VAP)
d Element del menuacute de VAP FW_NavItem_GRIDB2
3
1
2
49
e Canal VCM per defecte
Tot seguit cal fer clic a ldquoOKrdquo
Per a la configuracioacute de la plantilla per al llistat de tragravemits es pot fer servir un
NavItem que utilitzi una grid amb destacats a la dreta per exemple la GRID B2 del
Site Genegraveric o beacute un Navitem sense destacats (el FW_NavItem_GRIDB creat
anteriorment)
El NavItem ha de disposar drsquoun portlet a la part central a nivell de Page per
configurar el llistat de tragravemits
f
50
2 Crear una nova Presentation Template per al detall de tragravemits i el pas a
pas
a Nom cal posar un nom identificatiu de la plantilla com per exemple
GenericoGridBTramit
b Tipus de plantilla Portal Page
c VAPVCM Portal defaultgeneric
d Element del menuacute de VAP FW_NavItem_GRIDB
e Canal VCM per defecte
Finalment cal fer clic a ldquoOKrdquo
Per configurar la plantilla per al detall dels tragravemits i el pas a pas srsquoha de fer servir un
NavItem que utilitzi una grid sense destacats a la dreta per exemple la GRID B del
site Genegraveric
El NavItem ha de disposar de dos portlets a la part central a nivell de Page per
configurar el llistat de tragravemits
Tot seguit cal crear una nova Presentation Template per al detall de tragravemits i el pas a
pas
a Nom cal posar un nom identificatiu de la plantilla per exemple
GenericoGridBTramitNormativaSac
f
51
b Tipus de plantilla Portal Page
c VAPVCM Portal defaultgeneric
d Element del menuacute de VAP FW_NavItem_GRIDB
e Canal VCM per defecte
Finalment cal fer clic a ldquoOKrdquo
322 Configuracioacute de la plantilla al canal
Les Presentation Templates que configurarem a continuacioacute soacuten drsquoexemple
Els responsables de cada site han de crear les seves progravepies plantilles
Un cop creat el canal i les Presentation Templates en configurarem la presentacioacute
1 Seleccionarem la casella de seleccioacute del canal que acabem de crear
2 Farem clic a la icona de propietats del canal
3 Navegarem a la pestanya ldquoPresentacioacuterdquo
52
Ens apareixeragrave un formulari com el que es mostra a continuacioacute i realitzarem les
accions seguumlents
1 Fer clic a ldquoAfegir presentacioacute de canalrdquo
1
2
3
53
Apareixeragrave la pantalla seguumlent amb lrsquoobjectiu de seleccionar una plantilla en el nostre
cas farem el seguumlent
1 Seleccionar el projecte de plantilles respectiu al portal A lrsquoexemple ldquogenericrdquo
Posteriorment apareixeragrave un llistat de plantilles (ldquoTemplatesrdquo)
1 En aquest cas seleccionarem ldquoGridB2LlistatTramitsrdquo
2 Acceptarem la seleccioacute ldquoOKrdquo
1
1
54
1
2
55
Un cop acceptat ens apareixeragrave la pantalla seguumlent on configurarem el ldquodetallrdquo Per a
aixograve cal fer el seguumlent
1 Fer clic a ldquoAssignar una Nova Plantilla de Presentacioacuterdquo
1
56
Tot seguit apareixeragrave la pantalla que es mostra a continuacioacute on realitzarem les
accions seguumlents
1 Fer clic a ldquoAfegir formatrdquo
En aquesta nova pantalla ens assegurarem del seguumlent
1 A la casella ldquoFormatrdquo hi ha el valor ldquodetallrdquo
2 A la casella ldquoTemplaterdquo hi ha drsquohaver el correcte Si no eacutes aixiacute srsquoha de fer clic a
ldquoNavegadorrdquo
En fer clic a ldquoNavegadorrdquo cal fer el seguumlent
1 Tornar a navegar fins a ldquogenericrdquo
1
1 2
57
1
58
I a la pantalla seguumlent cal seleccionar una plantilla i
1 Fer clic al botoacute a prop de ldquoGridBTramitrdquo
2 Fer clic a ldquoOKrdquo
1
2
59
En aquest moment es torna a la pantalla anterior i cal
1 Fer clic a ldquoOKrdquo
En el canal Llistat de tragravemits ha drsquoestar configurat el ldquoformatrdquo ldquodetallrdquo ja que la forma
de presentacioacute que configurarem a GridDBTramit necessitaragrave aquest format per
visualitzar el detall del contingut de tipus ldquoTragravemitrdquo
2
60
La pantalla anterior a aquesta ens ha de presentar aquesta informacioacute Ara
configurarem el ldquodetall2rdquo per presentar el contingut rdquo Normativa de SACrdquo Per a aixograve
cal fer el seguumlent
1 Fer clic a ldquoAfegir Formatrdquo
En aquesta nova pantalla ens assegurarem del seguumlent
1 A la casella ldquoFormatrdquo hi ha el valor ldquodetall2rdquo
1
61
2 A la casella ldquoTemplaterdquo hi ha drsquohaver el correcte Si no eacutes aixiacute srsquoha de fer clic a
ldquoNavegadorrdquo
En fer clic a ldquoNavegadorrdquo srsquoha de fer el seguumlent
1 Tornar a navegar fins a ldquogenericrdquo (srsquoha de substituir pel nom del portal)
1 2
62
1
63
A la pantalla seguumlent cal seleccionar una plantilla i
1 Fer clic al botoacute a prop de ldquoGridBTramitNormativaSacrdquo
2 Fer clic a ldquoOKrdquo
1
2
64
En aquest moment es torna a la pantalla anterior i cal fer el seguumlent
2 Fer clic a ldquoOKrdquo
En el canal Llistat de tragravemits ha drsquoestar configurat el ldquoformatrdquo ldquodetall2rdquo ja que la
forma de presentacioacute que configurarem a GridDBTramitNormativaSac necessitaragrave
aquest format per visualitzar el detall del contingut de tipus normativa ldquoSACrdquo
2
65
La pantalla anterior a aquesta ens ha de presentar aquesta informacioacute i srsquoha de fer el
seguumlent
2 Fer clic a ldquoOKrdquo
1
66
La finestra pare anterior a aquesta quedaragrave com es mostra tot seguit i realitzarem les
accions seguumlents
1 Fer clic a ldquoOKrdquo
4 Comparticioacute de continguts
Accedim al projecte on hi ha tots els tragravemits de lrsquoOVT
1
67
OVTDepartaments[NomCurtDepartaments][NomCurtOrganisme] TramitOVT
On NomCurtDepartaments correspon al nom curt del departament al que fa referencia
el nostre organisme
En aquest exemple es mostren tots els projectes de tragravemits de lrsquoOVT
Un cop localitzat el tragravemit de lrsquoOVT que volem compartir amb el nostre site accedirem
a lrsquoedicioacute del contingut i assignarem aquest contingut al canal del nostre site on es
vulgui mostrar Srsquoha de fer el seguumlent
1 Anar al contenidor de projectes on hi ha els continguts de GECO
Apareixeragrave lrsquoestructura de projectes a la qual teacute acceacutes lrsquousuari redactor Cal fer el
seguumlent (exemple Agegravencia Tributagraveria dins drsquoEconomia i Finances)
1 Seleccionar ldquoOVTrdquo
2 Seleccionar ldquoDepartamentsrdquo aquesta carpeta conteacute tots els tragravemits de lrsquoOVT
classificats per departaments
3 Seleccionar ldquoECOrdquo A lrsquousuari nomeacutes se li mostraragrave la carpeta del seu
departament
Si lrsquousuari no visualitza la carpeta dins del seu departament eacutes perquegrave no
srsquoha aplicat la poliacutetica de seguretat correctament Cal obrir un tiquet a Suport
gencat per tramitar aquests permisos AQUESTA CARPETA NOMEacuteS SERAgrave
VISIBLE PER ALS USUARIS AMB ROL REDACTOR
4 Seleccionar ldquoA_Agegravencia Tributagraveriardquo
5 Seleccionar ldquoTramitOVTrdquo
1
68
2
3
1
69
4
5
70
Apareixeragrave el llistat de continguts ldquoTragravemitOVTrdquo de lrsquoOVT de lrsquoAgegravencia Tributagraveria
Realitzarem les accions seguumlents
1 Seleccionar el tragravemit o els tragravemits que volem compartir en la web dorganisme
2 Fer clic a ldquoAssociarrdquo
2
1
71
Aquest proceacutes obriragrave una finestra Per seleccionar el site i canal on es volen mostrar
els tragravemits seleccionats realitzarem les accions seguumlents (cas site Generic)
1 Seleccionar el site ldquoGenericrdquo en el vostre cas el site del departament on es vol
mostrar el contingut ldquotragravemitrdquo
2 Navegar pels canals del Site Genegraveric fins al canal que srsquoha creat en el punt
ldquoLlistat de tragravemitsrdquo i seleccionar el quadre de verificacioacute
3 Fer clic a ldquoOKrdquo
1
72
2
3
73
41 Validar que la comparticioacute de continguts eacutes correcta
Accedim per VCM al canal que hem creat anteriorment al qual li acabem drsquoassignar
els continguts de tragravemits que ha de mostrar i fem el seguumlent
1 Anar al contenidor de portals
2 Seleccionar el Site ldquogenericrdquo
3 Seleccionar el canal ldquoHomerdquo
4 Seleccionar el canal ldquoCanal Llistat tragravemitsrdquo
1
2
3
74
4
75
Apareixeragrave el contingut assignat al canal ldquoCanal Llistat tragravemitsrdquo
En entrar trobarem el llistat seguumlent
1 Llistat del tragravemits de lrsquoOVT que srsquohan compartit amb el canal ldquoCanal Llistat
tragravemitsrdquo
2 Validar que els continguts que apareixen soacuten del tipus ldquoTramitOVTrdquo
En cas que al canal del site ldquoCanal Llistat tragravemitsrdquo no apareguin els continguts
tragravemits associats anteriorment cal repetir el pas 22
1 2
76
5 Configuracioacute al portal
Ara cal entrar al nostre site on tenim configurat el canal que hem creat en lrsquoapartat
anterior (21) i que ara configurarem a nivell de portal
51 Configuracioacute a Canal Llistat tragravemits
511 Configuracioacute de la llista de tragravemits
Farem clic a lrsquoenllaccedil ldquoCanal llistat tragravemitsrdquo de la ldquoHomerdquo i anirem a parar a una
pantalla com la que es mostra meacutes avall
Es pot apreciar que en el contingut de la pagravegina no hi ha res Aixograve eacutes perquegrave cal
configurar els portlets adequats ( )
1 Ens situarem sobre la icona ldquoOpcions de Pagraveginardquo
2 Seleccionarem ldquoObrir Plantillardquo ja que els portlets soacuten a nivell de Page
Ens apareixeragrave una pantalla com la que es mostra tot seguit i realitzarem les accions
seguumlents
1 Seleccionar el portlet de la part central de la pagravegina per configurar una ldquoLlista
automagravetica de contingutsrdquo
2
1
77
Tambeacute podem configurar una ldquoLlista manual de contingutsrdquo segons les
necessitats de cada usuari
78
Ens redirigiragrave cap a un formulari drsquoedicioacute que ens mostraragrave directament quina consulta
hem de configurar per mostrar els continguts i configurarem una consulta com la
seguumlent (evidentment segons les necessitats de cada usuari)
Ara tenim configurat que la pagravegina mostraragrave els tipus de contingut ldquoTramitOVTrdquo del
canal actual ordenats per la ldquoEacutes on-linerdquo en ordre descendent
Aixograve ens portaragrave a la pantalla principal on acabarem de completar la configuracioacute
1 Validar que en lrsquoapartat ldquoConsultardquo hi ha la configuracioacute que acabem drsquoafegir
2 Emplenar ldquoAgraveliesrdquo
3 En lrsquoapartat Forma de presentacioacute fer clic al botoacute ldquoCercar helliprdquo
79
Ens apareixeragrave la pantalla seguumlent
1 Fer clic a ldquoNavegacioacute per projectesrdquo
1
2
3
80
Ens canviaragrave la vista al format seguumlent
1 Navegarem per les carpetes fins a arribar a ldquoFramework Formes de
presentacioacute Site generic fw_fp_llistatramitsrdquo
2 Seleccionarem ldquofw_fp_llistatramitsrdquo
3 Farem clic a ldquoOKrdquo
1
1
81
En retornar a la pantalla principal cal
1 Validar que la forma de presentacioacute eacutes la que acabem de seleccionar
2 Fer clic a ldquoOKrdquo
1 (continuacioacute) 2
3
82
1
2
83
Aquest seragrave el nostre resultat a la pantalla del portal i cal fer el seguumlent
1 Verificar que apareixen els dos continguts que es van associar a aquest canal
1
84
512 Configuracioacute del detall del tragravemit i el pas a pas
En fer clic sobre una activitat veurem com ens redirigeix a la plantilla configurada al
ldquodetallrdquo drsquoaquesta pagravegina tal com la vam configurar en lrsquoapartat 231 cal fer el
seguumlent
1 Fer clic a la primera activitat
1
85
Ens sortiragrave la pagravegina de VAP del detall drsquoun contingut per configurar farem els
passos seguumlents
1 Ens situarem sobre la icona ldquoOpcions de Pagraveginardquo
2 Seleccionar ldquoObrir Plantillardquo ja que els portlets soacuten a nivell de Page
Ens apareixeragrave una pantalla com la que es mostra tot seguit i realitzarem les accions
seguumlents
1 Seleccionar el portlet de la part central de la pagravegina per configurar un ldquoDetall
de contingutrdquo i fer clic a ldquoEditarrdquo
Ens apareixeragrave la pantalla de seleccioacute de component de presentacioacute
1 Seleccionarem el component de presentacioacute ldquoDetall de contingutrdquo
1
2
1
86
Ens apareixeragrave la pantalla que es mostra tot seguit i realitzarem les accions seguumlents
1 Emplenar el camp ldquoAgraveliesrdquo
2 Canviar a la pestanya ldquoPresentacioacuterdquo
En fer clic a la pestanya obtindrem la imatge que es mostra tot seguit i realitzarem les
accions seguumlents
1 Cercarem una forma de presentacioacute fent clic a ldquoCercar helliprdquo
1
2
87
Quan aparegui la pantalla de cercador realitzarem una cerca de la forma de
presentacioacute que volem fer servir per a aixograve cal fer el seguumlent
1 Emplenar la caixa de text amb ldquofw_fp_tramitrdquo
2 Preacutemer ldquoCercarrdquo
3 Seleccionar la forma de presentacioacute de la caixa de resultats
4 Preacutemer ldquoOKrdquo
La forma de presentacioacute ldquofw_fp_tramitrdquo estagrave preparada per ldquomaquillarrdquo el contingut
dels tragravemits Tambeacute es pot fer servir una forma de presentacioacute personalitzada
segons es cregui convenient
1
1
2
3
4
88
En acabar tornarem a la pagravegina principal drsquoedicioacute i farem el seguumlent
1 Verificar que la forma de presentacioacute eacutes la que hem escollit
2 Fer clic a ldquoOKrdquo
En finalitzar la configuracioacute del component de presentacioacute tornem a la pantalla del
portal i cal fer el seguumlent
1 Verificar que el disseny de la presentacioacute eacutes semblant al seguumlent
1
2
89
Configurarem el portlet superior central de la pagravegina perquegrave aquesta contingui el fil
drsquoAriadna
1 Accedir a ldquoObrir Plantillardquo
1 Editar el portlet central que hi ha a sobre del detall de tragravemit per configurar el fil
drsquoAriadna En aquest exemple el portlet eacutes ldquoFW_hilo_ariadnardquo
Escollirem el component de presentacioacute
1 Seleccionar el component de presentacioacute ldquoFil drsquoAriadnardquo
1
1
90
En la configuracioacute del component realitzarem les accions seguumlents
1 Inserir el camp ldquoAgraveliesrdquo
2 Inserir el camp ldquoCanalrdquo
3 Fer clic a la pestanya ldquoPresentacioacuterdquo i cercar la forma de presentacioacute
ldquofw_fp_filariadnardquo
1
91
513 Configuracioacute del detall drsquouna normativa SAC
En el detall de contingut configurat en el punt anterior fent clic sobre una normativa
veurem com ens redirigeix a la plantilla configurada al ldquodetall2rdquo drsquoaquesta pagravegina tal
com hem configurat a lrsquoapartat 231
1 Fer clic a la primera ldquoNormativa Aplicablerdquo
2
3
92
Aquest enllaccedil ens portaragrave al detall2 del canal on srsquoha de configurar el detall de
contingut SAC per tal que es mostri la normativa aplicable
Configurarem el portlet superior central de la pagravegina perquegrave aquesta contingui el fil
drsquoAriadna per a aixograve cal fer el seguumlent
1 Accedir a ldquoObrir Plantillardquo
1
93
1
94
1 Editar el portlet central que hi ha a sobre del detall de tragravemit per configurar el fil
drsquoAriadna En aquest exemple el portlet eacutes ldquofw_portlet_tramitrdquo
Escollirem el component de presentacioacute
1 Seleccionar el component de presentacioacute ldquoDetall de Contingut SACrdquo
En la configuracioacute del component realitzarem les accions seguumlents
1 Inserir el camp ldquoAgraveliesrdquo
2 Seleccionar el tipus de contingut ldquoDetall Tragravemitrdquo
1
95
3 Fer clic a la pestanya ldquoPresentacioacuterdquo i cercar la forma de presentacioacute
ldquofw_fp_sac_normativardquo
4 Fer clic al botoacute ldquoOKrdquo
Srsquoactualitzaragrave la pagravegina de VAP i es mostraragrave el detall de SAC
1
2
3
4
96
514 Validacioacute final de VAP
Finalment cal validar que els tragravemits es visualitzen correctament per a aixograve cal
1 Verificar que tenim els canals creats
2 Accedir al canal ldquoCanal Llistat tragravemitsrdquo i validar que es mostren els tragravemits
que hem associat al punt 22
1
97
A continuacioacute cal fer les comprovacions seguumlents
1 Accedir al detall del tragravemit compartit
2 Accedir al pas a pas del tragravemit i a la normativa de SAC
Exemple llistat de tragravemits compartits
2
1
98
Exemple detall de tragravemit compartit
Exemple pas a pas drsquoun tragravemit
2
2
99
Exemple normativa SAC
En el cas que no es visualitzin el llistat de tragravemits detall o pas a pas configurat
validar
1 Refrescar la Pagravegina
2 Els tragravemits estan associats al canal que esteacuten visualitzat punt 23
1 Refrescar la pagravegina
1
30
Tot seguit srsquohan de configurar les dades bagravesiques del portlet per a aixograve srsquoha de fer el
seguumlent
1 Seleccionar ldquoBagravesicsrdquo
2 Posar el nom del portlet ldquofw_portlet_tramit_sac_detallrdquo
3 Desmarcar el quadre de verificacioacute ldquoMostra el cromrdquo
4 Fer clic a ldquoActualitzarrdquo
1
2
3
4
31
Despreacutes cal validar que la pagravegina srsquoha creat correctament per a aixograve cal fer el
seguumlent
1 Seleccionar ldquoLlista Pagraveginardquo
2 Fer clic al nom de la pagravegina
1
2
32
Per bloquejar la pagravegina cal fer el seguumlent
1 Seleccionar la casella de verificacioacute ldquoPagravegina Bloquejadardquo
2 Fer clic a ldquoActualitzar Opcionsrdquo
1
2
33
221 Crear NavItem de detall de tragravemits i normativa SAC
A partir de la consola de VAP farem les tasques seguumlents per crear el NavItem
1 Anar a lrsquoopcioacute del menuacute ldquoArbre de Navegacioacuterdquo
2 Fer clic a ldquoCrear Element de Navegacioacuterdquo
1
2
34
Per crear lrsquoelement de Navegacioacute realitzarem les tasques seguumlents
1 Posar el nom al NavItem rdquoFW_NavItem_GRIDBrdquo
2 Seleccionar ldquoEnllaccedilar ardquo i seleccionar la pagravegina que acabem de crear
3 Seleccionar el tema ldquoFW_Temardquo
4 Seleccionar la graella ldquoFW_Grid_Brdquo sense destacats a la dreta per
visualitzar correctament el detall de tragravemits el pas a pas i la normativa SAC
5 Fer clic a ldquoCrearrdquo
1
2
3
4
5
35
Quan seleccionem ldquoEnllaccedilar ardquo i seleccionem la pagravegina que acabem de crear srsquoobriragrave
la finestra seguumlent aquiacute cal
1 Cercar la pagravegina que hem creat en el pas anterior
2 Seleccionar la casella de verificacioacute de la pagravegina
3 Fer clic a ldquoOKrdquo
Quan fem seleccionem el tema srsquoobriragrave la seguumlent finestra per a aixograve cal
1 Seleccionar la casella de verificacioacute del tema que utilitzarem al nostre site per
a aquest exemple farem servir el tema del Site Genegraveric
2 Fer clic a ldquoSalvarrdquo
1
1
2
3
2
36
Quan seleccionem la graella srsquoobriragrave la finestra seguumlent aquiacute cal
1 Seleccionar la graella que utilitzarem al nostre site per a aquest exemple farem
servir la Graella FW_Grid_B sense destacats a la dreta del Site Genegraveric Per
tal de visualitzar correctament el detall del tragravemit el pas a pas i la normativa
SAC eacutes imprescindible que la graella tingui una uacutenica columna de continguts
2 Fer clic a ldquoSalvarrdquo
1
2
37
3 Configuracioacute de lrsquoadministracioacute de VCM
31 Creacioacute del canal ldquoLlistat tragravemitsrdquo
Dins del gestor de continguts realitzarem les tasques seguumlents
1 Accedir a ldquoPortalsrdquo
2 Navegar fins al ldquoPortalrdquo on volem configurar el llistat de continguts
3 Seleccionar ldquoHomerdquo
4 Posicionar-se sobre la creu verda i seleccionar ldquoCanalrdquo
a Emplenar la informacioacute i fer clic a ldquoOKrdquo
b Assegurar-se que el canal eacutes ldquoActiurdquo
1
2
3
38
311 Associacioacute de fitxers a la presentacioacute drsquoun canal
Ara srsquohan drsquoassociar els fitxers estagravetics adequats a la presentacioacute del canal perquegrave les
formes de presentacioacute posteriors trobin els estils i els Javascript corresponents
Per a aixograve cal entrar a les propietats del canal ldquoCanal Llistat tragravemitsrdquo i
1 Seleccionar el canal ldquoCanal Llistat tragravemitsrdquo
4
4a
4b
39
1
40
En entrar trobarem el llistat seguumlent on cal
1 Fer clic a ldquoCanal Llistat tragravemitsrdquo
2 Aquest eacutes un contingut del tipus Canals (cal fixar-se que no eacutes com lrsquoanterior)
Es mostraragrave la pantalla seguumlent on afegirem els fitxers relacionats amb el canal per a
cada idioma aquiacute cal
1 Emplenar els camps requerits per crear una pestanya del multiidioma
2 Desplaccedilar-se cap avall en lrsquoapartat ldquomultiidiomardquo fins a observar lrsquoapartat
drsquoassociacioacute de fitxers
3 Fer clic a ldquoAfegirrdquo
En aquest moment apareixeragrave la pantalla seguumlent
1 Si voleu afegir un fitxer amb extensioacute css cal deixar el camp ldquoTipus de fitxerrdquo
amb valor ldquocssrdquo Si voleu afegir un fitxer que teacute extensioacute js srsquoha de canviar el
camp ldquoTipus de fitxerrdquo al valor ldquojsrdquo
2 Fer clic a ldquoNavegadorrdquo
1
2 1 3
2
41
Apareixeragrave la pantalla de navegacioacute de continguts i anirem cercant els fitxers estagravetics
que associarem aquiacute cal
1 Fer clic a ldquoFrameworkrdquo
2 Fer clic a ldquoestilos y scriptsrdquo
3 Fer clic a ldquoNuevos Estilos imagenes y jsrdquo
4 Fer clic a ldquoGlobalsrdquo
2 1
42
43
44
Una vegada se nrsquohagin seleccionat tornarem a la pantalla anterior i farem el seguumlent
1 Verificar que el fitxer seleccionat eacutes el que apareix al quadre de text i que la
seva extensioacute coincideix amb la que hi ha seleccionada a ldquoTipus de fitxerrdquo
2 Fer clic a ldquoOKrdquo
Un cop acabades totes les associacions el resultat de les associacions afegides a la
pantalla principal ha de ser el seguumlent
1 Fer clic a ldquoAplicarrdquo a lrsquoapartat ldquomultiidiomardquo
1
2
45
1
46
Es recarregaragrave la pantalla
1 Fer clic a ldquoOKrdquo al nivell general
Ja tenim configurat el canal que mostraragrave ldquoLlistat de tragravemitsrdquo amb els fitxers associats
que fa referegravencia a la forma de presentacioacute que farem servir aquest mateix canal
mostraragrave el detall del contingut tragravemit amb el format detall
32 Creacioacute i assignacioacute de plantilles de presentacioacute per al
canal ldquoCanal Llistat tragravemitsrdquo
321 Creacioacute de les plantilles (templates) de VCM
La configuracioacute del canal de VCM per mostrar els llistats de tragravemits i el seu detall es
basen en tres plantilles una per llistar el tragravemits (format default) una per mostrar el
detall i el pas a pas drsquoun tragravemit (format detall) i una altra per mostrar la normativa
aplicable drsquoun tragravemit (format detall2)
A continuacioacute srsquoexplica com es creen les plantilles de presentacioacute
(Presentation Templates) necessagraveries per configurar els tragravemits Els
responsables de cada site srsquohan de crear les seves progravepies plantilles
Cal tenir en compte que les plantilles que apareixen en el document soacuten nomeacutes un
exemple drsquouna configuracioacute vagravelida En els casos pragravectics cal seleccionar les plantilles
que pertanyen a cada portal io que tingui cada usuari en els seus recursos
En el nostre cas es fan servir les plantilles ldquoGridB2LlistatTramitsrdquo ldquoGridBTramitrdquo i
ldquoGridBTramitNormativaSacrdquo
1
47
Per la creacioacute de la plantilla srsquohan de seguir els passos seguumlents
1 Accedir al ldquoBanc de Treballrdquo
2 Accedir a ldquoPresentation Templatesrdquo
3 Accedir a la carpeta de presentacions del nostre site en aquest exemple
ldquogenegravericrdquo
1
2
48
Un cop som al llistat de plantilles del nostre site cal fer el seguumlent
1 Seleccionar el signe ldquo+rdquo
2 Seleccionar Forma de Presentation Template
En realitzar aquesta accioacute srsquoobriragrave la finestra drsquoedicioacute o creacioacute de la Presentation
Template Srsquohan de crear dos plantilles noves amb les dades seguumlents
1 Plantilla per al llistat de tragravemits
a Nom cal posar un nom identificatiu de la plantilla per exemple
GenericoGridB2LlistatTramit
b Tipus de plantilla Portal Page
c VAPVCM Portal defaultgeneric (cal posar el nom del portal VAP)
d Element del menuacute de VAP FW_NavItem_GRIDB2
3
1
2
49
e Canal VCM per defecte
Tot seguit cal fer clic a ldquoOKrdquo
Per a la configuracioacute de la plantilla per al llistat de tragravemits es pot fer servir un
NavItem que utilitzi una grid amb destacats a la dreta per exemple la GRID B2 del
Site Genegraveric o beacute un Navitem sense destacats (el FW_NavItem_GRIDB creat
anteriorment)
El NavItem ha de disposar drsquoun portlet a la part central a nivell de Page per
configurar el llistat de tragravemits
f
50
2 Crear una nova Presentation Template per al detall de tragravemits i el pas a
pas
a Nom cal posar un nom identificatiu de la plantilla com per exemple
GenericoGridBTramit
b Tipus de plantilla Portal Page
c VAPVCM Portal defaultgeneric
d Element del menuacute de VAP FW_NavItem_GRIDB
e Canal VCM per defecte
Finalment cal fer clic a ldquoOKrdquo
Per configurar la plantilla per al detall dels tragravemits i el pas a pas srsquoha de fer servir un
NavItem que utilitzi una grid sense destacats a la dreta per exemple la GRID B del
site Genegraveric
El NavItem ha de disposar de dos portlets a la part central a nivell de Page per
configurar el llistat de tragravemits
Tot seguit cal crear una nova Presentation Template per al detall de tragravemits i el pas a
pas
a Nom cal posar un nom identificatiu de la plantilla per exemple
GenericoGridBTramitNormativaSac
f
51
b Tipus de plantilla Portal Page
c VAPVCM Portal defaultgeneric
d Element del menuacute de VAP FW_NavItem_GRIDB
e Canal VCM per defecte
Finalment cal fer clic a ldquoOKrdquo
322 Configuracioacute de la plantilla al canal
Les Presentation Templates que configurarem a continuacioacute soacuten drsquoexemple
Els responsables de cada site han de crear les seves progravepies plantilles
Un cop creat el canal i les Presentation Templates en configurarem la presentacioacute
1 Seleccionarem la casella de seleccioacute del canal que acabem de crear
2 Farem clic a la icona de propietats del canal
3 Navegarem a la pestanya ldquoPresentacioacuterdquo
52
Ens apareixeragrave un formulari com el que es mostra a continuacioacute i realitzarem les
accions seguumlents
1 Fer clic a ldquoAfegir presentacioacute de canalrdquo
1
2
3
53
Apareixeragrave la pantalla seguumlent amb lrsquoobjectiu de seleccionar una plantilla en el nostre
cas farem el seguumlent
1 Seleccionar el projecte de plantilles respectiu al portal A lrsquoexemple ldquogenericrdquo
Posteriorment apareixeragrave un llistat de plantilles (ldquoTemplatesrdquo)
1 En aquest cas seleccionarem ldquoGridB2LlistatTramitsrdquo
2 Acceptarem la seleccioacute ldquoOKrdquo
1
1
54
1
2
55
Un cop acceptat ens apareixeragrave la pantalla seguumlent on configurarem el ldquodetallrdquo Per a
aixograve cal fer el seguumlent
1 Fer clic a ldquoAssignar una Nova Plantilla de Presentacioacuterdquo
1
56
Tot seguit apareixeragrave la pantalla que es mostra a continuacioacute on realitzarem les
accions seguumlents
1 Fer clic a ldquoAfegir formatrdquo
En aquesta nova pantalla ens assegurarem del seguumlent
1 A la casella ldquoFormatrdquo hi ha el valor ldquodetallrdquo
2 A la casella ldquoTemplaterdquo hi ha drsquohaver el correcte Si no eacutes aixiacute srsquoha de fer clic a
ldquoNavegadorrdquo
En fer clic a ldquoNavegadorrdquo cal fer el seguumlent
1 Tornar a navegar fins a ldquogenericrdquo
1
1 2
57
1
58
I a la pantalla seguumlent cal seleccionar una plantilla i
1 Fer clic al botoacute a prop de ldquoGridBTramitrdquo
2 Fer clic a ldquoOKrdquo
1
2
59
En aquest moment es torna a la pantalla anterior i cal
1 Fer clic a ldquoOKrdquo
En el canal Llistat de tragravemits ha drsquoestar configurat el ldquoformatrdquo ldquodetallrdquo ja que la forma
de presentacioacute que configurarem a GridDBTramit necessitaragrave aquest format per
visualitzar el detall del contingut de tipus ldquoTragravemitrdquo
2
60
La pantalla anterior a aquesta ens ha de presentar aquesta informacioacute Ara
configurarem el ldquodetall2rdquo per presentar el contingut rdquo Normativa de SACrdquo Per a aixograve
cal fer el seguumlent
1 Fer clic a ldquoAfegir Formatrdquo
En aquesta nova pantalla ens assegurarem del seguumlent
1 A la casella ldquoFormatrdquo hi ha el valor ldquodetall2rdquo
1
61
2 A la casella ldquoTemplaterdquo hi ha drsquohaver el correcte Si no eacutes aixiacute srsquoha de fer clic a
ldquoNavegadorrdquo
En fer clic a ldquoNavegadorrdquo srsquoha de fer el seguumlent
1 Tornar a navegar fins a ldquogenericrdquo (srsquoha de substituir pel nom del portal)
1 2
62
1
63
A la pantalla seguumlent cal seleccionar una plantilla i
1 Fer clic al botoacute a prop de ldquoGridBTramitNormativaSacrdquo
2 Fer clic a ldquoOKrdquo
1
2
64
En aquest moment es torna a la pantalla anterior i cal fer el seguumlent
2 Fer clic a ldquoOKrdquo
En el canal Llistat de tragravemits ha drsquoestar configurat el ldquoformatrdquo ldquodetall2rdquo ja que la
forma de presentacioacute que configurarem a GridDBTramitNormativaSac necessitaragrave
aquest format per visualitzar el detall del contingut de tipus normativa ldquoSACrdquo
2
65
La pantalla anterior a aquesta ens ha de presentar aquesta informacioacute i srsquoha de fer el
seguumlent
2 Fer clic a ldquoOKrdquo
1
66
La finestra pare anterior a aquesta quedaragrave com es mostra tot seguit i realitzarem les
accions seguumlents
1 Fer clic a ldquoOKrdquo
4 Comparticioacute de continguts
Accedim al projecte on hi ha tots els tragravemits de lrsquoOVT
1
67
OVTDepartaments[NomCurtDepartaments][NomCurtOrganisme] TramitOVT
On NomCurtDepartaments correspon al nom curt del departament al que fa referencia
el nostre organisme
En aquest exemple es mostren tots els projectes de tragravemits de lrsquoOVT
Un cop localitzat el tragravemit de lrsquoOVT que volem compartir amb el nostre site accedirem
a lrsquoedicioacute del contingut i assignarem aquest contingut al canal del nostre site on es
vulgui mostrar Srsquoha de fer el seguumlent
1 Anar al contenidor de projectes on hi ha els continguts de GECO
Apareixeragrave lrsquoestructura de projectes a la qual teacute acceacutes lrsquousuari redactor Cal fer el
seguumlent (exemple Agegravencia Tributagraveria dins drsquoEconomia i Finances)
1 Seleccionar ldquoOVTrdquo
2 Seleccionar ldquoDepartamentsrdquo aquesta carpeta conteacute tots els tragravemits de lrsquoOVT
classificats per departaments
3 Seleccionar ldquoECOrdquo A lrsquousuari nomeacutes se li mostraragrave la carpeta del seu
departament
Si lrsquousuari no visualitza la carpeta dins del seu departament eacutes perquegrave no
srsquoha aplicat la poliacutetica de seguretat correctament Cal obrir un tiquet a Suport
gencat per tramitar aquests permisos AQUESTA CARPETA NOMEacuteS SERAgrave
VISIBLE PER ALS USUARIS AMB ROL REDACTOR
4 Seleccionar ldquoA_Agegravencia Tributagraveriardquo
5 Seleccionar ldquoTramitOVTrdquo
1
68
2
3
1
69
4
5
70
Apareixeragrave el llistat de continguts ldquoTragravemitOVTrdquo de lrsquoOVT de lrsquoAgegravencia Tributagraveria
Realitzarem les accions seguumlents
1 Seleccionar el tragravemit o els tragravemits que volem compartir en la web dorganisme
2 Fer clic a ldquoAssociarrdquo
2
1
71
Aquest proceacutes obriragrave una finestra Per seleccionar el site i canal on es volen mostrar
els tragravemits seleccionats realitzarem les accions seguumlents (cas site Generic)
1 Seleccionar el site ldquoGenericrdquo en el vostre cas el site del departament on es vol
mostrar el contingut ldquotragravemitrdquo
2 Navegar pels canals del Site Genegraveric fins al canal que srsquoha creat en el punt
ldquoLlistat de tragravemitsrdquo i seleccionar el quadre de verificacioacute
3 Fer clic a ldquoOKrdquo
1
72
2
3
73
41 Validar que la comparticioacute de continguts eacutes correcta
Accedim per VCM al canal que hem creat anteriorment al qual li acabem drsquoassignar
els continguts de tragravemits que ha de mostrar i fem el seguumlent
1 Anar al contenidor de portals
2 Seleccionar el Site ldquogenericrdquo
3 Seleccionar el canal ldquoHomerdquo
4 Seleccionar el canal ldquoCanal Llistat tragravemitsrdquo
1
2
3
74
4
75
Apareixeragrave el contingut assignat al canal ldquoCanal Llistat tragravemitsrdquo
En entrar trobarem el llistat seguumlent
1 Llistat del tragravemits de lrsquoOVT que srsquohan compartit amb el canal ldquoCanal Llistat
tragravemitsrdquo
2 Validar que els continguts que apareixen soacuten del tipus ldquoTramitOVTrdquo
En cas que al canal del site ldquoCanal Llistat tragravemitsrdquo no apareguin els continguts
tragravemits associats anteriorment cal repetir el pas 22
1 2
76
5 Configuracioacute al portal
Ara cal entrar al nostre site on tenim configurat el canal que hem creat en lrsquoapartat
anterior (21) i que ara configurarem a nivell de portal
51 Configuracioacute a Canal Llistat tragravemits
511 Configuracioacute de la llista de tragravemits
Farem clic a lrsquoenllaccedil ldquoCanal llistat tragravemitsrdquo de la ldquoHomerdquo i anirem a parar a una
pantalla com la que es mostra meacutes avall
Es pot apreciar que en el contingut de la pagravegina no hi ha res Aixograve eacutes perquegrave cal
configurar els portlets adequats ( )
1 Ens situarem sobre la icona ldquoOpcions de Pagraveginardquo
2 Seleccionarem ldquoObrir Plantillardquo ja que els portlets soacuten a nivell de Page
Ens apareixeragrave una pantalla com la que es mostra tot seguit i realitzarem les accions
seguumlents
1 Seleccionar el portlet de la part central de la pagravegina per configurar una ldquoLlista
automagravetica de contingutsrdquo
2
1
77
Tambeacute podem configurar una ldquoLlista manual de contingutsrdquo segons les
necessitats de cada usuari
78
Ens redirigiragrave cap a un formulari drsquoedicioacute que ens mostraragrave directament quina consulta
hem de configurar per mostrar els continguts i configurarem una consulta com la
seguumlent (evidentment segons les necessitats de cada usuari)
Ara tenim configurat que la pagravegina mostraragrave els tipus de contingut ldquoTramitOVTrdquo del
canal actual ordenats per la ldquoEacutes on-linerdquo en ordre descendent
Aixograve ens portaragrave a la pantalla principal on acabarem de completar la configuracioacute
1 Validar que en lrsquoapartat ldquoConsultardquo hi ha la configuracioacute que acabem drsquoafegir
2 Emplenar ldquoAgraveliesrdquo
3 En lrsquoapartat Forma de presentacioacute fer clic al botoacute ldquoCercar helliprdquo
79
Ens apareixeragrave la pantalla seguumlent
1 Fer clic a ldquoNavegacioacute per projectesrdquo
1
2
3
80
Ens canviaragrave la vista al format seguumlent
1 Navegarem per les carpetes fins a arribar a ldquoFramework Formes de
presentacioacute Site generic fw_fp_llistatramitsrdquo
2 Seleccionarem ldquofw_fp_llistatramitsrdquo
3 Farem clic a ldquoOKrdquo
1
1
81
En retornar a la pantalla principal cal
1 Validar que la forma de presentacioacute eacutes la que acabem de seleccionar
2 Fer clic a ldquoOKrdquo
1 (continuacioacute) 2
3
82
1
2
83
Aquest seragrave el nostre resultat a la pantalla del portal i cal fer el seguumlent
1 Verificar que apareixen els dos continguts que es van associar a aquest canal
1
84
512 Configuracioacute del detall del tragravemit i el pas a pas
En fer clic sobre una activitat veurem com ens redirigeix a la plantilla configurada al
ldquodetallrdquo drsquoaquesta pagravegina tal com la vam configurar en lrsquoapartat 231 cal fer el
seguumlent
1 Fer clic a la primera activitat
1
85
Ens sortiragrave la pagravegina de VAP del detall drsquoun contingut per configurar farem els
passos seguumlents
1 Ens situarem sobre la icona ldquoOpcions de Pagraveginardquo
2 Seleccionar ldquoObrir Plantillardquo ja que els portlets soacuten a nivell de Page
Ens apareixeragrave una pantalla com la que es mostra tot seguit i realitzarem les accions
seguumlents
1 Seleccionar el portlet de la part central de la pagravegina per configurar un ldquoDetall
de contingutrdquo i fer clic a ldquoEditarrdquo
Ens apareixeragrave la pantalla de seleccioacute de component de presentacioacute
1 Seleccionarem el component de presentacioacute ldquoDetall de contingutrdquo
1
2
1
86
Ens apareixeragrave la pantalla que es mostra tot seguit i realitzarem les accions seguumlents
1 Emplenar el camp ldquoAgraveliesrdquo
2 Canviar a la pestanya ldquoPresentacioacuterdquo
En fer clic a la pestanya obtindrem la imatge que es mostra tot seguit i realitzarem les
accions seguumlents
1 Cercarem una forma de presentacioacute fent clic a ldquoCercar helliprdquo
1
2
87
Quan aparegui la pantalla de cercador realitzarem una cerca de la forma de
presentacioacute que volem fer servir per a aixograve cal fer el seguumlent
1 Emplenar la caixa de text amb ldquofw_fp_tramitrdquo
2 Preacutemer ldquoCercarrdquo
3 Seleccionar la forma de presentacioacute de la caixa de resultats
4 Preacutemer ldquoOKrdquo
La forma de presentacioacute ldquofw_fp_tramitrdquo estagrave preparada per ldquomaquillarrdquo el contingut
dels tragravemits Tambeacute es pot fer servir una forma de presentacioacute personalitzada
segons es cregui convenient
1
1
2
3
4
88
En acabar tornarem a la pagravegina principal drsquoedicioacute i farem el seguumlent
1 Verificar que la forma de presentacioacute eacutes la que hem escollit
2 Fer clic a ldquoOKrdquo
En finalitzar la configuracioacute del component de presentacioacute tornem a la pantalla del
portal i cal fer el seguumlent
1 Verificar que el disseny de la presentacioacute eacutes semblant al seguumlent
1
2
89
Configurarem el portlet superior central de la pagravegina perquegrave aquesta contingui el fil
drsquoAriadna
1 Accedir a ldquoObrir Plantillardquo
1 Editar el portlet central que hi ha a sobre del detall de tragravemit per configurar el fil
drsquoAriadna En aquest exemple el portlet eacutes ldquoFW_hilo_ariadnardquo
Escollirem el component de presentacioacute
1 Seleccionar el component de presentacioacute ldquoFil drsquoAriadnardquo
1
1
90
En la configuracioacute del component realitzarem les accions seguumlents
1 Inserir el camp ldquoAgraveliesrdquo
2 Inserir el camp ldquoCanalrdquo
3 Fer clic a la pestanya ldquoPresentacioacuterdquo i cercar la forma de presentacioacute
ldquofw_fp_filariadnardquo
1
91
513 Configuracioacute del detall drsquouna normativa SAC
En el detall de contingut configurat en el punt anterior fent clic sobre una normativa
veurem com ens redirigeix a la plantilla configurada al ldquodetall2rdquo drsquoaquesta pagravegina tal
com hem configurat a lrsquoapartat 231
1 Fer clic a la primera ldquoNormativa Aplicablerdquo
2
3
92
Aquest enllaccedil ens portaragrave al detall2 del canal on srsquoha de configurar el detall de
contingut SAC per tal que es mostri la normativa aplicable
Configurarem el portlet superior central de la pagravegina perquegrave aquesta contingui el fil
drsquoAriadna per a aixograve cal fer el seguumlent
1 Accedir a ldquoObrir Plantillardquo
1
93
1
94
1 Editar el portlet central que hi ha a sobre del detall de tragravemit per configurar el fil
drsquoAriadna En aquest exemple el portlet eacutes ldquofw_portlet_tramitrdquo
Escollirem el component de presentacioacute
1 Seleccionar el component de presentacioacute ldquoDetall de Contingut SACrdquo
En la configuracioacute del component realitzarem les accions seguumlents
1 Inserir el camp ldquoAgraveliesrdquo
2 Seleccionar el tipus de contingut ldquoDetall Tragravemitrdquo
1
95
3 Fer clic a la pestanya ldquoPresentacioacuterdquo i cercar la forma de presentacioacute
ldquofw_fp_sac_normativardquo
4 Fer clic al botoacute ldquoOKrdquo
Srsquoactualitzaragrave la pagravegina de VAP i es mostraragrave el detall de SAC
1
2
3
4
96
514 Validacioacute final de VAP
Finalment cal validar que els tragravemits es visualitzen correctament per a aixograve cal
1 Verificar que tenim els canals creats
2 Accedir al canal ldquoCanal Llistat tragravemitsrdquo i validar que es mostren els tragravemits
que hem associat al punt 22
1
97
A continuacioacute cal fer les comprovacions seguumlents
1 Accedir al detall del tragravemit compartit
2 Accedir al pas a pas del tragravemit i a la normativa de SAC
Exemple llistat de tragravemits compartits
2
1
98
Exemple detall de tragravemit compartit
Exemple pas a pas drsquoun tragravemit
2
2
99
Exemple normativa SAC
En el cas que no es visualitzin el llistat de tragravemits detall o pas a pas configurat
validar
1 Refrescar la Pagravegina
2 Els tragravemits estan associats al canal que esteacuten visualitzat punt 23
1 Refrescar la pagravegina
1
31
Despreacutes cal validar que la pagravegina srsquoha creat correctament per a aixograve cal fer el
seguumlent
1 Seleccionar ldquoLlista Pagraveginardquo
2 Fer clic al nom de la pagravegina
1
2
32
Per bloquejar la pagravegina cal fer el seguumlent
1 Seleccionar la casella de verificacioacute ldquoPagravegina Bloquejadardquo
2 Fer clic a ldquoActualitzar Opcionsrdquo
1
2
33
221 Crear NavItem de detall de tragravemits i normativa SAC
A partir de la consola de VAP farem les tasques seguumlents per crear el NavItem
1 Anar a lrsquoopcioacute del menuacute ldquoArbre de Navegacioacuterdquo
2 Fer clic a ldquoCrear Element de Navegacioacuterdquo
1
2
34
Per crear lrsquoelement de Navegacioacute realitzarem les tasques seguumlents
1 Posar el nom al NavItem rdquoFW_NavItem_GRIDBrdquo
2 Seleccionar ldquoEnllaccedilar ardquo i seleccionar la pagravegina que acabem de crear
3 Seleccionar el tema ldquoFW_Temardquo
4 Seleccionar la graella ldquoFW_Grid_Brdquo sense destacats a la dreta per
visualitzar correctament el detall de tragravemits el pas a pas i la normativa SAC
5 Fer clic a ldquoCrearrdquo
1
2
3
4
5
35
Quan seleccionem ldquoEnllaccedilar ardquo i seleccionem la pagravegina que acabem de crear srsquoobriragrave
la finestra seguumlent aquiacute cal
1 Cercar la pagravegina que hem creat en el pas anterior
2 Seleccionar la casella de verificacioacute de la pagravegina
3 Fer clic a ldquoOKrdquo
Quan fem seleccionem el tema srsquoobriragrave la seguumlent finestra per a aixograve cal
1 Seleccionar la casella de verificacioacute del tema que utilitzarem al nostre site per
a aquest exemple farem servir el tema del Site Genegraveric
2 Fer clic a ldquoSalvarrdquo
1
1
2
3
2
36
Quan seleccionem la graella srsquoobriragrave la finestra seguumlent aquiacute cal
1 Seleccionar la graella que utilitzarem al nostre site per a aquest exemple farem
servir la Graella FW_Grid_B sense destacats a la dreta del Site Genegraveric Per
tal de visualitzar correctament el detall del tragravemit el pas a pas i la normativa
SAC eacutes imprescindible que la graella tingui una uacutenica columna de continguts
2 Fer clic a ldquoSalvarrdquo
1
2
37
3 Configuracioacute de lrsquoadministracioacute de VCM
31 Creacioacute del canal ldquoLlistat tragravemitsrdquo
Dins del gestor de continguts realitzarem les tasques seguumlents
1 Accedir a ldquoPortalsrdquo
2 Navegar fins al ldquoPortalrdquo on volem configurar el llistat de continguts
3 Seleccionar ldquoHomerdquo
4 Posicionar-se sobre la creu verda i seleccionar ldquoCanalrdquo
a Emplenar la informacioacute i fer clic a ldquoOKrdquo
b Assegurar-se que el canal eacutes ldquoActiurdquo
1
2
3
38
311 Associacioacute de fitxers a la presentacioacute drsquoun canal
Ara srsquohan drsquoassociar els fitxers estagravetics adequats a la presentacioacute del canal perquegrave les
formes de presentacioacute posteriors trobin els estils i els Javascript corresponents
Per a aixograve cal entrar a les propietats del canal ldquoCanal Llistat tragravemitsrdquo i
1 Seleccionar el canal ldquoCanal Llistat tragravemitsrdquo
4
4a
4b
39
1
40
En entrar trobarem el llistat seguumlent on cal
1 Fer clic a ldquoCanal Llistat tragravemitsrdquo
2 Aquest eacutes un contingut del tipus Canals (cal fixar-se que no eacutes com lrsquoanterior)
Es mostraragrave la pantalla seguumlent on afegirem els fitxers relacionats amb el canal per a
cada idioma aquiacute cal
1 Emplenar els camps requerits per crear una pestanya del multiidioma
2 Desplaccedilar-se cap avall en lrsquoapartat ldquomultiidiomardquo fins a observar lrsquoapartat
drsquoassociacioacute de fitxers
3 Fer clic a ldquoAfegirrdquo
En aquest moment apareixeragrave la pantalla seguumlent
1 Si voleu afegir un fitxer amb extensioacute css cal deixar el camp ldquoTipus de fitxerrdquo
amb valor ldquocssrdquo Si voleu afegir un fitxer que teacute extensioacute js srsquoha de canviar el
camp ldquoTipus de fitxerrdquo al valor ldquojsrdquo
2 Fer clic a ldquoNavegadorrdquo
1
2 1 3
2
41
Apareixeragrave la pantalla de navegacioacute de continguts i anirem cercant els fitxers estagravetics
que associarem aquiacute cal
1 Fer clic a ldquoFrameworkrdquo
2 Fer clic a ldquoestilos y scriptsrdquo
3 Fer clic a ldquoNuevos Estilos imagenes y jsrdquo
4 Fer clic a ldquoGlobalsrdquo
2 1
42
43
44
Una vegada se nrsquohagin seleccionat tornarem a la pantalla anterior i farem el seguumlent
1 Verificar que el fitxer seleccionat eacutes el que apareix al quadre de text i que la
seva extensioacute coincideix amb la que hi ha seleccionada a ldquoTipus de fitxerrdquo
2 Fer clic a ldquoOKrdquo
Un cop acabades totes les associacions el resultat de les associacions afegides a la
pantalla principal ha de ser el seguumlent
1 Fer clic a ldquoAplicarrdquo a lrsquoapartat ldquomultiidiomardquo
1
2
45
1
46
Es recarregaragrave la pantalla
1 Fer clic a ldquoOKrdquo al nivell general
Ja tenim configurat el canal que mostraragrave ldquoLlistat de tragravemitsrdquo amb els fitxers associats
que fa referegravencia a la forma de presentacioacute que farem servir aquest mateix canal
mostraragrave el detall del contingut tragravemit amb el format detall
32 Creacioacute i assignacioacute de plantilles de presentacioacute per al
canal ldquoCanal Llistat tragravemitsrdquo
321 Creacioacute de les plantilles (templates) de VCM
La configuracioacute del canal de VCM per mostrar els llistats de tragravemits i el seu detall es
basen en tres plantilles una per llistar el tragravemits (format default) una per mostrar el
detall i el pas a pas drsquoun tragravemit (format detall) i una altra per mostrar la normativa
aplicable drsquoun tragravemit (format detall2)
A continuacioacute srsquoexplica com es creen les plantilles de presentacioacute
(Presentation Templates) necessagraveries per configurar els tragravemits Els
responsables de cada site srsquohan de crear les seves progravepies plantilles
Cal tenir en compte que les plantilles que apareixen en el document soacuten nomeacutes un
exemple drsquouna configuracioacute vagravelida En els casos pragravectics cal seleccionar les plantilles
que pertanyen a cada portal io que tingui cada usuari en els seus recursos
En el nostre cas es fan servir les plantilles ldquoGridB2LlistatTramitsrdquo ldquoGridBTramitrdquo i
ldquoGridBTramitNormativaSacrdquo
1
47
Per la creacioacute de la plantilla srsquohan de seguir els passos seguumlents
1 Accedir al ldquoBanc de Treballrdquo
2 Accedir a ldquoPresentation Templatesrdquo
3 Accedir a la carpeta de presentacions del nostre site en aquest exemple
ldquogenegravericrdquo
1
2
48
Un cop som al llistat de plantilles del nostre site cal fer el seguumlent
1 Seleccionar el signe ldquo+rdquo
2 Seleccionar Forma de Presentation Template
En realitzar aquesta accioacute srsquoobriragrave la finestra drsquoedicioacute o creacioacute de la Presentation
Template Srsquohan de crear dos plantilles noves amb les dades seguumlents
1 Plantilla per al llistat de tragravemits
a Nom cal posar un nom identificatiu de la plantilla per exemple
GenericoGridB2LlistatTramit
b Tipus de plantilla Portal Page
c VAPVCM Portal defaultgeneric (cal posar el nom del portal VAP)
d Element del menuacute de VAP FW_NavItem_GRIDB2
3
1
2
49
e Canal VCM per defecte
Tot seguit cal fer clic a ldquoOKrdquo
Per a la configuracioacute de la plantilla per al llistat de tragravemits es pot fer servir un
NavItem que utilitzi una grid amb destacats a la dreta per exemple la GRID B2 del
Site Genegraveric o beacute un Navitem sense destacats (el FW_NavItem_GRIDB creat
anteriorment)
El NavItem ha de disposar drsquoun portlet a la part central a nivell de Page per
configurar el llistat de tragravemits
f
50
2 Crear una nova Presentation Template per al detall de tragravemits i el pas a
pas
a Nom cal posar un nom identificatiu de la plantilla com per exemple
GenericoGridBTramit
b Tipus de plantilla Portal Page
c VAPVCM Portal defaultgeneric
d Element del menuacute de VAP FW_NavItem_GRIDB
e Canal VCM per defecte
Finalment cal fer clic a ldquoOKrdquo
Per configurar la plantilla per al detall dels tragravemits i el pas a pas srsquoha de fer servir un
NavItem que utilitzi una grid sense destacats a la dreta per exemple la GRID B del
site Genegraveric
El NavItem ha de disposar de dos portlets a la part central a nivell de Page per
configurar el llistat de tragravemits
Tot seguit cal crear una nova Presentation Template per al detall de tragravemits i el pas a
pas
a Nom cal posar un nom identificatiu de la plantilla per exemple
GenericoGridBTramitNormativaSac
f
51
b Tipus de plantilla Portal Page
c VAPVCM Portal defaultgeneric
d Element del menuacute de VAP FW_NavItem_GRIDB
e Canal VCM per defecte
Finalment cal fer clic a ldquoOKrdquo
322 Configuracioacute de la plantilla al canal
Les Presentation Templates que configurarem a continuacioacute soacuten drsquoexemple
Els responsables de cada site han de crear les seves progravepies plantilles
Un cop creat el canal i les Presentation Templates en configurarem la presentacioacute
1 Seleccionarem la casella de seleccioacute del canal que acabem de crear
2 Farem clic a la icona de propietats del canal
3 Navegarem a la pestanya ldquoPresentacioacuterdquo
52
Ens apareixeragrave un formulari com el que es mostra a continuacioacute i realitzarem les
accions seguumlents
1 Fer clic a ldquoAfegir presentacioacute de canalrdquo
1
2
3
53
Apareixeragrave la pantalla seguumlent amb lrsquoobjectiu de seleccionar una plantilla en el nostre
cas farem el seguumlent
1 Seleccionar el projecte de plantilles respectiu al portal A lrsquoexemple ldquogenericrdquo
Posteriorment apareixeragrave un llistat de plantilles (ldquoTemplatesrdquo)
1 En aquest cas seleccionarem ldquoGridB2LlistatTramitsrdquo
2 Acceptarem la seleccioacute ldquoOKrdquo
1
1
54
1
2
55
Un cop acceptat ens apareixeragrave la pantalla seguumlent on configurarem el ldquodetallrdquo Per a
aixograve cal fer el seguumlent
1 Fer clic a ldquoAssignar una Nova Plantilla de Presentacioacuterdquo
1
56
Tot seguit apareixeragrave la pantalla que es mostra a continuacioacute on realitzarem les
accions seguumlents
1 Fer clic a ldquoAfegir formatrdquo
En aquesta nova pantalla ens assegurarem del seguumlent
1 A la casella ldquoFormatrdquo hi ha el valor ldquodetallrdquo
2 A la casella ldquoTemplaterdquo hi ha drsquohaver el correcte Si no eacutes aixiacute srsquoha de fer clic a
ldquoNavegadorrdquo
En fer clic a ldquoNavegadorrdquo cal fer el seguumlent
1 Tornar a navegar fins a ldquogenericrdquo
1
1 2
57
1
58
I a la pantalla seguumlent cal seleccionar una plantilla i
1 Fer clic al botoacute a prop de ldquoGridBTramitrdquo
2 Fer clic a ldquoOKrdquo
1
2
59
En aquest moment es torna a la pantalla anterior i cal
1 Fer clic a ldquoOKrdquo
En el canal Llistat de tragravemits ha drsquoestar configurat el ldquoformatrdquo ldquodetallrdquo ja que la forma
de presentacioacute que configurarem a GridDBTramit necessitaragrave aquest format per
visualitzar el detall del contingut de tipus ldquoTragravemitrdquo
2
60
La pantalla anterior a aquesta ens ha de presentar aquesta informacioacute Ara
configurarem el ldquodetall2rdquo per presentar el contingut rdquo Normativa de SACrdquo Per a aixograve
cal fer el seguumlent
1 Fer clic a ldquoAfegir Formatrdquo
En aquesta nova pantalla ens assegurarem del seguumlent
1 A la casella ldquoFormatrdquo hi ha el valor ldquodetall2rdquo
1
61
2 A la casella ldquoTemplaterdquo hi ha drsquohaver el correcte Si no eacutes aixiacute srsquoha de fer clic a
ldquoNavegadorrdquo
En fer clic a ldquoNavegadorrdquo srsquoha de fer el seguumlent
1 Tornar a navegar fins a ldquogenericrdquo (srsquoha de substituir pel nom del portal)
1 2
62
1
63
A la pantalla seguumlent cal seleccionar una plantilla i
1 Fer clic al botoacute a prop de ldquoGridBTramitNormativaSacrdquo
2 Fer clic a ldquoOKrdquo
1
2
64
En aquest moment es torna a la pantalla anterior i cal fer el seguumlent
2 Fer clic a ldquoOKrdquo
En el canal Llistat de tragravemits ha drsquoestar configurat el ldquoformatrdquo ldquodetall2rdquo ja que la
forma de presentacioacute que configurarem a GridDBTramitNormativaSac necessitaragrave
aquest format per visualitzar el detall del contingut de tipus normativa ldquoSACrdquo
2
65
La pantalla anterior a aquesta ens ha de presentar aquesta informacioacute i srsquoha de fer el
seguumlent
2 Fer clic a ldquoOKrdquo
1
66
La finestra pare anterior a aquesta quedaragrave com es mostra tot seguit i realitzarem les
accions seguumlents
1 Fer clic a ldquoOKrdquo
4 Comparticioacute de continguts
Accedim al projecte on hi ha tots els tragravemits de lrsquoOVT
1
67
OVTDepartaments[NomCurtDepartaments][NomCurtOrganisme] TramitOVT
On NomCurtDepartaments correspon al nom curt del departament al que fa referencia
el nostre organisme
En aquest exemple es mostren tots els projectes de tragravemits de lrsquoOVT
Un cop localitzat el tragravemit de lrsquoOVT que volem compartir amb el nostre site accedirem
a lrsquoedicioacute del contingut i assignarem aquest contingut al canal del nostre site on es
vulgui mostrar Srsquoha de fer el seguumlent
1 Anar al contenidor de projectes on hi ha els continguts de GECO
Apareixeragrave lrsquoestructura de projectes a la qual teacute acceacutes lrsquousuari redactor Cal fer el
seguumlent (exemple Agegravencia Tributagraveria dins drsquoEconomia i Finances)
1 Seleccionar ldquoOVTrdquo
2 Seleccionar ldquoDepartamentsrdquo aquesta carpeta conteacute tots els tragravemits de lrsquoOVT
classificats per departaments
3 Seleccionar ldquoECOrdquo A lrsquousuari nomeacutes se li mostraragrave la carpeta del seu
departament
Si lrsquousuari no visualitza la carpeta dins del seu departament eacutes perquegrave no
srsquoha aplicat la poliacutetica de seguretat correctament Cal obrir un tiquet a Suport
gencat per tramitar aquests permisos AQUESTA CARPETA NOMEacuteS SERAgrave
VISIBLE PER ALS USUARIS AMB ROL REDACTOR
4 Seleccionar ldquoA_Agegravencia Tributagraveriardquo
5 Seleccionar ldquoTramitOVTrdquo
1
68
2
3
1
69
4
5
70
Apareixeragrave el llistat de continguts ldquoTragravemitOVTrdquo de lrsquoOVT de lrsquoAgegravencia Tributagraveria
Realitzarem les accions seguumlents
1 Seleccionar el tragravemit o els tragravemits que volem compartir en la web dorganisme
2 Fer clic a ldquoAssociarrdquo
2
1
71
Aquest proceacutes obriragrave una finestra Per seleccionar el site i canal on es volen mostrar
els tragravemits seleccionats realitzarem les accions seguumlents (cas site Generic)
1 Seleccionar el site ldquoGenericrdquo en el vostre cas el site del departament on es vol
mostrar el contingut ldquotragravemitrdquo
2 Navegar pels canals del Site Genegraveric fins al canal que srsquoha creat en el punt
ldquoLlistat de tragravemitsrdquo i seleccionar el quadre de verificacioacute
3 Fer clic a ldquoOKrdquo
1
72
2
3
73
41 Validar que la comparticioacute de continguts eacutes correcta
Accedim per VCM al canal que hem creat anteriorment al qual li acabem drsquoassignar
els continguts de tragravemits que ha de mostrar i fem el seguumlent
1 Anar al contenidor de portals
2 Seleccionar el Site ldquogenericrdquo
3 Seleccionar el canal ldquoHomerdquo
4 Seleccionar el canal ldquoCanal Llistat tragravemitsrdquo
1
2
3
74
4
75
Apareixeragrave el contingut assignat al canal ldquoCanal Llistat tragravemitsrdquo
En entrar trobarem el llistat seguumlent
1 Llistat del tragravemits de lrsquoOVT que srsquohan compartit amb el canal ldquoCanal Llistat
tragravemitsrdquo
2 Validar que els continguts que apareixen soacuten del tipus ldquoTramitOVTrdquo
En cas que al canal del site ldquoCanal Llistat tragravemitsrdquo no apareguin els continguts
tragravemits associats anteriorment cal repetir el pas 22
1 2
76
5 Configuracioacute al portal
Ara cal entrar al nostre site on tenim configurat el canal que hem creat en lrsquoapartat
anterior (21) i que ara configurarem a nivell de portal
51 Configuracioacute a Canal Llistat tragravemits
511 Configuracioacute de la llista de tragravemits
Farem clic a lrsquoenllaccedil ldquoCanal llistat tragravemitsrdquo de la ldquoHomerdquo i anirem a parar a una
pantalla com la que es mostra meacutes avall
Es pot apreciar que en el contingut de la pagravegina no hi ha res Aixograve eacutes perquegrave cal
configurar els portlets adequats ( )
1 Ens situarem sobre la icona ldquoOpcions de Pagraveginardquo
2 Seleccionarem ldquoObrir Plantillardquo ja que els portlets soacuten a nivell de Page
Ens apareixeragrave una pantalla com la que es mostra tot seguit i realitzarem les accions
seguumlents
1 Seleccionar el portlet de la part central de la pagravegina per configurar una ldquoLlista
automagravetica de contingutsrdquo
2
1
77
Tambeacute podem configurar una ldquoLlista manual de contingutsrdquo segons les
necessitats de cada usuari
78
Ens redirigiragrave cap a un formulari drsquoedicioacute que ens mostraragrave directament quina consulta
hem de configurar per mostrar els continguts i configurarem una consulta com la
seguumlent (evidentment segons les necessitats de cada usuari)
Ara tenim configurat que la pagravegina mostraragrave els tipus de contingut ldquoTramitOVTrdquo del
canal actual ordenats per la ldquoEacutes on-linerdquo en ordre descendent
Aixograve ens portaragrave a la pantalla principal on acabarem de completar la configuracioacute
1 Validar que en lrsquoapartat ldquoConsultardquo hi ha la configuracioacute que acabem drsquoafegir
2 Emplenar ldquoAgraveliesrdquo
3 En lrsquoapartat Forma de presentacioacute fer clic al botoacute ldquoCercar helliprdquo
79
Ens apareixeragrave la pantalla seguumlent
1 Fer clic a ldquoNavegacioacute per projectesrdquo
1
2
3
80
Ens canviaragrave la vista al format seguumlent
1 Navegarem per les carpetes fins a arribar a ldquoFramework Formes de
presentacioacute Site generic fw_fp_llistatramitsrdquo
2 Seleccionarem ldquofw_fp_llistatramitsrdquo
3 Farem clic a ldquoOKrdquo
1
1
81
En retornar a la pantalla principal cal
1 Validar que la forma de presentacioacute eacutes la que acabem de seleccionar
2 Fer clic a ldquoOKrdquo
1 (continuacioacute) 2
3
82
1
2
83
Aquest seragrave el nostre resultat a la pantalla del portal i cal fer el seguumlent
1 Verificar que apareixen els dos continguts que es van associar a aquest canal
1
84
512 Configuracioacute del detall del tragravemit i el pas a pas
En fer clic sobre una activitat veurem com ens redirigeix a la plantilla configurada al
ldquodetallrdquo drsquoaquesta pagravegina tal com la vam configurar en lrsquoapartat 231 cal fer el
seguumlent
1 Fer clic a la primera activitat
1
85
Ens sortiragrave la pagravegina de VAP del detall drsquoun contingut per configurar farem els
passos seguumlents
1 Ens situarem sobre la icona ldquoOpcions de Pagraveginardquo
2 Seleccionar ldquoObrir Plantillardquo ja que els portlets soacuten a nivell de Page
Ens apareixeragrave una pantalla com la que es mostra tot seguit i realitzarem les accions
seguumlents
1 Seleccionar el portlet de la part central de la pagravegina per configurar un ldquoDetall
de contingutrdquo i fer clic a ldquoEditarrdquo
Ens apareixeragrave la pantalla de seleccioacute de component de presentacioacute
1 Seleccionarem el component de presentacioacute ldquoDetall de contingutrdquo
1
2
1
86
Ens apareixeragrave la pantalla que es mostra tot seguit i realitzarem les accions seguumlents
1 Emplenar el camp ldquoAgraveliesrdquo
2 Canviar a la pestanya ldquoPresentacioacuterdquo
En fer clic a la pestanya obtindrem la imatge que es mostra tot seguit i realitzarem les
accions seguumlents
1 Cercarem una forma de presentacioacute fent clic a ldquoCercar helliprdquo
1
2
87
Quan aparegui la pantalla de cercador realitzarem una cerca de la forma de
presentacioacute que volem fer servir per a aixograve cal fer el seguumlent
1 Emplenar la caixa de text amb ldquofw_fp_tramitrdquo
2 Preacutemer ldquoCercarrdquo
3 Seleccionar la forma de presentacioacute de la caixa de resultats
4 Preacutemer ldquoOKrdquo
La forma de presentacioacute ldquofw_fp_tramitrdquo estagrave preparada per ldquomaquillarrdquo el contingut
dels tragravemits Tambeacute es pot fer servir una forma de presentacioacute personalitzada
segons es cregui convenient
1
1
2
3
4
88
En acabar tornarem a la pagravegina principal drsquoedicioacute i farem el seguumlent
1 Verificar que la forma de presentacioacute eacutes la que hem escollit
2 Fer clic a ldquoOKrdquo
En finalitzar la configuracioacute del component de presentacioacute tornem a la pantalla del
portal i cal fer el seguumlent
1 Verificar que el disseny de la presentacioacute eacutes semblant al seguumlent
1
2
89
Configurarem el portlet superior central de la pagravegina perquegrave aquesta contingui el fil
drsquoAriadna
1 Accedir a ldquoObrir Plantillardquo
1 Editar el portlet central que hi ha a sobre del detall de tragravemit per configurar el fil
drsquoAriadna En aquest exemple el portlet eacutes ldquoFW_hilo_ariadnardquo
Escollirem el component de presentacioacute
1 Seleccionar el component de presentacioacute ldquoFil drsquoAriadnardquo
1
1
90
En la configuracioacute del component realitzarem les accions seguumlents
1 Inserir el camp ldquoAgraveliesrdquo
2 Inserir el camp ldquoCanalrdquo
3 Fer clic a la pestanya ldquoPresentacioacuterdquo i cercar la forma de presentacioacute
ldquofw_fp_filariadnardquo
1
91
513 Configuracioacute del detall drsquouna normativa SAC
En el detall de contingut configurat en el punt anterior fent clic sobre una normativa
veurem com ens redirigeix a la plantilla configurada al ldquodetall2rdquo drsquoaquesta pagravegina tal
com hem configurat a lrsquoapartat 231
1 Fer clic a la primera ldquoNormativa Aplicablerdquo
2
3
92
Aquest enllaccedil ens portaragrave al detall2 del canal on srsquoha de configurar el detall de
contingut SAC per tal que es mostri la normativa aplicable
Configurarem el portlet superior central de la pagravegina perquegrave aquesta contingui el fil
drsquoAriadna per a aixograve cal fer el seguumlent
1 Accedir a ldquoObrir Plantillardquo
1
93
1
94
1 Editar el portlet central que hi ha a sobre del detall de tragravemit per configurar el fil
drsquoAriadna En aquest exemple el portlet eacutes ldquofw_portlet_tramitrdquo
Escollirem el component de presentacioacute
1 Seleccionar el component de presentacioacute ldquoDetall de Contingut SACrdquo
En la configuracioacute del component realitzarem les accions seguumlents
1 Inserir el camp ldquoAgraveliesrdquo
2 Seleccionar el tipus de contingut ldquoDetall Tragravemitrdquo
1
95
3 Fer clic a la pestanya ldquoPresentacioacuterdquo i cercar la forma de presentacioacute
ldquofw_fp_sac_normativardquo
4 Fer clic al botoacute ldquoOKrdquo
Srsquoactualitzaragrave la pagravegina de VAP i es mostraragrave el detall de SAC
1
2
3
4
96
514 Validacioacute final de VAP
Finalment cal validar que els tragravemits es visualitzen correctament per a aixograve cal
1 Verificar que tenim els canals creats
2 Accedir al canal ldquoCanal Llistat tragravemitsrdquo i validar que es mostren els tragravemits
que hem associat al punt 22
1
97
A continuacioacute cal fer les comprovacions seguumlents
1 Accedir al detall del tragravemit compartit
2 Accedir al pas a pas del tragravemit i a la normativa de SAC
Exemple llistat de tragravemits compartits
2
1
98
Exemple detall de tragravemit compartit
Exemple pas a pas drsquoun tragravemit
2
2
99
Exemple normativa SAC
En el cas que no es visualitzin el llistat de tragravemits detall o pas a pas configurat
validar
1 Refrescar la Pagravegina
2 Els tragravemits estan associats al canal que esteacuten visualitzat punt 23
1 Refrescar la pagravegina
1
32
Per bloquejar la pagravegina cal fer el seguumlent
1 Seleccionar la casella de verificacioacute ldquoPagravegina Bloquejadardquo
2 Fer clic a ldquoActualitzar Opcionsrdquo
1
2
33
221 Crear NavItem de detall de tragravemits i normativa SAC
A partir de la consola de VAP farem les tasques seguumlents per crear el NavItem
1 Anar a lrsquoopcioacute del menuacute ldquoArbre de Navegacioacuterdquo
2 Fer clic a ldquoCrear Element de Navegacioacuterdquo
1
2
34
Per crear lrsquoelement de Navegacioacute realitzarem les tasques seguumlents
1 Posar el nom al NavItem rdquoFW_NavItem_GRIDBrdquo
2 Seleccionar ldquoEnllaccedilar ardquo i seleccionar la pagravegina que acabem de crear
3 Seleccionar el tema ldquoFW_Temardquo
4 Seleccionar la graella ldquoFW_Grid_Brdquo sense destacats a la dreta per
visualitzar correctament el detall de tragravemits el pas a pas i la normativa SAC
5 Fer clic a ldquoCrearrdquo
1
2
3
4
5
35
Quan seleccionem ldquoEnllaccedilar ardquo i seleccionem la pagravegina que acabem de crear srsquoobriragrave
la finestra seguumlent aquiacute cal
1 Cercar la pagravegina que hem creat en el pas anterior
2 Seleccionar la casella de verificacioacute de la pagravegina
3 Fer clic a ldquoOKrdquo
Quan fem seleccionem el tema srsquoobriragrave la seguumlent finestra per a aixograve cal
1 Seleccionar la casella de verificacioacute del tema que utilitzarem al nostre site per
a aquest exemple farem servir el tema del Site Genegraveric
2 Fer clic a ldquoSalvarrdquo
1
1
2
3
2
36
Quan seleccionem la graella srsquoobriragrave la finestra seguumlent aquiacute cal
1 Seleccionar la graella que utilitzarem al nostre site per a aquest exemple farem
servir la Graella FW_Grid_B sense destacats a la dreta del Site Genegraveric Per
tal de visualitzar correctament el detall del tragravemit el pas a pas i la normativa
SAC eacutes imprescindible que la graella tingui una uacutenica columna de continguts
2 Fer clic a ldquoSalvarrdquo
1
2
37
3 Configuracioacute de lrsquoadministracioacute de VCM
31 Creacioacute del canal ldquoLlistat tragravemitsrdquo
Dins del gestor de continguts realitzarem les tasques seguumlents
1 Accedir a ldquoPortalsrdquo
2 Navegar fins al ldquoPortalrdquo on volem configurar el llistat de continguts
3 Seleccionar ldquoHomerdquo
4 Posicionar-se sobre la creu verda i seleccionar ldquoCanalrdquo
a Emplenar la informacioacute i fer clic a ldquoOKrdquo
b Assegurar-se que el canal eacutes ldquoActiurdquo
1
2
3
38
311 Associacioacute de fitxers a la presentacioacute drsquoun canal
Ara srsquohan drsquoassociar els fitxers estagravetics adequats a la presentacioacute del canal perquegrave les
formes de presentacioacute posteriors trobin els estils i els Javascript corresponents
Per a aixograve cal entrar a les propietats del canal ldquoCanal Llistat tragravemitsrdquo i
1 Seleccionar el canal ldquoCanal Llistat tragravemitsrdquo
4
4a
4b
39
1
40
En entrar trobarem el llistat seguumlent on cal
1 Fer clic a ldquoCanal Llistat tragravemitsrdquo
2 Aquest eacutes un contingut del tipus Canals (cal fixar-se que no eacutes com lrsquoanterior)
Es mostraragrave la pantalla seguumlent on afegirem els fitxers relacionats amb el canal per a
cada idioma aquiacute cal
1 Emplenar els camps requerits per crear una pestanya del multiidioma
2 Desplaccedilar-se cap avall en lrsquoapartat ldquomultiidiomardquo fins a observar lrsquoapartat
drsquoassociacioacute de fitxers
3 Fer clic a ldquoAfegirrdquo
En aquest moment apareixeragrave la pantalla seguumlent
1 Si voleu afegir un fitxer amb extensioacute css cal deixar el camp ldquoTipus de fitxerrdquo
amb valor ldquocssrdquo Si voleu afegir un fitxer que teacute extensioacute js srsquoha de canviar el
camp ldquoTipus de fitxerrdquo al valor ldquojsrdquo
2 Fer clic a ldquoNavegadorrdquo
1
2 1 3
2
41
Apareixeragrave la pantalla de navegacioacute de continguts i anirem cercant els fitxers estagravetics
que associarem aquiacute cal
1 Fer clic a ldquoFrameworkrdquo
2 Fer clic a ldquoestilos y scriptsrdquo
3 Fer clic a ldquoNuevos Estilos imagenes y jsrdquo
4 Fer clic a ldquoGlobalsrdquo
2 1
42
43
44
Una vegada se nrsquohagin seleccionat tornarem a la pantalla anterior i farem el seguumlent
1 Verificar que el fitxer seleccionat eacutes el que apareix al quadre de text i que la
seva extensioacute coincideix amb la que hi ha seleccionada a ldquoTipus de fitxerrdquo
2 Fer clic a ldquoOKrdquo
Un cop acabades totes les associacions el resultat de les associacions afegides a la
pantalla principal ha de ser el seguumlent
1 Fer clic a ldquoAplicarrdquo a lrsquoapartat ldquomultiidiomardquo
1
2
45
1
46
Es recarregaragrave la pantalla
1 Fer clic a ldquoOKrdquo al nivell general
Ja tenim configurat el canal que mostraragrave ldquoLlistat de tragravemitsrdquo amb els fitxers associats
que fa referegravencia a la forma de presentacioacute que farem servir aquest mateix canal
mostraragrave el detall del contingut tragravemit amb el format detall
32 Creacioacute i assignacioacute de plantilles de presentacioacute per al
canal ldquoCanal Llistat tragravemitsrdquo
321 Creacioacute de les plantilles (templates) de VCM
La configuracioacute del canal de VCM per mostrar els llistats de tragravemits i el seu detall es
basen en tres plantilles una per llistar el tragravemits (format default) una per mostrar el
detall i el pas a pas drsquoun tragravemit (format detall) i una altra per mostrar la normativa
aplicable drsquoun tragravemit (format detall2)
A continuacioacute srsquoexplica com es creen les plantilles de presentacioacute
(Presentation Templates) necessagraveries per configurar els tragravemits Els
responsables de cada site srsquohan de crear les seves progravepies plantilles
Cal tenir en compte que les plantilles que apareixen en el document soacuten nomeacutes un
exemple drsquouna configuracioacute vagravelida En els casos pragravectics cal seleccionar les plantilles
que pertanyen a cada portal io que tingui cada usuari en els seus recursos
En el nostre cas es fan servir les plantilles ldquoGridB2LlistatTramitsrdquo ldquoGridBTramitrdquo i
ldquoGridBTramitNormativaSacrdquo
1
47
Per la creacioacute de la plantilla srsquohan de seguir els passos seguumlents
1 Accedir al ldquoBanc de Treballrdquo
2 Accedir a ldquoPresentation Templatesrdquo
3 Accedir a la carpeta de presentacions del nostre site en aquest exemple
ldquogenegravericrdquo
1
2
48
Un cop som al llistat de plantilles del nostre site cal fer el seguumlent
1 Seleccionar el signe ldquo+rdquo
2 Seleccionar Forma de Presentation Template
En realitzar aquesta accioacute srsquoobriragrave la finestra drsquoedicioacute o creacioacute de la Presentation
Template Srsquohan de crear dos plantilles noves amb les dades seguumlents
1 Plantilla per al llistat de tragravemits
a Nom cal posar un nom identificatiu de la plantilla per exemple
GenericoGridB2LlistatTramit
b Tipus de plantilla Portal Page
c VAPVCM Portal defaultgeneric (cal posar el nom del portal VAP)
d Element del menuacute de VAP FW_NavItem_GRIDB2
3
1
2
49
e Canal VCM per defecte
Tot seguit cal fer clic a ldquoOKrdquo
Per a la configuracioacute de la plantilla per al llistat de tragravemits es pot fer servir un
NavItem que utilitzi una grid amb destacats a la dreta per exemple la GRID B2 del
Site Genegraveric o beacute un Navitem sense destacats (el FW_NavItem_GRIDB creat
anteriorment)
El NavItem ha de disposar drsquoun portlet a la part central a nivell de Page per
configurar el llistat de tragravemits
f
50
2 Crear una nova Presentation Template per al detall de tragravemits i el pas a
pas
a Nom cal posar un nom identificatiu de la plantilla com per exemple
GenericoGridBTramit
b Tipus de plantilla Portal Page
c VAPVCM Portal defaultgeneric
d Element del menuacute de VAP FW_NavItem_GRIDB
e Canal VCM per defecte
Finalment cal fer clic a ldquoOKrdquo
Per configurar la plantilla per al detall dels tragravemits i el pas a pas srsquoha de fer servir un
NavItem que utilitzi una grid sense destacats a la dreta per exemple la GRID B del
site Genegraveric
El NavItem ha de disposar de dos portlets a la part central a nivell de Page per
configurar el llistat de tragravemits
Tot seguit cal crear una nova Presentation Template per al detall de tragravemits i el pas a
pas
a Nom cal posar un nom identificatiu de la plantilla per exemple
GenericoGridBTramitNormativaSac
f
51
b Tipus de plantilla Portal Page
c VAPVCM Portal defaultgeneric
d Element del menuacute de VAP FW_NavItem_GRIDB
e Canal VCM per defecte
Finalment cal fer clic a ldquoOKrdquo
322 Configuracioacute de la plantilla al canal
Les Presentation Templates que configurarem a continuacioacute soacuten drsquoexemple
Els responsables de cada site han de crear les seves progravepies plantilles
Un cop creat el canal i les Presentation Templates en configurarem la presentacioacute
1 Seleccionarem la casella de seleccioacute del canal que acabem de crear
2 Farem clic a la icona de propietats del canal
3 Navegarem a la pestanya ldquoPresentacioacuterdquo
52
Ens apareixeragrave un formulari com el que es mostra a continuacioacute i realitzarem les
accions seguumlents
1 Fer clic a ldquoAfegir presentacioacute de canalrdquo
1
2
3
53
Apareixeragrave la pantalla seguumlent amb lrsquoobjectiu de seleccionar una plantilla en el nostre
cas farem el seguumlent
1 Seleccionar el projecte de plantilles respectiu al portal A lrsquoexemple ldquogenericrdquo
Posteriorment apareixeragrave un llistat de plantilles (ldquoTemplatesrdquo)
1 En aquest cas seleccionarem ldquoGridB2LlistatTramitsrdquo
2 Acceptarem la seleccioacute ldquoOKrdquo
1
1
54
1
2
55
Un cop acceptat ens apareixeragrave la pantalla seguumlent on configurarem el ldquodetallrdquo Per a
aixograve cal fer el seguumlent
1 Fer clic a ldquoAssignar una Nova Plantilla de Presentacioacuterdquo
1
56
Tot seguit apareixeragrave la pantalla que es mostra a continuacioacute on realitzarem les
accions seguumlents
1 Fer clic a ldquoAfegir formatrdquo
En aquesta nova pantalla ens assegurarem del seguumlent
1 A la casella ldquoFormatrdquo hi ha el valor ldquodetallrdquo
2 A la casella ldquoTemplaterdquo hi ha drsquohaver el correcte Si no eacutes aixiacute srsquoha de fer clic a
ldquoNavegadorrdquo
En fer clic a ldquoNavegadorrdquo cal fer el seguumlent
1 Tornar a navegar fins a ldquogenericrdquo
1
1 2
57
1
58
I a la pantalla seguumlent cal seleccionar una plantilla i
1 Fer clic al botoacute a prop de ldquoGridBTramitrdquo
2 Fer clic a ldquoOKrdquo
1
2
59
En aquest moment es torna a la pantalla anterior i cal
1 Fer clic a ldquoOKrdquo
En el canal Llistat de tragravemits ha drsquoestar configurat el ldquoformatrdquo ldquodetallrdquo ja que la forma
de presentacioacute que configurarem a GridDBTramit necessitaragrave aquest format per
visualitzar el detall del contingut de tipus ldquoTragravemitrdquo
2
60
La pantalla anterior a aquesta ens ha de presentar aquesta informacioacute Ara
configurarem el ldquodetall2rdquo per presentar el contingut rdquo Normativa de SACrdquo Per a aixograve
cal fer el seguumlent
1 Fer clic a ldquoAfegir Formatrdquo
En aquesta nova pantalla ens assegurarem del seguumlent
1 A la casella ldquoFormatrdquo hi ha el valor ldquodetall2rdquo
1
61
2 A la casella ldquoTemplaterdquo hi ha drsquohaver el correcte Si no eacutes aixiacute srsquoha de fer clic a
ldquoNavegadorrdquo
En fer clic a ldquoNavegadorrdquo srsquoha de fer el seguumlent
1 Tornar a navegar fins a ldquogenericrdquo (srsquoha de substituir pel nom del portal)
1 2
62
1
63
A la pantalla seguumlent cal seleccionar una plantilla i
1 Fer clic al botoacute a prop de ldquoGridBTramitNormativaSacrdquo
2 Fer clic a ldquoOKrdquo
1
2
64
En aquest moment es torna a la pantalla anterior i cal fer el seguumlent
2 Fer clic a ldquoOKrdquo
En el canal Llistat de tragravemits ha drsquoestar configurat el ldquoformatrdquo ldquodetall2rdquo ja que la
forma de presentacioacute que configurarem a GridDBTramitNormativaSac necessitaragrave
aquest format per visualitzar el detall del contingut de tipus normativa ldquoSACrdquo
2
65
La pantalla anterior a aquesta ens ha de presentar aquesta informacioacute i srsquoha de fer el
seguumlent
2 Fer clic a ldquoOKrdquo
1
66
La finestra pare anterior a aquesta quedaragrave com es mostra tot seguit i realitzarem les
accions seguumlents
1 Fer clic a ldquoOKrdquo
4 Comparticioacute de continguts
Accedim al projecte on hi ha tots els tragravemits de lrsquoOVT
1
67
OVTDepartaments[NomCurtDepartaments][NomCurtOrganisme] TramitOVT
On NomCurtDepartaments correspon al nom curt del departament al que fa referencia
el nostre organisme
En aquest exemple es mostren tots els projectes de tragravemits de lrsquoOVT
Un cop localitzat el tragravemit de lrsquoOVT que volem compartir amb el nostre site accedirem
a lrsquoedicioacute del contingut i assignarem aquest contingut al canal del nostre site on es
vulgui mostrar Srsquoha de fer el seguumlent
1 Anar al contenidor de projectes on hi ha els continguts de GECO
Apareixeragrave lrsquoestructura de projectes a la qual teacute acceacutes lrsquousuari redactor Cal fer el
seguumlent (exemple Agegravencia Tributagraveria dins drsquoEconomia i Finances)
1 Seleccionar ldquoOVTrdquo
2 Seleccionar ldquoDepartamentsrdquo aquesta carpeta conteacute tots els tragravemits de lrsquoOVT
classificats per departaments
3 Seleccionar ldquoECOrdquo A lrsquousuari nomeacutes se li mostraragrave la carpeta del seu
departament
Si lrsquousuari no visualitza la carpeta dins del seu departament eacutes perquegrave no
srsquoha aplicat la poliacutetica de seguretat correctament Cal obrir un tiquet a Suport
gencat per tramitar aquests permisos AQUESTA CARPETA NOMEacuteS SERAgrave
VISIBLE PER ALS USUARIS AMB ROL REDACTOR
4 Seleccionar ldquoA_Agegravencia Tributagraveriardquo
5 Seleccionar ldquoTramitOVTrdquo
1
68
2
3
1
69
4
5
70
Apareixeragrave el llistat de continguts ldquoTragravemitOVTrdquo de lrsquoOVT de lrsquoAgegravencia Tributagraveria
Realitzarem les accions seguumlents
1 Seleccionar el tragravemit o els tragravemits que volem compartir en la web dorganisme
2 Fer clic a ldquoAssociarrdquo
2
1
71
Aquest proceacutes obriragrave una finestra Per seleccionar el site i canal on es volen mostrar
els tragravemits seleccionats realitzarem les accions seguumlents (cas site Generic)
1 Seleccionar el site ldquoGenericrdquo en el vostre cas el site del departament on es vol
mostrar el contingut ldquotragravemitrdquo
2 Navegar pels canals del Site Genegraveric fins al canal que srsquoha creat en el punt
ldquoLlistat de tragravemitsrdquo i seleccionar el quadre de verificacioacute
3 Fer clic a ldquoOKrdquo
1
72
2
3
73
41 Validar que la comparticioacute de continguts eacutes correcta
Accedim per VCM al canal que hem creat anteriorment al qual li acabem drsquoassignar
els continguts de tragravemits que ha de mostrar i fem el seguumlent
1 Anar al contenidor de portals
2 Seleccionar el Site ldquogenericrdquo
3 Seleccionar el canal ldquoHomerdquo
4 Seleccionar el canal ldquoCanal Llistat tragravemitsrdquo
1
2
3
74
4
75
Apareixeragrave el contingut assignat al canal ldquoCanal Llistat tragravemitsrdquo
En entrar trobarem el llistat seguumlent
1 Llistat del tragravemits de lrsquoOVT que srsquohan compartit amb el canal ldquoCanal Llistat
tragravemitsrdquo
2 Validar que els continguts que apareixen soacuten del tipus ldquoTramitOVTrdquo
En cas que al canal del site ldquoCanal Llistat tragravemitsrdquo no apareguin els continguts
tragravemits associats anteriorment cal repetir el pas 22
1 2
76
5 Configuracioacute al portal
Ara cal entrar al nostre site on tenim configurat el canal que hem creat en lrsquoapartat
anterior (21) i que ara configurarem a nivell de portal
51 Configuracioacute a Canal Llistat tragravemits
511 Configuracioacute de la llista de tragravemits
Farem clic a lrsquoenllaccedil ldquoCanal llistat tragravemitsrdquo de la ldquoHomerdquo i anirem a parar a una
pantalla com la que es mostra meacutes avall
Es pot apreciar que en el contingut de la pagravegina no hi ha res Aixograve eacutes perquegrave cal
configurar els portlets adequats ( )
1 Ens situarem sobre la icona ldquoOpcions de Pagraveginardquo
2 Seleccionarem ldquoObrir Plantillardquo ja que els portlets soacuten a nivell de Page
Ens apareixeragrave una pantalla com la que es mostra tot seguit i realitzarem les accions
seguumlents
1 Seleccionar el portlet de la part central de la pagravegina per configurar una ldquoLlista
automagravetica de contingutsrdquo
2
1
77
Tambeacute podem configurar una ldquoLlista manual de contingutsrdquo segons les
necessitats de cada usuari
78
Ens redirigiragrave cap a un formulari drsquoedicioacute que ens mostraragrave directament quina consulta
hem de configurar per mostrar els continguts i configurarem una consulta com la
seguumlent (evidentment segons les necessitats de cada usuari)
Ara tenim configurat que la pagravegina mostraragrave els tipus de contingut ldquoTramitOVTrdquo del
canal actual ordenats per la ldquoEacutes on-linerdquo en ordre descendent
Aixograve ens portaragrave a la pantalla principal on acabarem de completar la configuracioacute
1 Validar que en lrsquoapartat ldquoConsultardquo hi ha la configuracioacute que acabem drsquoafegir
2 Emplenar ldquoAgraveliesrdquo
3 En lrsquoapartat Forma de presentacioacute fer clic al botoacute ldquoCercar helliprdquo
79
Ens apareixeragrave la pantalla seguumlent
1 Fer clic a ldquoNavegacioacute per projectesrdquo
1
2
3
80
Ens canviaragrave la vista al format seguumlent
1 Navegarem per les carpetes fins a arribar a ldquoFramework Formes de
presentacioacute Site generic fw_fp_llistatramitsrdquo
2 Seleccionarem ldquofw_fp_llistatramitsrdquo
3 Farem clic a ldquoOKrdquo
1
1
81
En retornar a la pantalla principal cal
1 Validar que la forma de presentacioacute eacutes la que acabem de seleccionar
2 Fer clic a ldquoOKrdquo
1 (continuacioacute) 2
3
82
1
2
83
Aquest seragrave el nostre resultat a la pantalla del portal i cal fer el seguumlent
1 Verificar que apareixen els dos continguts que es van associar a aquest canal
1
84
512 Configuracioacute del detall del tragravemit i el pas a pas
En fer clic sobre una activitat veurem com ens redirigeix a la plantilla configurada al
ldquodetallrdquo drsquoaquesta pagravegina tal com la vam configurar en lrsquoapartat 231 cal fer el
seguumlent
1 Fer clic a la primera activitat
1
85
Ens sortiragrave la pagravegina de VAP del detall drsquoun contingut per configurar farem els
passos seguumlents
1 Ens situarem sobre la icona ldquoOpcions de Pagraveginardquo
2 Seleccionar ldquoObrir Plantillardquo ja que els portlets soacuten a nivell de Page
Ens apareixeragrave una pantalla com la que es mostra tot seguit i realitzarem les accions
seguumlents
1 Seleccionar el portlet de la part central de la pagravegina per configurar un ldquoDetall
de contingutrdquo i fer clic a ldquoEditarrdquo
Ens apareixeragrave la pantalla de seleccioacute de component de presentacioacute
1 Seleccionarem el component de presentacioacute ldquoDetall de contingutrdquo
1
2
1
86
Ens apareixeragrave la pantalla que es mostra tot seguit i realitzarem les accions seguumlents
1 Emplenar el camp ldquoAgraveliesrdquo
2 Canviar a la pestanya ldquoPresentacioacuterdquo
En fer clic a la pestanya obtindrem la imatge que es mostra tot seguit i realitzarem les
accions seguumlents
1 Cercarem una forma de presentacioacute fent clic a ldquoCercar helliprdquo
1
2
87
Quan aparegui la pantalla de cercador realitzarem una cerca de la forma de
presentacioacute que volem fer servir per a aixograve cal fer el seguumlent
1 Emplenar la caixa de text amb ldquofw_fp_tramitrdquo
2 Preacutemer ldquoCercarrdquo
3 Seleccionar la forma de presentacioacute de la caixa de resultats
4 Preacutemer ldquoOKrdquo
La forma de presentacioacute ldquofw_fp_tramitrdquo estagrave preparada per ldquomaquillarrdquo el contingut
dels tragravemits Tambeacute es pot fer servir una forma de presentacioacute personalitzada
segons es cregui convenient
1
1
2
3
4
88
En acabar tornarem a la pagravegina principal drsquoedicioacute i farem el seguumlent
1 Verificar que la forma de presentacioacute eacutes la que hem escollit
2 Fer clic a ldquoOKrdquo
En finalitzar la configuracioacute del component de presentacioacute tornem a la pantalla del
portal i cal fer el seguumlent
1 Verificar que el disseny de la presentacioacute eacutes semblant al seguumlent
1
2
89
Configurarem el portlet superior central de la pagravegina perquegrave aquesta contingui el fil
drsquoAriadna
1 Accedir a ldquoObrir Plantillardquo
1 Editar el portlet central que hi ha a sobre del detall de tragravemit per configurar el fil
drsquoAriadna En aquest exemple el portlet eacutes ldquoFW_hilo_ariadnardquo
Escollirem el component de presentacioacute
1 Seleccionar el component de presentacioacute ldquoFil drsquoAriadnardquo
1
1
90
En la configuracioacute del component realitzarem les accions seguumlents
1 Inserir el camp ldquoAgraveliesrdquo
2 Inserir el camp ldquoCanalrdquo
3 Fer clic a la pestanya ldquoPresentacioacuterdquo i cercar la forma de presentacioacute
ldquofw_fp_filariadnardquo
1
91
513 Configuracioacute del detall drsquouna normativa SAC
En el detall de contingut configurat en el punt anterior fent clic sobre una normativa
veurem com ens redirigeix a la plantilla configurada al ldquodetall2rdquo drsquoaquesta pagravegina tal
com hem configurat a lrsquoapartat 231
1 Fer clic a la primera ldquoNormativa Aplicablerdquo
2
3
92
Aquest enllaccedil ens portaragrave al detall2 del canal on srsquoha de configurar el detall de
contingut SAC per tal que es mostri la normativa aplicable
Configurarem el portlet superior central de la pagravegina perquegrave aquesta contingui el fil
drsquoAriadna per a aixograve cal fer el seguumlent
1 Accedir a ldquoObrir Plantillardquo
1
93
1
94
1 Editar el portlet central que hi ha a sobre del detall de tragravemit per configurar el fil
drsquoAriadna En aquest exemple el portlet eacutes ldquofw_portlet_tramitrdquo
Escollirem el component de presentacioacute
1 Seleccionar el component de presentacioacute ldquoDetall de Contingut SACrdquo
En la configuracioacute del component realitzarem les accions seguumlents
1 Inserir el camp ldquoAgraveliesrdquo
2 Seleccionar el tipus de contingut ldquoDetall Tragravemitrdquo
1
95
3 Fer clic a la pestanya ldquoPresentacioacuterdquo i cercar la forma de presentacioacute
ldquofw_fp_sac_normativardquo
4 Fer clic al botoacute ldquoOKrdquo
Srsquoactualitzaragrave la pagravegina de VAP i es mostraragrave el detall de SAC
1
2
3
4
96
514 Validacioacute final de VAP
Finalment cal validar que els tragravemits es visualitzen correctament per a aixograve cal
1 Verificar que tenim els canals creats
2 Accedir al canal ldquoCanal Llistat tragravemitsrdquo i validar que es mostren els tragravemits
que hem associat al punt 22
1
97
A continuacioacute cal fer les comprovacions seguumlents
1 Accedir al detall del tragravemit compartit
2 Accedir al pas a pas del tragravemit i a la normativa de SAC
Exemple llistat de tragravemits compartits
2
1
98
Exemple detall de tragravemit compartit
Exemple pas a pas drsquoun tragravemit
2
2
99
Exemple normativa SAC
En el cas que no es visualitzin el llistat de tragravemits detall o pas a pas configurat
validar
1 Refrescar la Pagravegina
2 Els tragravemits estan associats al canal que esteacuten visualitzat punt 23
1 Refrescar la pagravegina
1
33
221 Crear NavItem de detall de tragravemits i normativa SAC
A partir de la consola de VAP farem les tasques seguumlents per crear el NavItem
1 Anar a lrsquoopcioacute del menuacute ldquoArbre de Navegacioacuterdquo
2 Fer clic a ldquoCrear Element de Navegacioacuterdquo
1
2
34
Per crear lrsquoelement de Navegacioacute realitzarem les tasques seguumlents
1 Posar el nom al NavItem rdquoFW_NavItem_GRIDBrdquo
2 Seleccionar ldquoEnllaccedilar ardquo i seleccionar la pagravegina que acabem de crear
3 Seleccionar el tema ldquoFW_Temardquo
4 Seleccionar la graella ldquoFW_Grid_Brdquo sense destacats a la dreta per
visualitzar correctament el detall de tragravemits el pas a pas i la normativa SAC
5 Fer clic a ldquoCrearrdquo
1
2
3
4
5
35
Quan seleccionem ldquoEnllaccedilar ardquo i seleccionem la pagravegina que acabem de crear srsquoobriragrave
la finestra seguumlent aquiacute cal
1 Cercar la pagravegina que hem creat en el pas anterior
2 Seleccionar la casella de verificacioacute de la pagravegina
3 Fer clic a ldquoOKrdquo
Quan fem seleccionem el tema srsquoobriragrave la seguumlent finestra per a aixograve cal
1 Seleccionar la casella de verificacioacute del tema que utilitzarem al nostre site per
a aquest exemple farem servir el tema del Site Genegraveric
2 Fer clic a ldquoSalvarrdquo
1
1
2
3
2
36
Quan seleccionem la graella srsquoobriragrave la finestra seguumlent aquiacute cal
1 Seleccionar la graella que utilitzarem al nostre site per a aquest exemple farem
servir la Graella FW_Grid_B sense destacats a la dreta del Site Genegraveric Per
tal de visualitzar correctament el detall del tragravemit el pas a pas i la normativa
SAC eacutes imprescindible que la graella tingui una uacutenica columna de continguts
2 Fer clic a ldquoSalvarrdquo
1
2
37
3 Configuracioacute de lrsquoadministracioacute de VCM
31 Creacioacute del canal ldquoLlistat tragravemitsrdquo
Dins del gestor de continguts realitzarem les tasques seguumlents
1 Accedir a ldquoPortalsrdquo
2 Navegar fins al ldquoPortalrdquo on volem configurar el llistat de continguts
3 Seleccionar ldquoHomerdquo
4 Posicionar-se sobre la creu verda i seleccionar ldquoCanalrdquo
a Emplenar la informacioacute i fer clic a ldquoOKrdquo
b Assegurar-se que el canal eacutes ldquoActiurdquo
1
2
3
38
311 Associacioacute de fitxers a la presentacioacute drsquoun canal
Ara srsquohan drsquoassociar els fitxers estagravetics adequats a la presentacioacute del canal perquegrave les
formes de presentacioacute posteriors trobin els estils i els Javascript corresponents
Per a aixograve cal entrar a les propietats del canal ldquoCanal Llistat tragravemitsrdquo i
1 Seleccionar el canal ldquoCanal Llistat tragravemitsrdquo
4
4a
4b
39
1
40
En entrar trobarem el llistat seguumlent on cal
1 Fer clic a ldquoCanal Llistat tragravemitsrdquo
2 Aquest eacutes un contingut del tipus Canals (cal fixar-se que no eacutes com lrsquoanterior)
Es mostraragrave la pantalla seguumlent on afegirem els fitxers relacionats amb el canal per a
cada idioma aquiacute cal
1 Emplenar els camps requerits per crear una pestanya del multiidioma
2 Desplaccedilar-se cap avall en lrsquoapartat ldquomultiidiomardquo fins a observar lrsquoapartat
drsquoassociacioacute de fitxers
3 Fer clic a ldquoAfegirrdquo
En aquest moment apareixeragrave la pantalla seguumlent
1 Si voleu afegir un fitxer amb extensioacute css cal deixar el camp ldquoTipus de fitxerrdquo
amb valor ldquocssrdquo Si voleu afegir un fitxer que teacute extensioacute js srsquoha de canviar el
camp ldquoTipus de fitxerrdquo al valor ldquojsrdquo
2 Fer clic a ldquoNavegadorrdquo
1
2 1 3
2
41
Apareixeragrave la pantalla de navegacioacute de continguts i anirem cercant els fitxers estagravetics
que associarem aquiacute cal
1 Fer clic a ldquoFrameworkrdquo
2 Fer clic a ldquoestilos y scriptsrdquo
3 Fer clic a ldquoNuevos Estilos imagenes y jsrdquo
4 Fer clic a ldquoGlobalsrdquo
2 1
42
43
44
Una vegada se nrsquohagin seleccionat tornarem a la pantalla anterior i farem el seguumlent
1 Verificar que el fitxer seleccionat eacutes el que apareix al quadre de text i que la
seva extensioacute coincideix amb la que hi ha seleccionada a ldquoTipus de fitxerrdquo
2 Fer clic a ldquoOKrdquo
Un cop acabades totes les associacions el resultat de les associacions afegides a la
pantalla principal ha de ser el seguumlent
1 Fer clic a ldquoAplicarrdquo a lrsquoapartat ldquomultiidiomardquo
1
2
45
1
46
Es recarregaragrave la pantalla
1 Fer clic a ldquoOKrdquo al nivell general
Ja tenim configurat el canal que mostraragrave ldquoLlistat de tragravemitsrdquo amb els fitxers associats
que fa referegravencia a la forma de presentacioacute que farem servir aquest mateix canal
mostraragrave el detall del contingut tragravemit amb el format detall
32 Creacioacute i assignacioacute de plantilles de presentacioacute per al
canal ldquoCanal Llistat tragravemitsrdquo
321 Creacioacute de les plantilles (templates) de VCM
La configuracioacute del canal de VCM per mostrar els llistats de tragravemits i el seu detall es
basen en tres plantilles una per llistar el tragravemits (format default) una per mostrar el
detall i el pas a pas drsquoun tragravemit (format detall) i una altra per mostrar la normativa
aplicable drsquoun tragravemit (format detall2)
A continuacioacute srsquoexplica com es creen les plantilles de presentacioacute
(Presentation Templates) necessagraveries per configurar els tragravemits Els
responsables de cada site srsquohan de crear les seves progravepies plantilles
Cal tenir en compte que les plantilles que apareixen en el document soacuten nomeacutes un
exemple drsquouna configuracioacute vagravelida En els casos pragravectics cal seleccionar les plantilles
que pertanyen a cada portal io que tingui cada usuari en els seus recursos
En el nostre cas es fan servir les plantilles ldquoGridB2LlistatTramitsrdquo ldquoGridBTramitrdquo i
ldquoGridBTramitNormativaSacrdquo
1
47
Per la creacioacute de la plantilla srsquohan de seguir els passos seguumlents
1 Accedir al ldquoBanc de Treballrdquo
2 Accedir a ldquoPresentation Templatesrdquo
3 Accedir a la carpeta de presentacions del nostre site en aquest exemple
ldquogenegravericrdquo
1
2
48
Un cop som al llistat de plantilles del nostre site cal fer el seguumlent
1 Seleccionar el signe ldquo+rdquo
2 Seleccionar Forma de Presentation Template
En realitzar aquesta accioacute srsquoobriragrave la finestra drsquoedicioacute o creacioacute de la Presentation
Template Srsquohan de crear dos plantilles noves amb les dades seguumlents
1 Plantilla per al llistat de tragravemits
a Nom cal posar un nom identificatiu de la plantilla per exemple
GenericoGridB2LlistatTramit
b Tipus de plantilla Portal Page
c VAPVCM Portal defaultgeneric (cal posar el nom del portal VAP)
d Element del menuacute de VAP FW_NavItem_GRIDB2
3
1
2
49
e Canal VCM per defecte
Tot seguit cal fer clic a ldquoOKrdquo
Per a la configuracioacute de la plantilla per al llistat de tragravemits es pot fer servir un
NavItem que utilitzi una grid amb destacats a la dreta per exemple la GRID B2 del
Site Genegraveric o beacute un Navitem sense destacats (el FW_NavItem_GRIDB creat
anteriorment)
El NavItem ha de disposar drsquoun portlet a la part central a nivell de Page per
configurar el llistat de tragravemits
f
50
2 Crear una nova Presentation Template per al detall de tragravemits i el pas a
pas
a Nom cal posar un nom identificatiu de la plantilla com per exemple
GenericoGridBTramit
b Tipus de plantilla Portal Page
c VAPVCM Portal defaultgeneric
d Element del menuacute de VAP FW_NavItem_GRIDB
e Canal VCM per defecte
Finalment cal fer clic a ldquoOKrdquo
Per configurar la plantilla per al detall dels tragravemits i el pas a pas srsquoha de fer servir un
NavItem que utilitzi una grid sense destacats a la dreta per exemple la GRID B del
site Genegraveric
El NavItem ha de disposar de dos portlets a la part central a nivell de Page per
configurar el llistat de tragravemits
Tot seguit cal crear una nova Presentation Template per al detall de tragravemits i el pas a
pas
a Nom cal posar un nom identificatiu de la plantilla per exemple
GenericoGridBTramitNormativaSac
f
51
b Tipus de plantilla Portal Page
c VAPVCM Portal defaultgeneric
d Element del menuacute de VAP FW_NavItem_GRIDB
e Canal VCM per defecte
Finalment cal fer clic a ldquoOKrdquo
322 Configuracioacute de la plantilla al canal
Les Presentation Templates que configurarem a continuacioacute soacuten drsquoexemple
Els responsables de cada site han de crear les seves progravepies plantilles
Un cop creat el canal i les Presentation Templates en configurarem la presentacioacute
1 Seleccionarem la casella de seleccioacute del canal que acabem de crear
2 Farem clic a la icona de propietats del canal
3 Navegarem a la pestanya ldquoPresentacioacuterdquo
52
Ens apareixeragrave un formulari com el que es mostra a continuacioacute i realitzarem les
accions seguumlents
1 Fer clic a ldquoAfegir presentacioacute de canalrdquo
1
2
3
53
Apareixeragrave la pantalla seguumlent amb lrsquoobjectiu de seleccionar una plantilla en el nostre
cas farem el seguumlent
1 Seleccionar el projecte de plantilles respectiu al portal A lrsquoexemple ldquogenericrdquo
Posteriorment apareixeragrave un llistat de plantilles (ldquoTemplatesrdquo)
1 En aquest cas seleccionarem ldquoGridB2LlistatTramitsrdquo
2 Acceptarem la seleccioacute ldquoOKrdquo
1
1
54
1
2
55
Un cop acceptat ens apareixeragrave la pantalla seguumlent on configurarem el ldquodetallrdquo Per a
aixograve cal fer el seguumlent
1 Fer clic a ldquoAssignar una Nova Plantilla de Presentacioacuterdquo
1
56
Tot seguit apareixeragrave la pantalla que es mostra a continuacioacute on realitzarem les
accions seguumlents
1 Fer clic a ldquoAfegir formatrdquo
En aquesta nova pantalla ens assegurarem del seguumlent
1 A la casella ldquoFormatrdquo hi ha el valor ldquodetallrdquo
2 A la casella ldquoTemplaterdquo hi ha drsquohaver el correcte Si no eacutes aixiacute srsquoha de fer clic a
ldquoNavegadorrdquo
En fer clic a ldquoNavegadorrdquo cal fer el seguumlent
1 Tornar a navegar fins a ldquogenericrdquo
1
1 2
57
1
58
I a la pantalla seguumlent cal seleccionar una plantilla i
1 Fer clic al botoacute a prop de ldquoGridBTramitrdquo
2 Fer clic a ldquoOKrdquo
1
2
59
En aquest moment es torna a la pantalla anterior i cal
1 Fer clic a ldquoOKrdquo
En el canal Llistat de tragravemits ha drsquoestar configurat el ldquoformatrdquo ldquodetallrdquo ja que la forma
de presentacioacute que configurarem a GridDBTramit necessitaragrave aquest format per
visualitzar el detall del contingut de tipus ldquoTragravemitrdquo
2
60
La pantalla anterior a aquesta ens ha de presentar aquesta informacioacute Ara
configurarem el ldquodetall2rdquo per presentar el contingut rdquo Normativa de SACrdquo Per a aixograve
cal fer el seguumlent
1 Fer clic a ldquoAfegir Formatrdquo
En aquesta nova pantalla ens assegurarem del seguumlent
1 A la casella ldquoFormatrdquo hi ha el valor ldquodetall2rdquo
1
61
2 A la casella ldquoTemplaterdquo hi ha drsquohaver el correcte Si no eacutes aixiacute srsquoha de fer clic a
ldquoNavegadorrdquo
En fer clic a ldquoNavegadorrdquo srsquoha de fer el seguumlent
1 Tornar a navegar fins a ldquogenericrdquo (srsquoha de substituir pel nom del portal)
1 2
62
1
63
A la pantalla seguumlent cal seleccionar una plantilla i
1 Fer clic al botoacute a prop de ldquoGridBTramitNormativaSacrdquo
2 Fer clic a ldquoOKrdquo
1
2
64
En aquest moment es torna a la pantalla anterior i cal fer el seguumlent
2 Fer clic a ldquoOKrdquo
En el canal Llistat de tragravemits ha drsquoestar configurat el ldquoformatrdquo ldquodetall2rdquo ja que la
forma de presentacioacute que configurarem a GridDBTramitNormativaSac necessitaragrave
aquest format per visualitzar el detall del contingut de tipus normativa ldquoSACrdquo
2
65
La pantalla anterior a aquesta ens ha de presentar aquesta informacioacute i srsquoha de fer el
seguumlent
2 Fer clic a ldquoOKrdquo
1
66
La finestra pare anterior a aquesta quedaragrave com es mostra tot seguit i realitzarem les
accions seguumlents
1 Fer clic a ldquoOKrdquo
4 Comparticioacute de continguts
Accedim al projecte on hi ha tots els tragravemits de lrsquoOVT
1
67
OVTDepartaments[NomCurtDepartaments][NomCurtOrganisme] TramitOVT
On NomCurtDepartaments correspon al nom curt del departament al que fa referencia
el nostre organisme
En aquest exemple es mostren tots els projectes de tragravemits de lrsquoOVT
Un cop localitzat el tragravemit de lrsquoOVT que volem compartir amb el nostre site accedirem
a lrsquoedicioacute del contingut i assignarem aquest contingut al canal del nostre site on es
vulgui mostrar Srsquoha de fer el seguumlent
1 Anar al contenidor de projectes on hi ha els continguts de GECO
Apareixeragrave lrsquoestructura de projectes a la qual teacute acceacutes lrsquousuari redactor Cal fer el
seguumlent (exemple Agegravencia Tributagraveria dins drsquoEconomia i Finances)
1 Seleccionar ldquoOVTrdquo
2 Seleccionar ldquoDepartamentsrdquo aquesta carpeta conteacute tots els tragravemits de lrsquoOVT
classificats per departaments
3 Seleccionar ldquoECOrdquo A lrsquousuari nomeacutes se li mostraragrave la carpeta del seu
departament
Si lrsquousuari no visualitza la carpeta dins del seu departament eacutes perquegrave no
srsquoha aplicat la poliacutetica de seguretat correctament Cal obrir un tiquet a Suport
gencat per tramitar aquests permisos AQUESTA CARPETA NOMEacuteS SERAgrave
VISIBLE PER ALS USUARIS AMB ROL REDACTOR
4 Seleccionar ldquoA_Agegravencia Tributagraveriardquo
5 Seleccionar ldquoTramitOVTrdquo
1
68
2
3
1
69
4
5
70
Apareixeragrave el llistat de continguts ldquoTragravemitOVTrdquo de lrsquoOVT de lrsquoAgegravencia Tributagraveria
Realitzarem les accions seguumlents
1 Seleccionar el tragravemit o els tragravemits que volem compartir en la web dorganisme
2 Fer clic a ldquoAssociarrdquo
2
1
71
Aquest proceacutes obriragrave una finestra Per seleccionar el site i canal on es volen mostrar
els tragravemits seleccionats realitzarem les accions seguumlents (cas site Generic)
1 Seleccionar el site ldquoGenericrdquo en el vostre cas el site del departament on es vol
mostrar el contingut ldquotragravemitrdquo
2 Navegar pels canals del Site Genegraveric fins al canal que srsquoha creat en el punt
ldquoLlistat de tragravemitsrdquo i seleccionar el quadre de verificacioacute
3 Fer clic a ldquoOKrdquo
1
72
2
3
73
41 Validar que la comparticioacute de continguts eacutes correcta
Accedim per VCM al canal que hem creat anteriorment al qual li acabem drsquoassignar
els continguts de tragravemits que ha de mostrar i fem el seguumlent
1 Anar al contenidor de portals
2 Seleccionar el Site ldquogenericrdquo
3 Seleccionar el canal ldquoHomerdquo
4 Seleccionar el canal ldquoCanal Llistat tragravemitsrdquo
1
2
3
74
4
75
Apareixeragrave el contingut assignat al canal ldquoCanal Llistat tragravemitsrdquo
En entrar trobarem el llistat seguumlent
1 Llistat del tragravemits de lrsquoOVT que srsquohan compartit amb el canal ldquoCanal Llistat
tragravemitsrdquo
2 Validar que els continguts que apareixen soacuten del tipus ldquoTramitOVTrdquo
En cas que al canal del site ldquoCanal Llistat tragravemitsrdquo no apareguin els continguts
tragravemits associats anteriorment cal repetir el pas 22
1 2
76
5 Configuracioacute al portal
Ara cal entrar al nostre site on tenim configurat el canal que hem creat en lrsquoapartat
anterior (21) i que ara configurarem a nivell de portal
51 Configuracioacute a Canal Llistat tragravemits
511 Configuracioacute de la llista de tragravemits
Farem clic a lrsquoenllaccedil ldquoCanal llistat tragravemitsrdquo de la ldquoHomerdquo i anirem a parar a una
pantalla com la que es mostra meacutes avall
Es pot apreciar que en el contingut de la pagravegina no hi ha res Aixograve eacutes perquegrave cal
configurar els portlets adequats ( )
1 Ens situarem sobre la icona ldquoOpcions de Pagraveginardquo
2 Seleccionarem ldquoObrir Plantillardquo ja que els portlets soacuten a nivell de Page
Ens apareixeragrave una pantalla com la que es mostra tot seguit i realitzarem les accions
seguumlents
1 Seleccionar el portlet de la part central de la pagravegina per configurar una ldquoLlista
automagravetica de contingutsrdquo
2
1
77
Tambeacute podem configurar una ldquoLlista manual de contingutsrdquo segons les
necessitats de cada usuari
78
Ens redirigiragrave cap a un formulari drsquoedicioacute que ens mostraragrave directament quina consulta
hem de configurar per mostrar els continguts i configurarem una consulta com la
seguumlent (evidentment segons les necessitats de cada usuari)
Ara tenim configurat que la pagravegina mostraragrave els tipus de contingut ldquoTramitOVTrdquo del
canal actual ordenats per la ldquoEacutes on-linerdquo en ordre descendent
Aixograve ens portaragrave a la pantalla principal on acabarem de completar la configuracioacute
1 Validar que en lrsquoapartat ldquoConsultardquo hi ha la configuracioacute que acabem drsquoafegir
2 Emplenar ldquoAgraveliesrdquo
3 En lrsquoapartat Forma de presentacioacute fer clic al botoacute ldquoCercar helliprdquo
79
Ens apareixeragrave la pantalla seguumlent
1 Fer clic a ldquoNavegacioacute per projectesrdquo
1
2
3
80
Ens canviaragrave la vista al format seguumlent
1 Navegarem per les carpetes fins a arribar a ldquoFramework Formes de
presentacioacute Site generic fw_fp_llistatramitsrdquo
2 Seleccionarem ldquofw_fp_llistatramitsrdquo
3 Farem clic a ldquoOKrdquo
1
1
81
En retornar a la pantalla principal cal
1 Validar que la forma de presentacioacute eacutes la que acabem de seleccionar
2 Fer clic a ldquoOKrdquo
1 (continuacioacute) 2
3
82
1
2
83
Aquest seragrave el nostre resultat a la pantalla del portal i cal fer el seguumlent
1 Verificar que apareixen els dos continguts que es van associar a aquest canal
1
84
512 Configuracioacute del detall del tragravemit i el pas a pas
En fer clic sobre una activitat veurem com ens redirigeix a la plantilla configurada al
ldquodetallrdquo drsquoaquesta pagravegina tal com la vam configurar en lrsquoapartat 231 cal fer el
seguumlent
1 Fer clic a la primera activitat
1
85
Ens sortiragrave la pagravegina de VAP del detall drsquoun contingut per configurar farem els
passos seguumlents
1 Ens situarem sobre la icona ldquoOpcions de Pagraveginardquo
2 Seleccionar ldquoObrir Plantillardquo ja que els portlets soacuten a nivell de Page
Ens apareixeragrave una pantalla com la que es mostra tot seguit i realitzarem les accions
seguumlents
1 Seleccionar el portlet de la part central de la pagravegina per configurar un ldquoDetall
de contingutrdquo i fer clic a ldquoEditarrdquo
Ens apareixeragrave la pantalla de seleccioacute de component de presentacioacute
1 Seleccionarem el component de presentacioacute ldquoDetall de contingutrdquo
1
2
1
86
Ens apareixeragrave la pantalla que es mostra tot seguit i realitzarem les accions seguumlents
1 Emplenar el camp ldquoAgraveliesrdquo
2 Canviar a la pestanya ldquoPresentacioacuterdquo
En fer clic a la pestanya obtindrem la imatge que es mostra tot seguit i realitzarem les
accions seguumlents
1 Cercarem una forma de presentacioacute fent clic a ldquoCercar helliprdquo
1
2
87
Quan aparegui la pantalla de cercador realitzarem una cerca de la forma de
presentacioacute que volem fer servir per a aixograve cal fer el seguumlent
1 Emplenar la caixa de text amb ldquofw_fp_tramitrdquo
2 Preacutemer ldquoCercarrdquo
3 Seleccionar la forma de presentacioacute de la caixa de resultats
4 Preacutemer ldquoOKrdquo
La forma de presentacioacute ldquofw_fp_tramitrdquo estagrave preparada per ldquomaquillarrdquo el contingut
dels tragravemits Tambeacute es pot fer servir una forma de presentacioacute personalitzada
segons es cregui convenient
1
1
2
3
4
88
En acabar tornarem a la pagravegina principal drsquoedicioacute i farem el seguumlent
1 Verificar que la forma de presentacioacute eacutes la que hem escollit
2 Fer clic a ldquoOKrdquo
En finalitzar la configuracioacute del component de presentacioacute tornem a la pantalla del
portal i cal fer el seguumlent
1 Verificar que el disseny de la presentacioacute eacutes semblant al seguumlent
1
2
89
Configurarem el portlet superior central de la pagravegina perquegrave aquesta contingui el fil
drsquoAriadna
1 Accedir a ldquoObrir Plantillardquo
1 Editar el portlet central que hi ha a sobre del detall de tragravemit per configurar el fil
drsquoAriadna En aquest exemple el portlet eacutes ldquoFW_hilo_ariadnardquo
Escollirem el component de presentacioacute
1 Seleccionar el component de presentacioacute ldquoFil drsquoAriadnardquo
1
1
90
En la configuracioacute del component realitzarem les accions seguumlents
1 Inserir el camp ldquoAgraveliesrdquo
2 Inserir el camp ldquoCanalrdquo
3 Fer clic a la pestanya ldquoPresentacioacuterdquo i cercar la forma de presentacioacute
ldquofw_fp_filariadnardquo
1
91
513 Configuracioacute del detall drsquouna normativa SAC
En el detall de contingut configurat en el punt anterior fent clic sobre una normativa
veurem com ens redirigeix a la plantilla configurada al ldquodetall2rdquo drsquoaquesta pagravegina tal
com hem configurat a lrsquoapartat 231
1 Fer clic a la primera ldquoNormativa Aplicablerdquo
2
3
92
Aquest enllaccedil ens portaragrave al detall2 del canal on srsquoha de configurar el detall de
contingut SAC per tal que es mostri la normativa aplicable
Configurarem el portlet superior central de la pagravegina perquegrave aquesta contingui el fil
drsquoAriadna per a aixograve cal fer el seguumlent
1 Accedir a ldquoObrir Plantillardquo
1
93
1
94
1 Editar el portlet central que hi ha a sobre del detall de tragravemit per configurar el fil
drsquoAriadna En aquest exemple el portlet eacutes ldquofw_portlet_tramitrdquo
Escollirem el component de presentacioacute
1 Seleccionar el component de presentacioacute ldquoDetall de Contingut SACrdquo
En la configuracioacute del component realitzarem les accions seguumlents
1 Inserir el camp ldquoAgraveliesrdquo
2 Seleccionar el tipus de contingut ldquoDetall Tragravemitrdquo
1
95
3 Fer clic a la pestanya ldquoPresentacioacuterdquo i cercar la forma de presentacioacute
ldquofw_fp_sac_normativardquo
4 Fer clic al botoacute ldquoOKrdquo
Srsquoactualitzaragrave la pagravegina de VAP i es mostraragrave el detall de SAC
1
2
3
4
96
514 Validacioacute final de VAP
Finalment cal validar que els tragravemits es visualitzen correctament per a aixograve cal
1 Verificar que tenim els canals creats
2 Accedir al canal ldquoCanal Llistat tragravemitsrdquo i validar que es mostren els tragravemits
que hem associat al punt 22
1
97
A continuacioacute cal fer les comprovacions seguumlents
1 Accedir al detall del tragravemit compartit
2 Accedir al pas a pas del tragravemit i a la normativa de SAC
Exemple llistat de tragravemits compartits
2
1
98
Exemple detall de tragravemit compartit
Exemple pas a pas drsquoun tragravemit
2
2
99
Exemple normativa SAC
En el cas que no es visualitzin el llistat de tragravemits detall o pas a pas configurat
validar
1 Refrescar la Pagravegina
2 Els tragravemits estan associats al canal que esteacuten visualitzat punt 23
1 Refrescar la pagravegina
1
34
Per crear lrsquoelement de Navegacioacute realitzarem les tasques seguumlents
1 Posar el nom al NavItem rdquoFW_NavItem_GRIDBrdquo
2 Seleccionar ldquoEnllaccedilar ardquo i seleccionar la pagravegina que acabem de crear
3 Seleccionar el tema ldquoFW_Temardquo
4 Seleccionar la graella ldquoFW_Grid_Brdquo sense destacats a la dreta per
visualitzar correctament el detall de tragravemits el pas a pas i la normativa SAC
5 Fer clic a ldquoCrearrdquo
1
2
3
4
5
35
Quan seleccionem ldquoEnllaccedilar ardquo i seleccionem la pagravegina que acabem de crear srsquoobriragrave
la finestra seguumlent aquiacute cal
1 Cercar la pagravegina que hem creat en el pas anterior
2 Seleccionar la casella de verificacioacute de la pagravegina
3 Fer clic a ldquoOKrdquo
Quan fem seleccionem el tema srsquoobriragrave la seguumlent finestra per a aixograve cal
1 Seleccionar la casella de verificacioacute del tema que utilitzarem al nostre site per
a aquest exemple farem servir el tema del Site Genegraveric
2 Fer clic a ldquoSalvarrdquo
1
1
2
3
2
36
Quan seleccionem la graella srsquoobriragrave la finestra seguumlent aquiacute cal
1 Seleccionar la graella que utilitzarem al nostre site per a aquest exemple farem
servir la Graella FW_Grid_B sense destacats a la dreta del Site Genegraveric Per
tal de visualitzar correctament el detall del tragravemit el pas a pas i la normativa
SAC eacutes imprescindible que la graella tingui una uacutenica columna de continguts
2 Fer clic a ldquoSalvarrdquo
1
2
37
3 Configuracioacute de lrsquoadministracioacute de VCM
31 Creacioacute del canal ldquoLlistat tragravemitsrdquo
Dins del gestor de continguts realitzarem les tasques seguumlents
1 Accedir a ldquoPortalsrdquo
2 Navegar fins al ldquoPortalrdquo on volem configurar el llistat de continguts
3 Seleccionar ldquoHomerdquo
4 Posicionar-se sobre la creu verda i seleccionar ldquoCanalrdquo
a Emplenar la informacioacute i fer clic a ldquoOKrdquo
b Assegurar-se que el canal eacutes ldquoActiurdquo
1
2
3
38
311 Associacioacute de fitxers a la presentacioacute drsquoun canal
Ara srsquohan drsquoassociar els fitxers estagravetics adequats a la presentacioacute del canal perquegrave les
formes de presentacioacute posteriors trobin els estils i els Javascript corresponents
Per a aixograve cal entrar a les propietats del canal ldquoCanal Llistat tragravemitsrdquo i
1 Seleccionar el canal ldquoCanal Llistat tragravemitsrdquo
4
4a
4b
39
1
40
En entrar trobarem el llistat seguumlent on cal
1 Fer clic a ldquoCanal Llistat tragravemitsrdquo
2 Aquest eacutes un contingut del tipus Canals (cal fixar-se que no eacutes com lrsquoanterior)
Es mostraragrave la pantalla seguumlent on afegirem els fitxers relacionats amb el canal per a
cada idioma aquiacute cal
1 Emplenar els camps requerits per crear una pestanya del multiidioma
2 Desplaccedilar-se cap avall en lrsquoapartat ldquomultiidiomardquo fins a observar lrsquoapartat
drsquoassociacioacute de fitxers
3 Fer clic a ldquoAfegirrdquo
En aquest moment apareixeragrave la pantalla seguumlent
1 Si voleu afegir un fitxer amb extensioacute css cal deixar el camp ldquoTipus de fitxerrdquo
amb valor ldquocssrdquo Si voleu afegir un fitxer que teacute extensioacute js srsquoha de canviar el
camp ldquoTipus de fitxerrdquo al valor ldquojsrdquo
2 Fer clic a ldquoNavegadorrdquo
1
2 1 3
2
41
Apareixeragrave la pantalla de navegacioacute de continguts i anirem cercant els fitxers estagravetics
que associarem aquiacute cal
1 Fer clic a ldquoFrameworkrdquo
2 Fer clic a ldquoestilos y scriptsrdquo
3 Fer clic a ldquoNuevos Estilos imagenes y jsrdquo
4 Fer clic a ldquoGlobalsrdquo
2 1
42
43
44
Una vegada se nrsquohagin seleccionat tornarem a la pantalla anterior i farem el seguumlent
1 Verificar que el fitxer seleccionat eacutes el que apareix al quadre de text i que la
seva extensioacute coincideix amb la que hi ha seleccionada a ldquoTipus de fitxerrdquo
2 Fer clic a ldquoOKrdquo
Un cop acabades totes les associacions el resultat de les associacions afegides a la
pantalla principal ha de ser el seguumlent
1 Fer clic a ldquoAplicarrdquo a lrsquoapartat ldquomultiidiomardquo
1
2
45
1
46
Es recarregaragrave la pantalla
1 Fer clic a ldquoOKrdquo al nivell general
Ja tenim configurat el canal que mostraragrave ldquoLlistat de tragravemitsrdquo amb els fitxers associats
que fa referegravencia a la forma de presentacioacute que farem servir aquest mateix canal
mostraragrave el detall del contingut tragravemit amb el format detall
32 Creacioacute i assignacioacute de plantilles de presentacioacute per al
canal ldquoCanal Llistat tragravemitsrdquo
321 Creacioacute de les plantilles (templates) de VCM
La configuracioacute del canal de VCM per mostrar els llistats de tragravemits i el seu detall es
basen en tres plantilles una per llistar el tragravemits (format default) una per mostrar el
detall i el pas a pas drsquoun tragravemit (format detall) i una altra per mostrar la normativa
aplicable drsquoun tragravemit (format detall2)
A continuacioacute srsquoexplica com es creen les plantilles de presentacioacute
(Presentation Templates) necessagraveries per configurar els tragravemits Els
responsables de cada site srsquohan de crear les seves progravepies plantilles
Cal tenir en compte que les plantilles que apareixen en el document soacuten nomeacutes un
exemple drsquouna configuracioacute vagravelida En els casos pragravectics cal seleccionar les plantilles
que pertanyen a cada portal io que tingui cada usuari en els seus recursos
En el nostre cas es fan servir les plantilles ldquoGridB2LlistatTramitsrdquo ldquoGridBTramitrdquo i
ldquoGridBTramitNormativaSacrdquo
1
47
Per la creacioacute de la plantilla srsquohan de seguir els passos seguumlents
1 Accedir al ldquoBanc de Treballrdquo
2 Accedir a ldquoPresentation Templatesrdquo
3 Accedir a la carpeta de presentacions del nostre site en aquest exemple
ldquogenegravericrdquo
1
2
48
Un cop som al llistat de plantilles del nostre site cal fer el seguumlent
1 Seleccionar el signe ldquo+rdquo
2 Seleccionar Forma de Presentation Template
En realitzar aquesta accioacute srsquoobriragrave la finestra drsquoedicioacute o creacioacute de la Presentation
Template Srsquohan de crear dos plantilles noves amb les dades seguumlents
1 Plantilla per al llistat de tragravemits
a Nom cal posar un nom identificatiu de la plantilla per exemple
GenericoGridB2LlistatTramit
b Tipus de plantilla Portal Page
c VAPVCM Portal defaultgeneric (cal posar el nom del portal VAP)
d Element del menuacute de VAP FW_NavItem_GRIDB2
3
1
2
49
e Canal VCM per defecte
Tot seguit cal fer clic a ldquoOKrdquo
Per a la configuracioacute de la plantilla per al llistat de tragravemits es pot fer servir un
NavItem que utilitzi una grid amb destacats a la dreta per exemple la GRID B2 del
Site Genegraveric o beacute un Navitem sense destacats (el FW_NavItem_GRIDB creat
anteriorment)
El NavItem ha de disposar drsquoun portlet a la part central a nivell de Page per
configurar el llistat de tragravemits
f
50
2 Crear una nova Presentation Template per al detall de tragravemits i el pas a
pas
a Nom cal posar un nom identificatiu de la plantilla com per exemple
GenericoGridBTramit
b Tipus de plantilla Portal Page
c VAPVCM Portal defaultgeneric
d Element del menuacute de VAP FW_NavItem_GRIDB
e Canal VCM per defecte
Finalment cal fer clic a ldquoOKrdquo
Per configurar la plantilla per al detall dels tragravemits i el pas a pas srsquoha de fer servir un
NavItem que utilitzi una grid sense destacats a la dreta per exemple la GRID B del
site Genegraveric
El NavItem ha de disposar de dos portlets a la part central a nivell de Page per
configurar el llistat de tragravemits
Tot seguit cal crear una nova Presentation Template per al detall de tragravemits i el pas a
pas
a Nom cal posar un nom identificatiu de la plantilla per exemple
GenericoGridBTramitNormativaSac
f
51
b Tipus de plantilla Portal Page
c VAPVCM Portal defaultgeneric
d Element del menuacute de VAP FW_NavItem_GRIDB
e Canal VCM per defecte
Finalment cal fer clic a ldquoOKrdquo
322 Configuracioacute de la plantilla al canal
Les Presentation Templates que configurarem a continuacioacute soacuten drsquoexemple
Els responsables de cada site han de crear les seves progravepies plantilles
Un cop creat el canal i les Presentation Templates en configurarem la presentacioacute
1 Seleccionarem la casella de seleccioacute del canal que acabem de crear
2 Farem clic a la icona de propietats del canal
3 Navegarem a la pestanya ldquoPresentacioacuterdquo
52
Ens apareixeragrave un formulari com el que es mostra a continuacioacute i realitzarem les
accions seguumlents
1 Fer clic a ldquoAfegir presentacioacute de canalrdquo
1
2
3
53
Apareixeragrave la pantalla seguumlent amb lrsquoobjectiu de seleccionar una plantilla en el nostre
cas farem el seguumlent
1 Seleccionar el projecte de plantilles respectiu al portal A lrsquoexemple ldquogenericrdquo
Posteriorment apareixeragrave un llistat de plantilles (ldquoTemplatesrdquo)
1 En aquest cas seleccionarem ldquoGridB2LlistatTramitsrdquo
2 Acceptarem la seleccioacute ldquoOKrdquo
1
1
54
1
2
55
Un cop acceptat ens apareixeragrave la pantalla seguumlent on configurarem el ldquodetallrdquo Per a
aixograve cal fer el seguumlent
1 Fer clic a ldquoAssignar una Nova Plantilla de Presentacioacuterdquo
1
56
Tot seguit apareixeragrave la pantalla que es mostra a continuacioacute on realitzarem les
accions seguumlents
1 Fer clic a ldquoAfegir formatrdquo
En aquesta nova pantalla ens assegurarem del seguumlent
1 A la casella ldquoFormatrdquo hi ha el valor ldquodetallrdquo
2 A la casella ldquoTemplaterdquo hi ha drsquohaver el correcte Si no eacutes aixiacute srsquoha de fer clic a
ldquoNavegadorrdquo
En fer clic a ldquoNavegadorrdquo cal fer el seguumlent
1 Tornar a navegar fins a ldquogenericrdquo
1
1 2
57
1
58
I a la pantalla seguumlent cal seleccionar una plantilla i
1 Fer clic al botoacute a prop de ldquoGridBTramitrdquo
2 Fer clic a ldquoOKrdquo
1
2
59
En aquest moment es torna a la pantalla anterior i cal
1 Fer clic a ldquoOKrdquo
En el canal Llistat de tragravemits ha drsquoestar configurat el ldquoformatrdquo ldquodetallrdquo ja que la forma
de presentacioacute que configurarem a GridDBTramit necessitaragrave aquest format per
visualitzar el detall del contingut de tipus ldquoTragravemitrdquo
2
60
La pantalla anterior a aquesta ens ha de presentar aquesta informacioacute Ara
configurarem el ldquodetall2rdquo per presentar el contingut rdquo Normativa de SACrdquo Per a aixograve
cal fer el seguumlent
1 Fer clic a ldquoAfegir Formatrdquo
En aquesta nova pantalla ens assegurarem del seguumlent
1 A la casella ldquoFormatrdquo hi ha el valor ldquodetall2rdquo
1
61
2 A la casella ldquoTemplaterdquo hi ha drsquohaver el correcte Si no eacutes aixiacute srsquoha de fer clic a
ldquoNavegadorrdquo
En fer clic a ldquoNavegadorrdquo srsquoha de fer el seguumlent
1 Tornar a navegar fins a ldquogenericrdquo (srsquoha de substituir pel nom del portal)
1 2
62
1
63
A la pantalla seguumlent cal seleccionar una plantilla i
1 Fer clic al botoacute a prop de ldquoGridBTramitNormativaSacrdquo
2 Fer clic a ldquoOKrdquo
1
2
64
En aquest moment es torna a la pantalla anterior i cal fer el seguumlent
2 Fer clic a ldquoOKrdquo
En el canal Llistat de tragravemits ha drsquoestar configurat el ldquoformatrdquo ldquodetall2rdquo ja que la
forma de presentacioacute que configurarem a GridDBTramitNormativaSac necessitaragrave
aquest format per visualitzar el detall del contingut de tipus normativa ldquoSACrdquo
2
65
La pantalla anterior a aquesta ens ha de presentar aquesta informacioacute i srsquoha de fer el
seguumlent
2 Fer clic a ldquoOKrdquo
1
66
La finestra pare anterior a aquesta quedaragrave com es mostra tot seguit i realitzarem les
accions seguumlents
1 Fer clic a ldquoOKrdquo
4 Comparticioacute de continguts
Accedim al projecte on hi ha tots els tragravemits de lrsquoOVT
1
67
OVTDepartaments[NomCurtDepartaments][NomCurtOrganisme] TramitOVT
On NomCurtDepartaments correspon al nom curt del departament al que fa referencia
el nostre organisme
En aquest exemple es mostren tots els projectes de tragravemits de lrsquoOVT
Un cop localitzat el tragravemit de lrsquoOVT que volem compartir amb el nostre site accedirem
a lrsquoedicioacute del contingut i assignarem aquest contingut al canal del nostre site on es
vulgui mostrar Srsquoha de fer el seguumlent
1 Anar al contenidor de projectes on hi ha els continguts de GECO
Apareixeragrave lrsquoestructura de projectes a la qual teacute acceacutes lrsquousuari redactor Cal fer el
seguumlent (exemple Agegravencia Tributagraveria dins drsquoEconomia i Finances)
1 Seleccionar ldquoOVTrdquo
2 Seleccionar ldquoDepartamentsrdquo aquesta carpeta conteacute tots els tragravemits de lrsquoOVT
classificats per departaments
3 Seleccionar ldquoECOrdquo A lrsquousuari nomeacutes se li mostraragrave la carpeta del seu
departament
Si lrsquousuari no visualitza la carpeta dins del seu departament eacutes perquegrave no
srsquoha aplicat la poliacutetica de seguretat correctament Cal obrir un tiquet a Suport
gencat per tramitar aquests permisos AQUESTA CARPETA NOMEacuteS SERAgrave
VISIBLE PER ALS USUARIS AMB ROL REDACTOR
4 Seleccionar ldquoA_Agegravencia Tributagraveriardquo
5 Seleccionar ldquoTramitOVTrdquo
1
68
2
3
1
69
4
5
70
Apareixeragrave el llistat de continguts ldquoTragravemitOVTrdquo de lrsquoOVT de lrsquoAgegravencia Tributagraveria
Realitzarem les accions seguumlents
1 Seleccionar el tragravemit o els tragravemits que volem compartir en la web dorganisme
2 Fer clic a ldquoAssociarrdquo
2
1
71
Aquest proceacutes obriragrave una finestra Per seleccionar el site i canal on es volen mostrar
els tragravemits seleccionats realitzarem les accions seguumlents (cas site Generic)
1 Seleccionar el site ldquoGenericrdquo en el vostre cas el site del departament on es vol
mostrar el contingut ldquotragravemitrdquo
2 Navegar pels canals del Site Genegraveric fins al canal que srsquoha creat en el punt
ldquoLlistat de tragravemitsrdquo i seleccionar el quadre de verificacioacute
3 Fer clic a ldquoOKrdquo
1
72
2
3
73
41 Validar que la comparticioacute de continguts eacutes correcta
Accedim per VCM al canal que hem creat anteriorment al qual li acabem drsquoassignar
els continguts de tragravemits que ha de mostrar i fem el seguumlent
1 Anar al contenidor de portals
2 Seleccionar el Site ldquogenericrdquo
3 Seleccionar el canal ldquoHomerdquo
4 Seleccionar el canal ldquoCanal Llistat tragravemitsrdquo
1
2
3
74
4
75
Apareixeragrave el contingut assignat al canal ldquoCanal Llistat tragravemitsrdquo
En entrar trobarem el llistat seguumlent
1 Llistat del tragravemits de lrsquoOVT que srsquohan compartit amb el canal ldquoCanal Llistat
tragravemitsrdquo
2 Validar que els continguts que apareixen soacuten del tipus ldquoTramitOVTrdquo
En cas que al canal del site ldquoCanal Llistat tragravemitsrdquo no apareguin els continguts
tragravemits associats anteriorment cal repetir el pas 22
1 2
76
5 Configuracioacute al portal
Ara cal entrar al nostre site on tenim configurat el canal que hem creat en lrsquoapartat
anterior (21) i que ara configurarem a nivell de portal
51 Configuracioacute a Canal Llistat tragravemits
511 Configuracioacute de la llista de tragravemits
Farem clic a lrsquoenllaccedil ldquoCanal llistat tragravemitsrdquo de la ldquoHomerdquo i anirem a parar a una
pantalla com la que es mostra meacutes avall
Es pot apreciar que en el contingut de la pagravegina no hi ha res Aixograve eacutes perquegrave cal
configurar els portlets adequats ( )
1 Ens situarem sobre la icona ldquoOpcions de Pagraveginardquo
2 Seleccionarem ldquoObrir Plantillardquo ja que els portlets soacuten a nivell de Page
Ens apareixeragrave una pantalla com la que es mostra tot seguit i realitzarem les accions
seguumlents
1 Seleccionar el portlet de la part central de la pagravegina per configurar una ldquoLlista
automagravetica de contingutsrdquo
2
1
77
Tambeacute podem configurar una ldquoLlista manual de contingutsrdquo segons les
necessitats de cada usuari
78
Ens redirigiragrave cap a un formulari drsquoedicioacute que ens mostraragrave directament quina consulta
hem de configurar per mostrar els continguts i configurarem una consulta com la
seguumlent (evidentment segons les necessitats de cada usuari)
Ara tenim configurat que la pagravegina mostraragrave els tipus de contingut ldquoTramitOVTrdquo del
canal actual ordenats per la ldquoEacutes on-linerdquo en ordre descendent
Aixograve ens portaragrave a la pantalla principal on acabarem de completar la configuracioacute
1 Validar que en lrsquoapartat ldquoConsultardquo hi ha la configuracioacute que acabem drsquoafegir
2 Emplenar ldquoAgraveliesrdquo
3 En lrsquoapartat Forma de presentacioacute fer clic al botoacute ldquoCercar helliprdquo
79
Ens apareixeragrave la pantalla seguumlent
1 Fer clic a ldquoNavegacioacute per projectesrdquo
1
2
3
80
Ens canviaragrave la vista al format seguumlent
1 Navegarem per les carpetes fins a arribar a ldquoFramework Formes de
presentacioacute Site generic fw_fp_llistatramitsrdquo
2 Seleccionarem ldquofw_fp_llistatramitsrdquo
3 Farem clic a ldquoOKrdquo
1
1
81
En retornar a la pantalla principal cal
1 Validar que la forma de presentacioacute eacutes la que acabem de seleccionar
2 Fer clic a ldquoOKrdquo
1 (continuacioacute) 2
3
82
1
2
83
Aquest seragrave el nostre resultat a la pantalla del portal i cal fer el seguumlent
1 Verificar que apareixen els dos continguts que es van associar a aquest canal
1
84
512 Configuracioacute del detall del tragravemit i el pas a pas
En fer clic sobre una activitat veurem com ens redirigeix a la plantilla configurada al
ldquodetallrdquo drsquoaquesta pagravegina tal com la vam configurar en lrsquoapartat 231 cal fer el
seguumlent
1 Fer clic a la primera activitat
1
85
Ens sortiragrave la pagravegina de VAP del detall drsquoun contingut per configurar farem els
passos seguumlents
1 Ens situarem sobre la icona ldquoOpcions de Pagraveginardquo
2 Seleccionar ldquoObrir Plantillardquo ja que els portlets soacuten a nivell de Page
Ens apareixeragrave una pantalla com la que es mostra tot seguit i realitzarem les accions
seguumlents
1 Seleccionar el portlet de la part central de la pagravegina per configurar un ldquoDetall
de contingutrdquo i fer clic a ldquoEditarrdquo
Ens apareixeragrave la pantalla de seleccioacute de component de presentacioacute
1 Seleccionarem el component de presentacioacute ldquoDetall de contingutrdquo
1
2
1
86
Ens apareixeragrave la pantalla que es mostra tot seguit i realitzarem les accions seguumlents
1 Emplenar el camp ldquoAgraveliesrdquo
2 Canviar a la pestanya ldquoPresentacioacuterdquo
En fer clic a la pestanya obtindrem la imatge que es mostra tot seguit i realitzarem les
accions seguumlents
1 Cercarem una forma de presentacioacute fent clic a ldquoCercar helliprdquo
1
2
87
Quan aparegui la pantalla de cercador realitzarem una cerca de la forma de
presentacioacute que volem fer servir per a aixograve cal fer el seguumlent
1 Emplenar la caixa de text amb ldquofw_fp_tramitrdquo
2 Preacutemer ldquoCercarrdquo
3 Seleccionar la forma de presentacioacute de la caixa de resultats
4 Preacutemer ldquoOKrdquo
La forma de presentacioacute ldquofw_fp_tramitrdquo estagrave preparada per ldquomaquillarrdquo el contingut
dels tragravemits Tambeacute es pot fer servir una forma de presentacioacute personalitzada
segons es cregui convenient
1
1
2
3
4
88
En acabar tornarem a la pagravegina principal drsquoedicioacute i farem el seguumlent
1 Verificar que la forma de presentacioacute eacutes la que hem escollit
2 Fer clic a ldquoOKrdquo
En finalitzar la configuracioacute del component de presentacioacute tornem a la pantalla del
portal i cal fer el seguumlent
1 Verificar que el disseny de la presentacioacute eacutes semblant al seguumlent
1
2
89
Configurarem el portlet superior central de la pagravegina perquegrave aquesta contingui el fil
drsquoAriadna
1 Accedir a ldquoObrir Plantillardquo
1 Editar el portlet central que hi ha a sobre del detall de tragravemit per configurar el fil
drsquoAriadna En aquest exemple el portlet eacutes ldquoFW_hilo_ariadnardquo
Escollirem el component de presentacioacute
1 Seleccionar el component de presentacioacute ldquoFil drsquoAriadnardquo
1
1
90
En la configuracioacute del component realitzarem les accions seguumlents
1 Inserir el camp ldquoAgraveliesrdquo
2 Inserir el camp ldquoCanalrdquo
3 Fer clic a la pestanya ldquoPresentacioacuterdquo i cercar la forma de presentacioacute
ldquofw_fp_filariadnardquo
1
91
513 Configuracioacute del detall drsquouna normativa SAC
En el detall de contingut configurat en el punt anterior fent clic sobre una normativa
veurem com ens redirigeix a la plantilla configurada al ldquodetall2rdquo drsquoaquesta pagravegina tal
com hem configurat a lrsquoapartat 231
1 Fer clic a la primera ldquoNormativa Aplicablerdquo
2
3
92
Aquest enllaccedil ens portaragrave al detall2 del canal on srsquoha de configurar el detall de
contingut SAC per tal que es mostri la normativa aplicable
Configurarem el portlet superior central de la pagravegina perquegrave aquesta contingui el fil
drsquoAriadna per a aixograve cal fer el seguumlent
1 Accedir a ldquoObrir Plantillardquo
1
93
1
94
1 Editar el portlet central que hi ha a sobre del detall de tragravemit per configurar el fil
drsquoAriadna En aquest exemple el portlet eacutes ldquofw_portlet_tramitrdquo
Escollirem el component de presentacioacute
1 Seleccionar el component de presentacioacute ldquoDetall de Contingut SACrdquo
En la configuracioacute del component realitzarem les accions seguumlents
1 Inserir el camp ldquoAgraveliesrdquo
2 Seleccionar el tipus de contingut ldquoDetall Tragravemitrdquo
1
95
3 Fer clic a la pestanya ldquoPresentacioacuterdquo i cercar la forma de presentacioacute
ldquofw_fp_sac_normativardquo
4 Fer clic al botoacute ldquoOKrdquo
Srsquoactualitzaragrave la pagravegina de VAP i es mostraragrave el detall de SAC
1
2
3
4
96
514 Validacioacute final de VAP
Finalment cal validar que els tragravemits es visualitzen correctament per a aixograve cal
1 Verificar que tenim els canals creats
2 Accedir al canal ldquoCanal Llistat tragravemitsrdquo i validar que es mostren els tragravemits
que hem associat al punt 22
1
97
A continuacioacute cal fer les comprovacions seguumlents
1 Accedir al detall del tragravemit compartit
2 Accedir al pas a pas del tragravemit i a la normativa de SAC
Exemple llistat de tragravemits compartits
2
1
98
Exemple detall de tragravemit compartit
Exemple pas a pas drsquoun tragravemit
2
2
99
Exemple normativa SAC
En el cas que no es visualitzin el llistat de tragravemits detall o pas a pas configurat
validar
1 Refrescar la Pagravegina
2 Els tragravemits estan associats al canal que esteacuten visualitzat punt 23
1 Refrescar la pagravegina
1
35
Quan seleccionem ldquoEnllaccedilar ardquo i seleccionem la pagravegina que acabem de crear srsquoobriragrave
la finestra seguumlent aquiacute cal
1 Cercar la pagravegina que hem creat en el pas anterior
2 Seleccionar la casella de verificacioacute de la pagravegina
3 Fer clic a ldquoOKrdquo
Quan fem seleccionem el tema srsquoobriragrave la seguumlent finestra per a aixograve cal
1 Seleccionar la casella de verificacioacute del tema que utilitzarem al nostre site per
a aquest exemple farem servir el tema del Site Genegraveric
2 Fer clic a ldquoSalvarrdquo
1
1
2
3
2
36
Quan seleccionem la graella srsquoobriragrave la finestra seguumlent aquiacute cal
1 Seleccionar la graella que utilitzarem al nostre site per a aquest exemple farem
servir la Graella FW_Grid_B sense destacats a la dreta del Site Genegraveric Per
tal de visualitzar correctament el detall del tragravemit el pas a pas i la normativa
SAC eacutes imprescindible que la graella tingui una uacutenica columna de continguts
2 Fer clic a ldquoSalvarrdquo
1
2
37
3 Configuracioacute de lrsquoadministracioacute de VCM
31 Creacioacute del canal ldquoLlistat tragravemitsrdquo
Dins del gestor de continguts realitzarem les tasques seguumlents
1 Accedir a ldquoPortalsrdquo
2 Navegar fins al ldquoPortalrdquo on volem configurar el llistat de continguts
3 Seleccionar ldquoHomerdquo
4 Posicionar-se sobre la creu verda i seleccionar ldquoCanalrdquo
a Emplenar la informacioacute i fer clic a ldquoOKrdquo
b Assegurar-se que el canal eacutes ldquoActiurdquo
1
2
3
38
311 Associacioacute de fitxers a la presentacioacute drsquoun canal
Ara srsquohan drsquoassociar els fitxers estagravetics adequats a la presentacioacute del canal perquegrave les
formes de presentacioacute posteriors trobin els estils i els Javascript corresponents
Per a aixograve cal entrar a les propietats del canal ldquoCanal Llistat tragravemitsrdquo i
1 Seleccionar el canal ldquoCanal Llistat tragravemitsrdquo
4
4a
4b
39
1
40
En entrar trobarem el llistat seguumlent on cal
1 Fer clic a ldquoCanal Llistat tragravemitsrdquo
2 Aquest eacutes un contingut del tipus Canals (cal fixar-se que no eacutes com lrsquoanterior)
Es mostraragrave la pantalla seguumlent on afegirem els fitxers relacionats amb el canal per a
cada idioma aquiacute cal
1 Emplenar els camps requerits per crear una pestanya del multiidioma
2 Desplaccedilar-se cap avall en lrsquoapartat ldquomultiidiomardquo fins a observar lrsquoapartat
drsquoassociacioacute de fitxers
3 Fer clic a ldquoAfegirrdquo
En aquest moment apareixeragrave la pantalla seguumlent
1 Si voleu afegir un fitxer amb extensioacute css cal deixar el camp ldquoTipus de fitxerrdquo
amb valor ldquocssrdquo Si voleu afegir un fitxer que teacute extensioacute js srsquoha de canviar el
camp ldquoTipus de fitxerrdquo al valor ldquojsrdquo
2 Fer clic a ldquoNavegadorrdquo
1
2 1 3
2
41
Apareixeragrave la pantalla de navegacioacute de continguts i anirem cercant els fitxers estagravetics
que associarem aquiacute cal
1 Fer clic a ldquoFrameworkrdquo
2 Fer clic a ldquoestilos y scriptsrdquo
3 Fer clic a ldquoNuevos Estilos imagenes y jsrdquo
4 Fer clic a ldquoGlobalsrdquo
2 1
42
43
44
Una vegada se nrsquohagin seleccionat tornarem a la pantalla anterior i farem el seguumlent
1 Verificar que el fitxer seleccionat eacutes el que apareix al quadre de text i que la
seva extensioacute coincideix amb la que hi ha seleccionada a ldquoTipus de fitxerrdquo
2 Fer clic a ldquoOKrdquo
Un cop acabades totes les associacions el resultat de les associacions afegides a la
pantalla principal ha de ser el seguumlent
1 Fer clic a ldquoAplicarrdquo a lrsquoapartat ldquomultiidiomardquo
1
2
45
1
46
Es recarregaragrave la pantalla
1 Fer clic a ldquoOKrdquo al nivell general
Ja tenim configurat el canal que mostraragrave ldquoLlistat de tragravemitsrdquo amb els fitxers associats
que fa referegravencia a la forma de presentacioacute que farem servir aquest mateix canal
mostraragrave el detall del contingut tragravemit amb el format detall
32 Creacioacute i assignacioacute de plantilles de presentacioacute per al
canal ldquoCanal Llistat tragravemitsrdquo
321 Creacioacute de les plantilles (templates) de VCM
La configuracioacute del canal de VCM per mostrar els llistats de tragravemits i el seu detall es
basen en tres plantilles una per llistar el tragravemits (format default) una per mostrar el
detall i el pas a pas drsquoun tragravemit (format detall) i una altra per mostrar la normativa
aplicable drsquoun tragravemit (format detall2)
A continuacioacute srsquoexplica com es creen les plantilles de presentacioacute
(Presentation Templates) necessagraveries per configurar els tragravemits Els
responsables de cada site srsquohan de crear les seves progravepies plantilles
Cal tenir en compte que les plantilles que apareixen en el document soacuten nomeacutes un
exemple drsquouna configuracioacute vagravelida En els casos pragravectics cal seleccionar les plantilles
que pertanyen a cada portal io que tingui cada usuari en els seus recursos
En el nostre cas es fan servir les plantilles ldquoGridB2LlistatTramitsrdquo ldquoGridBTramitrdquo i
ldquoGridBTramitNormativaSacrdquo
1
47
Per la creacioacute de la plantilla srsquohan de seguir els passos seguumlents
1 Accedir al ldquoBanc de Treballrdquo
2 Accedir a ldquoPresentation Templatesrdquo
3 Accedir a la carpeta de presentacions del nostre site en aquest exemple
ldquogenegravericrdquo
1
2
48
Un cop som al llistat de plantilles del nostre site cal fer el seguumlent
1 Seleccionar el signe ldquo+rdquo
2 Seleccionar Forma de Presentation Template
En realitzar aquesta accioacute srsquoobriragrave la finestra drsquoedicioacute o creacioacute de la Presentation
Template Srsquohan de crear dos plantilles noves amb les dades seguumlents
1 Plantilla per al llistat de tragravemits
a Nom cal posar un nom identificatiu de la plantilla per exemple
GenericoGridB2LlistatTramit
b Tipus de plantilla Portal Page
c VAPVCM Portal defaultgeneric (cal posar el nom del portal VAP)
d Element del menuacute de VAP FW_NavItem_GRIDB2
3
1
2
49
e Canal VCM per defecte
Tot seguit cal fer clic a ldquoOKrdquo
Per a la configuracioacute de la plantilla per al llistat de tragravemits es pot fer servir un
NavItem que utilitzi una grid amb destacats a la dreta per exemple la GRID B2 del
Site Genegraveric o beacute un Navitem sense destacats (el FW_NavItem_GRIDB creat
anteriorment)
El NavItem ha de disposar drsquoun portlet a la part central a nivell de Page per
configurar el llistat de tragravemits
f
50
2 Crear una nova Presentation Template per al detall de tragravemits i el pas a
pas
a Nom cal posar un nom identificatiu de la plantilla com per exemple
GenericoGridBTramit
b Tipus de plantilla Portal Page
c VAPVCM Portal defaultgeneric
d Element del menuacute de VAP FW_NavItem_GRIDB
e Canal VCM per defecte
Finalment cal fer clic a ldquoOKrdquo
Per configurar la plantilla per al detall dels tragravemits i el pas a pas srsquoha de fer servir un
NavItem que utilitzi una grid sense destacats a la dreta per exemple la GRID B del
site Genegraveric
El NavItem ha de disposar de dos portlets a la part central a nivell de Page per
configurar el llistat de tragravemits
Tot seguit cal crear una nova Presentation Template per al detall de tragravemits i el pas a
pas
a Nom cal posar un nom identificatiu de la plantilla per exemple
GenericoGridBTramitNormativaSac
f
51
b Tipus de plantilla Portal Page
c VAPVCM Portal defaultgeneric
d Element del menuacute de VAP FW_NavItem_GRIDB
e Canal VCM per defecte
Finalment cal fer clic a ldquoOKrdquo
322 Configuracioacute de la plantilla al canal
Les Presentation Templates que configurarem a continuacioacute soacuten drsquoexemple
Els responsables de cada site han de crear les seves progravepies plantilles
Un cop creat el canal i les Presentation Templates en configurarem la presentacioacute
1 Seleccionarem la casella de seleccioacute del canal que acabem de crear
2 Farem clic a la icona de propietats del canal
3 Navegarem a la pestanya ldquoPresentacioacuterdquo
52
Ens apareixeragrave un formulari com el que es mostra a continuacioacute i realitzarem les
accions seguumlents
1 Fer clic a ldquoAfegir presentacioacute de canalrdquo
1
2
3
53
Apareixeragrave la pantalla seguumlent amb lrsquoobjectiu de seleccionar una plantilla en el nostre
cas farem el seguumlent
1 Seleccionar el projecte de plantilles respectiu al portal A lrsquoexemple ldquogenericrdquo
Posteriorment apareixeragrave un llistat de plantilles (ldquoTemplatesrdquo)
1 En aquest cas seleccionarem ldquoGridB2LlistatTramitsrdquo
2 Acceptarem la seleccioacute ldquoOKrdquo
1
1
54
1
2
55
Un cop acceptat ens apareixeragrave la pantalla seguumlent on configurarem el ldquodetallrdquo Per a
aixograve cal fer el seguumlent
1 Fer clic a ldquoAssignar una Nova Plantilla de Presentacioacuterdquo
1
56
Tot seguit apareixeragrave la pantalla que es mostra a continuacioacute on realitzarem les
accions seguumlents
1 Fer clic a ldquoAfegir formatrdquo
En aquesta nova pantalla ens assegurarem del seguumlent
1 A la casella ldquoFormatrdquo hi ha el valor ldquodetallrdquo
2 A la casella ldquoTemplaterdquo hi ha drsquohaver el correcte Si no eacutes aixiacute srsquoha de fer clic a
ldquoNavegadorrdquo
En fer clic a ldquoNavegadorrdquo cal fer el seguumlent
1 Tornar a navegar fins a ldquogenericrdquo
1
1 2
57
1
58
I a la pantalla seguumlent cal seleccionar una plantilla i
1 Fer clic al botoacute a prop de ldquoGridBTramitrdquo
2 Fer clic a ldquoOKrdquo
1
2
59
En aquest moment es torna a la pantalla anterior i cal
1 Fer clic a ldquoOKrdquo
En el canal Llistat de tragravemits ha drsquoestar configurat el ldquoformatrdquo ldquodetallrdquo ja que la forma
de presentacioacute que configurarem a GridDBTramit necessitaragrave aquest format per
visualitzar el detall del contingut de tipus ldquoTragravemitrdquo
2
60
La pantalla anterior a aquesta ens ha de presentar aquesta informacioacute Ara
configurarem el ldquodetall2rdquo per presentar el contingut rdquo Normativa de SACrdquo Per a aixograve
cal fer el seguumlent
1 Fer clic a ldquoAfegir Formatrdquo
En aquesta nova pantalla ens assegurarem del seguumlent
1 A la casella ldquoFormatrdquo hi ha el valor ldquodetall2rdquo
1
61
2 A la casella ldquoTemplaterdquo hi ha drsquohaver el correcte Si no eacutes aixiacute srsquoha de fer clic a
ldquoNavegadorrdquo
En fer clic a ldquoNavegadorrdquo srsquoha de fer el seguumlent
1 Tornar a navegar fins a ldquogenericrdquo (srsquoha de substituir pel nom del portal)
1 2
62
1
63
A la pantalla seguumlent cal seleccionar una plantilla i
1 Fer clic al botoacute a prop de ldquoGridBTramitNormativaSacrdquo
2 Fer clic a ldquoOKrdquo
1
2
64
En aquest moment es torna a la pantalla anterior i cal fer el seguumlent
2 Fer clic a ldquoOKrdquo
En el canal Llistat de tragravemits ha drsquoestar configurat el ldquoformatrdquo ldquodetall2rdquo ja que la
forma de presentacioacute que configurarem a GridDBTramitNormativaSac necessitaragrave
aquest format per visualitzar el detall del contingut de tipus normativa ldquoSACrdquo
2
65
La pantalla anterior a aquesta ens ha de presentar aquesta informacioacute i srsquoha de fer el
seguumlent
2 Fer clic a ldquoOKrdquo
1
66
La finestra pare anterior a aquesta quedaragrave com es mostra tot seguit i realitzarem les
accions seguumlents
1 Fer clic a ldquoOKrdquo
4 Comparticioacute de continguts
Accedim al projecte on hi ha tots els tragravemits de lrsquoOVT
1
67
OVTDepartaments[NomCurtDepartaments][NomCurtOrganisme] TramitOVT
On NomCurtDepartaments correspon al nom curt del departament al que fa referencia
el nostre organisme
En aquest exemple es mostren tots els projectes de tragravemits de lrsquoOVT
Un cop localitzat el tragravemit de lrsquoOVT que volem compartir amb el nostre site accedirem
a lrsquoedicioacute del contingut i assignarem aquest contingut al canal del nostre site on es
vulgui mostrar Srsquoha de fer el seguumlent
1 Anar al contenidor de projectes on hi ha els continguts de GECO
Apareixeragrave lrsquoestructura de projectes a la qual teacute acceacutes lrsquousuari redactor Cal fer el
seguumlent (exemple Agegravencia Tributagraveria dins drsquoEconomia i Finances)
1 Seleccionar ldquoOVTrdquo
2 Seleccionar ldquoDepartamentsrdquo aquesta carpeta conteacute tots els tragravemits de lrsquoOVT
classificats per departaments
3 Seleccionar ldquoECOrdquo A lrsquousuari nomeacutes se li mostraragrave la carpeta del seu
departament
Si lrsquousuari no visualitza la carpeta dins del seu departament eacutes perquegrave no
srsquoha aplicat la poliacutetica de seguretat correctament Cal obrir un tiquet a Suport
gencat per tramitar aquests permisos AQUESTA CARPETA NOMEacuteS SERAgrave
VISIBLE PER ALS USUARIS AMB ROL REDACTOR
4 Seleccionar ldquoA_Agegravencia Tributagraveriardquo
5 Seleccionar ldquoTramitOVTrdquo
1
68
2
3
1
69
4
5
70
Apareixeragrave el llistat de continguts ldquoTragravemitOVTrdquo de lrsquoOVT de lrsquoAgegravencia Tributagraveria
Realitzarem les accions seguumlents
1 Seleccionar el tragravemit o els tragravemits que volem compartir en la web dorganisme
2 Fer clic a ldquoAssociarrdquo
2
1
71
Aquest proceacutes obriragrave una finestra Per seleccionar el site i canal on es volen mostrar
els tragravemits seleccionats realitzarem les accions seguumlents (cas site Generic)
1 Seleccionar el site ldquoGenericrdquo en el vostre cas el site del departament on es vol
mostrar el contingut ldquotragravemitrdquo
2 Navegar pels canals del Site Genegraveric fins al canal que srsquoha creat en el punt
ldquoLlistat de tragravemitsrdquo i seleccionar el quadre de verificacioacute
3 Fer clic a ldquoOKrdquo
1
72
2
3
73
41 Validar que la comparticioacute de continguts eacutes correcta
Accedim per VCM al canal que hem creat anteriorment al qual li acabem drsquoassignar
els continguts de tragravemits que ha de mostrar i fem el seguumlent
1 Anar al contenidor de portals
2 Seleccionar el Site ldquogenericrdquo
3 Seleccionar el canal ldquoHomerdquo
4 Seleccionar el canal ldquoCanal Llistat tragravemitsrdquo
1
2
3
74
4
75
Apareixeragrave el contingut assignat al canal ldquoCanal Llistat tragravemitsrdquo
En entrar trobarem el llistat seguumlent
1 Llistat del tragravemits de lrsquoOVT que srsquohan compartit amb el canal ldquoCanal Llistat
tragravemitsrdquo
2 Validar que els continguts que apareixen soacuten del tipus ldquoTramitOVTrdquo
En cas que al canal del site ldquoCanal Llistat tragravemitsrdquo no apareguin els continguts
tragravemits associats anteriorment cal repetir el pas 22
1 2
76
5 Configuracioacute al portal
Ara cal entrar al nostre site on tenim configurat el canal que hem creat en lrsquoapartat
anterior (21) i que ara configurarem a nivell de portal
51 Configuracioacute a Canal Llistat tragravemits
511 Configuracioacute de la llista de tragravemits
Farem clic a lrsquoenllaccedil ldquoCanal llistat tragravemitsrdquo de la ldquoHomerdquo i anirem a parar a una
pantalla com la que es mostra meacutes avall
Es pot apreciar que en el contingut de la pagravegina no hi ha res Aixograve eacutes perquegrave cal
configurar els portlets adequats ( )
1 Ens situarem sobre la icona ldquoOpcions de Pagraveginardquo
2 Seleccionarem ldquoObrir Plantillardquo ja que els portlets soacuten a nivell de Page
Ens apareixeragrave una pantalla com la que es mostra tot seguit i realitzarem les accions
seguumlents
1 Seleccionar el portlet de la part central de la pagravegina per configurar una ldquoLlista
automagravetica de contingutsrdquo
2
1
77
Tambeacute podem configurar una ldquoLlista manual de contingutsrdquo segons les
necessitats de cada usuari
78
Ens redirigiragrave cap a un formulari drsquoedicioacute que ens mostraragrave directament quina consulta
hem de configurar per mostrar els continguts i configurarem una consulta com la
seguumlent (evidentment segons les necessitats de cada usuari)
Ara tenim configurat que la pagravegina mostraragrave els tipus de contingut ldquoTramitOVTrdquo del
canal actual ordenats per la ldquoEacutes on-linerdquo en ordre descendent
Aixograve ens portaragrave a la pantalla principal on acabarem de completar la configuracioacute
1 Validar que en lrsquoapartat ldquoConsultardquo hi ha la configuracioacute que acabem drsquoafegir
2 Emplenar ldquoAgraveliesrdquo
3 En lrsquoapartat Forma de presentacioacute fer clic al botoacute ldquoCercar helliprdquo
79
Ens apareixeragrave la pantalla seguumlent
1 Fer clic a ldquoNavegacioacute per projectesrdquo
1
2
3
80
Ens canviaragrave la vista al format seguumlent
1 Navegarem per les carpetes fins a arribar a ldquoFramework Formes de
presentacioacute Site generic fw_fp_llistatramitsrdquo
2 Seleccionarem ldquofw_fp_llistatramitsrdquo
3 Farem clic a ldquoOKrdquo
1
1
81
En retornar a la pantalla principal cal
1 Validar que la forma de presentacioacute eacutes la que acabem de seleccionar
2 Fer clic a ldquoOKrdquo
1 (continuacioacute) 2
3
82
1
2
83
Aquest seragrave el nostre resultat a la pantalla del portal i cal fer el seguumlent
1 Verificar que apareixen els dos continguts que es van associar a aquest canal
1
84
512 Configuracioacute del detall del tragravemit i el pas a pas
En fer clic sobre una activitat veurem com ens redirigeix a la plantilla configurada al
ldquodetallrdquo drsquoaquesta pagravegina tal com la vam configurar en lrsquoapartat 231 cal fer el
seguumlent
1 Fer clic a la primera activitat
1
85
Ens sortiragrave la pagravegina de VAP del detall drsquoun contingut per configurar farem els
passos seguumlents
1 Ens situarem sobre la icona ldquoOpcions de Pagraveginardquo
2 Seleccionar ldquoObrir Plantillardquo ja que els portlets soacuten a nivell de Page
Ens apareixeragrave una pantalla com la que es mostra tot seguit i realitzarem les accions
seguumlents
1 Seleccionar el portlet de la part central de la pagravegina per configurar un ldquoDetall
de contingutrdquo i fer clic a ldquoEditarrdquo
Ens apareixeragrave la pantalla de seleccioacute de component de presentacioacute
1 Seleccionarem el component de presentacioacute ldquoDetall de contingutrdquo
1
2
1
86
Ens apareixeragrave la pantalla que es mostra tot seguit i realitzarem les accions seguumlents
1 Emplenar el camp ldquoAgraveliesrdquo
2 Canviar a la pestanya ldquoPresentacioacuterdquo
En fer clic a la pestanya obtindrem la imatge que es mostra tot seguit i realitzarem les
accions seguumlents
1 Cercarem una forma de presentacioacute fent clic a ldquoCercar helliprdquo
1
2
87
Quan aparegui la pantalla de cercador realitzarem una cerca de la forma de
presentacioacute que volem fer servir per a aixograve cal fer el seguumlent
1 Emplenar la caixa de text amb ldquofw_fp_tramitrdquo
2 Preacutemer ldquoCercarrdquo
3 Seleccionar la forma de presentacioacute de la caixa de resultats
4 Preacutemer ldquoOKrdquo
La forma de presentacioacute ldquofw_fp_tramitrdquo estagrave preparada per ldquomaquillarrdquo el contingut
dels tragravemits Tambeacute es pot fer servir una forma de presentacioacute personalitzada
segons es cregui convenient
1
1
2
3
4
88
En acabar tornarem a la pagravegina principal drsquoedicioacute i farem el seguumlent
1 Verificar que la forma de presentacioacute eacutes la que hem escollit
2 Fer clic a ldquoOKrdquo
En finalitzar la configuracioacute del component de presentacioacute tornem a la pantalla del
portal i cal fer el seguumlent
1 Verificar que el disseny de la presentacioacute eacutes semblant al seguumlent
1
2
89
Configurarem el portlet superior central de la pagravegina perquegrave aquesta contingui el fil
drsquoAriadna
1 Accedir a ldquoObrir Plantillardquo
1 Editar el portlet central que hi ha a sobre del detall de tragravemit per configurar el fil
drsquoAriadna En aquest exemple el portlet eacutes ldquoFW_hilo_ariadnardquo
Escollirem el component de presentacioacute
1 Seleccionar el component de presentacioacute ldquoFil drsquoAriadnardquo
1
1
90
En la configuracioacute del component realitzarem les accions seguumlents
1 Inserir el camp ldquoAgraveliesrdquo
2 Inserir el camp ldquoCanalrdquo
3 Fer clic a la pestanya ldquoPresentacioacuterdquo i cercar la forma de presentacioacute
ldquofw_fp_filariadnardquo
1
91
513 Configuracioacute del detall drsquouna normativa SAC
En el detall de contingut configurat en el punt anterior fent clic sobre una normativa
veurem com ens redirigeix a la plantilla configurada al ldquodetall2rdquo drsquoaquesta pagravegina tal
com hem configurat a lrsquoapartat 231
1 Fer clic a la primera ldquoNormativa Aplicablerdquo
2
3
92
Aquest enllaccedil ens portaragrave al detall2 del canal on srsquoha de configurar el detall de
contingut SAC per tal que es mostri la normativa aplicable
Configurarem el portlet superior central de la pagravegina perquegrave aquesta contingui el fil
drsquoAriadna per a aixograve cal fer el seguumlent
1 Accedir a ldquoObrir Plantillardquo
1
93
1
94
1 Editar el portlet central que hi ha a sobre del detall de tragravemit per configurar el fil
drsquoAriadna En aquest exemple el portlet eacutes ldquofw_portlet_tramitrdquo
Escollirem el component de presentacioacute
1 Seleccionar el component de presentacioacute ldquoDetall de Contingut SACrdquo
En la configuracioacute del component realitzarem les accions seguumlents
1 Inserir el camp ldquoAgraveliesrdquo
2 Seleccionar el tipus de contingut ldquoDetall Tragravemitrdquo
1
95
3 Fer clic a la pestanya ldquoPresentacioacuterdquo i cercar la forma de presentacioacute
ldquofw_fp_sac_normativardquo
4 Fer clic al botoacute ldquoOKrdquo
Srsquoactualitzaragrave la pagravegina de VAP i es mostraragrave el detall de SAC
1
2
3
4
96
514 Validacioacute final de VAP
Finalment cal validar que els tragravemits es visualitzen correctament per a aixograve cal
1 Verificar que tenim els canals creats
2 Accedir al canal ldquoCanal Llistat tragravemitsrdquo i validar que es mostren els tragravemits
que hem associat al punt 22
1
97
A continuacioacute cal fer les comprovacions seguumlents
1 Accedir al detall del tragravemit compartit
2 Accedir al pas a pas del tragravemit i a la normativa de SAC
Exemple llistat de tragravemits compartits
2
1
98
Exemple detall de tragravemit compartit
Exemple pas a pas drsquoun tragravemit
2
2
99
Exemple normativa SAC
En el cas que no es visualitzin el llistat de tragravemits detall o pas a pas configurat
validar
1 Refrescar la Pagravegina
2 Els tragravemits estan associats al canal que esteacuten visualitzat punt 23
1 Refrescar la pagravegina
1
36
Quan seleccionem la graella srsquoobriragrave la finestra seguumlent aquiacute cal
1 Seleccionar la graella que utilitzarem al nostre site per a aquest exemple farem
servir la Graella FW_Grid_B sense destacats a la dreta del Site Genegraveric Per
tal de visualitzar correctament el detall del tragravemit el pas a pas i la normativa
SAC eacutes imprescindible que la graella tingui una uacutenica columna de continguts
2 Fer clic a ldquoSalvarrdquo
1
2
37
3 Configuracioacute de lrsquoadministracioacute de VCM
31 Creacioacute del canal ldquoLlistat tragravemitsrdquo
Dins del gestor de continguts realitzarem les tasques seguumlents
1 Accedir a ldquoPortalsrdquo
2 Navegar fins al ldquoPortalrdquo on volem configurar el llistat de continguts
3 Seleccionar ldquoHomerdquo
4 Posicionar-se sobre la creu verda i seleccionar ldquoCanalrdquo
a Emplenar la informacioacute i fer clic a ldquoOKrdquo
b Assegurar-se que el canal eacutes ldquoActiurdquo
1
2
3
38
311 Associacioacute de fitxers a la presentacioacute drsquoun canal
Ara srsquohan drsquoassociar els fitxers estagravetics adequats a la presentacioacute del canal perquegrave les
formes de presentacioacute posteriors trobin els estils i els Javascript corresponents
Per a aixograve cal entrar a les propietats del canal ldquoCanal Llistat tragravemitsrdquo i
1 Seleccionar el canal ldquoCanal Llistat tragravemitsrdquo
4
4a
4b
39
1
40
En entrar trobarem el llistat seguumlent on cal
1 Fer clic a ldquoCanal Llistat tragravemitsrdquo
2 Aquest eacutes un contingut del tipus Canals (cal fixar-se que no eacutes com lrsquoanterior)
Es mostraragrave la pantalla seguumlent on afegirem els fitxers relacionats amb el canal per a
cada idioma aquiacute cal
1 Emplenar els camps requerits per crear una pestanya del multiidioma
2 Desplaccedilar-se cap avall en lrsquoapartat ldquomultiidiomardquo fins a observar lrsquoapartat
drsquoassociacioacute de fitxers
3 Fer clic a ldquoAfegirrdquo
En aquest moment apareixeragrave la pantalla seguumlent
1 Si voleu afegir un fitxer amb extensioacute css cal deixar el camp ldquoTipus de fitxerrdquo
amb valor ldquocssrdquo Si voleu afegir un fitxer que teacute extensioacute js srsquoha de canviar el
camp ldquoTipus de fitxerrdquo al valor ldquojsrdquo
2 Fer clic a ldquoNavegadorrdquo
1
2 1 3
2
41
Apareixeragrave la pantalla de navegacioacute de continguts i anirem cercant els fitxers estagravetics
que associarem aquiacute cal
1 Fer clic a ldquoFrameworkrdquo
2 Fer clic a ldquoestilos y scriptsrdquo
3 Fer clic a ldquoNuevos Estilos imagenes y jsrdquo
4 Fer clic a ldquoGlobalsrdquo
2 1
42
43
44
Una vegada se nrsquohagin seleccionat tornarem a la pantalla anterior i farem el seguumlent
1 Verificar que el fitxer seleccionat eacutes el que apareix al quadre de text i que la
seva extensioacute coincideix amb la que hi ha seleccionada a ldquoTipus de fitxerrdquo
2 Fer clic a ldquoOKrdquo
Un cop acabades totes les associacions el resultat de les associacions afegides a la
pantalla principal ha de ser el seguumlent
1 Fer clic a ldquoAplicarrdquo a lrsquoapartat ldquomultiidiomardquo
1
2
45
1
46
Es recarregaragrave la pantalla
1 Fer clic a ldquoOKrdquo al nivell general
Ja tenim configurat el canal que mostraragrave ldquoLlistat de tragravemitsrdquo amb els fitxers associats
que fa referegravencia a la forma de presentacioacute que farem servir aquest mateix canal
mostraragrave el detall del contingut tragravemit amb el format detall
32 Creacioacute i assignacioacute de plantilles de presentacioacute per al
canal ldquoCanal Llistat tragravemitsrdquo
321 Creacioacute de les plantilles (templates) de VCM
La configuracioacute del canal de VCM per mostrar els llistats de tragravemits i el seu detall es
basen en tres plantilles una per llistar el tragravemits (format default) una per mostrar el
detall i el pas a pas drsquoun tragravemit (format detall) i una altra per mostrar la normativa
aplicable drsquoun tragravemit (format detall2)
A continuacioacute srsquoexplica com es creen les plantilles de presentacioacute
(Presentation Templates) necessagraveries per configurar els tragravemits Els
responsables de cada site srsquohan de crear les seves progravepies plantilles
Cal tenir en compte que les plantilles que apareixen en el document soacuten nomeacutes un
exemple drsquouna configuracioacute vagravelida En els casos pragravectics cal seleccionar les plantilles
que pertanyen a cada portal io que tingui cada usuari en els seus recursos
En el nostre cas es fan servir les plantilles ldquoGridB2LlistatTramitsrdquo ldquoGridBTramitrdquo i
ldquoGridBTramitNormativaSacrdquo
1
47
Per la creacioacute de la plantilla srsquohan de seguir els passos seguumlents
1 Accedir al ldquoBanc de Treballrdquo
2 Accedir a ldquoPresentation Templatesrdquo
3 Accedir a la carpeta de presentacions del nostre site en aquest exemple
ldquogenegravericrdquo
1
2
48
Un cop som al llistat de plantilles del nostre site cal fer el seguumlent
1 Seleccionar el signe ldquo+rdquo
2 Seleccionar Forma de Presentation Template
En realitzar aquesta accioacute srsquoobriragrave la finestra drsquoedicioacute o creacioacute de la Presentation
Template Srsquohan de crear dos plantilles noves amb les dades seguumlents
1 Plantilla per al llistat de tragravemits
a Nom cal posar un nom identificatiu de la plantilla per exemple
GenericoGridB2LlistatTramit
b Tipus de plantilla Portal Page
c VAPVCM Portal defaultgeneric (cal posar el nom del portal VAP)
d Element del menuacute de VAP FW_NavItem_GRIDB2
3
1
2
49
e Canal VCM per defecte
Tot seguit cal fer clic a ldquoOKrdquo
Per a la configuracioacute de la plantilla per al llistat de tragravemits es pot fer servir un
NavItem que utilitzi una grid amb destacats a la dreta per exemple la GRID B2 del
Site Genegraveric o beacute un Navitem sense destacats (el FW_NavItem_GRIDB creat
anteriorment)
El NavItem ha de disposar drsquoun portlet a la part central a nivell de Page per
configurar el llistat de tragravemits
f
50
2 Crear una nova Presentation Template per al detall de tragravemits i el pas a
pas
a Nom cal posar un nom identificatiu de la plantilla com per exemple
GenericoGridBTramit
b Tipus de plantilla Portal Page
c VAPVCM Portal defaultgeneric
d Element del menuacute de VAP FW_NavItem_GRIDB
e Canal VCM per defecte
Finalment cal fer clic a ldquoOKrdquo
Per configurar la plantilla per al detall dels tragravemits i el pas a pas srsquoha de fer servir un
NavItem que utilitzi una grid sense destacats a la dreta per exemple la GRID B del
site Genegraveric
El NavItem ha de disposar de dos portlets a la part central a nivell de Page per
configurar el llistat de tragravemits
Tot seguit cal crear una nova Presentation Template per al detall de tragravemits i el pas a
pas
a Nom cal posar un nom identificatiu de la plantilla per exemple
GenericoGridBTramitNormativaSac
f
51
b Tipus de plantilla Portal Page
c VAPVCM Portal defaultgeneric
d Element del menuacute de VAP FW_NavItem_GRIDB
e Canal VCM per defecte
Finalment cal fer clic a ldquoOKrdquo
322 Configuracioacute de la plantilla al canal
Les Presentation Templates que configurarem a continuacioacute soacuten drsquoexemple
Els responsables de cada site han de crear les seves progravepies plantilles
Un cop creat el canal i les Presentation Templates en configurarem la presentacioacute
1 Seleccionarem la casella de seleccioacute del canal que acabem de crear
2 Farem clic a la icona de propietats del canal
3 Navegarem a la pestanya ldquoPresentacioacuterdquo
52
Ens apareixeragrave un formulari com el que es mostra a continuacioacute i realitzarem les
accions seguumlents
1 Fer clic a ldquoAfegir presentacioacute de canalrdquo
1
2
3
53
Apareixeragrave la pantalla seguumlent amb lrsquoobjectiu de seleccionar una plantilla en el nostre
cas farem el seguumlent
1 Seleccionar el projecte de plantilles respectiu al portal A lrsquoexemple ldquogenericrdquo
Posteriorment apareixeragrave un llistat de plantilles (ldquoTemplatesrdquo)
1 En aquest cas seleccionarem ldquoGridB2LlistatTramitsrdquo
2 Acceptarem la seleccioacute ldquoOKrdquo
1
1
54
1
2
55
Un cop acceptat ens apareixeragrave la pantalla seguumlent on configurarem el ldquodetallrdquo Per a
aixograve cal fer el seguumlent
1 Fer clic a ldquoAssignar una Nova Plantilla de Presentacioacuterdquo
1
56
Tot seguit apareixeragrave la pantalla que es mostra a continuacioacute on realitzarem les
accions seguumlents
1 Fer clic a ldquoAfegir formatrdquo
En aquesta nova pantalla ens assegurarem del seguumlent
1 A la casella ldquoFormatrdquo hi ha el valor ldquodetallrdquo
2 A la casella ldquoTemplaterdquo hi ha drsquohaver el correcte Si no eacutes aixiacute srsquoha de fer clic a
ldquoNavegadorrdquo
En fer clic a ldquoNavegadorrdquo cal fer el seguumlent
1 Tornar a navegar fins a ldquogenericrdquo
1
1 2
57
1
58
I a la pantalla seguumlent cal seleccionar una plantilla i
1 Fer clic al botoacute a prop de ldquoGridBTramitrdquo
2 Fer clic a ldquoOKrdquo
1
2
59
En aquest moment es torna a la pantalla anterior i cal
1 Fer clic a ldquoOKrdquo
En el canal Llistat de tragravemits ha drsquoestar configurat el ldquoformatrdquo ldquodetallrdquo ja que la forma
de presentacioacute que configurarem a GridDBTramit necessitaragrave aquest format per
visualitzar el detall del contingut de tipus ldquoTragravemitrdquo
2
60
La pantalla anterior a aquesta ens ha de presentar aquesta informacioacute Ara
configurarem el ldquodetall2rdquo per presentar el contingut rdquo Normativa de SACrdquo Per a aixograve
cal fer el seguumlent
1 Fer clic a ldquoAfegir Formatrdquo
En aquesta nova pantalla ens assegurarem del seguumlent
1 A la casella ldquoFormatrdquo hi ha el valor ldquodetall2rdquo
1
61
2 A la casella ldquoTemplaterdquo hi ha drsquohaver el correcte Si no eacutes aixiacute srsquoha de fer clic a
ldquoNavegadorrdquo
En fer clic a ldquoNavegadorrdquo srsquoha de fer el seguumlent
1 Tornar a navegar fins a ldquogenericrdquo (srsquoha de substituir pel nom del portal)
1 2
62
1
63
A la pantalla seguumlent cal seleccionar una plantilla i
1 Fer clic al botoacute a prop de ldquoGridBTramitNormativaSacrdquo
2 Fer clic a ldquoOKrdquo
1
2
64
En aquest moment es torna a la pantalla anterior i cal fer el seguumlent
2 Fer clic a ldquoOKrdquo
En el canal Llistat de tragravemits ha drsquoestar configurat el ldquoformatrdquo ldquodetall2rdquo ja que la
forma de presentacioacute que configurarem a GridDBTramitNormativaSac necessitaragrave
aquest format per visualitzar el detall del contingut de tipus normativa ldquoSACrdquo
2
65
La pantalla anterior a aquesta ens ha de presentar aquesta informacioacute i srsquoha de fer el
seguumlent
2 Fer clic a ldquoOKrdquo
1
66
La finestra pare anterior a aquesta quedaragrave com es mostra tot seguit i realitzarem les
accions seguumlents
1 Fer clic a ldquoOKrdquo
4 Comparticioacute de continguts
Accedim al projecte on hi ha tots els tragravemits de lrsquoOVT
1
67
OVTDepartaments[NomCurtDepartaments][NomCurtOrganisme] TramitOVT
On NomCurtDepartaments correspon al nom curt del departament al que fa referencia
el nostre organisme
En aquest exemple es mostren tots els projectes de tragravemits de lrsquoOVT
Un cop localitzat el tragravemit de lrsquoOVT que volem compartir amb el nostre site accedirem
a lrsquoedicioacute del contingut i assignarem aquest contingut al canal del nostre site on es
vulgui mostrar Srsquoha de fer el seguumlent
1 Anar al contenidor de projectes on hi ha els continguts de GECO
Apareixeragrave lrsquoestructura de projectes a la qual teacute acceacutes lrsquousuari redactor Cal fer el
seguumlent (exemple Agegravencia Tributagraveria dins drsquoEconomia i Finances)
1 Seleccionar ldquoOVTrdquo
2 Seleccionar ldquoDepartamentsrdquo aquesta carpeta conteacute tots els tragravemits de lrsquoOVT
classificats per departaments
3 Seleccionar ldquoECOrdquo A lrsquousuari nomeacutes se li mostraragrave la carpeta del seu
departament
Si lrsquousuari no visualitza la carpeta dins del seu departament eacutes perquegrave no
srsquoha aplicat la poliacutetica de seguretat correctament Cal obrir un tiquet a Suport
gencat per tramitar aquests permisos AQUESTA CARPETA NOMEacuteS SERAgrave
VISIBLE PER ALS USUARIS AMB ROL REDACTOR
4 Seleccionar ldquoA_Agegravencia Tributagraveriardquo
5 Seleccionar ldquoTramitOVTrdquo
1
68
2
3
1
69
4
5
70
Apareixeragrave el llistat de continguts ldquoTragravemitOVTrdquo de lrsquoOVT de lrsquoAgegravencia Tributagraveria
Realitzarem les accions seguumlents
1 Seleccionar el tragravemit o els tragravemits que volem compartir en la web dorganisme
2 Fer clic a ldquoAssociarrdquo
2
1
71
Aquest proceacutes obriragrave una finestra Per seleccionar el site i canal on es volen mostrar
els tragravemits seleccionats realitzarem les accions seguumlents (cas site Generic)
1 Seleccionar el site ldquoGenericrdquo en el vostre cas el site del departament on es vol
mostrar el contingut ldquotragravemitrdquo
2 Navegar pels canals del Site Genegraveric fins al canal que srsquoha creat en el punt
ldquoLlistat de tragravemitsrdquo i seleccionar el quadre de verificacioacute
3 Fer clic a ldquoOKrdquo
1
72
2
3
73
41 Validar que la comparticioacute de continguts eacutes correcta
Accedim per VCM al canal que hem creat anteriorment al qual li acabem drsquoassignar
els continguts de tragravemits que ha de mostrar i fem el seguumlent
1 Anar al contenidor de portals
2 Seleccionar el Site ldquogenericrdquo
3 Seleccionar el canal ldquoHomerdquo
4 Seleccionar el canal ldquoCanal Llistat tragravemitsrdquo
1
2
3
74
4
75
Apareixeragrave el contingut assignat al canal ldquoCanal Llistat tragravemitsrdquo
En entrar trobarem el llistat seguumlent
1 Llistat del tragravemits de lrsquoOVT que srsquohan compartit amb el canal ldquoCanal Llistat
tragravemitsrdquo
2 Validar que els continguts que apareixen soacuten del tipus ldquoTramitOVTrdquo
En cas que al canal del site ldquoCanal Llistat tragravemitsrdquo no apareguin els continguts
tragravemits associats anteriorment cal repetir el pas 22
1 2
76
5 Configuracioacute al portal
Ara cal entrar al nostre site on tenim configurat el canal que hem creat en lrsquoapartat
anterior (21) i que ara configurarem a nivell de portal
51 Configuracioacute a Canal Llistat tragravemits
511 Configuracioacute de la llista de tragravemits
Farem clic a lrsquoenllaccedil ldquoCanal llistat tragravemitsrdquo de la ldquoHomerdquo i anirem a parar a una
pantalla com la que es mostra meacutes avall
Es pot apreciar que en el contingut de la pagravegina no hi ha res Aixograve eacutes perquegrave cal
configurar els portlets adequats ( )
1 Ens situarem sobre la icona ldquoOpcions de Pagraveginardquo
2 Seleccionarem ldquoObrir Plantillardquo ja que els portlets soacuten a nivell de Page
Ens apareixeragrave una pantalla com la que es mostra tot seguit i realitzarem les accions
seguumlents
1 Seleccionar el portlet de la part central de la pagravegina per configurar una ldquoLlista
automagravetica de contingutsrdquo
2
1
77
Tambeacute podem configurar una ldquoLlista manual de contingutsrdquo segons les
necessitats de cada usuari
78
Ens redirigiragrave cap a un formulari drsquoedicioacute que ens mostraragrave directament quina consulta
hem de configurar per mostrar els continguts i configurarem una consulta com la
seguumlent (evidentment segons les necessitats de cada usuari)
Ara tenim configurat que la pagravegina mostraragrave els tipus de contingut ldquoTramitOVTrdquo del
canal actual ordenats per la ldquoEacutes on-linerdquo en ordre descendent
Aixograve ens portaragrave a la pantalla principal on acabarem de completar la configuracioacute
1 Validar que en lrsquoapartat ldquoConsultardquo hi ha la configuracioacute que acabem drsquoafegir
2 Emplenar ldquoAgraveliesrdquo
3 En lrsquoapartat Forma de presentacioacute fer clic al botoacute ldquoCercar helliprdquo
79
Ens apareixeragrave la pantalla seguumlent
1 Fer clic a ldquoNavegacioacute per projectesrdquo
1
2
3
80
Ens canviaragrave la vista al format seguumlent
1 Navegarem per les carpetes fins a arribar a ldquoFramework Formes de
presentacioacute Site generic fw_fp_llistatramitsrdquo
2 Seleccionarem ldquofw_fp_llistatramitsrdquo
3 Farem clic a ldquoOKrdquo
1
1
81
En retornar a la pantalla principal cal
1 Validar que la forma de presentacioacute eacutes la que acabem de seleccionar
2 Fer clic a ldquoOKrdquo
1 (continuacioacute) 2
3
82
1
2
83
Aquest seragrave el nostre resultat a la pantalla del portal i cal fer el seguumlent
1 Verificar que apareixen els dos continguts que es van associar a aquest canal
1
84
512 Configuracioacute del detall del tragravemit i el pas a pas
En fer clic sobre una activitat veurem com ens redirigeix a la plantilla configurada al
ldquodetallrdquo drsquoaquesta pagravegina tal com la vam configurar en lrsquoapartat 231 cal fer el
seguumlent
1 Fer clic a la primera activitat
1
85
Ens sortiragrave la pagravegina de VAP del detall drsquoun contingut per configurar farem els
passos seguumlents
1 Ens situarem sobre la icona ldquoOpcions de Pagraveginardquo
2 Seleccionar ldquoObrir Plantillardquo ja que els portlets soacuten a nivell de Page
Ens apareixeragrave una pantalla com la que es mostra tot seguit i realitzarem les accions
seguumlents
1 Seleccionar el portlet de la part central de la pagravegina per configurar un ldquoDetall
de contingutrdquo i fer clic a ldquoEditarrdquo
Ens apareixeragrave la pantalla de seleccioacute de component de presentacioacute
1 Seleccionarem el component de presentacioacute ldquoDetall de contingutrdquo
1
2
1
86
Ens apareixeragrave la pantalla que es mostra tot seguit i realitzarem les accions seguumlents
1 Emplenar el camp ldquoAgraveliesrdquo
2 Canviar a la pestanya ldquoPresentacioacuterdquo
En fer clic a la pestanya obtindrem la imatge que es mostra tot seguit i realitzarem les
accions seguumlents
1 Cercarem una forma de presentacioacute fent clic a ldquoCercar helliprdquo
1
2
87
Quan aparegui la pantalla de cercador realitzarem una cerca de la forma de
presentacioacute que volem fer servir per a aixograve cal fer el seguumlent
1 Emplenar la caixa de text amb ldquofw_fp_tramitrdquo
2 Preacutemer ldquoCercarrdquo
3 Seleccionar la forma de presentacioacute de la caixa de resultats
4 Preacutemer ldquoOKrdquo
La forma de presentacioacute ldquofw_fp_tramitrdquo estagrave preparada per ldquomaquillarrdquo el contingut
dels tragravemits Tambeacute es pot fer servir una forma de presentacioacute personalitzada
segons es cregui convenient
1
1
2
3
4
88
En acabar tornarem a la pagravegina principal drsquoedicioacute i farem el seguumlent
1 Verificar que la forma de presentacioacute eacutes la que hem escollit
2 Fer clic a ldquoOKrdquo
En finalitzar la configuracioacute del component de presentacioacute tornem a la pantalla del
portal i cal fer el seguumlent
1 Verificar que el disseny de la presentacioacute eacutes semblant al seguumlent
1
2
89
Configurarem el portlet superior central de la pagravegina perquegrave aquesta contingui el fil
drsquoAriadna
1 Accedir a ldquoObrir Plantillardquo
1 Editar el portlet central que hi ha a sobre del detall de tragravemit per configurar el fil
drsquoAriadna En aquest exemple el portlet eacutes ldquoFW_hilo_ariadnardquo
Escollirem el component de presentacioacute
1 Seleccionar el component de presentacioacute ldquoFil drsquoAriadnardquo
1
1
90
En la configuracioacute del component realitzarem les accions seguumlents
1 Inserir el camp ldquoAgraveliesrdquo
2 Inserir el camp ldquoCanalrdquo
3 Fer clic a la pestanya ldquoPresentacioacuterdquo i cercar la forma de presentacioacute
ldquofw_fp_filariadnardquo
1
91
513 Configuracioacute del detall drsquouna normativa SAC
En el detall de contingut configurat en el punt anterior fent clic sobre una normativa
veurem com ens redirigeix a la plantilla configurada al ldquodetall2rdquo drsquoaquesta pagravegina tal
com hem configurat a lrsquoapartat 231
1 Fer clic a la primera ldquoNormativa Aplicablerdquo
2
3
92
Aquest enllaccedil ens portaragrave al detall2 del canal on srsquoha de configurar el detall de
contingut SAC per tal que es mostri la normativa aplicable
Configurarem el portlet superior central de la pagravegina perquegrave aquesta contingui el fil
drsquoAriadna per a aixograve cal fer el seguumlent
1 Accedir a ldquoObrir Plantillardquo
1
93
1
94
1 Editar el portlet central que hi ha a sobre del detall de tragravemit per configurar el fil
drsquoAriadna En aquest exemple el portlet eacutes ldquofw_portlet_tramitrdquo
Escollirem el component de presentacioacute
1 Seleccionar el component de presentacioacute ldquoDetall de Contingut SACrdquo
En la configuracioacute del component realitzarem les accions seguumlents
1 Inserir el camp ldquoAgraveliesrdquo
2 Seleccionar el tipus de contingut ldquoDetall Tragravemitrdquo
1
95
3 Fer clic a la pestanya ldquoPresentacioacuterdquo i cercar la forma de presentacioacute
ldquofw_fp_sac_normativardquo
4 Fer clic al botoacute ldquoOKrdquo
Srsquoactualitzaragrave la pagravegina de VAP i es mostraragrave el detall de SAC
1
2
3
4
96
514 Validacioacute final de VAP
Finalment cal validar que els tragravemits es visualitzen correctament per a aixograve cal
1 Verificar que tenim els canals creats
2 Accedir al canal ldquoCanal Llistat tragravemitsrdquo i validar que es mostren els tragravemits
que hem associat al punt 22
1
97
A continuacioacute cal fer les comprovacions seguumlents
1 Accedir al detall del tragravemit compartit
2 Accedir al pas a pas del tragravemit i a la normativa de SAC
Exemple llistat de tragravemits compartits
2
1
98
Exemple detall de tragravemit compartit
Exemple pas a pas drsquoun tragravemit
2
2
99
Exemple normativa SAC
En el cas que no es visualitzin el llistat de tragravemits detall o pas a pas configurat
validar
1 Refrescar la Pagravegina
2 Els tragravemits estan associats al canal que esteacuten visualitzat punt 23
1 Refrescar la pagravegina
1
37
3 Configuracioacute de lrsquoadministracioacute de VCM
31 Creacioacute del canal ldquoLlistat tragravemitsrdquo
Dins del gestor de continguts realitzarem les tasques seguumlents
1 Accedir a ldquoPortalsrdquo
2 Navegar fins al ldquoPortalrdquo on volem configurar el llistat de continguts
3 Seleccionar ldquoHomerdquo
4 Posicionar-se sobre la creu verda i seleccionar ldquoCanalrdquo
a Emplenar la informacioacute i fer clic a ldquoOKrdquo
b Assegurar-se que el canal eacutes ldquoActiurdquo
1
2
3
38
311 Associacioacute de fitxers a la presentacioacute drsquoun canal
Ara srsquohan drsquoassociar els fitxers estagravetics adequats a la presentacioacute del canal perquegrave les
formes de presentacioacute posteriors trobin els estils i els Javascript corresponents
Per a aixograve cal entrar a les propietats del canal ldquoCanal Llistat tragravemitsrdquo i
1 Seleccionar el canal ldquoCanal Llistat tragravemitsrdquo
4
4a
4b
39
1
40
En entrar trobarem el llistat seguumlent on cal
1 Fer clic a ldquoCanal Llistat tragravemitsrdquo
2 Aquest eacutes un contingut del tipus Canals (cal fixar-se que no eacutes com lrsquoanterior)
Es mostraragrave la pantalla seguumlent on afegirem els fitxers relacionats amb el canal per a
cada idioma aquiacute cal
1 Emplenar els camps requerits per crear una pestanya del multiidioma
2 Desplaccedilar-se cap avall en lrsquoapartat ldquomultiidiomardquo fins a observar lrsquoapartat
drsquoassociacioacute de fitxers
3 Fer clic a ldquoAfegirrdquo
En aquest moment apareixeragrave la pantalla seguumlent
1 Si voleu afegir un fitxer amb extensioacute css cal deixar el camp ldquoTipus de fitxerrdquo
amb valor ldquocssrdquo Si voleu afegir un fitxer que teacute extensioacute js srsquoha de canviar el
camp ldquoTipus de fitxerrdquo al valor ldquojsrdquo
2 Fer clic a ldquoNavegadorrdquo
1
2 1 3
2
41
Apareixeragrave la pantalla de navegacioacute de continguts i anirem cercant els fitxers estagravetics
que associarem aquiacute cal
1 Fer clic a ldquoFrameworkrdquo
2 Fer clic a ldquoestilos y scriptsrdquo
3 Fer clic a ldquoNuevos Estilos imagenes y jsrdquo
4 Fer clic a ldquoGlobalsrdquo
2 1
42
43
44
Una vegada se nrsquohagin seleccionat tornarem a la pantalla anterior i farem el seguumlent
1 Verificar que el fitxer seleccionat eacutes el que apareix al quadre de text i que la
seva extensioacute coincideix amb la que hi ha seleccionada a ldquoTipus de fitxerrdquo
2 Fer clic a ldquoOKrdquo
Un cop acabades totes les associacions el resultat de les associacions afegides a la
pantalla principal ha de ser el seguumlent
1 Fer clic a ldquoAplicarrdquo a lrsquoapartat ldquomultiidiomardquo
1
2
45
1
46
Es recarregaragrave la pantalla
1 Fer clic a ldquoOKrdquo al nivell general
Ja tenim configurat el canal que mostraragrave ldquoLlistat de tragravemitsrdquo amb els fitxers associats
que fa referegravencia a la forma de presentacioacute que farem servir aquest mateix canal
mostraragrave el detall del contingut tragravemit amb el format detall
32 Creacioacute i assignacioacute de plantilles de presentacioacute per al
canal ldquoCanal Llistat tragravemitsrdquo
321 Creacioacute de les plantilles (templates) de VCM
La configuracioacute del canal de VCM per mostrar els llistats de tragravemits i el seu detall es
basen en tres plantilles una per llistar el tragravemits (format default) una per mostrar el
detall i el pas a pas drsquoun tragravemit (format detall) i una altra per mostrar la normativa
aplicable drsquoun tragravemit (format detall2)
A continuacioacute srsquoexplica com es creen les plantilles de presentacioacute
(Presentation Templates) necessagraveries per configurar els tragravemits Els
responsables de cada site srsquohan de crear les seves progravepies plantilles
Cal tenir en compte que les plantilles que apareixen en el document soacuten nomeacutes un
exemple drsquouna configuracioacute vagravelida En els casos pragravectics cal seleccionar les plantilles
que pertanyen a cada portal io que tingui cada usuari en els seus recursos
En el nostre cas es fan servir les plantilles ldquoGridB2LlistatTramitsrdquo ldquoGridBTramitrdquo i
ldquoGridBTramitNormativaSacrdquo
1
47
Per la creacioacute de la plantilla srsquohan de seguir els passos seguumlents
1 Accedir al ldquoBanc de Treballrdquo
2 Accedir a ldquoPresentation Templatesrdquo
3 Accedir a la carpeta de presentacions del nostre site en aquest exemple
ldquogenegravericrdquo
1
2
48
Un cop som al llistat de plantilles del nostre site cal fer el seguumlent
1 Seleccionar el signe ldquo+rdquo
2 Seleccionar Forma de Presentation Template
En realitzar aquesta accioacute srsquoobriragrave la finestra drsquoedicioacute o creacioacute de la Presentation
Template Srsquohan de crear dos plantilles noves amb les dades seguumlents
1 Plantilla per al llistat de tragravemits
a Nom cal posar un nom identificatiu de la plantilla per exemple
GenericoGridB2LlistatTramit
b Tipus de plantilla Portal Page
c VAPVCM Portal defaultgeneric (cal posar el nom del portal VAP)
d Element del menuacute de VAP FW_NavItem_GRIDB2
3
1
2
49
e Canal VCM per defecte
Tot seguit cal fer clic a ldquoOKrdquo
Per a la configuracioacute de la plantilla per al llistat de tragravemits es pot fer servir un
NavItem que utilitzi una grid amb destacats a la dreta per exemple la GRID B2 del
Site Genegraveric o beacute un Navitem sense destacats (el FW_NavItem_GRIDB creat
anteriorment)
El NavItem ha de disposar drsquoun portlet a la part central a nivell de Page per
configurar el llistat de tragravemits
f
50
2 Crear una nova Presentation Template per al detall de tragravemits i el pas a
pas
a Nom cal posar un nom identificatiu de la plantilla com per exemple
GenericoGridBTramit
b Tipus de plantilla Portal Page
c VAPVCM Portal defaultgeneric
d Element del menuacute de VAP FW_NavItem_GRIDB
e Canal VCM per defecte
Finalment cal fer clic a ldquoOKrdquo
Per configurar la plantilla per al detall dels tragravemits i el pas a pas srsquoha de fer servir un
NavItem que utilitzi una grid sense destacats a la dreta per exemple la GRID B del
site Genegraveric
El NavItem ha de disposar de dos portlets a la part central a nivell de Page per
configurar el llistat de tragravemits
Tot seguit cal crear una nova Presentation Template per al detall de tragravemits i el pas a
pas
a Nom cal posar un nom identificatiu de la plantilla per exemple
GenericoGridBTramitNormativaSac
f
51
b Tipus de plantilla Portal Page
c VAPVCM Portal defaultgeneric
d Element del menuacute de VAP FW_NavItem_GRIDB
e Canal VCM per defecte
Finalment cal fer clic a ldquoOKrdquo
322 Configuracioacute de la plantilla al canal
Les Presentation Templates que configurarem a continuacioacute soacuten drsquoexemple
Els responsables de cada site han de crear les seves progravepies plantilles
Un cop creat el canal i les Presentation Templates en configurarem la presentacioacute
1 Seleccionarem la casella de seleccioacute del canal que acabem de crear
2 Farem clic a la icona de propietats del canal
3 Navegarem a la pestanya ldquoPresentacioacuterdquo
52
Ens apareixeragrave un formulari com el que es mostra a continuacioacute i realitzarem les
accions seguumlents
1 Fer clic a ldquoAfegir presentacioacute de canalrdquo
1
2
3
53
Apareixeragrave la pantalla seguumlent amb lrsquoobjectiu de seleccionar una plantilla en el nostre
cas farem el seguumlent
1 Seleccionar el projecte de plantilles respectiu al portal A lrsquoexemple ldquogenericrdquo
Posteriorment apareixeragrave un llistat de plantilles (ldquoTemplatesrdquo)
1 En aquest cas seleccionarem ldquoGridB2LlistatTramitsrdquo
2 Acceptarem la seleccioacute ldquoOKrdquo
1
1
54
1
2
55
Un cop acceptat ens apareixeragrave la pantalla seguumlent on configurarem el ldquodetallrdquo Per a
aixograve cal fer el seguumlent
1 Fer clic a ldquoAssignar una Nova Plantilla de Presentacioacuterdquo
1
56
Tot seguit apareixeragrave la pantalla que es mostra a continuacioacute on realitzarem les
accions seguumlents
1 Fer clic a ldquoAfegir formatrdquo
En aquesta nova pantalla ens assegurarem del seguumlent
1 A la casella ldquoFormatrdquo hi ha el valor ldquodetallrdquo
2 A la casella ldquoTemplaterdquo hi ha drsquohaver el correcte Si no eacutes aixiacute srsquoha de fer clic a
ldquoNavegadorrdquo
En fer clic a ldquoNavegadorrdquo cal fer el seguumlent
1 Tornar a navegar fins a ldquogenericrdquo
1
1 2
57
1
58
I a la pantalla seguumlent cal seleccionar una plantilla i
1 Fer clic al botoacute a prop de ldquoGridBTramitrdquo
2 Fer clic a ldquoOKrdquo
1
2
59
En aquest moment es torna a la pantalla anterior i cal
1 Fer clic a ldquoOKrdquo
En el canal Llistat de tragravemits ha drsquoestar configurat el ldquoformatrdquo ldquodetallrdquo ja que la forma
de presentacioacute que configurarem a GridDBTramit necessitaragrave aquest format per
visualitzar el detall del contingut de tipus ldquoTragravemitrdquo
2
60
La pantalla anterior a aquesta ens ha de presentar aquesta informacioacute Ara
configurarem el ldquodetall2rdquo per presentar el contingut rdquo Normativa de SACrdquo Per a aixograve
cal fer el seguumlent
1 Fer clic a ldquoAfegir Formatrdquo
En aquesta nova pantalla ens assegurarem del seguumlent
1 A la casella ldquoFormatrdquo hi ha el valor ldquodetall2rdquo
1
61
2 A la casella ldquoTemplaterdquo hi ha drsquohaver el correcte Si no eacutes aixiacute srsquoha de fer clic a
ldquoNavegadorrdquo
En fer clic a ldquoNavegadorrdquo srsquoha de fer el seguumlent
1 Tornar a navegar fins a ldquogenericrdquo (srsquoha de substituir pel nom del portal)
1 2
62
1
63
A la pantalla seguumlent cal seleccionar una plantilla i
1 Fer clic al botoacute a prop de ldquoGridBTramitNormativaSacrdquo
2 Fer clic a ldquoOKrdquo
1
2
64
En aquest moment es torna a la pantalla anterior i cal fer el seguumlent
2 Fer clic a ldquoOKrdquo
En el canal Llistat de tragravemits ha drsquoestar configurat el ldquoformatrdquo ldquodetall2rdquo ja que la
forma de presentacioacute que configurarem a GridDBTramitNormativaSac necessitaragrave
aquest format per visualitzar el detall del contingut de tipus normativa ldquoSACrdquo
2
65
La pantalla anterior a aquesta ens ha de presentar aquesta informacioacute i srsquoha de fer el
seguumlent
2 Fer clic a ldquoOKrdquo
1
66
La finestra pare anterior a aquesta quedaragrave com es mostra tot seguit i realitzarem les
accions seguumlents
1 Fer clic a ldquoOKrdquo
4 Comparticioacute de continguts
Accedim al projecte on hi ha tots els tragravemits de lrsquoOVT
1
67
OVTDepartaments[NomCurtDepartaments][NomCurtOrganisme] TramitOVT
On NomCurtDepartaments correspon al nom curt del departament al que fa referencia
el nostre organisme
En aquest exemple es mostren tots els projectes de tragravemits de lrsquoOVT
Un cop localitzat el tragravemit de lrsquoOVT que volem compartir amb el nostre site accedirem
a lrsquoedicioacute del contingut i assignarem aquest contingut al canal del nostre site on es
vulgui mostrar Srsquoha de fer el seguumlent
1 Anar al contenidor de projectes on hi ha els continguts de GECO
Apareixeragrave lrsquoestructura de projectes a la qual teacute acceacutes lrsquousuari redactor Cal fer el
seguumlent (exemple Agegravencia Tributagraveria dins drsquoEconomia i Finances)
1 Seleccionar ldquoOVTrdquo
2 Seleccionar ldquoDepartamentsrdquo aquesta carpeta conteacute tots els tragravemits de lrsquoOVT
classificats per departaments
3 Seleccionar ldquoECOrdquo A lrsquousuari nomeacutes se li mostraragrave la carpeta del seu
departament
Si lrsquousuari no visualitza la carpeta dins del seu departament eacutes perquegrave no
srsquoha aplicat la poliacutetica de seguretat correctament Cal obrir un tiquet a Suport
gencat per tramitar aquests permisos AQUESTA CARPETA NOMEacuteS SERAgrave
VISIBLE PER ALS USUARIS AMB ROL REDACTOR
4 Seleccionar ldquoA_Agegravencia Tributagraveriardquo
5 Seleccionar ldquoTramitOVTrdquo
1
68
2
3
1
69
4
5
70
Apareixeragrave el llistat de continguts ldquoTragravemitOVTrdquo de lrsquoOVT de lrsquoAgegravencia Tributagraveria
Realitzarem les accions seguumlents
1 Seleccionar el tragravemit o els tragravemits que volem compartir en la web dorganisme
2 Fer clic a ldquoAssociarrdquo
2
1
71
Aquest proceacutes obriragrave una finestra Per seleccionar el site i canal on es volen mostrar
els tragravemits seleccionats realitzarem les accions seguumlents (cas site Generic)
1 Seleccionar el site ldquoGenericrdquo en el vostre cas el site del departament on es vol
mostrar el contingut ldquotragravemitrdquo
2 Navegar pels canals del Site Genegraveric fins al canal que srsquoha creat en el punt
ldquoLlistat de tragravemitsrdquo i seleccionar el quadre de verificacioacute
3 Fer clic a ldquoOKrdquo
1
72
2
3
73
41 Validar que la comparticioacute de continguts eacutes correcta
Accedim per VCM al canal que hem creat anteriorment al qual li acabem drsquoassignar
els continguts de tragravemits que ha de mostrar i fem el seguumlent
1 Anar al contenidor de portals
2 Seleccionar el Site ldquogenericrdquo
3 Seleccionar el canal ldquoHomerdquo
4 Seleccionar el canal ldquoCanal Llistat tragravemitsrdquo
1
2
3
74
4
75
Apareixeragrave el contingut assignat al canal ldquoCanal Llistat tragravemitsrdquo
En entrar trobarem el llistat seguumlent
1 Llistat del tragravemits de lrsquoOVT que srsquohan compartit amb el canal ldquoCanal Llistat
tragravemitsrdquo
2 Validar que els continguts que apareixen soacuten del tipus ldquoTramitOVTrdquo
En cas que al canal del site ldquoCanal Llistat tragravemitsrdquo no apareguin els continguts
tragravemits associats anteriorment cal repetir el pas 22
1 2
76
5 Configuracioacute al portal
Ara cal entrar al nostre site on tenim configurat el canal que hem creat en lrsquoapartat
anterior (21) i que ara configurarem a nivell de portal
51 Configuracioacute a Canal Llistat tragravemits
511 Configuracioacute de la llista de tragravemits
Farem clic a lrsquoenllaccedil ldquoCanal llistat tragravemitsrdquo de la ldquoHomerdquo i anirem a parar a una
pantalla com la que es mostra meacutes avall
Es pot apreciar que en el contingut de la pagravegina no hi ha res Aixograve eacutes perquegrave cal
configurar els portlets adequats ( )
1 Ens situarem sobre la icona ldquoOpcions de Pagraveginardquo
2 Seleccionarem ldquoObrir Plantillardquo ja que els portlets soacuten a nivell de Page
Ens apareixeragrave una pantalla com la que es mostra tot seguit i realitzarem les accions
seguumlents
1 Seleccionar el portlet de la part central de la pagravegina per configurar una ldquoLlista
automagravetica de contingutsrdquo
2
1
77
Tambeacute podem configurar una ldquoLlista manual de contingutsrdquo segons les
necessitats de cada usuari
78
Ens redirigiragrave cap a un formulari drsquoedicioacute que ens mostraragrave directament quina consulta
hem de configurar per mostrar els continguts i configurarem una consulta com la
seguumlent (evidentment segons les necessitats de cada usuari)
Ara tenim configurat que la pagravegina mostraragrave els tipus de contingut ldquoTramitOVTrdquo del
canal actual ordenats per la ldquoEacutes on-linerdquo en ordre descendent
Aixograve ens portaragrave a la pantalla principal on acabarem de completar la configuracioacute
1 Validar que en lrsquoapartat ldquoConsultardquo hi ha la configuracioacute que acabem drsquoafegir
2 Emplenar ldquoAgraveliesrdquo
3 En lrsquoapartat Forma de presentacioacute fer clic al botoacute ldquoCercar helliprdquo
79
Ens apareixeragrave la pantalla seguumlent
1 Fer clic a ldquoNavegacioacute per projectesrdquo
1
2
3
80
Ens canviaragrave la vista al format seguumlent
1 Navegarem per les carpetes fins a arribar a ldquoFramework Formes de
presentacioacute Site generic fw_fp_llistatramitsrdquo
2 Seleccionarem ldquofw_fp_llistatramitsrdquo
3 Farem clic a ldquoOKrdquo
1
1
81
En retornar a la pantalla principal cal
1 Validar que la forma de presentacioacute eacutes la que acabem de seleccionar
2 Fer clic a ldquoOKrdquo
1 (continuacioacute) 2
3
82
1
2
83
Aquest seragrave el nostre resultat a la pantalla del portal i cal fer el seguumlent
1 Verificar que apareixen els dos continguts que es van associar a aquest canal
1
84
512 Configuracioacute del detall del tragravemit i el pas a pas
En fer clic sobre una activitat veurem com ens redirigeix a la plantilla configurada al
ldquodetallrdquo drsquoaquesta pagravegina tal com la vam configurar en lrsquoapartat 231 cal fer el
seguumlent
1 Fer clic a la primera activitat
1
85
Ens sortiragrave la pagravegina de VAP del detall drsquoun contingut per configurar farem els
passos seguumlents
1 Ens situarem sobre la icona ldquoOpcions de Pagraveginardquo
2 Seleccionar ldquoObrir Plantillardquo ja que els portlets soacuten a nivell de Page
Ens apareixeragrave una pantalla com la que es mostra tot seguit i realitzarem les accions
seguumlents
1 Seleccionar el portlet de la part central de la pagravegina per configurar un ldquoDetall
de contingutrdquo i fer clic a ldquoEditarrdquo
Ens apareixeragrave la pantalla de seleccioacute de component de presentacioacute
1 Seleccionarem el component de presentacioacute ldquoDetall de contingutrdquo
1
2
1
86
Ens apareixeragrave la pantalla que es mostra tot seguit i realitzarem les accions seguumlents
1 Emplenar el camp ldquoAgraveliesrdquo
2 Canviar a la pestanya ldquoPresentacioacuterdquo
En fer clic a la pestanya obtindrem la imatge que es mostra tot seguit i realitzarem les
accions seguumlents
1 Cercarem una forma de presentacioacute fent clic a ldquoCercar helliprdquo
1
2
87
Quan aparegui la pantalla de cercador realitzarem una cerca de la forma de
presentacioacute que volem fer servir per a aixograve cal fer el seguumlent
1 Emplenar la caixa de text amb ldquofw_fp_tramitrdquo
2 Preacutemer ldquoCercarrdquo
3 Seleccionar la forma de presentacioacute de la caixa de resultats
4 Preacutemer ldquoOKrdquo
La forma de presentacioacute ldquofw_fp_tramitrdquo estagrave preparada per ldquomaquillarrdquo el contingut
dels tragravemits Tambeacute es pot fer servir una forma de presentacioacute personalitzada
segons es cregui convenient
1
1
2
3
4
88
En acabar tornarem a la pagravegina principal drsquoedicioacute i farem el seguumlent
1 Verificar que la forma de presentacioacute eacutes la que hem escollit
2 Fer clic a ldquoOKrdquo
En finalitzar la configuracioacute del component de presentacioacute tornem a la pantalla del
portal i cal fer el seguumlent
1 Verificar que el disseny de la presentacioacute eacutes semblant al seguumlent
1
2
89
Configurarem el portlet superior central de la pagravegina perquegrave aquesta contingui el fil
drsquoAriadna
1 Accedir a ldquoObrir Plantillardquo
1 Editar el portlet central que hi ha a sobre del detall de tragravemit per configurar el fil
drsquoAriadna En aquest exemple el portlet eacutes ldquoFW_hilo_ariadnardquo
Escollirem el component de presentacioacute
1 Seleccionar el component de presentacioacute ldquoFil drsquoAriadnardquo
1
1
90
En la configuracioacute del component realitzarem les accions seguumlents
1 Inserir el camp ldquoAgraveliesrdquo
2 Inserir el camp ldquoCanalrdquo
3 Fer clic a la pestanya ldquoPresentacioacuterdquo i cercar la forma de presentacioacute
ldquofw_fp_filariadnardquo
1
91
513 Configuracioacute del detall drsquouna normativa SAC
En el detall de contingut configurat en el punt anterior fent clic sobre una normativa
veurem com ens redirigeix a la plantilla configurada al ldquodetall2rdquo drsquoaquesta pagravegina tal
com hem configurat a lrsquoapartat 231
1 Fer clic a la primera ldquoNormativa Aplicablerdquo
2
3
92
Aquest enllaccedil ens portaragrave al detall2 del canal on srsquoha de configurar el detall de
contingut SAC per tal que es mostri la normativa aplicable
Configurarem el portlet superior central de la pagravegina perquegrave aquesta contingui el fil
drsquoAriadna per a aixograve cal fer el seguumlent
1 Accedir a ldquoObrir Plantillardquo
1
93
1
94
1 Editar el portlet central que hi ha a sobre del detall de tragravemit per configurar el fil
drsquoAriadna En aquest exemple el portlet eacutes ldquofw_portlet_tramitrdquo
Escollirem el component de presentacioacute
1 Seleccionar el component de presentacioacute ldquoDetall de Contingut SACrdquo
En la configuracioacute del component realitzarem les accions seguumlents
1 Inserir el camp ldquoAgraveliesrdquo
2 Seleccionar el tipus de contingut ldquoDetall Tragravemitrdquo
1
95
3 Fer clic a la pestanya ldquoPresentacioacuterdquo i cercar la forma de presentacioacute
ldquofw_fp_sac_normativardquo
4 Fer clic al botoacute ldquoOKrdquo
Srsquoactualitzaragrave la pagravegina de VAP i es mostraragrave el detall de SAC
1
2
3
4
96
514 Validacioacute final de VAP
Finalment cal validar que els tragravemits es visualitzen correctament per a aixograve cal
1 Verificar que tenim els canals creats
2 Accedir al canal ldquoCanal Llistat tragravemitsrdquo i validar que es mostren els tragravemits
que hem associat al punt 22
1
97
A continuacioacute cal fer les comprovacions seguumlents
1 Accedir al detall del tragravemit compartit
2 Accedir al pas a pas del tragravemit i a la normativa de SAC
Exemple llistat de tragravemits compartits
2
1
98
Exemple detall de tragravemit compartit
Exemple pas a pas drsquoun tragravemit
2
2
99
Exemple normativa SAC
En el cas que no es visualitzin el llistat de tragravemits detall o pas a pas configurat
validar
1 Refrescar la Pagravegina
2 Els tragravemits estan associats al canal que esteacuten visualitzat punt 23
1 Refrescar la pagravegina
1
38
311 Associacioacute de fitxers a la presentacioacute drsquoun canal
Ara srsquohan drsquoassociar els fitxers estagravetics adequats a la presentacioacute del canal perquegrave les
formes de presentacioacute posteriors trobin els estils i els Javascript corresponents
Per a aixograve cal entrar a les propietats del canal ldquoCanal Llistat tragravemitsrdquo i
1 Seleccionar el canal ldquoCanal Llistat tragravemitsrdquo
4
4a
4b
39
1
40
En entrar trobarem el llistat seguumlent on cal
1 Fer clic a ldquoCanal Llistat tragravemitsrdquo
2 Aquest eacutes un contingut del tipus Canals (cal fixar-se que no eacutes com lrsquoanterior)
Es mostraragrave la pantalla seguumlent on afegirem els fitxers relacionats amb el canal per a
cada idioma aquiacute cal
1 Emplenar els camps requerits per crear una pestanya del multiidioma
2 Desplaccedilar-se cap avall en lrsquoapartat ldquomultiidiomardquo fins a observar lrsquoapartat
drsquoassociacioacute de fitxers
3 Fer clic a ldquoAfegirrdquo
En aquest moment apareixeragrave la pantalla seguumlent
1 Si voleu afegir un fitxer amb extensioacute css cal deixar el camp ldquoTipus de fitxerrdquo
amb valor ldquocssrdquo Si voleu afegir un fitxer que teacute extensioacute js srsquoha de canviar el
camp ldquoTipus de fitxerrdquo al valor ldquojsrdquo
2 Fer clic a ldquoNavegadorrdquo
1
2 1 3
2
41
Apareixeragrave la pantalla de navegacioacute de continguts i anirem cercant els fitxers estagravetics
que associarem aquiacute cal
1 Fer clic a ldquoFrameworkrdquo
2 Fer clic a ldquoestilos y scriptsrdquo
3 Fer clic a ldquoNuevos Estilos imagenes y jsrdquo
4 Fer clic a ldquoGlobalsrdquo
2 1
42
43
44
Una vegada se nrsquohagin seleccionat tornarem a la pantalla anterior i farem el seguumlent
1 Verificar que el fitxer seleccionat eacutes el que apareix al quadre de text i que la
seva extensioacute coincideix amb la que hi ha seleccionada a ldquoTipus de fitxerrdquo
2 Fer clic a ldquoOKrdquo
Un cop acabades totes les associacions el resultat de les associacions afegides a la
pantalla principal ha de ser el seguumlent
1 Fer clic a ldquoAplicarrdquo a lrsquoapartat ldquomultiidiomardquo
1
2
45
1
46
Es recarregaragrave la pantalla
1 Fer clic a ldquoOKrdquo al nivell general
Ja tenim configurat el canal que mostraragrave ldquoLlistat de tragravemitsrdquo amb els fitxers associats
que fa referegravencia a la forma de presentacioacute que farem servir aquest mateix canal
mostraragrave el detall del contingut tragravemit amb el format detall
32 Creacioacute i assignacioacute de plantilles de presentacioacute per al
canal ldquoCanal Llistat tragravemitsrdquo
321 Creacioacute de les plantilles (templates) de VCM
La configuracioacute del canal de VCM per mostrar els llistats de tragravemits i el seu detall es
basen en tres plantilles una per llistar el tragravemits (format default) una per mostrar el
detall i el pas a pas drsquoun tragravemit (format detall) i una altra per mostrar la normativa
aplicable drsquoun tragravemit (format detall2)
A continuacioacute srsquoexplica com es creen les plantilles de presentacioacute
(Presentation Templates) necessagraveries per configurar els tragravemits Els
responsables de cada site srsquohan de crear les seves progravepies plantilles
Cal tenir en compte que les plantilles que apareixen en el document soacuten nomeacutes un
exemple drsquouna configuracioacute vagravelida En els casos pragravectics cal seleccionar les plantilles
que pertanyen a cada portal io que tingui cada usuari en els seus recursos
En el nostre cas es fan servir les plantilles ldquoGridB2LlistatTramitsrdquo ldquoGridBTramitrdquo i
ldquoGridBTramitNormativaSacrdquo
1
47
Per la creacioacute de la plantilla srsquohan de seguir els passos seguumlents
1 Accedir al ldquoBanc de Treballrdquo
2 Accedir a ldquoPresentation Templatesrdquo
3 Accedir a la carpeta de presentacions del nostre site en aquest exemple
ldquogenegravericrdquo
1
2
48
Un cop som al llistat de plantilles del nostre site cal fer el seguumlent
1 Seleccionar el signe ldquo+rdquo
2 Seleccionar Forma de Presentation Template
En realitzar aquesta accioacute srsquoobriragrave la finestra drsquoedicioacute o creacioacute de la Presentation
Template Srsquohan de crear dos plantilles noves amb les dades seguumlents
1 Plantilla per al llistat de tragravemits
a Nom cal posar un nom identificatiu de la plantilla per exemple
GenericoGridB2LlistatTramit
b Tipus de plantilla Portal Page
c VAPVCM Portal defaultgeneric (cal posar el nom del portal VAP)
d Element del menuacute de VAP FW_NavItem_GRIDB2
3
1
2
49
e Canal VCM per defecte
Tot seguit cal fer clic a ldquoOKrdquo
Per a la configuracioacute de la plantilla per al llistat de tragravemits es pot fer servir un
NavItem que utilitzi una grid amb destacats a la dreta per exemple la GRID B2 del
Site Genegraveric o beacute un Navitem sense destacats (el FW_NavItem_GRIDB creat
anteriorment)
El NavItem ha de disposar drsquoun portlet a la part central a nivell de Page per
configurar el llistat de tragravemits
f
50
2 Crear una nova Presentation Template per al detall de tragravemits i el pas a
pas
a Nom cal posar un nom identificatiu de la plantilla com per exemple
GenericoGridBTramit
b Tipus de plantilla Portal Page
c VAPVCM Portal defaultgeneric
d Element del menuacute de VAP FW_NavItem_GRIDB
e Canal VCM per defecte
Finalment cal fer clic a ldquoOKrdquo
Per configurar la plantilla per al detall dels tragravemits i el pas a pas srsquoha de fer servir un
NavItem que utilitzi una grid sense destacats a la dreta per exemple la GRID B del
site Genegraveric
El NavItem ha de disposar de dos portlets a la part central a nivell de Page per
configurar el llistat de tragravemits
Tot seguit cal crear una nova Presentation Template per al detall de tragravemits i el pas a
pas
a Nom cal posar un nom identificatiu de la plantilla per exemple
GenericoGridBTramitNormativaSac
f
51
b Tipus de plantilla Portal Page
c VAPVCM Portal defaultgeneric
d Element del menuacute de VAP FW_NavItem_GRIDB
e Canal VCM per defecte
Finalment cal fer clic a ldquoOKrdquo
322 Configuracioacute de la plantilla al canal
Les Presentation Templates que configurarem a continuacioacute soacuten drsquoexemple
Els responsables de cada site han de crear les seves progravepies plantilles
Un cop creat el canal i les Presentation Templates en configurarem la presentacioacute
1 Seleccionarem la casella de seleccioacute del canal que acabem de crear
2 Farem clic a la icona de propietats del canal
3 Navegarem a la pestanya ldquoPresentacioacuterdquo
52
Ens apareixeragrave un formulari com el que es mostra a continuacioacute i realitzarem les
accions seguumlents
1 Fer clic a ldquoAfegir presentacioacute de canalrdquo
1
2
3
53
Apareixeragrave la pantalla seguumlent amb lrsquoobjectiu de seleccionar una plantilla en el nostre
cas farem el seguumlent
1 Seleccionar el projecte de plantilles respectiu al portal A lrsquoexemple ldquogenericrdquo
Posteriorment apareixeragrave un llistat de plantilles (ldquoTemplatesrdquo)
1 En aquest cas seleccionarem ldquoGridB2LlistatTramitsrdquo
2 Acceptarem la seleccioacute ldquoOKrdquo
1
1
54
1
2
55
Un cop acceptat ens apareixeragrave la pantalla seguumlent on configurarem el ldquodetallrdquo Per a
aixograve cal fer el seguumlent
1 Fer clic a ldquoAssignar una Nova Plantilla de Presentacioacuterdquo
1
56
Tot seguit apareixeragrave la pantalla que es mostra a continuacioacute on realitzarem les
accions seguumlents
1 Fer clic a ldquoAfegir formatrdquo
En aquesta nova pantalla ens assegurarem del seguumlent
1 A la casella ldquoFormatrdquo hi ha el valor ldquodetallrdquo
2 A la casella ldquoTemplaterdquo hi ha drsquohaver el correcte Si no eacutes aixiacute srsquoha de fer clic a
ldquoNavegadorrdquo
En fer clic a ldquoNavegadorrdquo cal fer el seguumlent
1 Tornar a navegar fins a ldquogenericrdquo
1
1 2
57
1
58
I a la pantalla seguumlent cal seleccionar una plantilla i
1 Fer clic al botoacute a prop de ldquoGridBTramitrdquo
2 Fer clic a ldquoOKrdquo
1
2
59
En aquest moment es torna a la pantalla anterior i cal
1 Fer clic a ldquoOKrdquo
En el canal Llistat de tragravemits ha drsquoestar configurat el ldquoformatrdquo ldquodetallrdquo ja que la forma
de presentacioacute que configurarem a GridDBTramit necessitaragrave aquest format per
visualitzar el detall del contingut de tipus ldquoTragravemitrdquo
2
60
La pantalla anterior a aquesta ens ha de presentar aquesta informacioacute Ara
configurarem el ldquodetall2rdquo per presentar el contingut rdquo Normativa de SACrdquo Per a aixograve
cal fer el seguumlent
1 Fer clic a ldquoAfegir Formatrdquo
En aquesta nova pantalla ens assegurarem del seguumlent
1 A la casella ldquoFormatrdquo hi ha el valor ldquodetall2rdquo
1
61
2 A la casella ldquoTemplaterdquo hi ha drsquohaver el correcte Si no eacutes aixiacute srsquoha de fer clic a
ldquoNavegadorrdquo
En fer clic a ldquoNavegadorrdquo srsquoha de fer el seguumlent
1 Tornar a navegar fins a ldquogenericrdquo (srsquoha de substituir pel nom del portal)
1 2
62
1
63
A la pantalla seguumlent cal seleccionar una plantilla i
1 Fer clic al botoacute a prop de ldquoGridBTramitNormativaSacrdquo
2 Fer clic a ldquoOKrdquo
1
2
64
En aquest moment es torna a la pantalla anterior i cal fer el seguumlent
2 Fer clic a ldquoOKrdquo
En el canal Llistat de tragravemits ha drsquoestar configurat el ldquoformatrdquo ldquodetall2rdquo ja que la
forma de presentacioacute que configurarem a GridDBTramitNormativaSac necessitaragrave
aquest format per visualitzar el detall del contingut de tipus normativa ldquoSACrdquo
2
65
La pantalla anterior a aquesta ens ha de presentar aquesta informacioacute i srsquoha de fer el
seguumlent
2 Fer clic a ldquoOKrdquo
1
66
La finestra pare anterior a aquesta quedaragrave com es mostra tot seguit i realitzarem les
accions seguumlents
1 Fer clic a ldquoOKrdquo
4 Comparticioacute de continguts
Accedim al projecte on hi ha tots els tragravemits de lrsquoOVT
1
67
OVTDepartaments[NomCurtDepartaments][NomCurtOrganisme] TramitOVT
On NomCurtDepartaments correspon al nom curt del departament al que fa referencia
el nostre organisme
En aquest exemple es mostren tots els projectes de tragravemits de lrsquoOVT
Un cop localitzat el tragravemit de lrsquoOVT que volem compartir amb el nostre site accedirem
a lrsquoedicioacute del contingut i assignarem aquest contingut al canal del nostre site on es
vulgui mostrar Srsquoha de fer el seguumlent
1 Anar al contenidor de projectes on hi ha els continguts de GECO
Apareixeragrave lrsquoestructura de projectes a la qual teacute acceacutes lrsquousuari redactor Cal fer el
seguumlent (exemple Agegravencia Tributagraveria dins drsquoEconomia i Finances)
1 Seleccionar ldquoOVTrdquo
2 Seleccionar ldquoDepartamentsrdquo aquesta carpeta conteacute tots els tragravemits de lrsquoOVT
classificats per departaments
3 Seleccionar ldquoECOrdquo A lrsquousuari nomeacutes se li mostraragrave la carpeta del seu
departament
Si lrsquousuari no visualitza la carpeta dins del seu departament eacutes perquegrave no
srsquoha aplicat la poliacutetica de seguretat correctament Cal obrir un tiquet a Suport
gencat per tramitar aquests permisos AQUESTA CARPETA NOMEacuteS SERAgrave
VISIBLE PER ALS USUARIS AMB ROL REDACTOR
4 Seleccionar ldquoA_Agegravencia Tributagraveriardquo
5 Seleccionar ldquoTramitOVTrdquo
1
68
2
3
1
69
4
5
70
Apareixeragrave el llistat de continguts ldquoTragravemitOVTrdquo de lrsquoOVT de lrsquoAgegravencia Tributagraveria
Realitzarem les accions seguumlents
1 Seleccionar el tragravemit o els tragravemits que volem compartir en la web dorganisme
2 Fer clic a ldquoAssociarrdquo
2
1
71
Aquest proceacutes obriragrave una finestra Per seleccionar el site i canal on es volen mostrar
els tragravemits seleccionats realitzarem les accions seguumlents (cas site Generic)
1 Seleccionar el site ldquoGenericrdquo en el vostre cas el site del departament on es vol
mostrar el contingut ldquotragravemitrdquo
2 Navegar pels canals del Site Genegraveric fins al canal que srsquoha creat en el punt
ldquoLlistat de tragravemitsrdquo i seleccionar el quadre de verificacioacute
3 Fer clic a ldquoOKrdquo
1
72
2
3
73
41 Validar que la comparticioacute de continguts eacutes correcta
Accedim per VCM al canal que hem creat anteriorment al qual li acabem drsquoassignar
els continguts de tragravemits que ha de mostrar i fem el seguumlent
1 Anar al contenidor de portals
2 Seleccionar el Site ldquogenericrdquo
3 Seleccionar el canal ldquoHomerdquo
4 Seleccionar el canal ldquoCanal Llistat tragravemitsrdquo
1
2
3
74
4
75
Apareixeragrave el contingut assignat al canal ldquoCanal Llistat tragravemitsrdquo
En entrar trobarem el llistat seguumlent
1 Llistat del tragravemits de lrsquoOVT que srsquohan compartit amb el canal ldquoCanal Llistat
tragravemitsrdquo
2 Validar que els continguts que apareixen soacuten del tipus ldquoTramitOVTrdquo
En cas que al canal del site ldquoCanal Llistat tragravemitsrdquo no apareguin els continguts
tragravemits associats anteriorment cal repetir el pas 22
1 2
76
5 Configuracioacute al portal
Ara cal entrar al nostre site on tenim configurat el canal que hem creat en lrsquoapartat
anterior (21) i que ara configurarem a nivell de portal
51 Configuracioacute a Canal Llistat tragravemits
511 Configuracioacute de la llista de tragravemits
Farem clic a lrsquoenllaccedil ldquoCanal llistat tragravemitsrdquo de la ldquoHomerdquo i anirem a parar a una
pantalla com la que es mostra meacutes avall
Es pot apreciar que en el contingut de la pagravegina no hi ha res Aixograve eacutes perquegrave cal
configurar els portlets adequats ( )
1 Ens situarem sobre la icona ldquoOpcions de Pagraveginardquo
2 Seleccionarem ldquoObrir Plantillardquo ja que els portlets soacuten a nivell de Page
Ens apareixeragrave una pantalla com la que es mostra tot seguit i realitzarem les accions
seguumlents
1 Seleccionar el portlet de la part central de la pagravegina per configurar una ldquoLlista
automagravetica de contingutsrdquo
2
1
77
Tambeacute podem configurar una ldquoLlista manual de contingutsrdquo segons les
necessitats de cada usuari
78
Ens redirigiragrave cap a un formulari drsquoedicioacute que ens mostraragrave directament quina consulta
hem de configurar per mostrar els continguts i configurarem una consulta com la
seguumlent (evidentment segons les necessitats de cada usuari)
Ara tenim configurat que la pagravegina mostraragrave els tipus de contingut ldquoTramitOVTrdquo del
canal actual ordenats per la ldquoEacutes on-linerdquo en ordre descendent
Aixograve ens portaragrave a la pantalla principal on acabarem de completar la configuracioacute
1 Validar que en lrsquoapartat ldquoConsultardquo hi ha la configuracioacute que acabem drsquoafegir
2 Emplenar ldquoAgraveliesrdquo
3 En lrsquoapartat Forma de presentacioacute fer clic al botoacute ldquoCercar helliprdquo
79
Ens apareixeragrave la pantalla seguumlent
1 Fer clic a ldquoNavegacioacute per projectesrdquo
1
2
3
80
Ens canviaragrave la vista al format seguumlent
1 Navegarem per les carpetes fins a arribar a ldquoFramework Formes de
presentacioacute Site generic fw_fp_llistatramitsrdquo
2 Seleccionarem ldquofw_fp_llistatramitsrdquo
3 Farem clic a ldquoOKrdquo
1
1
81
En retornar a la pantalla principal cal
1 Validar que la forma de presentacioacute eacutes la que acabem de seleccionar
2 Fer clic a ldquoOKrdquo
1 (continuacioacute) 2
3
82
1
2
83
Aquest seragrave el nostre resultat a la pantalla del portal i cal fer el seguumlent
1 Verificar que apareixen els dos continguts que es van associar a aquest canal
1
84
512 Configuracioacute del detall del tragravemit i el pas a pas
En fer clic sobre una activitat veurem com ens redirigeix a la plantilla configurada al
ldquodetallrdquo drsquoaquesta pagravegina tal com la vam configurar en lrsquoapartat 231 cal fer el
seguumlent
1 Fer clic a la primera activitat
1
85
Ens sortiragrave la pagravegina de VAP del detall drsquoun contingut per configurar farem els
passos seguumlents
1 Ens situarem sobre la icona ldquoOpcions de Pagraveginardquo
2 Seleccionar ldquoObrir Plantillardquo ja que els portlets soacuten a nivell de Page
Ens apareixeragrave una pantalla com la que es mostra tot seguit i realitzarem les accions
seguumlents
1 Seleccionar el portlet de la part central de la pagravegina per configurar un ldquoDetall
de contingutrdquo i fer clic a ldquoEditarrdquo
Ens apareixeragrave la pantalla de seleccioacute de component de presentacioacute
1 Seleccionarem el component de presentacioacute ldquoDetall de contingutrdquo
1
2
1
86
Ens apareixeragrave la pantalla que es mostra tot seguit i realitzarem les accions seguumlents
1 Emplenar el camp ldquoAgraveliesrdquo
2 Canviar a la pestanya ldquoPresentacioacuterdquo
En fer clic a la pestanya obtindrem la imatge que es mostra tot seguit i realitzarem les
accions seguumlents
1 Cercarem una forma de presentacioacute fent clic a ldquoCercar helliprdquo
1
2
87
Quan aparegui la pantalla de cercador realitzarem una cerca de la forma de
presentacioacute que volem fer servir per a aixograve cal fer el seguumlent
1 Emplenar la caixa de text amb ldquofw_fp_tramitrdquo
2 Preacutemer ldquoCercarrdquo
3 Seleccionar la forma de presentacioacute de la caixa de resultats
4 Preacutemer ldquoOKrdquo
La forma de presentacioacute ldquofw_fp_tramitrdquo estagrave preparada per ldquomaquillarrdquo el contingut
dels tragravemits Tambeacute es pot fer servir una forma de presentacioacute personalitzada
segons es cregui convenient
1
1
2
3
4
88
En acabar tornarem a la pagravegina principal drsquoedicioacute i farem el seguumlent
1 Verificar que la forma de presentacioacute eacutes la que hem escollit
2 Fer clic a ldquoOKrdquo
En finalitzar la configuracioacute del component de presentacioacute tornem a la pantalla del
portal i cal fer el seguumlent
1 Verificar que el disseny de la presentacioacute eacutes semblant al seguumlent
1
2
89
Configurarem el portlet superior central de la pagravegina perquegrave aquesta contingui el fil
drsquoAriadna
1 Accedir a ldquoObrir Plantillardquo
1 Editar el portlet central que hi ha a sobre del detall de tragravemit per configurar el fil
drsquoAriadna En aquest exemple el portlet eacutes ldquoFW_hilo_ariadnardquo
Escollirem el component de presentacioacute
1 Seleccionar el component de presentacioacute ldquoFil drsquoAriadnardquo
1
1
90
En la configuracioacute del component realitzarem les accions seguumlents
1 Inserir el camp ldquoAgraveliesrdquo
2 Inserir el camp ldquoCanalrdquo
3 Fer clic a la pestanya ldquoPresentacioacuterdquo i cercar la forma de presentacioacute
ldquofw_fp_filariadnardquo
1
91
513 Configuracioacute del detall drsquouna normativa SAC
En el detall de contingut configurat en el punt anterior fent clic sobre una normativa
veurem com ens redirigeix a la plantilla configurada al ldquodetall2rdquo drsquoaquesta pagravegina tal
com hem configurat a lrsquoapartat 231
1 Fer clic a la primera ldquoNormativa Aplicablerdquo
2
3
92
Aquest enllaccedil ens portaragrave al detall2 del canal on srsquoha de configurar el detall de
contingut SAC per tal que es mostri la normativa aplicable
Configurarem el portlet superior central de la pagravegina perquegrave aquesta contingui el fil
drsquoAriadna per a aixograve cal fer el seguumlent
1 Accedir a ldquoObrir Plantillardquo
1
93
1
94
1 Editar el portlet central que hi ha a sobre del detall de tragravemit per configurar el fil
drsquoAriadna En aquest exemple el portlet eacutes ldquofw_portlet_tramitrdquo
Escollirem el component de presentacioacute
1 Seleccionar el component de presentacioacute ldquoDetall de Contingut SACrdquo
En la configuracioacute del component realitzarem les accions seguumlents
1 Inserir el camp ldquoAgraveliesrdquo
2 Seleccionar el tipus de contingut ldquoDetall Tragravemitrdquo
1
95
3 Fer clic a la pestanya ldquoPresentacioacuterdquo i cercar la forma de presentacioacute
ldquofw_fp_sac_normativardquo
4 Fer clic al botoacute ldquoOKrdquo
Srsquoactualitzaragrave la pagravegina de VAP i es mostraragrave el detall de SAC
1
2
3
4
96
514 Validacioacute final de VAP
Finalment cal validar que els tragravemits es visualitzen correctament per a aixograve cal
1 Verificar que tenim els canals creats
2 Accedir al canal ldquoCanal Llistat tragravemitsrdquo i validar que es mostren els tragravemits
que hem associat al punt 22
1
97
A continuacioacute cal fer les comprovacions seguumlents
1 Accedir al detall del tragravemit compartit
2 Accedir al pas a pas del tragravemit i a la normativa de SAC
Exemple llistat de tragravemits compartits
2
1
98
Exemple detall de tragravemit compartit
Exemple pas a pas drsquoun tragravemit
2
2
99
Exemple normativa SAC
En el cas que no es visualitzin el llistat de tragravemits detall o pas a pas configurat
validar
1 Refrescar la Pagravegina
2 Els tragravemits estan associats al canal que esteacuten visualitzat punt 23
1 Refrescar la pagravegina
1
39
1
40
En entrar trobarem el llistat seguumlent on cal
1 Fer clic a ldquoCanal Llistat tragravemitsrdquo
2 Aquest eacutes un contingut del tipus Canals (cal fixar-se que no eacutes com lrsquoanterior)
Es mostraragrave la pantalla seguumlent on afegirem els fitxers relacionats amb el canal per a
cada idioma aquiacute cal
1 Emplenar els camps requerits per crear una pestanya del multiidioma
2 Desplaccedilar-se cap avall en lrsquoapartat ldquomultiidiomardquo fins a observar lrsquoapartat
drsquoassociacioacute de fitxers
3 Fer clic a ldquoAfegirrdquo
En aquest moment apareixeragrave la pantalla seguumlent
1 Si voleu afegir un fitxer amb extensioacute css cal deixar el camp ldquoTipus de fitxerrdquo
amb valor ldquocssrdquo Si voleu afegir un fitxer que teacute extensioacute js srsquoha de canviar el
camp ldquoTipus de fitxerrdquo al valor ldquojsrdquo
2 Fer clic a ldquoNavegadorrdquo
1
2 1 3
2
41
Apareixeragrave la pantalla de navegacioacute de continguts i anirem cercant els fitxers estagravetics
que associarem aquiacute cal
1 Fer clic a ldquoFrameworkrdquo
2 Fer clic a ldquoestilos y scriptsrdquo
3 Fer clic a ldquoNuevos Estilos imagenes y jsrdquo
4 Fer clic a ldquoGlobalsrdquo
2 1
42
43
44
Una vegada se nrsquohagin seleccionat tornarem a la pantalla anterior i farem el seguumlent
1 Verificar que el fitxer seleccionat eacutes el que apareix al quadre de text i que la
seva extensioacute coincideix amb la que hi ha seleccionada a ldquoTipus de fitxerrdquo
2 Fer clic a ldquoOKrdquo
Un cop acabades totes les associacions el resultat de les associacions afegides a la
pantalla principal ha de ser el seguumlent
1 Fer clic a ldquoAplicarrdquo a lrsquoapartat ldquomultiidiomardquo
1
2
45
1
46
Es recarregaragrave la pantalla
1 Fer clic a ldquoOKrdquo al nivell general
Ja tenim configurat el canal que mostraragrave ldquoLlistat de tragravemitsrdquo amb els fitxers associats
que fa referegravencia a la forma de presentacioacute que farem servir aquest mateix canal
mostraragrave el detall del contingut tragravemit amb el format detall
32 Creacioacute i assignacioacute de plantilles de presentacioacute per al
canal ldquoCanal Llistat tragravemitsrdquo
321 Creacioacute de les plantilles (templates) de VCM
La configuracioacute del canal de VCM per mostrar els llistats de tragravemits i el seu detall es
basen en tres plantilles una per llistar el tragravemits (format default) una per mostrar el
detall i el pas a pas drsquoun tragravemit (format detall) i una altra per mostrar la normativa
aplicable drsquoun tragravemit (format detall2)
A continuacioacute srsquoexplica com es creen les plantilles de presentacioacute
(Presentation Templates) necessagraveries per configurar els tragravemits Els
responsables de cada site srsquohan de crear les seves progravepies plantilles
Cal tenir en compte que les plantilles que apareixen en el document soacuten nomeacutes un
exemple drsquouna configuracioacute vagravelida En els casos pragravectics cal seleccionar les plantilles
que pertanyen a cada portal io que tingui cada usuari en els seus recursos
En el nostre cas es fan servir les plantilles ldquoGridB2LlistatTramitsrdquo ldquoGridBTramitrdquo i
ldquoGridBTramitNormativaSacrdquo
1
47
Per la creacioacute de la plantilla srsquohan de seguir els passos seguumlents
1 Accedir al ldquoBanc de Treballrdquo
2 Accedir a ldquoPresentation Templatesrdquo
3 Accedir a la carpeta de presentacions del nostre site en aquest exemple
ldquogenegravericrdquo
1
2
48
Un cop som al llistat de plantilles del nostre site cal fer el seguumlent
1 Seleccionar el signe ldquo+rdquo
2 Seleccionar Forma de Presentation Template
En realitzar aquesta accioacute srsquoobriragrave la finestra drsquoedicioacute o creacioacute de la Presentation
Template Srsquohan de crear dos plantilles noves amb les dades seguumlents
1 Plantilla per al llistat de tragravemits
a Nom cal posar un nom identificatiu de la plantilla per exemple
GenericoGridB2LlistatTramit
b Tipus de plantilla Portal Page
c VAPVCM Portal defaultgeneric (cal posar el nom del portal VAP)
d Element del menuacute de VAP FW_NavItem_GRIDB2
3
1
2
49
e Canal VCM per defecte
Tot seguit cal fer clic a ldquoOKrdquo
Per a la configuracioacute de la plantilla per al llistat de tragravemits es pot fer servir un
NavItem que utilitzi una grid amb destacats a la dreta per exemple la GRID B2 del
Site Genegraveric o beacute un Navitem sense destacats (el FW_NavItem_GRIDB creat
anteriorment)
El NavItem ha de disposar drsquoun portlet a la part central a nivell de Page per
configurar el llistat de tragravemits
f
50
2 Crear una nova Presentation Template per al detall de tragravemits i el pas a
pas
a Nom cal posar un nom identificatiu de la plantilla com per exemple
GenericoGridBTramit
b Tipus de plantilla Portal Page
c VAPVCM Portal defaultgeneric
d Element del menuacute de VAP FW_NavItem_GRIDB
e Canal VCM per defecte
Finalment cal fer clic a ldquoOKrdquo
Per configurar la plantilla per al detall dels tragravemits i el pas a pas srsquoha de fer servir un
NavItem que utilitzi una grid sense destacats a la dreta per exemple la GRID B del
site Genegraveric
El NavItem ha de disposar de dos portlets a la part central a nivell de Page per
configurar el llistat de tragravemits
Tot seguit cal crear una nova Presentation Template per al detall de tragravemits i el pas a
pas
a Nom cal posar un nom identificatiu de la plantilla per exemple
GenericoGridBTramitNormativaSac
f
51
b Tipus de plantilla Portal Page
c VAPVCM Portal defaultgeneric
d Element del menuacute de VAP FW_NavItem_GRIDB
e Canal VCM per defecte
Finalment cal fer clic a ldquoOKrdquo
322 Configuracioacute de la plantilla al canal
Les Presentation Templates que configurarem a continuacioacute soacuten drsquoexemple
Els responsables de cada site han de crear les seves progravepies plantilles
Un cop creat el canal i les Presentation Templates en configurarem la presentacioacute
1 Seleccionarem la casella de seleccioacute del canal que acabem de crear
2 Farem clic a la icona de propietats del canal
3 Navegarem a la pestanya ldquoPresentacioacuterdquo
52
Ens apareixeragrave un formulari com el que es mostra a continuacioacute i realitzarem les
accions seguumlents
1 Fer clic a ldquoAfegir presentacioacute de canalrdquo
1
2
3
53
Apareixeragrave la pantalla seguumlent amb lrsquoobjectiu de seleccionar una plantilla en el nostre
cas farem el seguumlent
1 Seleccionar el projecte de plantilles respectiu al portal A lrsquoexemple ldquogenericrdquo
Posteriorment apareixeragrave un llistat de plantilles (ldquoTemplatesrdquo)
1 En aquest cas seleccionarem ldquoGridB2LlistatTramitsrdquo
2 Acceptarem la seleccioacute ldquoOKrdquo
1
1
54
1
2
55
Un cop acceptat ens apareixeragrave la pantalla seguumlent on configurarem el ldquodetallrdquo Per a
aixograve cal fer el seguumlent
1 Fer clic a ldquoAssignar una Nova Plantilla de Presentacioacuterdquo
1
56
Tot seguit apareixeragrave la pantalla que es mostra a continuacioacute on realitzarem les
accions seguumlents
1 Fer clic a ldquoAfegir formatrdquo
En aquesta nova pantalla ens assegurarem del seguumlent
1 A la casella ldquoFormatrdquo hi ha el valor ldquodetallrdquo
2 A la casella ldquoTemplaterdquo hi ha drsquohaver el correcte Si no eacutes aixiacute srsquoha de fer clic a
ldquoNavegadorrdquo
En fer clic a ldquoNavegadorrdquo cal fer el seguumlent
1 Tornar a navegar fins a ldquogenericrdquo
1
1 2
57
1
58
I a la pantalla seguumlent cal seleccionar una plantilla i
1 Fer clic al botoacute a prop de ldquoGridBTramitrdquo
2 Fer clic a ldquoOKrdquo
1
2
59
En aquest moment es torna a la pantalla anterior i cal
1 Fer clic a ldquoOKrdquo
En el canal Llistat de tragravemits ha drsquoestar configurat el ldquoformatrdquo ldquodetallrdquo ja que la forma
de presentacioacute que configurarem a GridDBTramit necessitaragrave aquest format per
visualitzar el detall del contingut de tipus ldquoTragravemitrdquo
2
60
La pantalla anterior a aquesta ens ha de presentar aquesta informacioacute Ara
configurarem el ldquodetall2rdquo per presentar el contingut rdquo Normativa de SACrdquo Per a aixograve
cal fer el seguumlent
1 Fer clic a ldquoAfegir Formatrdquo
En aquesta nova pantalla ens assegurarem del seguumlent
1 A la casella ldquoFormatrdquo hi ha el valor ldquodetall2rdquo
1
61
2 A la casella ldquoTemplaterdquo hi ha drsquohaver el correcte Si no eacutes aixiacute srsquoha de fer clic a
ldquoNavegadorrdquo
En fer clic a ldquoNavegadorrdquo srsquoha de fer el seguumlent
1 Tornar a navegar fins a ldquogenericrdquo (srsquoha de substituir pel nom del portal)
1 2
62
1
63
A la pantalla seguumlent cal seleccionar una plantilla i
1 Fer clic al botoacute a prop de ldquoGridBTramitNormativaSacrdquo
2 Fer clic a ldquoOKrdquo
1
2
64
En aquest moment es torna a la pantalla anterior i cal fer el seguumlent
2 Fer clic a ldquoOKrdquo
En el canal Llistat de tragravemits ha drsquoestar configurat el ldquoformatrdquo ldquodetall2rdquo ja que la
forma de presentacioacute que configurarem a GridDBTramitNormativaSac necessitaragrave
aquest format per visualitzar el detall del contingut de tipus normativa ldquoSACrdquo
2
65
La pantalla anterior a aquesta ens ha de presentar aquesta informacioacute i srsquoha de fer el
seguumlent
2 Fer clic a ldquoOKrdquo
1
66
La finestra pare anterior a aquesta quedaragrave com es mostra tot seguit i realitzarem les
accions seguumlents
1 Fer clic a ldquoOKrdquo
4 Comparticioacute de continguts
Accedim al projecte on hi ha tots els tragravemits de lrsquoOVT
1
67
OVTDepartaments[NomCurtDepartaments][NomCurtOrganisme] TramitOVT
On NomCurtDepartaments correspon al nom curt del departament al que fa referencia
el nostre organisme
En aquest exemple es mostren tots els projectes de tragravemits de lrsquoOVT
Un cop localitzat el tragravemit de lrsquoOVT que volem compartir amb el nostre site accedirem
a lrsquoedicioacute del contingut i assignarem aquest contingut al canal del nostre site on es
vulgui mostrar Srsquoha de fer el seguumlent
1 Anar al contenidor de projectes on hi ha els continguts de GECO
Apareixeragrave lrsquoestructura de projectes a la qual teacute acceacutes lrsquousuari redactor Cal fer el
seguumlent (exemple Agegravencia Tributagraveria dins drsquoEconomia i Finances)
1 Seleccionar ldquoOVTrdquo
2 Seleccionar ldquoDepartamentsrdquo aquesta carpeta conteacute tots els tragravemits de lrsquoOVT
classificats per departaments
3 Seleccionar ldquoECOrdquo A lrsquousuari nomeacutes se li mostraragrave la carpeta del seu
departament
Si lrsquousuari no visualitza la carpeta dins del seu departament eacutes perquegrave no
srsquoha aplicat la poliacutetica de seguretat correctament Cal obrir un tiquet a Suport
gencat per tramitar aquests permisos AQUESTA CARPETA NOMEacuteS SERAgrave
VISIBLE PER ALS USUARIS AMB ROL REDACTOR
4 Seleccionar ldquoA_Agegravencia Tributagraveriardquo
5 Seleccionar ldquoTramitOVTrdquo
1
68
2
3
1
69
4
5
70
Apareixeragrave el llistat de continguts ldquoTragravemitOVTrdquo de lrsquoOVT de lrsquoAgegravencia Tributagraveria
Realitzarem les accions seguumlents
1 Seleccionar el tragravemit o els tragravemits que volem compartir en la web dorganisme
2 Fer clic a ldquoAssociarrdquo
2
1
71
Aquest proceacutes obriragrave una finestra Per seleccionar el site i canal on es volen mostrar
els tragravemits seleccionats realitzarem les accions seguumlents (cas site Generic)
1 Seleccionar el site ldquoGenericrdquo en el vostre cas el site del departament on es vol
mostrar el contingut ldquotragravemitrdquo
2 Navegar pels canals del Site Genegraveric fins al canal que srsquoha creat en el punt
ldquoLlistat de tragravemitsrdquo i seleccionar el quadre de verificacioacute
3 Fer clic a ldquoOKrdquo
1
72
2
3
73
41 Validar que la comparticioacute de continguts eacutes correcta
Accedim per VCM al canal que hem creat anteriorment al qual li acabem drsquoassignar
els continguts de tragravemits que ha de mostrar i fem el seguumlent
1 Anar al contenidor de portals
2 Seleccionar el Site ldquogenericrdquo
3 Seleccionar el canal ldquoHomerdquo
4 Seleccionar el canal ldquoCanal Llistat tragravemitsrdquo
1
2
3
74
4
75
Apareixeragrave el contingut assignat al canal ldquoCanal Llistat tragravemitsrdquo
En entrar trobarem el llistat seguumlent
1 Llistat del tragravemits de lrsquoOVT que srsquohan compartit amb el canal ldquoCanal Llistat
tragravemitsrdquo
2 Validar que els continguts que apareixen soacuten del tipus ldquoTramitOVTrdquo
En cas que al canal del site ldquoCanal Llistat tragravemitsrdquo no apareguin els continguts
tragravemits associats anteriorment cal repetir el pas 22
1 2
76
5 Configuracioacute al portal
Ara cal entrar al nostre site on tenim configurat el canal que hem creat en lrsquoapartat
anterior (21) i que ara configurarem a nivell de portal
51 Configuracioacute a Canal Llistat tragravemits
511 Configuracioacute de la llista de tragravemits
Farem clic a lrsquoenllaccedil ldquoCanal llistat tragravemitsrdquo de la ldquoHomerdquo i anirem a parar a una
pantalla com la que es mostra meacutes avall
Es pot apreciar que en el contingut de la pagravegina no hi ha res Aixograve eacutes perquegrave cal
configurar els portlets adequats ( )
1 Ens situarem sobre la icona ldquoOpcions de Pagraveginardquo
2 Seleccionarem ldquoObrir Plantillardquo ja que els portlets soacuten a nivell de Page
Ens apareixeragrave una pantalla com la que es mostra tot seguit i realitzarem les accions
seguumlents
1 Seleccionar el portlet de la part central de la pagravegina per configurar una ldquoLlista
automagravetica de contingutsrdquo
2
1
77
Tambeacute podem configurar una ldquoLlista manual de contingutsrdquo segons les
necessitats de cada usuari
78
Ens redirigiragrave cap a un formulari drsquoedicioacute que ens mostraragrave directament quina consulta
hem de configurar per mostrar els continguts i configurarem una consulta com la
seguumlent (evidentment segons les necessitats de cada usuari)
Ara tenim configurat que la pagravegina mostraragrave els tipus de contingut ldquoTramitOVTrdquo del
canal actual ordenats per la ldquoEacutes on-linerdquo en ordre descendent
Aixograve ens portaragrave a la pantalla principal on acabarem de completar la configuracioacute
1 Validar que en lrsquoapartat ldquoConsultardquo hi ha la configuracioacute que acabem drsquoafegir
2 Emplenar ldquoAgraveliesrdquo
3 En lrsquoapartat Forma de presentacioacute fer clic al botoacute ldquoCercar helliprdquo
79
Ens apareixeragrave la pantalla seguumlent
1 Fer clic a ldquoNavegacioacute per projectesrdquo
1
2
3
80
Ens canviaragrave la vista al format seguumlent
1 Navegarem per les carpetes fins a arribar a ldquoFramework Formes de
presentacioacute Site generic fw_fp_llistatramitsrdquo
2 Seleccionarem ldquofw_fp_llistatramitsrdquo
3 Farem clic a ldquoOKrdquo
1
1
81
En retornar a la pantalla principal cal
1 Validar que la forma de presentacioacute eacutes la que acabem de seleccionar
2 Fer clic a ldquoOKrdquo
1 (continuacioacute) 2
3
82
1
2
83
Aquest seragrave el nostre resultat a la pantalla del portal i cal fer el seguumlent
1 Verificar que apareixen els dos continguts que es van associar a aquest canal
1
84
512 Configuracioacute del detall del tragravemit i el pas a pas
En fer clic sobre una activitat veurem com ens redirigeix a la plantilla configurada al
ldquodetallrdquo drsquoaquesta pagravegina tal com la vam configurar en lrsquoapartat 231 cal fer el
seguumlent
1 Fer clic a la primera activitat
1
85
Ens sortiragrave la pagravegina de VAP del detall drsquoun contingut per configurar farem els
passos seguumlents
1 Ens situarem sobre la icona ldquoOpcions de Pagraveginardquo
2 Seleccionar ldquoObrir Plantillardquo ja que els portlets soacuten a nivell de Page
Ens apareixeragrave una pantalla com la que es mostra tot seguit i realitzarem les accions
seguumlents
1 Seleccionar el portlet de la part central de la pagravegina per configurar un ldquoDetall
de contingutrdquo i fer clic a ldquoEditarrdquo
Ens apareixeragrave la pantalla de seleccioacute de component de presentacioacute
1 Seleccionarem el component de presentacioacute ldquoDetall de contingutrdquo
1
2
1
86
Ens apareixeragrave la pantalla que es mostra tot seguit i realitzarem les accions seguumlents
1 Emplenar el camp ldquoAgraveliesrdquo
2 Canviar a la pestanya ldquoPresentacioacuterdquo
En fer clic a la pestanya obtindrem la imatge que es mostra tot seguit i realitzarem les
accions seguumlents
1 Cercarem una forma de presentacioacute fent clic a ldquoCercar helliprdquo
1
2
87
Quan aparegui la pantalla de cercador realitzarem una cerca de la forma de
presentacioacute que volem fer servir per a aixograve cal fer el seguumlent
1 Emplenar la caixa de text amb ldquofw_fp_tramitrdquo
2 Preacutemer ldquoCercarrdquo
3 Seleccionar la forma de presentacioacute de la caixa de resultats
4 Preacutemer ldquoOKrdquo
La forma de presentacioacute ldquofw_fp_tramitrdquo estagrave preparada per ldquomaquillarrdquo el contingut
dels tragravemits Tambeacute es pot fer servir una forma de presentacioacute personalitzada
segons es cregui convenient
1
1
2
3
4
88
En acabar tornarem a la pagravegina principal drsquoedicioacute i farem el seguumlent
1 Verificar que la forma de presentacioacute eacutes la que hem escollit
2 Fer clic a ldquoOKrdquo
En finalitzar la configuracioacute del component de presentacioacute tornem a la pantalla del
portal i cal fer el seguumlent
1 Verificar que el disseny de la presentacioacute eacutes semblant al seguumlent
1
2
89
Configurarem el portlet superior central de la pagravegina perquegrave aquesta contingui el fil
drsquoAriadna
1 Accedir a ldquoObrir Plantillardquo
1 Editar el portlet central que hi ha a sobre del detall de tragravemit per configurar el fil
drsquoAriadna En aquest exemple el portlet eacutes ldquoFW_hilo_ariadnardquo
Escollirem el component de presentacioacute
1 Seleccionar el component de presentacioacute ldquoFil drsquoAriadnardquo
1
1
90
En la configuracioacute del component realitzarem les accions seguumlents
1 Inserir el camp ldquoAgraveliesrdquo
2 Inserir el camp ldquoCanalrdquo
3 Fer clic a la pestanya ldquoPresentacioacuterdquo i cercar la forma de presentacioacute
ldquofw_fp_filariadnardquo
1
91
513 Configuracioacute del detall drsquouna normativa SAC
En el detall de contingut configurat en el punt anterior fent clic sobre una normativa
veurem com ens redirigeix a la plantilla configurada al ldquodetall2rdquo drsquoaquesta pagravegina tal
com hem configurat a lrsquoapartat 231
1 Fer clic a la primera ldquoNormativa Aplicablerdquo
2
3
92
Aquest enllaccedil ens portaragrave al detall2 del canal on srsquoha de configurar el detall de
contingut SAC per tal que es mostri la normativa aplicable
Configurarem el portlet superior central de la pagravegina perquegrave aquesta contingui el fil
drsquoAriadna per a aixograve cal fer el seguumlent
1 Accedir a ldquoObrir Plantillardquo
1
93
1
94
1 Editar el portlet central que hi ha a sobre del detall de tragravemit per configurar el fil
drsquoAriadna En aquest exemple el portlet eacutes ldquofw_portlet_tramitrdquo
Escollirem el component de presentacioacute
1 Seleccionar el component de presentacioacute ldquoDetall de Contingut SACrdquo
En la configuracioacute del component realitzarem les accions seguumlents
1 Inserir el camp ldquoAgraveliesrdquo
2 Seleccionar el tipus de contingut ldquoDetall Tragravemitrdquo
1
95
3 Fer clic a la pestanya ldquoPresentacioacuterdquo i cercar la forma de presentacioacute
ldquofw_fp_sac_normativardquo
4 Fer clic al botoacute ldquoOKrdquo
Srsquoactualitzaragrave la pagravegina de VAP i es mostraragrave el detall de SAC
1
2
3
4
96
514 Validacioacute final de VAP
Finalment cal validar que els tragravemits es visualitzen correctament per a aixograve cal
1 Verificar que tenim els canals creats
2 Accedir al canal ldquoCanal Llistat tragravemitsrdquo i validar que es mostren els tragravemits
que hem associat al punt 22
1
97
A continuacioacute cal fer les comprovacions seguumlents
1 Accedir al detall del tragravemit compartit
2 Accedir al pas a pas del tragravemit i a la normativa de SAC
Exemple llistat de tragravemits compartits
2
1
98
Exemple detall de tragravemit compartit
Exemple pas a pas drsquoun tragravemit
2
2
99
Exemple normativa SAC
En el cas que no es visualitzin el llistat de tragravemits detall o pas a pas configurat
validar
1 Refrescar la Pagravegina
2 Els tragravemits estan associats al canal que esteacuten visualitzat punt 23
1 Refrescar la pagravegina
1
40
En entrar trobarem el llistat seguumlent on cal
1 Fer clic a ldquoCanal Llistat tragravemitsrdquo
2 Aquest eacutes un contingut del tipus Canals (cal fixar-se que no eacutes com lrsquoanterior)
Es mostraragrave la pantalla seguumlent on afegirem els fitxers relacionats amb el canal per a
cada idioma aquiacute cal
1 Emplenar els camps requerits per crear una pestanya del multiidioma
2 Desplaccedilar-se cap avall en lrsquoapartat ldquomultiidiomardquo fins a observar lrsquoapartat
drsquoassociacioacute de fitxers
3 Fer clic a ldquoAfegirrdquo
En aquest moment apareixeragrave la pantalla seguumlent
1 Si voleu afegir un fitxer amb extensioacute css cal deixar el camp ldquoTipus de fitxerrdquo
amb valor ldquocssrdquo Si voleu afegir un fitxer que teacute extensioacute js srsquoha de canviar el
camp ldquoTipus de fitxerrdquo al valor ldquojsrdquo
2 Fer clic a ldquoNavegadorrdquo
1
2 1 3
2
41
Apareixeragrave la pantalla de navegacioacute de continguts i anirem cercant els fitxers estagravetics
que associarem aquiacute cal
1 Fer clic a ldquoFrameworkrdquo
2 Fer clic a ldquoestilos y scriptsrdquo
3 Fer clic a ldquoNuevos Estilos imagenes y jsrdquo
4 Fer clic a ldquoGlobalsrdquo
2 1
42
43
44
Una vegada se nrsquohagin seleccionat tornarem a la pantalla anterior i farem el seguumlent
1 Verificar que el fitxer seleccionat eacutes el que apareix al quadre de text i que la
seva extensioacute coincideix amb la que hi ha seleccionada a ldquoTipus de fitxerrdquo
2 Fer clic a ldquoOKrdquo
Un cop acabades totes les associacions el resultat de les associacions afegides a la
pantalla principal ha de ser el seguumlent
1 Fer clic a ldquoAplicarrdquo a lrsquoapartat ldquomultiidiomardquo
1
2
45
1
46
Es recarregaragrave la pantalla
1 Fer clic a ldquoOKrdquo al nivell general
Ja tenim configurat el canal que mostraragrave ldquoLlistat de tragravemitsrdquo amb els fitxers associats
que fa referegravencia a la forma de presentacioacute que farem servir aquest mateix canal
mostraragrave el detall del contingut tragravemit amb el format detall
32 Creacioacute i assignacioacute de plantilles de presentacioacute per al
canal ldquoCanal Llistat tragravemitsrdquo
321 Creacioacute de les plantilles (templates) de VCM
La configuracioacute del canal de VCM per mostrar els llistats de tragravemits i el seu detall es
basen en tres plantilles una per llistar el tragravemits (format default) una per mostrar el
detall i el pas a pas drsquoun tragravemit (format detall) i una altra per mostrar la normativa
aplicable drsquoun tragravemit (format detall2)
A continuacioacute srsquoexplica com es creen les plantilles de presentacioacute
(Presentation Templates) necessagraveries per configurar els tragravemits Els
responsables de cada site srsquohan de crear les seves progravepies plantilles
Cal tenir en compte que les plantilles que apareixen en el document soacuten nomeacutes un
exemple drsquouna configuracioacute vagravelida En els casos pragravectics cal seleccionar les plantilles
que pertanyen a cada portal io que tingui cada usuari en els seus recursos
En el nostre cas es fan servir les plantilles ldquoGridB2LlistatTramitsrdquo ldquoGridBTramitrdquo i
ldquoGridBTramitNormativaSacrdquo
1
47
Per la creacioacute de la plantilla srsquohan de seguir els passos seguumlents
1 Accedir al ldquoBanc de Treballrdquo
2 Accedir a ldquoPresentation Templatesrdquo
3 Accedir a la carpeta de presentacions del nostre site en aquest exemple
ldquogenegravericrdquo
1
2
48
Un cop som al llistat de plantilles del nostre site cal fer el seguumlent
1 Seleccionar el signe ldquo+rdquo
2 Seleccionar Forma de Presentation Template
En realitzar aquesta accioacute srsquoobriragrave la finestra drsquoedicioacute o creacioacute de la Presentation
Template Srsquohan de crear dos plantilles noves amb les dades seguumlents
1 Plantilla per al llistat de tragravemits
a Nom cal posar un nom identificatiu de la plantilla per exemple
GenericoGridB2LlistatTramit
b Tipus de plantilla Portal Page
c VAPVCM Portal defaultgeneric (cal posar el nom del portal VAP)
d Element del menuacute de VAP FW_NavItem_GRIDB2
3
1
2
49
e Canal VCM per defecte
Tot seguit cal fer clic a ldquoOKrdquo
Per a la configuracioacute de la plantilla per al llistat de tragravemits es pot fer servir un
NavItem que utilitzi una grid amb destacats a la dreta per exemple la GRID B2 del
Site Genegraveric o beacute un Navitem sense destacats (el FW_NavItem_GRIDB creat
anteriorment)
El NavItem ha de disposar drsquoun portlet a la part central a nivell de Page per
configurar el llistat de tragravemits
f
50
2 Crear una nova Presentation Template per al detall de tragravemits i el pas a
pas
a Nom cal posar un nom identificatiu de la plantilla com per exemple
GenericoGridBTramit
b Tipus de plantilla Portal Page
c VAPVCM Portal defaultgeneric
d Element del menuacute de VAP FW_NavItem_GRIDB
e Canal VCM per defecte
Finalment cal fer clic a ldquoOKrdquo
Per configurar la plantilla per al detall dels tragravemits i el pas a pas srsquoha de fer servir un
NavItem que utilitzi una grid sense destacats a la dreta per exemple la GRID B del
site Genegraveric
El NavItem ha de disposar de dos portlets a la part central a nivell de Page per
configurar el llistat de tragravemits
Tot seguit cal crear una nova Presentation Template per al detall de tragravemits i el pas a
pas
a Nom cal posar un nom identificatiu de la plantilla per exemple
GenericoGridBTramitNormativaSac
f
51
b Tipus de plantilla Portal Page
c VAPVCM Portal defaultgeneric
d Element del menuacute de VAP FW_NavItem_GRIDB
e Canal VCM per defecte
Finalment cal fer clic a ldquoOKrdquo
322 Configuracioacute de la plantilla al canal
Les Presentation Templates que configurarem a continuacioacute soacuten drsquoexemple
Els responsables de cada site han de crear les seves progravepies plantilles
Un cop creat el canal i les Presentation Templates en configurarem la presentacioacute
1 Seleccionarem la casella de seleccioacute del canal que acabem de crear
2 Farem clic a la icona de propietats del canal
3 Navegarem a la pestanya ldquoPresentacioacuterdquo
52
Ens apareixeragrave un formulari com el que es mostra a continuacioacute i realitzarem les
accions seguumlents
1 Fer clic a ldquoAfegir presentacioacute de canalrdquo
1
2
3
53
Apareixeragrave la pantalla seguumlent amb lrsquoobjectiu de seleccionar una plantilla en el nostre
cas farem el seguumlent
1 Seleccionar el projecte de plantilles respectiu al portal A lrsquoexemple ldquogenericrdquo
Posteriorment apareixeragrave un llistat de plantilles (ldquoTemplatesrdquo)
1 En aquest cas seleccionarem ldquoGridB2LlistatTramitsrdquo
2 Acceptarem la seleccioacute ldquoOKrdquo
1
1
54
1
2
55
Un cop acceptat ens apareixeragrave la pantalla seguumlent on configurarem el ldquodetallrdquo Per a
aixograve cal fer el seguumlent
1 Fer clic a ldquoAssignar una Nova Plantilla de Presentacioacuterdquo
1
56
Tot seguit apareixeragrave la pantalla que es mostra a continuacioacute on realitzarem les
accions seguumlents
1 Fer clic a ldquoAfegir formatrdquo
En aquesta nova pantalla ens assegurarem del seguumlent
1 A la casella ldquoFormatrdquo hi ha el valor ldquodetallrdquo
2 A la casella ldquoTemplaterdquo hi ha drsquohaver el correcte Si no eacutes aixiacute srsquoha de fer clic a
ldquoNavegadorrdquo
En fer clic a ldquoNavegadorrdquo cal fer el seguumlent
1 Tornar a navegar fins a ldquogenericrdquo
1
1 2
57
1
58
I a la pantalla seguumlent cal seleccionar una plantilla i
1 Fer clic al botoacute a prop de ldquoGridBTramitrdquo
2 Fer clic a ldquoOKrdquo
1
2
59
En aquest moment es torna a la pantalla anterior i cal
1 Fer clic a ldquoOKrdquo
En el canal Llistat de tragravemits ha drsquoestar configurat el ldquoformatrdquo ldquodetallrdquo ja que la forma
de presentacioacute que configurarem a GridDBTramit necessitaragrave aquest format per
visualitzar el detall del contingut de tipus ldquoTragravemitrdquo
2
60
La pantalla anterior a aquesta ens ha de presentar aquesta informacioacute Ara
configurarem el ldquodetall2rdquo per presentar el contingut rdquo Normativa de SACrdquo Per a aixograve
cal fer el seguumlent
1 Fer clic a ldquoAfegir Formatrdquo
En aquesta nova pantalla ens assegurarem del seguumlent
1 A la casella ldquoFormatrdquo hi ha el valor ldquodetall2rdquo
1
61
2 A la casella ldquoTemplaterdquo hi ha drsquohaver el correcte Si no eacutes aixiacute srsquoha de fer clic a
ldquoNavegadorrdquo
En fer clic a ldquoNavegadorrdquo srsquoha de fer el seguumlent
1 Tornar a navegar fins a ldquogenericrdquo (srsquoha de substituir pel nom del portal)
1 2
62
1
63
A la pantalla seguumlent cal seleccionar una plantilla i
1 Fer clic al botoacute a prop de ldquoGridBTramitNormativaSacrdquo
2 Fer clic a ldquoOKrdquo
1
2
64
En aquest moment es torna a la pantalla anterior i cal fer el seguumlent
2 Fer clic a ldquoOKrdquo
En el canal Llistat de tragravemits ha drsquoestar configurat el ldquoformatrdquo ldquodetall2rdquo ja que la
forma de presentacioacute que configurarem a GridDBTramitNormativaSac necessitaragrave
aquest format per visualitzar el detall del contingut de tipus normativa ldquoSACrdquo
2
65
La pantalla anterior a aquesta ens ha de presentar aquesta informacioacute i srsquoha de fer el
seguumlent
2 Fer clic a ldquoOKrdquo
1
66
La finestra pare anterior a aquesta quedaragrave com es mostra tot seguit i realitzarem les
accions seguumlents
1 Fer clic a ldquoOKrdquo
4 Comparticioacute de continguts
Accedim al projecte on hi ha tots els tragravemits de lrsquoOVT
1
67
OVTDepartaments[NomCurtDepartaments][NomCurtOrganisme] TramitOVT
On NomCurtDepartaments correspon al nom curt del departament al que fa referencia
el nostre organisme
En aquest exemple es mostren tots els projectes de tragravemits de lrsquoOVT
Un cop localitzat el tragravemit de lrsquoOVT que volem compartir amb el nostre site accedirem
a lrsquoedicioacute del contingut i assignarem aquest contingut al canal del nostre site on es
vulgui mostrar Srsquoha de fer el seguumlent
1 Anar al contenidor de projectes on hi ha els continguts de GECO
Apareixeragrave lrsquoestructura de projectes a la qual teacute acceacutes lrsquousuari redactor Cal fer el
seguumlent (exemple Agegravencia Tributagraveria dins drsquoEconomia i Finances)
1 Seleccionar ldquoOVTrdquo
2 Seleccionar ldquoDepartamentsrdquo aquesta carpeta conteacute tots els tragravemits de lrsquoOVT
classificats per departaments
3 Seleccionar ldquoECOrdquo A lrsquousuari nomeacutes se li mostraragrave la carpeta del seu
departament
Si lrsquousuari no visualitza la carpeta dins del seu departament eacutes perquegrave no
srsquoha aplicat la poliacutetica de seguretat correctament Cal obrir un tiquet a Suport
gencat per tramitar aquests permisos AQUESTA CARPETA NOMEacuteS SERAgrave
VISIBLE PER ALS USUARIS AMB ROL REDACTOR
4 Seleccionar ldquoA_Agegravencia Tributagraveriardquo
5 Seleccionar ldquoTramitOVTrdquo
1
68
2
3
1
69
4
5
70
Apareixeragrave el llistat de continguts ldquoTragravemitOVTrdquo de lrsquoOVT de lrsquoAgegravencia Tributagraveria
Realitzarem les accions seguumlents
1 Seleccionar el tragravemit o els tragravemits que volem compartir en la web dorganisme
2 Fer clic a ldquoAssociarrdquo
2
1
71
Aquest proceacutes obriragrave una finestra Per seleccionar el site i canal on es volen mostrar
els tragravemits seleccionats realitzarem les accions seguumlents (cas site Generic)
1 Seleccionar el site ldquoGenericrdquo en el vostre cas el site del departament on es vol
mostrar el contingut ldquotragravemitrdquo
2 Navegar pels canals del Site Genegraveric fins al canal que srsquoha creat en el punt
ldquoLlistat de tragravemitsrdquo i seleccionar el quadre de verificacioacute
3 Fer clic a ldquoOKrdquo
1
72
2
3
73
41 Validar que la comparticioacute de continguts eacutes correcta
Accedim per VCM al canal que hem creat anteriorment al qual li acabem drsquoassignar
els continguts de tragravemits que ha de mostrar i fem el seguumlent
1 Anar al contenidor de portals
2 Seleccionar el Site ldquogenericrdquo
3 Seleccionar el canal ldquoHomerdquo
4 Seleccionar el canal ldquoCanal Llistat tragravemitsrdquo
1
2
3
74
4
75
Apareixeragrave el contingut assignat al canal ldquoCanal Llistat tragravemitsrdquo
En entrar trobarem el llistat seguumlent
1 Llistat del tragravemits de lrsquoOVT que srsquohan compartit amb el canal ldquoCanal Llistat
tragravemitsrdquo
2 Validar que els continguts que apareixen soacuten del tipus ldquoTramitOVTrdquo
En cas que al canal del site ldquoCanal Llistat tragravemitsrdquo no apareguin els continguts
tragravemits associats anteriorment cal repetir el pas 22
1 2
76
5 Configuracioacute al portal
Ara cal entrar al nostre site on tenim configurat el canal que hem creat en lrsquoapartat
anterior (21) i que ara configurarem a nivell de portal
51 Configuracioacute a Canal Llistat tragravemits
511 Configuracioacute de la llista de tragravemits
Farem clic a lrsquoenllaccedil ldquoCanal llistat tragravemitsrdquo de la ldquoHomerdquo i anirem a parar a una
pantalla com la que es mostra meacutes avall
Es pot apreciar que en el contingut de la pagravegina no hi ha res Aixograve eacutes perquegrave cal
configurar els portlets adequats ( )
1 Ens situarem sobre la icona ldquoOpcions de Pagraveginardquo
2 Seleccionarem ldquoObrir Plantillardquo ja que els portlets soacuten a nivell de Page
Ens apareixeragrave una pantalla com la que es mostra tot seguit i realitzarem les accions
seguumlents
1 Seleccionar el portlet de la part central de la pagravegina per configurar una ldquoLlista
automagravetica de contingutsrdquo
2
1
77
Tambeacute podem configurar una ldquoLlista manual de contingutsrdquo segons les
necessitats de cada usuari
78
Ens redirigiragrave cap a un formulari drsquoedicioacute que ens mostraragrave directament quina consulta
hem de configurar per mostrar els continguts i configurarem una consulta com la
seguumlent (evidentment segons les necessitats de cada usuari)
Ara tenim configurat que la pagravegina mostraragrave els tipus de contingut ldquoTramitOVTrdquo del
canal actual ordenats per la ldquoEacutes on-linerdquo en ordre descendent
Aixograve ens portaragrave a la pantalla principal on acabarem de completar la configuracioacute
1 Validar que en lrsquoapartat ldquoConsultardquo hi ha la configuracioacute que acabem drsquoafegir
2 Emplenar ldquoAgraveliesrdquo
3 En lrsquoapartat Forma de presentacioacute fer clic al botoacute ldquoCercar helliprdquo
79
Ens apareixeragrave la pantalla seguumlent
1 Fer clic a ldquoNavegacioacute per projectesrdquo
1
2
3
80
Ens canviaragrave la vista al format seguumlent
1 Navegarem per les carpetes fins a arribar a ldquoFramework Formes de
presentacioacute Site generic fw_fp_llistatramitsrdquo
2 Seleccionarem ldquofw_fp_llistatramitsrdquo
3 Farem clic a ldquoOKrdquo
1
1
81
En retornar a la pantalla principal cal
1 Validar que la forma de presentacioacute eacutes la que acabem de seleccionar
2 Fer clic a ldquoOKrdquo
1 (continuacioacute) 2
3
82
1
2
83
Aquest seragrave el nostre resultat a la pantalla del portal i cal fer el seguumlent
1 Verificar que apareixen els dos continguts que es van associar a aquest canal
1
84
512 Configuracioacute del detall del tragravemit i el pas a pas
En fer clic sobre una activitat veurem com ens redirigeix a la plantilla configurada al
ldquodetallrdquo drsquoaquesta pagravegina tal com la vam configurar en lrsquoapartat 231 cal fer el
seguumlent
1 Fer clic a la primera activitat
1
85
Ens sortiragrave la pagravegina de VAP del detall drsquoun contingut per configurar farem els
passos seguumlents
1 Ens situarem sobre la icona ldquoOpcions de Pagraveginardquo
2 Seleccionar ldquoObrir Plantillardquo ja que els portlets soacuten a nivell de Page
Ens apareixeragrave una pantalla com la que es mostra tot seguit i realitzarem les accions
seguumlents
1 Seleccionar el portlet de la part central de la pagravegina per configurar un ldquoDetall
de contingutrdquo i fer clic a ldquoEditarrdquo
Ens apareixeragrave la pantalla de seleccioacute de component de presentacioacute
1 Seleccionarem el component de presentacioacute ldquoDetall de contingutrdquo
1
2
1
86
Ens apareixeragrave la pantalla que es mostra tot seguit i realitzarem les accions seguumlents
1 Emplenar el camp ldquoAgraveliesrdquo
2 Canviar a la pestanya ldquoPresentacioacuterdquo
En fer clic a la pestanya obtindrem la imatge que es mostra tot seguit i realitzarem les
accions seguumlents
1 Cercarem una forma de presentacioacute fent clic a ldquoCercar helliprdquo
1
2
87
Quan aparegui la pantalla de cercador realitzarem una cerca de la forma de
presentacioacute que volem fer servir per a aixograve cal fer el seguumlent
1 Emplenar la caixa de text amb ldquofw_fp_tramitrdquo
2 Preacutemer ldquoCercarrdquo
3 Seleccionar la forma de presentacioacute de la caixa de resultats
4 Preacutemer ldquoOKrdquo
La forma de presentacioacute ldquofw_fp_tramitrdquo estagrave preparada per ldquomaquillarrdquo el contingut
dels tragravemits Tambeacute es pot fer servir una forma de presentacioacute personalitzada
segons es cregui convenient
1
1
2
3
4
88
En acabar tornarem a la pagravegina principal drsquoedicioacute i farem el seguumlent
1 Verificar que la forma de presentacioacute eacutes la que hem escollit
2 Fer clic a ldquoOKrdquo
En finalitzar la configuracioacute del component de presentacioacute tornem a la pantalla del
portal i cal fer el seguumlent
1 Verificar que el disseny de la presentacioacute eacutes semblant al seguumlent
1
2
89
Configurarem el portlet superior central de la pagravegina perquegrave aquesta contingui el fil
drsquoAriadna
1 Accedir a ldquoObrir Plantillardquo
1 Editar el portlet central que hi ha a sobre del detall de tragravemit per configurar el fil
drsquoAriadna En aquest exemple el portlet eacutes ldquoFW_hilo_ariadnardquo
Escollirem el component de presentacioacute
1 Seleccionar el component de presentacioacute ldquoFil drsquoAriadnardquo
1
1
90
En la configuracioacute del component realitzarem les accions seguumlents
1 Inserir el camp ldquoAgraveliesrdquo
2 Inserir el camp ldquoCanalrdquo
3 Fer clic a la pestanya ldquoPresentacioacuterdquo i cercar la forma de presentacioacute
ldquofw_fp_filariadnardquo
1
91
513 Configuracioacute del detall drsquouna normativa SAC
En el detall de contingut configurat en el punt anterior fent clic sobre una normativa
veurem com ens redirigeix a la plantilla configurada al ldquodetall2rdquo drsquoaquesta pagravegina tal
com hem configurat a lrsquoapartat 231
1 Fer clic a la primera ldquoNormativa Aplicablerdquo
2
3
92
Aquest enllaccedil ens portaragrave al detall2 del canal on srsquoha de configurar el detall de
contingut SAC per tal que es mostri la normativa aplicable
Configurarem el portlet superior central de la pagravegina perquegrave aquesta contingui el fil
drsquoAriadna per a aixograve cal fer el seguumlent
1 Accedir a ldquoObrir Plantillardquo
1
93
1
94
1 Editar el portlet central que hi ha a sobre del detall de tragravemit per configurar el fil
drsquoAriadna En aquest exemple el portlet eacutes ldquofw_portlet_tramitrdquo
Escollirem el component de presentacioacute
1 Seleccionar el component de presentacioacute ldquoDetall de Contingut SACrdquo
En la configuracioacute del component realitzarem les accions seguumlents
1 Inserir el camp ldquoAgraveliesrdquo
2 Seleccionar el tipus de contingut ldquoDetall Tragravemitrdquo
1
95
3 Fer clic a la pestanya ldquoPresentacioacuterdquo i cercar la forma de presentacioacute
ldquofw_fp_sac_normativardquo
4 Fer clic al botoacute ldquoOKrdquo
Srsquoactualitzaragrave la pagravegina de VAP i es mostraragrave el detall de SAC
1
2
3
4
96
514 Validacioacute final de VAP
Finalment cal validar que els tragravemits es visualitzen correctament per a aixograve cal
1 Verificar que tenim els canals creats
2 Accedir al canal ldquoCanal Llistat tragravemitsrdquo i validar que es mostren els tragravemits
que hem associat al punt 22
1
97
A continuacioacute cal fer les comprovacions seguumlents
1 Accedir al detall del tragravemit compartit
2 Accedir al pas a pas del tragravemit i a la normativa de SAC
Exemple llistat de tragravemits compartits
2
1
98
Exemple detall de tragravemit compartit
Exemple pas a pas drsquoun tragravemit
2
2
99
Exemple normativa SAC
En el cas que no es visualitzin el llistat de tragravemits detall o pas a pas configurat
validar
1 Refrescar la Pagravegina
2 Els tragravemits estan associats al canal que esteacuten visualitzat punt 23
1 Refrescar la pagravegina
1
41
Apareixeragrave la pantalla de navegacioacute de continguts i anirem cercant els fitxers estagravetics
que associarem aquiacute cal
1 Fer clic a ldquoFrameworkrdquo
2 Fer clic a ldquoestilos y scriptsrdquo
3 Fer clic a ldquoNuevos Estilos imagenes y jsrdquo
4 Fer clic a ldquoGlobalsrdquo
2 1
42
43
44
Una vegada se nrsquohagin seleccionat tornarem a la pantalla anterior i farem el seguumlent
1 Verificar que el fitxer seleccionat eacutes el que apareix al quadre de text i que la
seva extensioacute coincideix amb la que hi ha seleccionada a ldquoTipus de fitxerrdquo
2 Fer clic a ldquoOKrdquo
Un cop acabades totes les associacions el resultat de les associacions afegides a la
pantalla principal ha de ser el seguumlent
1 Fer clic a ldquoAplicarrdquo a lrsquoapartat ldquomultiidiomardquo
1
2
45
1
46
Es recarregaragrave la pantalla
1 Fer clic a ldquoOKrdquo al nivell general
Ja tenim configurat el canal que mostraragrave ldquoLlistat de tragravemitsrdquo amb els fitxers associats
que fa referegravencia a la forma de presentacioacute que farem servir aquest mateix canal
mostraragrave el detall del contingut tragravemit amb el format detall
32 Creacioacute i assignacioacute de plantilles de presentacioacute per al
canal ldquoCanal Llistat tragravemitsrdquo
321 Creacioacute de les plantilles (templates) de VCM
La configuracioacute del canal de VCM per mostrar els llistats de tragravemits i el seu detall es
basen en tres plantilles una per llistar el tragravemits (format default) una per mostrar el
detall i el pas a pas drsquoun tragravemit (format detall) i una altra per mostrar la normativa
aplicable drsquoun tragravemit (format detall2)
A continuacioacute srsquoexplica com es creen les plantilles de presentacioacute
(Presentation Templates) necessagraveries per configurar els tragravemits Els
responsables de cada site srsquohan de crear les seves progravepies plantilles
Cal tenir en compte que les plantilles que apareixen en el document soacuten nomeacutes un
exemple drsquouna configuracioacute vagravelida En els casos pragravectics cal seleccionar les plantilles
que pertanyen a cada portal io que tingui cada usuari en els seus recursos
En el nostre cas es fan servir les plantilles ldquoGridB2LlistatTramitsrdquo ldquoGridBTramitrdquo i
ldquoGridBTramitNormativaSacrdquo
1
47
Per la creacioacute de la plantilla srsquohan de seguir els passos seguumlents
1 Accedir al ldquoBanc de Treballrdquo
2 Accedir a ldquoPresentation Templatesrdquo
3 Accedir a la carpeta de presentacions del nostre site en aquest exemple
ldquogenegravericrdquo
1
2
48
Un cop som al llistat de plantilles del nostre site cal fer el seguumlent
1 Seleccionar el signe ldquo+rdquo
2 Seleccionar Forma de Presentation Template
En realitzar aquesta accioacute srsquoobriragrave la finestra drsquoedicioacute o creacioacute de la Presentation
Template Srsquohan de crear dos plantilles noves amb les dades seguumlents
1 Plantilla per al llistat de tragravemits
a Nom cal posar un nom identificatiu de la plantilla per exemple
GenericoGridB2LlistatTramit
b Tipus de plantilla Portal Page
c VAPVCM Portal defaultgeneric (cal posar el nom del portal VAP)
d Element del menuacute de VAP FW_NavItem_GRIDB2
3
1
2
49
e Canal VCM per defecte
Tot seguit cal fer clic a ldquoOKrdquo
Per a la configuracioacute de la plantilla per al llistat de tragravemits es pot fer servir un
NavItem que utilitzi una grid amb destacats a la dreta per exemple la GRID B2 del
Site Genegraveric o beacute un Navitem sense destacats (el FW_NavItem_GRIDB creat
anteriorment)
El NavItem ha de disposar drsquoun portlet a la part central a nivell de Page per
configurar el llistat de tragravemits
f
50
2 Crear una nova Presentation Template per al detall de tragravemits i el pas a
pas
a Nom cal posar un nom identificatiu de la plantilla com per exemple
GenericoGridBTramit
b Tipus de plantilla Portal Page
c VAPVCM Portal defaultgeneric
d Element del menuacute de VAP FW_NavItem_GRIDB
e Canal VCM per defecte
Finalment cal fer clic a ldquoOKrdquo
Per configurar la plantilla per al detall dels tragravemits i el pas a pas srsquoha de fer servir un
NavItem que utilitzi una grid sense destacats a la dreta per exemple la GRID B del
site Genegraveric
El NavItem ha de disposar de dos portlets a la part central a nivell de Page per
configurar el llistat de tragravemits
Tot seguit cal crear una nova Presentation Template per al detall de tragravemits i el pas a
pas
a Nom cal posar un nom identificatiu de la plantilla per exemple
GenericoGridBTramitNormativaSac
f
51
b Tipus de plantilla Portal Page
c VAPVCM Portal defaultgeneric
d Element del menuacute de VAP FW_NavItem_GRIDB
e Canal VCM per defecte
Finalment cal fer clic a ldquoOKrdquo
322 Configuracioacute de la plantilla al canal
Les Presentation Templates que configurarem a continuacioacute soacuten drsquoexemple
Els responsables de cada site han de crear les seves progravepies plantilles
Un cop creat el canal i les Presentation Templates en configurarem la presentacioacute
1 Seleccionarem la casella de seleccioacute del canal que acabem de crear
2 Farem clic a la icona de propietats del canal
3 Navegarem a la pestanya ldquoPresentacioacuterdquo
52
Ens apareixeragrave un formulari com el que es mostra a continuacioacute i realitzarem les
accions seguumlents
1 Fer clic a ldquoAfegir presentacioacute de canalrdquo
1
2
3
53
Apareixeragrave la pantalla seguumlent amb lrsquoobjectiu de seleccionar una plantilla en el nostre
cas farem el seguumlent
1 Seleccionar el projecte de plantilles respectiu al portal A lrsquoexemple ldquogenericrdquo
Posteriorment apareixeragrave un llistat de plantilles (ldquoTemplatesrdquo)
1 En aquest cas seleccionarem ldquoGridB2LlistatTramitsrdquo
2 Acceptarem la seleccioacute ldquoOKrdquo
1
1
54
1
2
55
Un cop acceptat ens apareixeragrave la pantalla seguumlent on configurarem el ldquodetallrdquo Per a
aixograve cal fer el seguumlent
1 Fer clic a ldquoAssignar una Nova Plantilla de Presentacioacuterdquo
1
56
Tot seguit apareixeragrave la pantalla que es mostra a continuacioacute on realitzarem les
accions seguumlents
1 Fer clic a ldquoAfegir formatrdquo
En aquesta nova pantalla ens assegurarem del seguumlent
1 A la casella ldquoFormatrdquo hi ha el valor ldquodetallrdquo
2 A la casella ldquoTemplaterdquo hi ha drsquohaver el correcte Si no eacutes aixiacute srsquoha de fer clic a
ldquoNavegadorrdquo
En fer clic a ldquoNavegadorrdquo cal fer el seguumlent
1 Tornar a navegar fins a ldquogenericrdquo
1
1 2
57
1
58
I a la pantalla seguumlent cal seleccionar una plantilla i
1 Fer clic al botoacute a prop de ldquoGridBTramitrdquo
2 Fer clic a ldquoOKrdquo
1
2
59
En aquest moment es torna a la pantalla anterior i cal
1 Fer clic a ldquoOKrdquo
En el canal Llistat de tragravemits ha drsquoestar configurat el ldquoformatrdquo ldquodetallrdquo ja que la forma
de presentacioacute que configurarem a GridDBTramit necessitaragrave aquest format per
visualitzar el detall del contingut de tipus ldquoTragravemitrdquo
2
60
La pantalla anterior a aquesta ens ha de presentar aquesta informacioacute Ara
configurarem el ldquodetall2rdquo per presentar el contingut rdquo Normativa de SACrdquo Per a aixograve
cal fer el seguumlent
1 Fer clic a ldquoAfegir Formatrdquo
En aquesta nova pantalla ens assegurarem del seguumlent
1 A la casella ldquoFormatrdquo hi ha el valor ldquodetall2rdquo
1
61
2 A la casella ldquoTemplaterdquo hi ha drsquohaver el correcte Si no eacutes aixiacute srsquoha de fer clic a
ldquoNavegadorrdquo
En fer clic a ldquoNavegadorrdquo srsquoha de fer el seguumlent
1 Tornar a navegar fins a ldquogenericrdquo (srsquoha de substituir pel nom del portal)
1 2
62
1
63
A la pantalla seguumlent cal seleccionar una plantilla i
1 Fer clic al botoacute a prop de ldquoGridBTramitNormativaSacrdquo
2 Fer clic a ldquoOKrdquo
1
2
64
En aquest moment es torna a la pantalla anterior i cal fer el seguumlent
2 Fer clic a ldquoOKrdquo
En el canal Llistat de tragravemits ha drsquoestar configurat el ldquoformatrdquo ldquodetall2rdquo ja que la
forma de presentacioacute que configurarem a GridDBTramitNormativaSac necessitaragrave
aquest format per visualitzar el detall del contingut de tipus normativa ldquoSACrdquo
2
65
La pantalla anterior a aquesta ens ha de presentar aquesta informacioacute i srsquoha de fer el
seguumlent
2 Fer clic a ldquoOKrdquo
1
66
La finestra pare anterior a aquesta quedaragrave com es mostra tot seguit i realitzarem les
accions seguumlents
1 Fer clic a ldquoOKrdquo
4 Comparticioacute de continguts
Accedim al projecte on hi ha tots els tragravemits de lrsquoOVT
1
67
OVTDepartaments[NomCurtDepartaments][NomCurtOrganisme] TramitOVT
On NomCurtDepartaments correspon al nom curt del departament al que fa referencia
el nostre organisme
En aquest exemple es mostren tots els projectes de tragravemits de lrsquoOVT
Un cop localitzat el tragravemit de lrsquoOVT que volem compartir amb el nostre site accedirem
a lrsquoedicioacute del contingut i assignarem aquest contingut al canal del nostre site on es
vulgui mostrar Srsquoha de fer el seguumlent
1 Anar al contenidor de projectes on hi ha els continguts de GECO
Apareixeragrave lrsquoestructura de projectes a la qual teacute acceacutes lrsquousuari redactor Cal fer el
seguumlent (exemple Agegravencia Tributagraveria dins drsquoEconomia i Finances)
1 Seleccionar ldquoOVTrdquo
2 Seleccionar ldquoDepartamentsrdquo aquesta carpeta conteacute tots els tragravemits de lrsquoOVT
classificats per departaments
3 Seleccionar ldquoECOrdquo A lrsquousuari nomeacutes se li mostraragrave la carpeta del seu
departament
Si lrsquousuari no visualitza la carpeta dins del seu departament eacutes perquegrave no
srsquoha aplicat la poliacutetica de seguretat correctament Cal obrir un tiquet a Suport
gencat per tramitar aquests permisos AQUESTA CARPETA NOMEacuteS SERAgrave
VISIBLE PER ALS USUARIS AMB ROL REDACTOR
4 Seleccionar ldquoA_Agegravencia Tributagraveriardquo
5 Seleccionar ldquoTramitOVTrdquo
1
68
2
3
1
69
4
5
70
Apareixeragrave el llistat de continguts ldquoTragravemitOVTrdquo de lrsquoOVT de lrsquoAgegravencia Tributagraveria
Realitzarem les accions seguumlents
1 Seleccionar el tragravemit o els tragravemits que volem compartir en la web dorganisme
2 Fer clic a ldquoAssociarrdquo
2
1
71
Aquest proceacutes obriragrave una finestra Per seleccionar el site i canal on es volen mostrar
els tragravemits seleccionats realitzarem les accions seguumlents (cas site Generic)
1 Seleccionar el site ldquoGenericrdquo en el vostre cas el site del departament on es vol
mostrar el contingut ldquotragravemitrdquo
2 Navegar pels canals del Site Genegraveric fins al canal que srsquoha creat en el punt
ldquoLlistat de tragravemitsrdquo i seleccionar el quadre de verificacioacute
3 Fer clic a ldquoOKrdquo
1
72
2
3
73
41 Validar que la comparticioacute de continguts eacutes correcta
Accedim per VCM al canal que hem creat anteriorment al qual li acabem drsquoassignar
els continguts de tragravemits que ha de mostrar i fem el seguumlent
1 Anar al contenidor de portals
2 Seleccionar el Site ldquogenericrdquo
3 Seleccionar el canal ldquoHomerdquo
4 Seleccionar el canal ldquoCanal Llistat tragravemitsrdquo
1
2
3
74
4
75
Apareixeragrave el contingut assignat al canal ldquoCanal Llistat tragravemitsrdquo
En entrar trobarem el llistat seguumlent
1 Llistat del tragravemits de lrsquoOVT que srsquohan compartit amb el canal ldquoCanal Llistat
tragravemitsrdquo
2 Validar que els continguts que apareixen soacuten del tipus ldquoTramitOVTrdquo
En cas que al canal del site ldquoCanal Llistat tragravemitsrdquo no apareguin els continguts
tragravemits associats anteriorment cal repetir el pas 22
1 2
76
5 Configuracioacute al portal
Ara cal entrar al nostre site on tenim configurat el canal que hem creat en lrsquoapartat
anterior (21) i que ara configurarem a nivell de portal
51 Configuracioacute a Canal Llistat tragravemits
511 Configuracioacute de la llista de tragravemits
Farem clic a lrsquoenllaccedil ldquoCanal llistat tragravemitsrdquo de la ldquoHomerdquo i anirem a parar a una
pantalla com la que es mostra meacutes avall
Es pot apreciar que en el contingut de la pagravegina no hi ha res Aixograve eacutes perquegrave cal
configurar els portlets adequats ( )
1 Ens situarem sobre la icona ldquoOpcions de Pagraveginardquo
2 Seleccionarem ldquoObrir Plantillardquo ja que els portlets soacuten a nivell de Page
Ens apareixeragrave una pantalla com la que es mostra tot seguit i realitzarem les accions
seguumlents
1 Seleccionar el portlet de la part central de la pagravegina per configurar una ldquoLlista
automagravetica de contingutsrdquo
2
1
77
Tambeacute podem configurar una ldquoLlista manual de contingutsrdquo segons les
necessitats de cada usuari
78
Ens redirigiragrave cap a un formulari drsquoedicioacute que ens mostraragrave directament quina consulta
hem de configurar per mostrar els continguts i configurarem una consulta com la
seguumlent (evidentment segons les necessitats de cada usuari)
Ara tenim configurat que la pagravegina mostraragrave els tipus de contingut ldquoTramitOVTrdquo del
canal actual ordenats per la ldquoEacutes on-linerdquo en ordre descendent
Aixograve ens portaragrave a la pantalla principal on acabarem de completar la configuracioacute
1 Validar que en lrsquoapartat ldquoConsultardquo hi ha la configuracioacute que acabem drsquoafegir
2 Emplenar ldquoAgraveliesrdquo
3 En lrsquoapartat Forma de presentacioacute fer clic al botoacute ldquoCercar helliprdquo
79
Ens apareixeragrave la pantalla seguumlent
1 Fer clic a ldquoNavegacioacute per projectesrdquo
1
2
3
80
Ens canviaragrave la vista al format seguumlent
1 Navegarem per les carpetes fins a arribar a ldquoFramework Formes de
presentacioacute Site generic fw_fp_llistatramitsrdquo
2 Seleccionarem ldquofw_fp_llistatramitsrdquo
3 Farem clic a ldquoOKrdquo
1
1
81
En retornar a la pantalla principal cal
1 Validar que la forma de presentacioacute eacutes la que acabem de seleccionar
2 Fer clic a ldquoOKrdquo
1 (continuacioacute) 2
3
82
1
2
83
Aquest seragrave el nostre resultat a la pantalla del portal i cal fer el seguumlent
1 Verificar que apareixen els dos continguts que es van associar a aquest canal
1
84
512 Configuracioacute del detall del tragravemit i el pas a pas
En fer clic sobre una activitat veurem com ens redirigeix a la plantilla configurada al
ldquodetallrdquo drsquoaquesta pagravegina tal com la vam configurar en lrsquoapartat 231 cal fer el
seguumlent
1 Fer clic a la primera activitat
1
85
Ens sortiragrave la pagravegina de VAP del detall drsquoun contingut per configurar farem els
passos seguumlents
1 Ens situarem sobre la icona ldquoOpcions de Pagraveginardquo
2 Seleccionar ldquoObrir Plantillardquo ja que els portlets soacuten a nivell de Page
Ens apareixeragrave una pantalla com la que es mostra tot seguit i realitzarem les accions
seguumlents
1 Seleccionar el portlet de la part central de la pagravegina per configurar un ldquoDetall
de contingutrdquo i fer clic a ldquoEditarrdquo
Ens apareixeragrave la pantalla de seleccioacute de component de presentacioacute
1 Seleccionarem el component de presentacioacute ldquoDetall de contingutrdquo
1
2
1
86
Ens apareixeragrave la pantalla que es mostra tot seguit i realitzarem les accions seguumlents
1 Emplenar el camp ldquoAgraveliesrdquo
2 Canviar a la pestanya ldquoPresentacioacuterdquo
En fer clic a la pestanya obtindrem la imatge que es mostra tot seguit i realitzarem les
accions seguumlents
1 Cercarem una forma de presentacioacute fent clic a ldquoCercar helliprdquo
1
2
87
Quan aparegui la pantalla de cercador realitzarem una cerca de la forma de
presentacioacute que volem fer servir per a aixograve cal fer el seguumlent
1 Emplenar la caixa de text amb ldquofw_fp_tramitrdquo
2 Preacutemer ldquoCercarrdquo
3 Seleccionar la forma de presentacioacute de la caixa de resultats
4 Preacutemer ldquoOKrdquo
La forma de presentacioacute ldquofw_fp_tramitrdquo estagrave preparada per ldquomaquillarrdquo el contingut
dels tragravemits Tambeacute es pot fer servir una forma de presentacioacute personalitzada
segons es cregui convenient
1
1
2
3
4
88
En acabar tornarem a la pagravegina principal drsquoedicioacute i farem el seguumlent
1 Verificar que la forma de presentacioacute eacutes la que hem escollit
2 Fer clic a ldquoOKrdquo
En finalitzar la configuracioacute del component de presentacioacute tornem a la pantalla del
portal i cal fer el seguumlent
1 Verificar que el disseny de la presentacioacute eacutes semblant al seguumlent
1
2
89
Configurarem el portlet superior central de la pagravegina perquegrave aquesta contingui el fil
drsquoAriadna
1 Accedir a ldquoObrir Plantillardquo
1 Editar el portlet central que hi ha a sobre del detall de tragravemit per configurar el fil
drsquoAriadna En aquest exemple el portlet eacutes ldquoFW_hilo_ariadnardquo
Escollirem el component de presentacioacute
1 Seleccionar el component de presentacioacute ldquoFil drsquoAriadnardquo
1
1
90
En la configuracioacute del component realitzarem les accions seguumlents
1 Inserir el camp ldquoAgraveliesrdquo
2 Inserir el camp ldquoCanalrdquo
3 Fer clic a la pestanya ldquoPresentacioacuterdquo i cercar la forma de presentacioacute
ldquofw_fp_filariadnardquo
1
91
513 Configuracioacute del detall drsquouna normativa SAC
En el detall de contingut configurat en el punt anterior fent clic sobre una normativa
veurem com ens redirigeix a la plantilla configurada al ldquodetall2rdquo drsquoaquesta pagravegina tal
com hem configurat a lrsquoapartat 231
1 Fer clic a la primera ldquoNormativa Aplicablerdquo
2
3
92
Aquest enllaccedil ens portaragrave al detall2 del canal on srsquoha de configurar el detall de
contingut SAC per tal que es mostri la normativa aplicable
Configurarem el portlet superior central de la pagravegina perquegrave aquesta contingui el fil
drsquoAriadna per a aixograve cal fer el seguumlent
1 Accedir a ldquoObrir Plantillardquo
1
93
1
94
1 Editar el portlet central que hi ha a sobre del detall de tragravemit per configurar el fil
drsquoAriadna En aquest exemple el portlet eacutes ldquofw_portlet_tramitrdquo
Escollirem el component de presentacioacute
1 Seleccionar el component de presentacioacute ldquoDetall de Contingut SACrdquo
En la configuracioacute del component realitzarem les accions seguumlents
1 Inserir el camp ldquoAgraveliesrdquo
2 Seleccionar el tipus de contingut ldquoDetall Tragravemitrdquo
1
95
3 Fer clic a la pestanya ldquoPresentacioacuterdquo i cercar la forma de presentacioacute
ldquofw_fp_sac_normativardquo
4 Fer clic al botoacute ldquoOKrdquo
Srsquoactualitzaragrave la pagravegina de VAP i es mostraragrave el detall de SAC
1
2
3
4
96
514 Validacioacute final de VAP
Finalment cal validar que els tragravemits es visualitzen correctament per a aixograve cal
1 Verificar que tenim els canals creats
2 Accedir al canal ldquoCanal Llistat tragravemitsrdquo i validar que es mostren els tragravemits
que hem associat al punt 22
1
97
A continuacioacute cal fer les comprovacions seguumlents
1 Accedir al detall del tragravemit compartit
2 Accedir al pas a pas del tragravemit i a la normativa de SAC
Exemple llistat de tragravemits compartits
2
1
98
Exemple detall de tragravemit compartit
Exemple pas a pas drsquoun tragravemit
2
2
99
Exemple normativa SAC
En el cas que no es visualitzin el llistat de tragravemits detall o pas a pas configurat
validar
1 Refrescar la Pagravegina
2 Els tragravemits estan associats al canal que esteacuten visualitzat punt 23
1 Refrescar la pagravegina
1
42
43
44
Una vegada se nrsquohagin seleccionat tornarem a la pantalla anterior i farem el seguumlent
1 Verificar que el fitxer seleccionat eacutes el que apareix al quadre de text i que la
seva extensioacute coincideix amb la que hi ha seleccionada a ldquoTipus de fitxerrdquo
2 Fer clic a ldquoOKrdquo
Un cop acabades totes les associacions el resultat de les associacions afegides a la
pantalla principal ha de ser el seguumlent
1 Fer clic a ldquoAplicarrdquo a lrsquoapartat ldquomultiidiomardquo
1
2
45
1
46
Es recarregaragrave la pantalla
1 Fer clic a ldquoOKrdquo al nivell general
Ja tenim configurat el canal que mostraragrave ldquoLlistat de tragravemitsrdquo amb els fitxers associats
que fa referegravencia a la forma de presentacioacute que farem servir aquest mateix canal
mostraragrave el detall del contingut tragravemit amb el format detall
32 Creacioacute i assignacioacute de plantilles de presentacioacute per al
canal ldquoCanal Llistat tragravemitsrdquo
321 Creacioacute de les plantilles (templates) de VCM
La configuracioacute del canal de VCM per mostrar els llistats de tragravemits i el seu detall es
basen en tres plantilles una per llistar el tragravemits (format default) una per mostrar el
detall i el pas a pas drsquoun tragravemit (format detall) i una altra per mostrar la normativa
aplicable drsquoun tragravemit (format detall2)
A continuacioacute srsquoexplica com es creen les plantilles de presentacioacute
(Presentation Templates) necessagraveries per configurar els tragravemits Els
responsables de cada site srsquohan de crear les seves progravepies plantilles
Cal tenir en compte que les plantilles que apareixen en el document soacuten nomeacutes un
exemple drsquouna configuracioacute vagravelida En els casos pragravectics cal seleccionar les plantilles
que pertanyen a cada portal io que tingui cada usuari en els seus recursos
En el nostre cas es fan servir les plantilles ldquoGridB2LlistatTramitsrdquo ldquoGridBTramitrdquo i
ldquoGridBTramitNormativaSacrdquo
1
47
Per la creacioacute de la plantilla srsquohan de seguir els passos seguumlents
1 Accedir al ldquoBanc de Treballrdquo
2 Accedir a ldquoPresentation Templatesrdquo
3 Accedir a la carpeta de presentacions del nostre site en aquest exemple
ldquogenegravericrdquo
1
2
48
Un cop som al llistat de plantilles del nostre site cal fer el seguumlent
1 Seleccionar el signe ldquo+rdquo
2 Seleccionar Forma de Presentation Template
En realitzar aquesta accioacute srsquoobriragrave la finestra drsquoedicioacute o creacioacute de la Presentation
Template Srsquohan de crear dos plantilles noves amb les dades seguumlents
1 Plantilla per al llistat de tragravemits
a Nom cal posar un nom identificatiu de la plantilla per exemple
GenericoGridB2LlistatTramit
b Tipus de plantilla Portal Page
c VAPVCM Portal defaultgeneric (cal posar el nom del portal VAP)
d Element del menuacute de VAP FW_NavItem_GRIDB2
3
1
2
49
e Canal VCM per defecte
Tot seguit cal fer clic a ldquoOKrdquo
Per a la configuracioacute de la plantilla per al llistat de tragravemits es pot fer servir un
NavItem que utilitzi una grid amb destacats a la dreta per exemple la GRID B2 del
Site Genegraveric o beacute un Navitem sense destacats (el FW_NavItem_GRIDB creat
anteriorment)
El NavItem ha de disposar drsquoun portlet a la part central a nivell de Page per
configurar el llistat de tragravemits
f
50
2 Crear una nova Presentation Template per al detall de tragravemits i el pas a
pas
a Nom cal posar un nom identificatiu de la plantilla com per exemple
GenericoGridBTramit
b Tipus de plantilla Portal Page
c VAPVCM Portal defaultgeneric
d Element del menuacute de VAP FW_NavItem_GRIDB
e Canal VCM per defecte
Finalment cal fer clic a ldquoOKrdquo
Per configurar la plantilla per al detall dels tragravemits i el pas a pas srsquoha de fer servir un
NavItem que utilitzi una grid sense destacats a la dreta per exemple la GRID B del
site Genegraveric
El NavItem ha de disposar de dos portlets a la part central a nivell de Page per
configurar el llistat de tragravemits
Tot seguit cal crear una nova Presentation Template per al detall de tragravemits i el pas a
pas
a Nom cal posar un nom identificatiu de la plantilla per exemple
GenericoGridBTramitNormativaSac
f
51
b Tipus de plantilla Portal Page
c VAPVCM Portal defaultgeneric
d Element del menuacute de VAP FW_NavItem_GRIDB
e Canal VCM per defecte
Finalment cal fer clic a ldquoOKrdquo
322 Configuracioacute de la plantilla al canal
Les Presentation Templates que configurarem a continuacioacute soacuten drsquoexemple
Els responsables de cada site han de crear les seves progravepies plantilles
Un cop creat el canal i les Presentation Templates en configurarem la presentacioacute
1 Seleccionarem la casella de seleccioacute del canal que acabem de crear
2 Farem clic a la icona de propietats del canal
3 Navegarem a la pestanya ldquoPresentacioacuterdquo
52
Ens apareixeragrave un formulari com el que es mostra a continuacioacute i realitzarem les
accions seguumlents
1 Fer clic a ldquoAfegir presentacioacute de canalrdquo
1
2
3
53
Apareixeragrave la pantalla seguumlent amb lrsquoobjectiu de seleccionar una plantilla en el nostre
cas farem el seguumlent
1 Seleccionar el projecte de plantilles respectiu al portal A lrsquoexemple ldquogenericrdquo
Posteriorment apareixeragrave un llistat de plantilles (ldquoTemplatesrdquo)
1 En aquest cas seleccionarem ldquoGridB2LlistatTramitsrdquo
2 Acceptarem la seleccioacute ldquoOKrdquo
1
1
54
1
2
55
Un cop acceptat ens apareixeragrave la pantalla seguumlent on configurarem el ldquodetallrdquo Per a
aixograve cal fer el seguumlent
1 Fer clic a ldquoAssignar una Nova Plantilla de Presentacioacuterdquo
1
56
Tot seguit apareixeragrave la pantalla que es mostra a continuacioacute on realitzarem les
accions seguumlents
1 Fer clic a ldquoAfegir formatrdquo
En aquesta nova pantalla ens assegurarem del seguumlent
1 A la casella ldquoFormatrdquo hi ha el valor ldquodetallrdquo
2 A la casella ldquoTemplaterdquo hi ha drsquohaver el correcte Si no eacutes aixiacute srsquoha de fer clic a
ldquoNavegadorrdquo
En fer clic a ldquoNavegadorrdquo cal fer el seguumlent
1 Tornar a navegar fins a ldquogenericrdquo
1
1 2
57
1
58
I a la pantalla seguumlent cal seleccionar una plantilla i
1 Fer clic al botoacute a prop de ldquoGridBTramitrdquo
2 Fer clic a ldquoOKrdquo
1
2
59
En aquest moment es torna a la pantalla anterior i cal
1 Fer clic a ldquoOKrdquo
En el canal Llistat de tragravemits ha drsquoestar configurat el ldquoformatrdquo ldquodetallrdquo ja que la forma
de presentacioacute que configurarem a GridDBTramit necessitaragrave aquest format per
visualitzar el detall del contingut de tipus ldquoTragravemitrdquo
2
60
La pantalla anterior a aquesta ens ha de presentar aquesta informacioacute Ara
configurarem el ldquodetall2rdquo per presentar el contingut rdquo Normativa de SACrdquo Per a aixograve
cal fer el seguumlent
1 Fer clic a ldquoAfegir Formatrdquo
En aquesta nova pantalla ens assegurarem del seguumlent
1 A la casella ldquoFormatrdquo hi ha el valor ldquodetall2rdquo
1
61
2 A la casella ldquoTemplaterdquo hi ha drsquohaver el correcte Si no eacutes aixiacute srsquoha de fer clic a
ldquoNavegadorrdquo
En fer clic a ldquoNavegadorrdquo srsquoha de fer el seguumlent
1 Tornar a navegar fins a ldquogenericrdquo (srsquoha de substituir pel nom del portal)
1 2
62
1
63
A la pantalla seguumlent cal seleccionar una plantilla i
1 Fer clic al botoacute a prop de ldquoGridBTramitNormativaSacrdquo
2 Fer clic a ldquoOKrdquo
1
2
64
En aquest moment es torna a la pantalla anterior i cal fer el seguumlent
2 Fer clic a ldquoOKrdquo
En el canal Llistat de tragravemits ha drsquoestar configurat el ldquoformatrdquo ldquodetall2rdquo ja que la
forma de presentacioacute que configurarem a GridDBTramitNormativaSac necessitaragrave
aquest format per visualitzar el detall del contingut de tipus normativa ldquoSACrdquo
2
65
La pantalla anterior a aquesta ens ha de presentar aquesta informacioacute i srsquoha de fer el
seguumlent
2 Fer clic a ldquoOKrdquo
1
66
La finestra pare anterior a aquesta quedaragrave com es mostra tot seguit i realitzarem les
accions seguumlents
1 Fer clic a ldquoOKrdquo
4 Comparticioacute de continguts
Accedim al projecte on hi ha tots els tragravemits de lrsquoOVT
1
67
OVTDepartaments[NomCurtDepartaments][NomCurtOrganisme] TramitOVT
On NomCurtDepartaments correspon al nom curt del departament al que fa referencia
el nostre organisme
En aquest exemple es mostren tots els projectes de tragravemits de lrsquoOVT
Un cop localitzat el tragravemit de lrsquoOVT que volem compartir amb el nostre site accedirem
a lrsquoedicioacute del contingut i assignarem aquest contingut al canal del nostre site on es
vulgui mostrar Srsquoha de fer el seguumlent
1 Anar al contenidor de projectes on hi ha els continguts de GECO
Apareixeragrave lrsquoestructura de projectes a la qual teacute acceacutes lrsquousuari redactor Cal fer el
seguumlent (exemple Agegravencia Tributagraveria dins drsquoEconomia i Finances)
1 Seleccionar ldquoOVTrdquo
2 Seleccionar ldquoDepartamentsrdquo aquesta carpeta conteacute tots els tragravemits de lrsquoOVT
classificats per departaments
3 Seleccionar ldquoECOrdquo A lrsquousuari nomeacutes se li mostraragrave la carpeta del seu
departament
Si lrsquousuari no visualitza la carpeta dins del seu departament eacutes perquegrave no
srsquoha aplicat la poliacutetica de seguretat correctament Cal obrir un tiquet a Suport
gencat per tramitar aquests permisos AQUESTA CARPETA NOMEacuteS SERAgrave
VISIBLE PER ALS USUARIS AMB ROL REDACTOR
4 Seleccionar ldquoA_Agegravencia Tributagraveriardquo
5 Seleccionar ldquoTramitOVTrdquo
1
68
2
3
1
69
4
5
70
Apareixeragrave el llistat de continguts ldquoTragravemitOVTrdquo de lrsquoOVT de lrsquoAgegravencia Tributagraveria
Realitzarem les accions seguumlents
1 Seleccionar el tragravemit o els tragravemits que volem compartir en la web dorganisme
2 Fer clic a ldquoAssociarrdquo
2
1
71
Aquest proceacutes obriragrave una finestra Per seleccionar el site i canal on es volen mostrar
els tragravemits seleccionats realitzarem les accions seguumlents (cas site Generic)
1 Seleccionar el site ldquoGenericrdquo en el vostre cas el site del departament on es vol
mostrar el contingut ldquotragravemitrdquo
2 Navegar pels canals del Site Genegraveric fins al canal que srsquoha creat en el punt
ldquoLlistat de tragravemitsrdquo i seleccionar el quadre de verificacioacute
3 Fer clic a ldquoOKrdquo
1
72
2
3
73
41 Validar que la comparticioacute de continguts eacutes correcta
Accedim per VCM al canal que hem creat anteriorment al qual li acabem drsquoassignar
els continguts de tragravemits que ha de mostrar i fem el seguumlent
1 Anar al contenidor de portals
2 Seleccionar el Site ldquogenericrdquo
3 Seleccionar el canal ldquoHomerdquo
4 Seleccionar el canal ldquoCanal Llistat tragravemitsrdquo
1
2
3
74
4
75
Apareixeragrave el contingut assignat al canal ldquoCanal Llistat tragravemitsrdquo
En entrar trobarem el llistat seguumlent
1 Llistat del tragravemits de lrsquoOVT que srsquohan compartit amb el canal ldquoCanal Llistat
tragravemitsrdquo
2 Validar que els continguts que apareixen soacuten del tipus ldquoTramitOVTrdquo
En cas que al canal del site ldquoCanal Llistat tragravemitsrdquo no apareguin els continguts
tragravemits associats anteriorment cal repetir el pas 22
1 2
76
5 Configuracioacute al portal
Ara cal entrar al nostre site on tenim configurat el canal que hem creat en lrsquoapartat
anterior (21) i que ara configurarem a nivell de portal
51 Configuracioacute a Canal Llistat tragravemits
511 Configuracioacute de la llista de tragravemits
Farem clic a lrsquoenllaccedil ldquoCanal llistat tragravemitsrdquo de la ldquoHomerdquo i anirem a parar a una
pantalla com la que es mostra meacutes avall
Es pot apreciar que en el contingut de la pagravegina no hi ha res Aixograve eacutes perquegrave cal
configurar els portlets adequats ( )
1 Ens situarem sobre la icona ldquoOpcions de Pagraveginardquo
2 Seleccionarem ldquoObrir Plantillardquo ja que els portlets soacuten a nivell de Page
Ens apareixeragrave una pantalla com la que es mostra tot seguit i realitzarem les accions
seguumlents
1 Seleccionar el portlet de la part central de la pagravegina per configurar una ldquoLlista
automagravetica de contingutsrdquo
2
1
77
Tambeacute podem configurar una ldquoLlista manual de contingutsrdquo segons les
necessitats de cada usuari
78
Ens redirigiragrave cap a un formulari drsquoedicioacute que ens mostraragrave directament quina consulta
hem de configurar per mostrar els continguts i configurarem una consulta com la
seguumlent (evidentment segons les necessitats de cada usuari)
Ara tenim configurat que la pagravegina mostraragrave els tipus de contingut ldquoTramitOVTrdquo del
canal actual ordenats per la ldquoEacutes on-linerdquo en ordre descendent
Aixograve ens portaragrave a la pantalla principal on acabarem de completar la configuracioacute
1 Validar que en lrsquoapartat ldquoConsultardquo hi ha la configuracioacute que acabem drsquoafegir
2 Emplenar ldquoAgraveliesrdquo
3 En lrsquoapartat Forma de presentacioacute fer clic al botoacute ldquoCercar helliprdquo
79
Ens apareixeragrave la pantalla seguumlent
1 Fer clic a ldquoNavegacioacute per projectesrdquo
1
2
3
80
Ens canviaragrave la vista al format seguumlent
1 Navegarem per les carpetes fins a arribar a ldquoFramework Formes de
presentacioacute Site generic fw_fp_llistatramitsrdquo
2 Seleccionarem ldquofw_fp_llistatramitsrdquo
3 Farem clic a ldquoOKrdquo
1
1
81
En retornar a la pantalla principal cal
1 Validar que la forma de presentacioacute eacutes la que acabem de seleccionar
2 Fer clic a ldquoOKrdquo
1 (continuacioacute) 2
3
82
1
2
83
Aquest seragrave el nostre resultat a la pantalla del portal i cal fer el seguumlent
1 Verificar que apareixen els dos continguts que es van associar a aquest canal
1
84
512 Configuracioacute del detall del tragravemit i el pas a pas
En fer clic sobre una activitat veurem com ens redirigeix a la plantilla configurada al
ldquodetallrdquo drsquoaquesta pagravegina tal com la vam configurar en lrsquoapartat 231 cal fer el
seguumlent
1 Fer clic a la primera activitat
1
85
Ens sortiragrave la pagravegina de VAP del detall drsquoun contingut per configurar farem els
passos seguumlents
1 Ens situarem sobre la icona ldquoOpcions de Pagraveginardquo
2 Seleccionar ldquoObrir Plantillardquo ja que els portlets soacuten a nivell de Page
Ens apareixeragrave una pantalla com la que es mostra tot seguit i realitzarem les accions
seguumlents
1 Seleccionar el portlet de la part central de la pagravegina per configurar un ldquoDetall
de contingutrdquo i fer clic a ldquoEditarrdquo
Ens apareixeragrave la pantalla de seleccioacute de component de presentacioacute
1 Seleccionarem el component de presentacioacute ldquoDetall de contingutrdquo
1
2
1
86
Ens apareixeragrave la pantalla que es mostra tot seguit i realitzarem les accions seguumlents
1 Emplenar el camp ldquoAgraveliesrdquo
2 Canviar a la pestanya ldquoPresentacioacuterdquo
En fer clic a la pestanya obtindrem la imatge que es mostra tot seguit i realitzarem les
accions seguumlents
1 Cercarem una forma de presentacioacute fent clic a ldquoCercar helliprdquo
1
2
87
Quan aparegui la pantalla de cercador realitzarem una cerca de la forma de
presentacioacute que volem fer servir per a aixograve cal fer el seguumlent
1 Emplenar la caixa de text amb ldquofw_fp_tramitrdquo
2 Preacutemer ldquoCercarrdquo
3 Seleccionar la forma de presentacioacute de la caixa de resultats
4 Preacutemer ldquoOKrdquo
La forma de presentacioacute ldquofw_fp_tramitrdquo estagrave preparada per ldquomaquillarrdquo el contingut
dels tragravemits Tambeacute es pot fer servir una forma de presentacioacute personalitzada
segons es cregui convenient
1
1
2
3
4
88
En acabar tornarem a la pagravegina principal drsquoedicioacute i farem el seguumlent
1 Verificar que la forma de presentacioacute eacutes la que hem escollit
2 Fer clic a ldquoOKrdquo
En finalitzar la configuracioacute del component de presentacioacute tornem a la pantalla del
portal i cal fer el seguumlent
1 Verificar que el disseny de la presentacioacute eacutes semblant al seguumlent
1
2
89
Configurarem el portlet superior central de la pagravegina perquegrave aquesta contingui el fil
drsquoAriadna
1 Accedir a ldquoObrir Plantillardquo
1 Editar el portlet central que hi ha a sobre del detall de tragravemit per configurar el fil
drsquoAriadna En aquest exemple el portlet eacutes ldquoFW_hilo_ariadnardquo
Escollirem el component de presentacioacute
1 Seleccionar el component de presentacioacute ldquoFil drsquoAriadnardquo
1
1
90
En la configuracioacute del component realitzarem les accions seguumlents
1 Inserir el camp ldquoAgraveliesrdquo
2 Inserir el camp ldquoCanalrdquo
3 Fer clic a la pestanya ldquoPresentacioacuterdquo i cercar la forma de presentacioacute
ldquofw_fp_filariadnardquo
1
91
513 Configuracioacute del detall drsquouna normativa SAC
En el detall de contingut configurat en el punt anterior fent clic sobre una normativa
veurem com ens redirigeix a la plantilla configurada al ldquodetall2rdquo drsquoaquesta pagravegina tal
com hem configurat a lrsquoapartat 231
1 Fer clic a la primera ldquoNormativa Aplicablerdquo
2
3
92
Aquest enllaccedil ens portaragrave al detall2 del canal on srsquoha de configurar el detall de
contingut SAC per tal que es mostri la normativa aplicable
Configurarem el portlet superior central de la pagravegina perquegrave aquesta contingui el fil
drsquoAriadna per a aixograve cal fer el seguumlent
1 Accedir a ldquoObrir Plantillardquo
1
93
1
94
1 Editar el portlet central que hi ha a sobre del detall de tragravemit per configurar el fil
drsquoAriadna En aquest exemple el portlet eacutes ldquofw_portlet_tramitrdquo
Escollirem el component de presentacioacute
1 Seleccionar el component de presentacioacute ldquoDetall de Contingut SACrdquo
En la configuracioacute del component realitzarem les accions seguumlents
1 Inserir el camp ldquoAgraveliesrdquo
2 Seleccionar el tipus de contingut ldquoDetall Tragravemitrdquo
1
95
3 Fer clic a la pestanya ldquoPresentacioacuterdquo i cercar la forma de presentacioacute
ldquofw_fp_sac_normativardquo
4 Fer clic al botoacute ldquoOKrdquo
Srsquoactualitzaragrave la pagravegina de VAP i es mostraragrave el detall de SAC
1
2
3
4
96
514 Validacioacute final de VAP
Finalment cal validar que els tragravemits es visualitzen correctament per a aixograve cal
1 Verificar que tenim els canals creats
2 Accedir al canal ldquoCanal Llistat tragravemitsrdquo i validar que es mostren els tragravemits
que hem associat al punt 22
1
97
A continuacioacute cal fer les comprovacions seguumlents
1 Accedir al detall del tragravemit compartit
2 Accedir al pas a pas del tragravemit i a la normativa de SAC
Exemple llistat de tragravemits compartits
2
1
98
Exemple detall de tragravemit compartit
Exemple pas a pas drsquoun tragravemit
2
2
99
Exemple normativa SAC
En el cas que no es visualitzin el llistat de tragravemits detall o pas a pas configurat
validar
1 Refrescar la Pagravegina
2 Els tragravemits estan associats al canal que esteacuten visualitzat punt 23
1 Refrescar la pagravegina
1
43
44
Una vegada se nrsquohagin seleccionat tornarem a la pantalla anterior i farem el seguumlent
1 Verificar que el fitxer seleccionat eacutes el que apareix al quadre de text i que la
seva extensioacute coincideix amb la que hi ha seleccionada a ldquoTipus de fitxerrdquo
2 Fer clic a ldquoOKrdquo
Un cop acabades totes les associacions el resultat de les associacions afegides a la
pantalla principal ha de ser el seguumlent
1 Fer clic a ldquoAplicarrdquo a lrsquoapartat ldquomultiidiomardquo
1
2
45
1
46
Es recarregaragrave la pantalla
1 Fer clic a ldquoOKrdquo al nivell general
Ja tenim configurat el canal que mostraragrave ldquoLlistat de tragravemitsrdquo amb els fitxers associats
que fa referegravencia a la forma de presentacioacute que farem servir aquest mateix canal
mostraragrave el detall del contingut tragravemit amb el format detall
32 Creacioacute i assignacioacute de plantilles de presentacioacute per al
canal ldquoCanal Llistat tragravemitsrdquo
321 Creacioacute de les plantilles (templates) de VCM
La configuracioacute del canal de VCM per mostrar els llistats de tragravemits i el seu detall es
basen en tres plantilles una per llistar el tragravemits (format default) una per mostrar el
detall i el pas a pas drsquoun tragravemit (format detall) i una altra per mostrar la normativa
aplicable drsquoun tragravemit (format detall2)
A continuacioacute srsquoexplica com es creen les plantilles de presentacioacute
(Presentation Templates) necessagraveries per configurar els tragravemits Els
responsables de cada site srsquohan de crear les seves progravepies plantilles
Cal tenir en compte que les plantilles que apareixen en el document soacuten nomeacutes un
exemple drsquouna configuracioacute vagravelida En els casos pragravectics cal seleccionar les plantilles
que pertanyen a cada portal io que tingui cada usuari en els seus recursos
En el nostre cas es fan servir les plantilles ldquoGridB2LlistatTramitsrdquo ldquoGridBTramitrdquo i
ldquoGridBTramitNormativaSacrdquo
1
47
Per la creacioacute de la plantilla srsquohan de seguir els passos seguumlents
1 Accedir al ldquoBanc de Treballrdquo
2 Accedir a ldquoPresentation Templatesrdquo
3 Accedir a la carpeta de presentacions del nostre site en aquest exemple
ldquogenegravericrdquo
1
2
48
Un cop som al llistat de plantilles del nostre site cal fer el seguumlent
1 Seleccionar el signe ldquo+rdquo
2 Seleccionar Forma de Presentation Template
En realitzar aquesta accioacute srsquoobriragrave la finestra drsquoedicioacute o creacioacute de la Presentation
Template Srsquohan de crear dos plantilles noves amb les dades seguumlents
1 Plantilla per al llistat de tragravemits
a Nom cal posar un nom identificatiu de la plantilla per exemple
GenericoGridB2LlistatTramit
b Tipus de plantilla Portal Page
c VAPVCM Portal defaultgeneric (cal posar el nom del portal VAP)
d Element del menuacute de VAP FW_NavItem_GRIDB2
3
1
2
49
e Canal VCM per defecte
Tot seguit cal fer clic a ldquoOKrdquo
Per a la configuracioacute de la plantilla per al llistat de tragravemits es pot fer servir un
NavItem que utilitzi una grid amb destacats a la dreta per exemple la GRID B2 del
Site Genegraveric o beacute un Navitem sense destacats (el FW_NavItem_GRIDB creat
anteriorment)
El NavItem ha de disposar drsquoun portlet a la part central a nivell de Page per
configurar el llistat de tragravemits
f
50
2 Crear una nova Presentation Template per al detall de tragravemits i el pas a
pas
a Nom cal posar un nom identificatiu de la plantilla com per exemple
GenericoGridBTramit
b Tipus de plantilla Portal Page
c VAPVCM Portal defaultgeneric
d Element del menuacute de VAP FW_NavItem_GRIDB
e Canal VCM per defecte
Finalment cal fer clic a ldquoOKrdquo
Per configurar la plantilla per al detall dels tragravemits i el pas a pas srsquoha de fer servir un
NavItem que utilitzi una grid sense destacats a la dreta per exemple la GRID B del
site Genegraveric
El NavItem ha de disposar de dos portlets a la part central a nivell de Page per
configurar el llistat de tragravemits
Tot seguit cal crear una nova Presentation Template per al detall de tragravemits i el pas a
pas
a Nom cal posar un nom identificatiu de la plantilla per exemple
GenericoGridBTramitNormativaSac
f
51
b Tipus de plantilla Portal Page
c VAPVCM Portal defaultgeneric
d Element del menuacute de VAP FW_NavItem_GRIDB
e Canal VCM per defecte
Finalment cal fer clic a ldquoOKrdquo
322 Configuracioacute de la plantilla al canal
Les Presentation Templates que configurarem a continuacioacute soacuten drsquoexemple
Els responsables de cada site han de crear les seves progravepies plantilles
Un cop creat el canal i les Presentation Templates en configurarem la presentacioacute
1 Seleccionarem la casella de seleccioacute del canal que acabem de crear
2 Farem clic a la icona de propietats del canal
3 Navegarem a la pestanya ldquoPresentacioacuterdquo
52
Ens apareixeragrave un formulari com el que es mostra a continuacioacute i realitzarem les
accions seguumlents
1 Fer clic a ldquoAfegir presentacioacute de canalrdquo
1
2
3
53
Apareixeragrave la pantalla seguumlent amb lrsquoobjectiu de seleccionar una plantilla en el nostre
cas farem el seguumlent
1 Seleccionar el projecte de plantilles respectiu al portal A lrsquoexemple ldquogenericrdquo
Posteriorment apareixeragrave un llistat de plantilles (ldquoTemplatesrdquo)
1 En aquest cas seleccionarem ldquoGridB2LlistatTramitsrdquo
2 Acceptarem la seleccioacute ldquoOKrdquo
1
1
54
1
2
55
Un cop acceptat ens apareixeragrave la pantalla seguumlent on configurarem el ldquodetallrdquo Per a
aixograve cal fer el seguumlent
1 Fer clic a ldquoAssignar una Nova Plantilla de Presentacioacuterdquo
1
56
Tot seguit apareixeragrave la pantalla que es mostra a continuacioacute on realitzarem les
accions seguumlents
1 Fer clic a ldquoAfegir formatrdquo
En aquesta nova pantalla ens assegurarem del seguumlent
1 A la casella ldquoFormatrdquo hi ha el valor ldquodetallrdquo
2 A la casella ldquoTemplaterdquo hi ha drsquohaver el correcte Si no eacutes aixiacute srsquoha de fer clic a
ldquoNavegadorrdquo
En fer clic a ldquoNavegadorrdquo cal fer el seguumlent
1 Tornar a navegar fins a ldquogenericrdquo
1
1 2
57
1
58
I a la pantalla seguumlent cal seleccionar una plantilla i
1 Fer clic al botoacute a prop de ldquoGridBTramitrdquo
2 Fer clic a ldquoOKrdquo
1
2
59
En aquest moment es torna a la pantalla anterior i cal
1 Fer clic a ldquoOKrdquo
En el canal Llistat de tragravemits ha drsquoestar configurat el ldquoformatrdquo ldquodetallrdquo ja que la forma
de presentacioacute que configurarem a GridDBTramit necessitaragrave aquest format per
visualitzar el detall del contingut de tipus ldquoTragravemitrdquo
2
60
La pantalla anterior a aquesta ens ha de presentar aquesta informacioacute Ara
configurarem el ldquodetall2rdquo per presentar el contingut rdquo Normativa de SACrdquo Per a aixograve
cal fer el seguumlent
1 Fer clic a ldquoAfegir Formatrdquo
En aquesta nova pantalla ens assegurarem del seguumlent
1 A la casella ldquoFormatrdquo hi ha el valor ldquodetall2rdquo
1
61
2 A la casella ldquoTemplaterdquo hi ha drsquohaver el correcte Si no eacutes aixiacute srsquoha de fer clic a
ldquoNavegadorrdquo
En fer clic a ldquoNavegadorrdquo srsquoha de fer el seguumlent
1 Tornar a navegar fins a ldquogenericrdquo (srsquoha de substituir pel nom del portal)
1 2
62
1
63
A la pantalla seguumlent cal seleccionar una plantilla i
1 Fer clic al botoacute a prop de ldquoGridBTramitNormativaSacrdquo
2 Fer clic a ldquoOKrdquo
1
2
64
En aquest moment es torna a la pantalla anterior i cal fer el seguumlent
2 Fer clic a ldquoOKrdquo
En el canal Llistat de tragravemits ha drsquoestar configurat el ldquoformatrdquo ldquodetall2rdquo ja que la
forma de presentacioacute que configurarem a GridDBTramitNormativaSac necessitaragrave
aquest format per visualitzar el detall del contingut de tipus normativa ldquoSACrdquo
2
65
La pantalla anterior a aquesta ens ha de presentar aquesta informacioacute i srsquoha de fer el
seguumlent
2 Fer clic a ldquoOKrdquo
1
66
La finestra pare anterior a aquesta quedaragrave com es mostra tot seguit i realitzarem les
accions seguumlents
1 Fer clic a ldquoOKrdquo
4 Comparticioacute de continguts
Accedim al projecte on hi ha tots els tragravemits de lrsquoOVT
1
67
OVTDepartaments[NomCurtDepartaments][NomCurtOrganisme] TramitOVT
On NomCurtDepartaments correspon al nom curt del departament al que fa referencia
el nostre organisme
En aquest exemple es mostren tots els projectes de tragravemits de lrsquoOVT
Un cop localitzat el tragravemit de lrsquoOVT que volem compartir amb el nostre site accedirem
a lrsquoedicioacute del contingut i assignarem aquest contingut al canal del nostre site on es
vulgui mostrar Srsquoha de fer el seguumlent
1 Anar al contenidor de projectes on hi ha els continguts de GECO
Apareixeragrave lrsquoestructura de projectes a la qual teacute acceacutes lrsquousuari redactor Cal fer el
seguumlent (exemple Agegravencia Tributagraveria dins drsquoEconomia i Finances)
1 Seleccionar ldquoOVTrdquo
2 Seleccionar ldquoDepartamentsrdquo aquesta carpeta conteacute tots els tragravemits de lrsquoOVT
classificats per departaments
3 Seleccionar ldquoECOrdquo A lrsquousuari nomeacutes se li mostraragrave la carpeta del seu
departament
Si lrsquousuari no visualitza la carpeta dins del seu departament eacutes perquegrave no
srsquoha aplicat la poliacutetica de seguretat correctament Cal obrir un tiquet a Suport
gencat per tramitar aquests permisos AQUESTA CARPETA NOMEacuteS SERAgrave
VISIBLE PER ALS USUARIS AMB ROL REDACTOR
4 Seleccionar ldquoA_Agegravencia Tributagraveriardquo
5 Seleccionar ldquoTramitOVTrdquo
1
68
2
3
1
69
4
5
70
Apareixeragrave el llistat de continguts ldquoTragravemitOVTrdquo de lrsquoOVT de lrsquoAgegravencia Tributagraveria
Realitzarem les accions seguumlents
1 Seleccionar el tragravemit o els tragravemits que volem compartir en la web dorganisme
2 Fer clic a ldquoAssociarrdquo
2
1
71
Aquest proceacutes obriragrave una finestra Per seleccionar el site i canal on es volen mostrar
els tragravemits seleccionats realitzarem les accions seguumlents (cas site Generic)
1 Seleccionar el site ldquoGenericrdquo en el vostre cas el site del departament on es vol
mostrar el contingut ldquotragravemitrdquo
2 Navegar pels canals del Site Genegraveric fins al canal que srsquoha creat en el punt
ldquoLlistat de tragravemitsrdquo i seleccionar el quadre de verificacioacute
3 Fer clic a ldquoOKrdquo
1
72
2
3
73
41 Validar que la comparticioacute de continguts eacutes correcta
Accedim per VCM al canal que hem creat anteriorment al qual li acabem drsquoassignar
els continguts de tragravemits que ha de mostrar i fem el seguumlent
1 Anar al contenidor de portals
2 Seleccionar el Site ldquogenericrdquo
3 Seleccionar el canal ldquoHomerdquo
4 Seleccionar el canal ldquoCanal Llistat tragravemitsrdquo
1
2
3
74
4
75
Apareixeragrave el contingut assignat al canal ldquoCanal Llistat tragravemitsrdquo
En entrar trobarem el llistat seguumlent
1 Llistat del tragravemits de lrsquoOVT que srsquohan compartit amb el canal ldquoCanal Llistat
tragravemitsrdquo
2 Validar que els continguts que apareixen soacuten del tipus ldquoTramitOVTrdquo
En cas que al canal del site ldquoCanal Llistat tragravemitsrdquo no apareguin els continguts
tragravemits associats anteriorment cal repetir el pas 22
1 2
76
5 Configuracioacute al portal
Ara cal entrar al nostre site on tenim configurat el canal que hem creat en lrsquoapartat
anterior (21) i que ara configurarem a nivell de portal
51 Configuracioacute a Canal Llistat tragravemits
511 Configuracioacute de la llista de tragravemits
Farem clic a lrsquoenllaccedil ldquoCanal llistat tragravemitsrdquo de la ldquoHomerdquo i anirem a parar a una
pantalla com la que es mostra meacutes avall
Es pot apreciar que en el contingut de la pagravegina no hi ha res Aixograve eacutes perquegrave cal
configurar els portlets adequats ( )
1 Ens situarem sobre la icona ldquoOpcions de Pagraveginardquo
2 Seleccionarem ldquoObrir Plantillardquo ja que els portlets soacuten a nivell de Page
Ens apareixeragrave una pantalla com la que es mostra tot seguit i realitzarem les accions
seguumlents
1 Seleccionar el portlet de la part central de la pagravegina per configurar una ldquoLlista
automagravetica de contingutsrdquo
2
1
77
Tambeacute podem configurar una ldquoLlista manual de contingutsrdquo segons les
necessitats de cada usuari
78
Ens redirigiragrave cap a un formulari drsquoedicioacute que ens mostraragrave directament quina consulta
hem de configurar per mostrar els continguts i configurarem una consulta com la
seguumlent (evidentment segons les necessitats de cada usuari)
Ara tenim configurat que la pagravegina mostraragrave els tipus de contingut ldquoTramitOVTrdquo del
canal actual ordenats per la ldquoEacutes on-linerdquo en ordre descendent
Aixograve ens portaragrave a la pantalla principal on acabarem de completar la configuracioacute
1 Validar que en lrsquoapartat ldquoConsultardquo hi ha la configuracioacute que acabem drsquoafegir
2 Emplenar ldquoAgraveliesrdquo
3 En lrsquoapartat Forma de presentacioacute fer clic al botoacute ldquoCercar helliprdquo
79
Ens apareixeragrave la pantalla seguumlent
1 Fer clic a ldquoNavegacioacute per projectesrdquo
1
2
3
80
Ens canviaragrave la vista al format seguumlent
1 Navegarem per les carpetes fins a arribar a ldquoFramework Formes de
presentacioacute Site generic fw_fp_llistatramitsrdquo
2 Seleccionarem ldquofw_fp_llistatramitsrdquo
3 Farem clic a ldquoOKrdquo
1
1
81
En retornar a la pantalla principal cal
1 Validar que la forma de presentacioacute eacutes la que acabem de seleccionar
2 Fer clic a ldquoOKrdquo
1 (continuacioacute) 2
3
82
1
2
83
Aquest seragrave el nostre resultat a la pantalla del portal i cal fer el seguumlent
1 Verificar que apareixen els dos continguts que es van associar a aquest canal
1
84
512 Configuracioacute del detall del tragravemit i el pas a pas
En fer clic sobre una activitat veurem com ens redirigeix a la plantilla configurada al
ldquodetallrdquo drsquoaquesta pagravegina tal com la vam configurar en lrsquoapartat 231 cal fer el
seguumlent
1 Fer clic a la primera activitat
1
85
Ens sortiragrave la pagravegina de VAP del detall drsquoun contingut per configurar farem els
passos seguumlents
1 Ens situarem sobre la icona ldquoOpcions de Pagraveginardquo
2 Seleccionar ldquoObrir Plantillardquo ja que els portlets soacuten a nivell de Page
Ens apareixeragrave una pantalla com la que es mostra tot seguit i realitzarem les accions
seguumlents
1 Seleccionar el portlet de la part central de la pagravegina per configurar un ldquoDetall
de contingutrdquo i fer clic a ldquoEditarrdquo
Ens apareixeragrave la pantalla de seleccioacute de component de presentacioacute
1 Seleccionarem el component de presentacioacute ldquoDetall de contingutrdquo
1
2
1
86
Ens apareixeragrave la pantalla que es mostra tot seguit i realitzarem les accions seguumlents
1 Emplenar el camp ldquoAgraveliesrdquo
2 Canviar a la pestanya ldquoPresentacioacuterdquo
En fer clic a la pestanya obtindrem la imatge que es mostra tot seguit i realitzarem les
accions seguumlents
1 Cercarem una forma de presentacioacute fent clic a ldquoCercar helliprdquo
1
2
87
Quan aparegui la pantalla de cercador realitzarem una cerca de la forma de
presentacioacute que volem fer servir per a aixograve cal fer el seguumlent
1 Emplenar la caixa de text amb ldquofw_fp_tramitrdquo
2 Preacutemer ldquoCercarrdquo
3 Seleccionar la forma de presentacioacute de la caixa de resultats
4 Preacutemer ldquoOKrdquo
La forma de presentacioacute ldquofw_fp_tramitrdquo estagrave preparada per ldquomaquillarrdquo el contingut
dels tragravemits Tambeacute es pot fer servir una forma de presentacioacute personalitzada
segons es cregui convenient
1
1
2
3
4
88
En acabar tornarem a la pagravegina principal drsquoedicioacute i farem el seguumlent
1 Verificar que la forma de presentacioacute eacutes la que hem escollit
2 Fer clic a ldquoOKrdquo
En finalitzar la configuracioacute del component de presentacioacute tornem a la pantalla del
portal i cal fer el seguumlent
1 Verificar que el disseny de la presentacioacute eacutes semblant al seguumlent
1
2
89
Configurarem el portlet superior central de la pagravegina perquegrave aquesta contingui el fil
drsquoAriadna
1 Accedir a ldquoObrir Plantillardquo
1 Editar el portlet central que hi ha a sobre del detall de tragravemit per configurar el fil
drsquoAriadna En aquest exemple el portlet eacutes ldquoFW_hilo_ariadnardquo
Escollirem el component de presentacioacute
1 Seleccionar el component de presentacioacute ldquoFil drsquoAriadnardquo
1
1
90
En la configuracioacute del component realitzarem les accions seguumlents
1 Inserir el camp ldquoAgraveliesrdquo
2 Inserir el camp ldquoCanalrdquo
3 Fer clic a la pestanya ldquoPresentacioacuterdquo i cercar la forma de presentacioacute
ldquofw_fp_filariadnardquo
1
91
513 Configuracioacute del detall drsquouna normativa SAC
En el detall de contingut configurat en el punt anterior fent clic sobre una normativa
veurem com ens redirigeix a la plantilla configurada al ldquodetall2rdquo drsquoaquesta pagravegina tal
com hem configurat a lrsquoapartat 231
1 Fer clic a la primera ldquoNormativa Aplicablerdquo
2
3
92
Aquest enllaccedil ens portaragrave al detall2 del canal on srsquoha de configurar el detall de
contingut SAC per tal que es mostri la normativa aplicable
Configurarem el portlet superior central de la pagravegina perquegrave aquesta contingui el fil
drsquoAriadna per a aixograve cal fer el seguumlent
1 Accedir a ldquoObrir Plantillardquo
1
93
1
94
1 Editar el portlet central que hi ha a sobre del detall de tragravemit per configurar el fil
drsquoAriadna En aquest exemple el portlet eacutes ldquofw_portlet_tramitrdquo
Escollirem el component de presentacioacute
1 Seleccionar el component de presentacioacute ldquoDetall de Contingut SACrdquo
En la configuracioacute del component realitzarem les accions seguumlents
1 Inserir el camp ldquoAgraveliesrdquo
2 Seleccionar el tipus de contingut ldquoDetall Tragravemitrdquo
1
95
3 Fer clic a la pestanya ldquoPresentacioacuterdquo i cercar la forma de presentacioacute
ldquofw_fp_sac_normativardquo
4 Fer clic al botoacute ldquoOKrdquo
Srsquoactualitzaragrave la pagravegina de VAP i es mostraragrave el detall de SAC
1
2
3
4
96
514 Validacioacute final de VAP
Finalment cal validar que els tragravemits es visualitzen correctament per a aixograve cal
1 Verificar que tenim els canals creats
2 Accedir al canal ldquoCanal Llistat tragravemitsrdquo i validar que es mostren els tragravemits
que hem associat al punt 22
1
97
A continuacioacute cal fer les comprovacions seguumlents
1 Accedir al detall del tragravemit compartit
2 Accedir al pas a pas del tragravemit i a la normativa de SAC
Exemple llistat de tragravemits compartits
2
1
98
Exemple detall de tragravemit compartit
Exemple pas a pas drsquoun tragravemit
2
2
99
Exemple normativa SAC
En el cas que no es visualitzin el llistat de tragravemits detall o pas a pas configurat
validar
1 Refrescar la Pagravegina
2 Els tragravemits estan associats al canal que esteacuten visualitzat punt 23
1 Refrescar la pagravegina
1
44
Una vegada se nrsquohagin seleccionat tornarem a la pantalla anterior i farem el seguumlent
1 Verificar que el fitxer seleccionat eacutes el que apareix al quadre de text i que la
seva extensioacute coincideix amb la que hi ha seleccionada a ldquoTipus de fitxerrdquo
2 Fer clic a ldquoOKrdquo
Un cop acabades totes les associacions el resultat de les associacions afegides a la
pantalla principal ha de ser el seguumlent
1 Fer clic a ldquoAplicarrdquo a lrsquoapartat ldquomultiidiomardquo
1
2
45
1
46
Es recarregaragrave la pantalla
1 Fer clic a ldquoOKrdquo al nivell general
Ja tenim configurat el canal que mostraragrave ldquoLlistat de tragravemitsrdquo amb els fitxers associats
que fa referegravencia a la forma de presentacioacute que farem servir aquest mateix canal
mostraragrave el detall del contingut tragravemit amb el format detall
32 Creacioacute i assignacioacute de plantilles de presentacioacute per al
canal ldquoCanal Llistat tragravemitsrdquo
321 Creacioacute de les plantilles (templates) de VCM
La configuracioacute del canal de VCM per mostrar els llistats de tragravemits i el seu detall es
basen en tres plantilles una per llistar el tragravemits (format default) una per mostrar el
detall i el pas a pas drsquoun tragravemit (format detall) i una altra per mostrar la normativa
aplicable drsquoun tragravemit (format detall2)
A continuacioacute srsquoexplica com es creen les plantilles de presentacioacute
(Presentation Templates) necessagraveries per configurar els tragravemits Els
responsables de cada site srsquohan de crear les seves progravepies plantilles
Cal tenir en compte que les plantilles que apareixen en el document soacuten nomeacutes un
exemple drsquouna configuracioacute vagravelida En els casos pragravectics cal seleccionar les plantilles
que pertanyen a cada portal io que tingui cada usuari en els seus recursos
En el nostre cas es fan servir les plantilles ldquoGridB2LlistatTramitsrdquo ldquoGridBTramitrdquo i
ldquoGridBTramitNormativaSacrdquo
1
47
Per la creacioacute de la plantilla srsquohan de seguir els passos seguumlents
1 Accedir al ldquoBanc de Treballrdquo
2 Accedir a ldquoPresentation Templatesrdquo
3 Accedir a la carpeta de presentacions del nostre site en aquest exemple
ldquogenegravericrdquo
1
2
48
Un cop som al llistat de plantilles del nostre site cal fer el seguumlent
1 Seleccionar el signe ldquo+rdquo
2 Seleccionar Forma de Presentation Template
En realitzar aquesta accioacute srsquoobriragrave la finestra drsquoedicioacute o creacioacute de la Presentation
Template Srsquohan de crear dos plantilles noves amb les dades seguumlents
1 Plantilla per al llistat de tragravemits
a Nom cal posar un nom identificatiu de la plantilla per exemple
GenericoGridB2LlistatTramit
b Tipus de plantilla Portal Page
c VAPVCM Portal defaultgeneric (cal posar el nom del portal VAP)
d Element del menuacute de VAP FW_NavItem_GRIDB2
3
1
2
49
e Canal VCM per defecte
Tot seguit cal fer clic a ldquoOKrdquo
Per a la configuracioacute de la plantilla per al llistat de tragravemits es pot fer servir un
NavItem que utilitzi una grid amb destacats a la dreta per exemple la GRID B2 del
Site Genegraveric o beacute un Navitem sense destacats (el FW_NavItem_GRIDB creat
anteriorment)
El NavItem ha de disposar drsquoun portlet a la part central a nivell de Page per
configurar el llistat de tragravemits
f
50
2 Crear una nova Presentation Template per al detall de tragravemits i el pas a
pas
a Nom cal posar un nom identificatiu de la plantilla com per exemple
GenericoGridBTramit
b Tipus de plantilla Portal Page
c VAPVCM Portal defaultgeneric
d Element del menuacute de VAP FW_NavItem_GRIDB
e Canal VCM per defecte
Finalment cal fer clic a ldquoOKrdquo
Per configurar la plantilla per al detall dels tragravemits i el pas a pas srsquoha de fer servir un
NavItem que utilitzi una grid sense destacats a la dreta per exemple la GRID B del
site Genegraveric
El NavItem ha de disposar de dos portlets a la part central a nivell de Page per
configurar el llistat de tragravemits
Tot seguit cal crear una nova Presentation Template per al detall de tragravemits i el pas a
pas
a Nom cal posar un nom identificatiu de la plantilla per exemple
GenericoGridBTramitNormativaSac
f
51
b Tipus de plantilla Portal Page
c VAPVCM Portal defaultgeneric
d Element del menuacute de VAP FW_NavItem_GRIDB
e Canal VCM per defecte
Finalment cal fer clic a ldquoOKrdquo
322 Configuracioacute de la plantilla al canal
Les Presentation Templates que configurarem a continuacioacute soacuten drsquoexemple
Els responsables de cada site han de crear les seves progravepies plantilles
Un cop creat el canal i les Presentation Templates en configurarem la presentacioacute
1 Seleccionarem la casella de seleccioacute del canal que acabem de crear
2 Farem clic a la icona de propietats del canal
3 Navegarem a la pestanya ldquoPresentacioacuterdquo
52
Ens apareixeragrave un formulari com el que es mostra a continuacioacute i realitzarem les
accions seguumlents
1 Fer clic a ldquoAfegir presentacioacute de canalrdquo
1
2
3
53
Apareixeragrave la pantalla seguumlent amb lrsquoobjectiu de seleccionar una plantilla en el nostre
cas farem el seguumlent
1 Seleccionar el projecte de plantilles respectiu al portal A lrsquoexemple ldquogenericrdquo
Posteriorment apareixeragrave un llistat de plantilles (ldquoTemplatesrdquo)
1 En aquest cas seleccionarem ldquoGridB2LlistatTramitsrdquo
2 Acceptarem la seleccioacute ldquoOKrdquo
1
1
54
1
2
55
Un cop acceptat ens apareixeragrave la pantalla seguumlent on configurarem el ldquodetallrdquo Per a
aixograve cal fer el seguumlent
1 Fer clic a ldquoAssignar una Nova Plantilla de Presentacioacuterdquo
1
56
Tot seguit apareixeragrave la pantalla que es mostra a continuacioacute on realitzarem les
accions seguumlents
1 Fer clic a ldquoAfegir formatrdquo
En aquesta nova pantalla ens assegurarem del seguumlent
1 A la casella ldquoFormatrdquo hi ha el valor ldquodetallrdquo
2 A la casella ldquoTemplaterdquo hi ha drsquohaver el correcte Si no eacutes aixiacute srsquoha de fer clic a
ldquoNavegadorrdquo
En fer clic a ldquoNavegadorrdquo cal fer el seguumlent
1 Tornar a navegar fins a ldquogenericrdquo
1
1 2
57
1
58
I a la pantalla seguumlent cal seleccionar una plantilla i
1 Fer clic al botoacute a prop de ldquoGridBTramitrdquo
2 Fer clic a ldquoOKrdquo
1
2
59
En aquest moment es torna a la pantalla anterior i cal
1 Fer clic a ldquoOKrdquo
En el canal Llistat de tragravemits ha drsquoestar configurat el ldquoformatrdquo ldquodetallrdquo ja que la forma
de presentacioacute que configurarem a GridDBTramit necessitaragrave aquest format per
visualitzar el detall del contingut de tipus ldquoTragravemitrdquo
2
60
La pantalla anterior a aquesta ens ha de presentar aquesta informacioacute Ara
configurarem el ldquodetall2rdquo per presentar el contingut rdquo Normativa de SACrdquo Per a aixograve
cal fer el seguumlent
1 Fer clic a ldquoAfegir Formatrdquo
En aquesta nova pantalla ens assegurarem del seguumlent
1 A la casella ldquoFormatrdquo hi ha el valor ldquodetall2rdquo
1
61
2 A la casella ldquoTemplaterdquo hi ha drsquohaver el correcte Si no eacutes aixiacute srsquoha de fer clic a
ldquoNavegadorrdquo
En fer clic a ldquoNavegadorrdquo srsquoha de fer el seguumlent
1 Tornar a navegar fins a ldquogenericrdquo (srsquoha de substituir pel nom del portal)
1 2
62
1
63
A la pantalla seguumlent cal seleccionar una plantilla i
1 Fer clic al botoacute a prop de ldquoGridBTramitNormativaSacrdquo
2 Fer clic a ldquoOKrdquo
1
2
64
En aquest moment es torna a la pantalla anterior i cal fer el seguumlent
2 Fer clic a ldquoOKrdquo
En el canal Llistat de tragravemits ha drsquoestar configurat el ldquoformatrdquo ldquodetall2rdquo ja que la
forma de presentacioacute que configurarem a GridDBTramitNormativaSac necessitaragrave
aquest format per visualitzar el detall del contingut de tipus normativa ldquoSACrdquo
2
65
La pantalla anterior a aquesta ens ha de presentar aquesta informacioacute i srsquoha de fer el
seguumlent
2 Fer clic a ldquoOKrdquo
1
66
La finestra pare anterior a aquesta quedaragrave com es mostra tot seguit i realitzarem les
accions seguumlents
1 Fer clic a ldquoOKrdquo
4 Comparticioacute de continguts
Accedim al projecte on hi ha tots els tragravemits de lrsquoOVT
1
67
OVTDepartaments[NomCurtDepartaments][NomCurtOrganisme] TramitOVT
On NomCurtDepartaments correspon al nom curt del departament al que fa referencia
el nostre organisme
En aquest exemple es mostren tots els projectes de tragravemits de lrsquoOVT
Un cop localitzat el tragravemit de lrsquoOVT que volem compartir amb el nostre site accedirem
a lrsquoedicioacute del contingut i assignarem aquest contingut al canal del nostre site on es
vulgui mostrar Srsquoha de fer el seguumlent
1 Anar al contenidor de projectes on hi ha els continguts de GECO
Apareixeragrave lrsquoestructura de projectes a la qual teacute acceacutes lrsquousuari redactor Cal fer el
seguumlent (exemple Agegravencia Tributagraveria dins drsquoEconomia i Finances)
1 Seleccionar ldquoOVTrdquo
2 Seleccionar ldquoDepartamentsrdquo aquesta carpeta conteacute tots els tragravemits de lrsquoOVT
classificats per departaments
3 Seleccionar ldquoECOrdquo A lrsquousuari nomeacutes se li mostraragrave la carpeta del seu
departament
Si lrsquousuari no visualitza la carpeta dins del seu departament eacutes perquegrave no
srsquoha aplicat la poliacutetica de seguretat correctament Cal obrir un tiquet a Suport
gencat per tramitar aquests permisos AQUESTA CARPETA NOMEacuteS SERAgrave
VISIBLE PER ALS USUARIS AMB ROL REDACTOR
4 Seleccionar ldquoA_Agegravencia Tributagraveriardquo
5 Seleccionar ldquoTramitOVTrdquo
1
68
2
3
1
69
4
5
70
Apareixeragrave el llistat de continguts ldquoTragravemitOVTrdquo de lrsquoOVT de lrsquoAgegravencia Tributagraveria
Realitzarem les accions seguumlents
1 Seleccionar el tragravemit o els tragravemits que volem compartir en la web dorganisme
2 Fer clic a ldquoAssociarrdquo
2
1
71
Aquest proceacutes obriragrave una finestra Per seleccionar el site i canal on es volen mostrar
els tragravemits seleccionats realitzarem les accions seguumlents (cas site Generic)
1 Seleccionar el site ldquoGenericrdquo en el vostre cas el site del departament on es vol
mostrar el contingut ldquotragravemitrdquo
2 Navegar pels canals del Site Genegraveric fins al canal que srsquoha creat en el punt
ldquoLlistat de tragravemitsrdquo i seleccionar el quadre de verificacioacute
3 Fer clic a ldquoOKrdquo
1
72
2
3
73
41 Validar que la comparticioacute de continguts eacutes correcta
Accedim per VCM al canal que hem creat anteriorment al qual li acabem drsquoassignar
els continguts de tragravemits que ha de mostrar i fem el seguumlent
1 Anar al contenidor de portals
2 Seleccionar el Site ldquogenericrdquo
3 Seleccionar el canal ldquoHomerdquo
4 Seleccionar el canal ldquoCanal Llistat tragravemitsrdquo
1
2
3
74
4
75
Apareixeragrave el contingut assignat al canal ldquoCanal Llistat tragravemitsrdquo
En entrar trobarem el llistat seguumlent
1 Llistat del tragravemits de lrsquoOVT que srsquohan compartit amb el canal ldquoCanal Llistat
tragravemitsrdquo
2 Validar que els continguts que apareixen soacuten del tipus ldquoTramitOVTrdquo
En cas que al canal del site ldquoCanal Llistat tragravemitsrdquo no apareguin els continguts
tragravemits associats anteriorment cal repetir el pas 22
1 2
76
5 Configuracioacute al portal
Ara cal entrar al nostre site on tenim configurat el canal que hem creat en lrsquoapartat
anterior (21) i que ara configurarem a nivell de portal
51 Configuracioacute a Canal Llistat tragravemits
511 Configuracioacute de la llista de tragravemits
Farem clic a lrsquoenllaccedil ldquoCanal llistat tragravemitsrdquo de la ldquoHomerdquo i anirem a parar a una
pantalla com la que es mostra meacutes avall
Es pot apreciar que en el contingut de la pagravegina no hi ha res Aixograve eacutes perquegrave cal
configurar els portlets adequats ( )
1 Ens situarem sobre la icona ldquoOpcions de Pagraveginardquo
2 Seleccionarem ldquoObrir Plantillardquo ja que els portlets soacuten a nivell de Page
Ens apareixeragrave una pantalla com la que es mostra tot seguit i realitzarem les accions
seguumlents
1 Seleccionar el portlet de la part central de la pagravegina per configurar una ldquoLlista
automagravetica de contingutsrdquo
2
1
77
Tambeacute podem configurar una ldquoLlista manual de contingutsrdquo segons les
necessitats de cada usuari
78
Ens redirigiragrave cap a un formulari drsquoedicioacute que ens mostraragrave directament quina consulta
hem de configurar per mostrar els continguts i configurarem una consulta com la
seguumlent (evidentment segons les necessitats de cada usuari)
Ara tenim configurat que la pagravegina mostraragrave els tipus de contingut ldquoTramitOVTrdquo del
canal actual ordenats per la ldquoEacutes on-linerdquo en ordre descendent
Aixograve ens portaragrave a la pantalla principal on acabarem de completar la configuracioacute
1 Validar que en lrsquoapartat ldquoConsultardquo hi ha la configuracioacute que acabem drsquoafegir
2 Emplenar ldquoAgraveliesrdquo
3 En lrsquoapartat Forma de presentacioacute fer clic al botoacute ldquoCercar helliprdquo
79
Ens apareixeragrave la pantalla seguumlent
1 Fer clic a ldquoNavegacioacute per projectesrdquo
1
2
3
80
Ens canviaragrave la vista al format seguumlent
1 Navegarem per les carpetes fins a arribar a ldquoFramework Formes de
presentacioacute Site generic fw_fp_llistatramitsrdquo
2 Seleccionarem ldquofw_fp_llistatramitsrdquo
3 Farem clic a ldquoOKrdquo
1
1
81
En retornar a la pantalla principal cal
1 Validar que la forma de presentacioacute eacutes la que acabem de seleccionar
2 Fer clic a ldquoOKrdquo
1 (continuacioacute) 2
3
82
1
2
83
Aquest seragrave el nostre resultat a la pantalla del portal i cal fer el seguumlent
1 Verificar que apareixen els dos continguts que es van associar a aquest canal
1
84
512 Configuracioacute del detall del tragravemit i el pas a pas
En fer clic sobre una activitat veurem com ens redirigeix a la plantilla configurada al
ldquodetallrdquo drsquoaquesta pagravegina tal com la vam configurar en lrsquoapartat 231 cal fer el
seguumlent
1 Fer clic a la primera activitat
1
85
Ens sortiragrave la pagravegina de VAP del detall drsquoun contingut per configurar farem els
passos seguumlents
1 Ens situarem sobre la icona ldquoOpcions de Pagraveginardquo
2 Seleccionar ldquoObrir Plantillardquo ja que els portlets soacuten a nivell de Page
Ens apareixeragrave una pantalla com la que es mostra tot seguit i realitzarem les accions
seguumlents
1 Seleccionar el portlet de la part central de la pagravegina per configurar un ldquoDetall
de contingutrdquo i fer clic a ldquoEditarrdquo
Ens apareixeragrave la pantalla de seleccioacute de component de presentacioacute
1 Seleccionarem el component de presentacioacute ldquoDetall de contingutrdquo
1
2
1
86
Ens apareixeragrave la pantalla que es mostra tot seguit i realitzarem les accions seguumlents
1 Emplenar el camp ldquoAgraveliesrdquo
2 Canviar a la pestanya ldquoPresentacioacuterdquo
En fer clic a la pestanya obtindrem la imatge que es mostra tot seguit i realitzarem les
accions seguumlents
1 Cercarem una forma de presentacioacute fent clic a ldquoCercar helliprdquo
1
2
87
Quan aparegui la pantalla de cercador realitzarem una cerca de la forma de
presentacioacute que volem fer servir per a aixograve cal fer el seguumlent
1 Emplenar la caixa de text amb ldquofw_fp_tramitrdquo
2 Preacutemer ldquoCercarrdquo
3 Seleccionar la forma de presentacioacute de la caixa de resultats
4 Preacutemer ldquoOKrdquo
La forma de presentacioacute ldquofw_fp_tramitrdquo estagrave preparada per ldquomaquillarrdquo el contingut
dels tragravemits Tambeacute es pot fer servir una forma de presentacioacute personalitzada
segons es cregui convenient
1
1
2
3
4
88
En acabar tornarem a la pagravegina principal drsquoedicioacute i farem el seguumlent
1 Verificar que la forma de presentacioacute eacutes la que hem escollit
2 Fer clic a ldquoOKrdquo
En finalitzar la configuracioacute del component de presentacioacute tornem a la pantalla del
portal i cal fer el seguumlent
1 Verificar que el disseny de la presentacioacute eacutes semblant al seguumlent
1
2
89
Configurarem el portlet superior central de la pagravegina perquegrave aquesta contingui el fil
drsquoAriadna
1 Accedir a ldquoObrir Plantillardquo
1 Editar el portlet central que hi ha a sobre del detall de tragravemit per configurar el fil
drsquoAriadna En aquest exemple el portlet eacutes ldquoFW_hilo_ariadnardquo
Escollirem el component de presentacioacute
1 Seleccionar el component de presentacioacute ldquoFil drsquoAriadnardquo
1
1
90
En la configuracioacute del component realitzarem les accions seguumlents
1 Inserir el camp ldquoAgraveliesrdquo
2 Inserir el camp ldquoCanalrdquo
3 Fer clic a la pestanya ldquoPresentacioacuterdquo i cercar la forma de presentacioacute
ldquofw_fp_filariadnardquo
1
91
513 Configuracioacute del detall drsquouna normativa SAC
En el detall de contingut configurat en el punt anterior fent clic sobre una normativa
veurem com ens redirigeix a la plantilla configurada al ldquodetall2rdquo drsquoaquesta pagravegina tal
com hem configurat a lrsquoapartat 231
1 Fer clic a la primera ldquoNormativa Aplicablerdquo
2
3
92
Aquest enllaccedil ens portaragrave al detall2 del canal on srsquoha de configurar el detall de
contingut SAC per tal que es mostri la normativa aplicable
Configurarem el portlet superior central de la pagravegina perquegrave aquesta contingui el fil
drsquoAriadna per a aixograve cal fer el seguumlent
1 Accedir a ldquoObrir Plantillardquo
1
93
1
94
1 Editar el portlet central que hi ha a sobre del detall de tragravemit per configurar el fil
drsquoAriadna En aquest exemple el portlet eacutes ldquofw_portlet_tramitrdquo
Escollirem el component de presentacioacute
1 Seleccionar el component de presentacioacute ldquoDetall de Contingut SACrdquo
En la configuracioacute del component realitzarem les accions seguumlents
1 Inserir el camp ldquoAgraveliesrdquo
2 Seleccionar el tipus de contingut ldquoDetall Tragravemitrdquo
1
95
3 Fer clic a la pestanya ldquoPresentacioacuterdquo i cercar la forma de presentacioacute
ldquofw_fp_sac_normativardquo
4 Fer clic al botoacute ldquoOKrdquo
Srsquoactualitzaragrave la pagravegina de VAP i es mostraragrave el detall de SAC
1
2
3
4
96
514 Validacioacute final de VAP
Finalment cal validar que els tragravemits es visualitzen correctament per a aixograve cal
1 Verificar que tenim els canals creats
2 Accedir al canal ldquoCanal Llistat tragravemitsrdquo i validar que es mostren els tragravemits
que hem associat al punt 22
1
97
A continuacioacute cal fer les comprovacions seguumlents
1 Accedir al detall del tragravemit compartit
2 Accedir al pas a pas del tragravemit i a la normativa de SAC
Exemple llistat de tragravemits compartits
2
1
98
Exemple detall de tragravemit compartit
Exemple pas a pas drsquoun tragravemit
2
2
99
Exemple normativa SAC
En el cas que no es visualitzin el llistat de tragravemits detall o pas a pas configurat
validar
1 Refrescar la Pagravegina
2 Els tragravemits estan associats al canal que esteacuten visualitzat punt 23
1 Refrescar la pagravegina
1
45
1
46
Es recarregaragrave la pantalla
1 Fer clic a ldquoOKrdquo al nivell general
Ja tenim configurat el canal que mostraragrave ldquoLlistat de tragravemitsrdquo amb els fitxers associats
que fa referegravencia a la forma de presentacioacute que farem servir aquest mateix canal
mostraragrave el detall del contingut tragravemit amb el format detall
32 Creacioacute i assignacioacute de plantilles de presentacioacute per al
canal ldquoCanal Llistat tragravemitsrdquo
321 Creacioacute de les plantilles (templates) de VCM
La configuracioacute del canal de VCM per mostrar els llistats de tragravemits i el seu detall es
basen en tres plantilles una per llistar el tragravemits (format default) una per mostrar el
detall i el pas a pas drsquoun tragravemit (format detall) i una altra per mostrar la normativa
aplicable drsquoun tragravemit (format detall2)
A continuacioacute srsquoexplica com es creen les plantilles de presentacioacute
(Presentation Templates) necessagraveries per configurar els tragravemits Els
responsables de cada site srsquohan de crear les seves progravepies plantilles
Cal tenir en compte que les plantilles que apareixen en el document soacuten nomeacutes un
exemple drsquouna configuracioacute vagravelida En els casos pragravectics cal seleccionar les plantilles
que pertanyen a cada portal io que tingui cada usuari en els seus recursos
En el nostre cas es fan servir les plantilles ldquoGridB2LlistatTramitsrdquo ldquoGridBTramitrdquo i
ldquoGridBTramitNormativaSacrdquo
1
47
Per la creacioacute de la plantilla srsquohan de seguir els passos seguumlents
1 Accedir al ldquoBanc de Treballrdquo
2 Accedir a ldquoPresentation Templatesrdquo
3 Accedir a la carpeta de presentacions del nostre site en aquest exemple
ldquogenegravericrdquo
1
2
48
Un cop som al llistat de plantilles del nostre site cal fer el seguumlent
1 Seleccionar el signe ldquo+rdquo
2 Seleccionar Forma de Presentation Template
En realitzar aquesta accioacute srsquoobriragrave la finestra drsquoedicioacute o creacioacute de la Presentation
Template Srsquohan de crear dos plantilles noves amb les dades seguumlents
1 Plantilla per al llistat de tragravemits
a Nom cal posar un nom identificatiu de la plantilla per exemple
GenericoGridB2LlistatTramit
b Tipus de plantilla Portal Page
c VAPVCM Portal defaultgeneric (cal posar el nom del portal VAP)
d Element del menuacute de VAP FW_NavItem_GRIDB2
3
1
2
49
e Canal VCM per defecte
Tot seguit cal fer clic a ldquoOKrdquo
Per a la configuracioacute de la plantilla per al llistat de tragravemits es pot fer servir un
NavItem que utilitzi una grid amb destacats a la dreta per exemple la GRID B2 del
Site Genegraveric o beacute un Navitem sense destacats (el FW_NavItem_GRIDB creat
anteriorment)
El NavItem ha de disposar drsquoun portlet a la part central a nivell de Page per
configurar el llistat de tragravemits
f
50
2 Crear una nova Presentation Template per al detall de tragravemits i el pas a
pas
a Nom cal posar un nom identificatiu de la plantilla com per exemple
GenericoGridBTramit
b Tipus de plantilla Portal Page
c VAPVCM Portal defaultgeneric
d Element del menuacute de VAP FW_NavItem_GRIDB
e Canal VCM per defecte
Finalment cal fer clic a ldquoOKrdquo
Per configurar la plantilla per al detall dels tragravemits i el pas a pas srsquoha de fer servir un
NavItem que utilitzi una grid sense destacats a la dreta per exemple la GRID B del
site Genegraveric
El NavItem ha de disposar de dos portlets a la part central a nivell de Page per
configurar el llistat de tragravemits
Tot seguit cal crear una nova Presentation Template per al detall de tragravemits i el pas a
pas
a Nom cal posar un nom identificatiu de la plantilla per exemple
GenericoGridBTramitNormativaSac
f
51
b Tipus de plantilla Portal Page
c VAPVCM Portal defaultgeneric
d Element del menuacute de VAP FW_NavItem_GRIDB
e Canal VCM per defecte
Finalment cal fer clic a ldquoOKrdquo
322 Configuracioacute de la plantilla al canal
Les Presentation Templates que configurarem a continuacioacute soacuten drsquoexemple
Els responsables de cada site han de crear les seves progravepies plantilles
Un cop creat el canal i les Presentation Templates en configurarem la presentacioacute
1 Seleccionarem la casella de seleccioacute del canal que acabem de crear
2 Farem clic a la icona de propietats del canal
3 Navegarem a la pestanya ldquoPresentacioacuterdquo
52
Ens apareixeragrave un formulari com el que es mostra a continuacioacute i realitzarem les
accions seguumlents
1 Fer clic a ldquoAfegir presentacioacute de canalrdquo
1
2
3
53
Apareixeragrave la pantalla seguumlent amb lrsquoobjectiu de seleccionar una plantilla en el nostre
cas farem el seguumlent
1 Seleccionar el projecte de plantilles respectiu al portal A lrsquoexemple ldquogenericrdquo
Posteriorment apareixeragrave un llistat de plantilles (ldquoTemplatesrdquo)
1 En aquest cas seleccionarem ldquoGridB2LlistatTramitsrdquo
2 Acceptarem la seleccioacute ldquoOKrdquo
1
1
54
1
2
55
Un cop acceptat ens apareixeragrave la pantalla seguumlent on configurarem el ldquodetallrdquo Per a
aixograve cal fer el seguumlent
1 Fer clic a ldquoAssignar una Nova Plantilla de Presentacioacuterdquo
1
56
Tot seguit apareixeragrave la pantalla que es mostra a continuacioacute on realitzarem les
accions seguumlents
1 Fer clic a ldquoAfegir formatrdquo
En aquesta nova pantalla ens assegurarem del seguumlent
1 A la casella ldquoFormatrdquo hi ha el valor ldquodetallrdquo
2 A la casella ldquoTemplaterdquo hi ha drsquohaver el correcte Si no eacutes aixiacute srsquoha de fer clic a
ldquoNavegadorrdquo
En fer clic a ldquoNavegadorrdquo cal fer el seguumlent
1 Tornar a navegar fins a ldquogenericrdquo
1
1 2
57
1
58
I a la pantalla seguumlent cal seleccionar una plantilla i
1 Fer clic al botoacute a prop de ldquoGridBTramitrdquo
2 Fer clic a ldquoOKrdquo
1
2
59
En aquest moment es torna a la pantalla anterior i cal
1 Fer clic a ldquoOKrdquo
En el canal Llistat de tragravemits ha drsquoestar configurat el ldquoformatrdquo ldquodetallrdquo ja que la forma
de presentacioacute que configurarem a GridDBTramit necessitaragrave aquest format per
visualitzar el detall del contingut de tipus ldquoTragravemitrdquo
2
60
La pantalla anterior a aquesta ens ha de presentar aquesta informacioacute Ara
configurarem el ldquodetall2rdquo per presentar el contingut rdquo Normativa de SACrdquo Per a aixograve
cal fer el seguumlent
1 Fer clic a ldquoAfegir Formatrdquo
En aquesta nova pantalla ens assegurarem del seguumlent
1 A la casella ldquoFormatrdquo hi ha el valor ldquodetall2rdquo
1
61
2 A la casella ldquoTemplaterdquo hi ha drsquohaver el correcte Si no eacutes aixiacute srsquoha de fer clic a
ldquoNavegadorrdquo
En fer clic a ldquoNavegadorrdquo srsquoha de fer el seguumlent
1 Tornar a navegar fins a ldquogenericrdquo (srsquoha de substituir pel nom del portal)
1 2
62
1
63
A la pantalla seguumlent cal seleccionar una plantilla i
1 Fer clic al botoacute a prop de ldquoGridBTramitNormativaSacrdquo
2 Fer clic a ldquoOKrdquo
1
2
64
En aquest moment es torna a la pantalla anterior i cal fer el seguumlent
2 Fer clic a ldquoOKrdquo
En el canal Llistat de tragravemits ha drsquoestar configurat el ldquoformatrdquo ldquodetall2rdquo ja que la
forma de presentacioacute que configurarem a GridDBTramitNormativaSac necessitaragrave
aquest format per visualitzar el detall del contingut de tipus normativa ldquoSACrdquo
2
65
La pantalla anterior a aquesta ens ha de presentar aquesta informacioacute i srsquoha de fer el
seguumlent
2 Fer clic a ldquoOKrdquo
1
66
La finestra pare anterior a aquesta quedaragrave com es mostra tot seguit i realitzarem les
accions seguumlents
1 Fer clic a ldquoOKrdquo
4 Comparticioacute de continguts
Accedim al projecte on hi ha tots els tragravemits de lrsquoOVT
1
67
OVTDepartaments[NomCurtDepartaments][NomCurtOrganisme] TramitOVT
On NomCurtDepartaments correspon al nom curt del departament al que fa referencia
el nostre organisme
En aquest exemple es mostren tots els projectes de tragravemits de lrsquoOVT
Un cop localitzat el tragravemit de lrsquoOVT que volem compartir amb el nostre site accedirem
a lrsquoedicioacute del contingut i assignarem aquest contingut al canal del nostre site on es
vulgui mostrar Srsquoha de fer el seguumlent
1 Anar al contenidor de projectes on hi ha els continguts de GECO
Apareixeragrave lrsquoestructura de projectes a la qual teacute acceacutes lrsquousuari redactor Cal fer el
seguumlent (exemple Agegravencia Tributagraveria dins drsquoEconomia i Finances)
1 Seleccionar ldquoOVTrdquo
2 Seleccionar ldquoDepartamentsrdquo aquesta carpeta conteacute tots els tragravemits de lrsquoOVT
classificats per departaments
3 Seleccionar ldquoECOrdquo A lrsquousuari nomeacutes se li mostraragrave la carpeta del seu
departament
Si lrsquousuari no visualitza la carpeta dins del seu departament eacutes perquegrave no
srsquoha aplicat la poliacutetica de seguretat correctament Cal obrir un tiquet a Suport
gencat per tramitar aquests permisos AQUESTA CARPETA NOMEacuteS SERAgrave
VISIBLE PER ALS USUARIS AMB ROL REDACTOR
4 Seleccionar ldquoA_Agegravencia Tributagraveriardquo
5 Seleccionar ldquoTramitOVTrdquo
1
68
2
3
1
69
4
5
70
Apareixeragrave el llistat de continguts ldquoTragravemitOVTrdquo de lrsquoOVT de lrsquoAgegravencia Tributagraveria
Realitzarem les accions seguumlents
1 Seleccionar el tragravemit o els tragravemits que volem compartir en la web dorganisme
2 Fer clic a ldquoAssociarrdquo
2
1
71
Aquest proceacutes obriragrave una finestra Per seleccionar el site i canal on es volen mostrar
els tragravemits seleccionats realitzarem les accions seguumlents (cas site Generic)
1 Seleccionar el site ldquoGenericrdquo en el vostre cas el site del departament on es vol
mostrar el contingut ldquotragravemitrdquo
2 Navegar pels canals del Site Genegraveric fins al canal que srsquoha creat en el punt
ldquoLlistat de tragravemitsrdquo i seleccionar el quadre de verificacioacute
3 Fer clic a ldquoOKrdquo
1
72
2
3
73
41 Validar que la comparticioacute de continguts eacutes correcta
Accedim per VCM al canal que hem creat anteriorment al qual li acabem drsquoassignar
els continguts de tragravemits que ha de mostrar i fem el seguumlent
1 Anar al contenidor de portals
2 Seleccionar el Site ldquogenericrdquo
3 Seleccionar el canal ldquoHomerdquo
4 Seleccionar el canal ldquoCanal Llistat tragravemitsrdquo
1
2
3
74
4
75
Apareixeragrave el contingut assignat al canal ldquoCanal Llistat tragravemitsrdquo
En entrar trobarem el llistat seguumlent
1 Llistat del tragravemits de lrsquoOVT que srsquohan compartit amb el canal ldquoCanal Llistat
tragravemitsrdquo
2 Validar que els continguts que apareixen soacuten del tipus ldquoTramitOVTrdquo
En cas que al canal del site ldquoCanal Llistat tragravemitsrdquo no apareguin els continguts
tragravemits associats anteriorment cal repetir el pas 22
1 2
76
5 Configuracioacute al portal
Ara cal entrar al nostre site on tenim configurat el canal que hem creat en lrsquoapartat
anterior (21) i que ara configurarem a nivell de portal
51 Configuracioacute a Canal Llistat tragravemits
511 Configuracioacute de la llista de tragravemits
Farem clic a lrsquoenllaccedil ldquoCanal llistat tragravemitsrdquo de la ldquoHomerdquo i anirem a parar a una
pantalla com la que es mostra meacutes avall
Es pot apreciar que en el contingut de la pagravegina no hi ha res Aixograve eacutes perquegrave cal
configurar els portlets adequats ( )
1 Ens situarem sobre la icona ldquoOpcions de Pagraveginardquo
2 Seleccionarem ldquoObrir Plantillardquo ja que els portlets soacuten a nivell de Page
Ens apareixeragrave una pantalla com la que es mostra tot seguit i realitzarem les accions
seguumlents
1 Seleccionar el portlet de la part central de la pagravegina per configurar una ldquoLlista
automagravetica de contingutsrdquo
2
1
77
Tambeacute podem configurar una ldquoLlista manual de contingutsrdquo segons les
necessitats de cada usuari
78
Ens redirigiragrave cap a un formulari drsquoedicioacute que ens mostraragrave directament quina consulta
hem de configurar per mostrar els continguts i configurarem una consulta com la
seguumlent (evidentment segons les necessitats de cada usuari)
Ara tenim configurat que la pagravegina mostraragrave els tipus de contingut ldquoTramitOVTrdquo del
canal actual ordenats per la ldquoEacutes on-linerdquo en ordre descendent
Aixograve ens portaragrave a la pantalla principal on acabarem de completar la configuracioacute
1 Validar que en lrsquoapartat ldquoConsultardquo hi ha la configuracioacute que acabem drsquoafegir
2 Emplenar ldquoAgraveliesrdquo
3 En lrsquoapartat Forma de presentacioacute fer clic al botoacute ldquoCercar helliprdquo
79
Ens apareixeragrave la pantalla seguumlent
1 Fer clic a ldquoNavegacioacute per projectesrdquo
1
2
3
80
Ens canviaragrave la vista al format seguumlent
1 Navegarem per les carpetes fins a arribar a ldquoFramework Formes de
presentacioacute Site generic fw_fp_llistatramitsrdquo
2 Seleccionarem ldquofw_fp_llistatramitsrdquo
3 Farem clic a ldquoOKrdquo
1
1
81
En retornar a la pantalla principal cal
1 Validar que la forma de presentacioacute eacutes la que acabem de seleccionar
2 Fer clic a ldquoOKrdquo
1 (continuacioacute) 2
3
82
1
2
83
Aquest seragrave el nostre resultat a la pantalla del portal i cal fer el seguumlent
1 Verificar que apareixen els dos continguts que es van associar a aquest canal
1
84
512 Configuracioacute del detall del tragravemit i el pas a pas
En fer clic sobre una activitat veurem com ens redirigeix a la plantilla configurada al
ldquodetallrdquo drsquoaquesta pagravegina tal com la vam configurar en lrsquoapartat 231 cal fer el
seguumlent
1 Fer clic a la primera activitat
1
85
Ens sortiragrave la pagravegina de VAP del detall drsquoun contingut per configurar farem els
passos seguumlents
1 Ens situarem sobre la icona ldquoOpcions de Pagraveginardquo
2 Seleccionar ldquoObrir Plantillardquo ja que els portlets soacuten a nivell de Page
Ens apareixeragrave una pantalla com la que es mostra tot seguit i realitzarem les accions
seguumlents
1 Seleccionar el portlet de la part central de la pagravegina per configurar un ldquoDetall
de contingutrdquo i fer clic a ldquoEditarrdquo
Ens apareixeragrave la pantalla de seleccioacute de component de presentacioacute
1 Seleccionarem el component de presentacioacute ldquoDetall de contingutrdquo
1
2
1
86
Ens apareixeragrave la pantalla que es mostra tot seguit i realitzarem les accions seguumlents
1 Emplenar el camp ldquoAgraveliesrdquo
2 Canviar a la pestanya ldquoPresentacioacuterdquo
En fer clic a la pestanya obtindrem la imatge que es mostra tot seguit i realitzarem les
accions seguumlents
1 Cercarem una forma de presentacioacute fent clic a ldquoCercar helliprdquo
1
2
87
Quan aparegui la pantalla de cercador realitzarem una cerca de la forma de
presentacioacute que volem fer servir per a aixograve cal fer el seguumlent
1 Emplenar la caixa de text amb ldquofw_fp_tramitrdquo
2 Preacutemer ldquoCercarrdquo
3 Seleccionar la forma de presentacioacute de la caixa de resultats
4 Preacutemer ldquoOKrdquo
La forma de presentacioacute ldquofw_fp_tramitrdquo estagrave preparada per ldquomaquillarrdquo el contingut
dels tragravemits Tambeacute es pot fer servir una forma de presentacioacute personalitzada
segons es cregui convenient
1
1
2
3
4
88
En acabar tornarem a la pagravegina principal drsquoedicioacute i farem el seguumlent
1 Verificar que la forma de presentacioacute eacutes la que hem escollit
2 Fer clic a ldquoOKrdquo
En finalitzar la configuracioacute del component de presentacioacute tornem a la pantalla del
portal i cal fer el seguumlent
1 Verificar que el disseny de la presentacioacute eacutes semblant al seguumlent
1
2
89
Configurarem el portlet superior central de la pagravegina perquegrave aquesta contingui el fil
drsquoAriadna
1 Accedir a ldquoObrir Plantillardquo
1 Editar el portlet central que hi ha a sobre del detall de tragravemit per configurar el fil
drsquoAriadna En aquest exemple el portlet eacutes ldquoFW_hilo_ariadnardquo
Escollirem el component de presentacioacute
1 Seleccionar el component de presentacioacute ldquoFil drsquoAriadnardquo
1
1
90
En la configuracioacute del component realitzarem les accions seguumlents
1 Inserir el camp ldquoAgraveliesrdquo
2 Inserir el camp ldquoCanalrdquo
3 Fer clic a la pestanya ldquoPresentacioacuterdquo i cercar la forma de presentacioacute
ldquofw_fp_filariadnardquo
1
91
513 Configuracioacute del detall drsquouna normativa SAC
En el detall de contingut configurat en el punt anterior fent clic sobre una normativa
veurem com ens redirigeix a la plantilla configurada al ldquodetall2rdquo drsquoaquesta pagravegina tal
com hem configurat a lrsquoapartat 231
1 Fer clic a la primera ldquoNormativa Aplicablerdquo
2
3
92
Aquest enllaccedil ens portaragrave al detall2 del canal on srsquoha de configurar el detall de
contingut SAC per tal que es mostri la normativa aplicable
Configurarem el portlet superior central de la pagravegina perquegrave aquesta contingui el fil
drsquoAriadna per a aixograve cal fer el seguumlent
1 Accedir a ldquoObrir Plantillardquo
1
93
1
94
1 Editar el portlet central que hi ha a sobre del detall de tragravemit per configurar el fil
drsquoAriadna En aquest exemple el portlet eacutes ldquofw_portlet_tramitrdquo
Escollirem el component de presentacioacute
1 Seleccionar el component de presentacioacute ldquoDetall de Contingut SACrdquo
En la configuracioacute del component realitzarem les accions seguumlents
1 Inserir el camp ldquoAgraveliesrdquo
2 Seleccionar el tipus de contingut ldquoDetall Tragravemitrdquo
1
95
3 Fer clic a la pestanya ldquoPresentacioacuterdquo i cercar la forma de presentacioacute
ldquofw_fp_sac_normativardquo
4 Fer clic al botoacute ldquoOKrdquo
Srsquoactualitzaragrave la pagravegina de VAP i es mostraragrave el detall de SAC
1
2
3
4
96
514 Validacioacute final de VAP
Finalment cal validar que els tragravemits es visualitzen correctament per a aixograve cal
1 Verificar que tenim els canals creats
2 Accedir al canal ldquoCanal Llistat tragravemitsrdquo i validar que es mostren els tragravemits
que hem associat al punt 22
1
97
A continuacioacute cal fer les comprovacions seguumlents
1 Accedir al detall del tragravemit compartit
2 Accedir al pas a pas del tragravemit i a la normativa de SAC
Exemple llistat de tragravemits compartits
2
1
98
Exemple detall de tragravemit compartit
Exemple pas a pas drsquoun tragravemit
2
2
99
Exemple normativa SAC
En el cas que no es visualitzin el llistat de tragravemits detall o pas a pas configurat
validar
1 Refrescar la Pagravegina
2 Els tragravemits estan associats al canal que esteacuten visualitzat punt 23
1 Refrescar la pagravegina
1
46
Es recarregaragrave la pantalla
1 Fer clic a ldquoOKrdquo al nivell general
Ja tenim configurat el canal que mostraragrave ldquoLlistat de tragravemitsrdquo amb els fitxers associats
que fa referegravencia a la forma de presentacioacute que farem servir aquest mateix canal
mostraragrave el detall del contingut tragravemit amb el format detall
32 Creacioacute i assignacioacute de plantilles de presentacioacute per al
canal ldquoCanal Llistat tragravemitsrdquo
321 Creacioacute de les plantilles (templates) de VCM
La configuracioacute del canal de VCM per mostrar els llistats de tragravemits i el seu detall es
basen en tres plantilles una per llistar el tragravemits (format default) una per mostrar el
detall i el pas a pas drsquoun tragravemit (format detall) i una altra per mostrar la normativa
aplicable drsquoun tragravemit (format detall2)
A continuacioacute srsquoexplica com es creen les plantilles de presentacioacute
(Presentation Templates) necessagraveries per configurar els tragravemits Els
responsables de cada site srsquohan de crear les seves progravepies plantilles
Cal tenir en compte que les plantilles que apareixen en el document soacuten nomeacutes un
exemple drsquouna configuracioacute vagravelida En els casos pragravectics cal seleccionar les plantilles
que pertanyen a cada portal io que tingui cada usuari en els seus recursos
En el nostre cas es fan servir les plantilles ldquoGridB2LlistatTramitsrdquo ldquoGridBTramitrdquo i
ldquoGridBTramitNormativaSacrdquo
1
47
Per la creacioacute de la plantilla srsquohan de seguir els passos seguumlents
1 Accedir al ldquoBanc de Treballrdquo
2 Accedir a ldquoPresentation Templatesrdquo
3 Accedir a la carpeta de presentacions del nostre site en aquest exemple
ldquogenegravericrdquo
1
2
48
Un cop som al llistat de plantilles del nostre site cal fer el seguumlent
1 Seleccionar el signe ldquo+rdquo
2 Seleccionar Forma de Presentation Template
En realitzar aquesta accioacute srsquoobriragrave la finestra drsquoedicioacute o creacioacute de la Presentation
Template Srsquohan de crear dos plantilles noves amb les dades seguumlents
1 Plantilla per al llistat de tragravemits
a Nom cal posar un nom identificatiu de la plantilla per exemple
GenericoGridB2LlistatTramit
b Tipus de plantilla Portal Page
c VAPVCM Portal defaultgeneric (cal posar el nom del portal VAP)
d Element del menuacute de VAP FW_NavItem_GRIDB2
3
1
2
49
e Canal VCM per defecte
Tot seguit cal fer clic a ldquoOKrdquo
Per a la configuracioacute de la plantilla per al llistat de tragravemits es pot fer servir un
NavItem que utilitzi una grid amb destacats a la dreta per exemple la GRID B2 del
Site Genegraveric o beacute un Navitem sense destacats (el FW_NavItem_GRIDB creat
anteriorment)
El NavItem ha de disposar drsquoun portlet a la part central a nivell de Page per
configurar el llistat de tragravemits
f
50
2 Crear una nova Presentation Template per al detall de tragravemits i el pas a
pas
a Nom cal posar un nom identificatiu de la plantilla com per exemple
GenericoGridBTramit
b Tipus de plantilla Portal Page
c VAPVCM Portal defaultgeneric
d Element del menuacute de VAP FW_NavItem_GRIDB
e Canal VCM per defecte
Finalment cal fer clic a ldquoOKrdquo
Per configurar la plantilla per al detall dels tragravemits i el pas a pas srsquoha de fer servir un
NavItem que utilitzi una grid sense destacats a la dreta per exemple la GRID B del
site Genegraveric
El NavItem ha de disposar de dos portlets a la part central a nivell de Page per
configurar el llistat de tragravemits
Tot seguit cal crear una nova Presentation Template per al detall de tragravemits i el pas a
pas
a Nom cal posar un nom identificatiu de la plantilla per exemple
GenericoGridBTramitNormativaSac
f
51
b Tipus de plantilla Portal Page
c VAPVCM Portal defaultgeneric
d Element del menuacute de VAP FW_NavItem_GRIDB
e Canal VCM per defecte
Finalment cal fer clic a ldquoOKrdquo
322 Configuracioacute de la plantilla al canal
Les Presentation Templates que configurarem a continuacioacute soacuten drsquoexemple
Els responsables de cada site han de crear les seves progravepies plantilles
Un cop creat el canal i les Presentation Templates en configurarem la presentacioacute
1 Seleccionarem la casella de seleccioacute del canal que acabem de crear
2 Farem clic a la icona de propietats del canal
3 Navegarem a la pestanya ldquoPresentacioacuterdquo
52
Ens apareixeragrave un formulari com el que es mostra a continuacioacute i realitzarem les
accions seguumlents
1 Fer clic a ldquoAfegir presentacioacute de canalrdquo
1
2
3
53
Apareixeragrave la pantalla seguumlent amb lrsquoobjectiu de seleccionar una plantilla en el nostre
cas farem el seguumlent
1 Seleccionar el projecte de plantilles respectiu al portal A lrsquoexemple ldquogenericrdquo
Posteriorment apareixeragrave un llistat de plantilles (ldquoTemplatesrdquo)
1 En aquest cas seleccionarem ldquoGridB2LlistatTramitsrdquo
2 Acceptarem la seleccioacute ldquoOKrdquo
1
1
54
1
2
55
Un cop acceptat ens apareixeragrave la pantalla seguumlent on configurarem el ldquodetallrdquo Per a
aixograve cal fer el seguumlent
1 Fer clic a ldquoAssignar una Nova Plantilla de Presentacioacuterdquo
1
56
Tot seguit apareixeragrave la pantalla que es mostra a continuacioacute on realitzarem les
accions seguumlents
1 Fer clic a ldquoAfegir formatrdquo
En aquesta nova pantalla ens assegurarem del seguumlent
1 A la casella ldquoFormatrdquo hi ha el valor ldquodetallrdquo
2 A la casella ldquoTemplaterdquo hi ha drsquohaver el correcte Si no eacutes aixiacute srsquoha de fer clic a
ldquoNavegadorrdquo
En fer clic a ldquoNavegadorrdquo cal fer el seguumlent
1 Tornar a navegar fins a ldquogenericrdquo
1
1 2
57
1
58
I a la pantalla seguumlent cal seleccionar una plantilla i
1 Fer clic al botoacute a prop de ldquoGridBTramitrdquo
2 Fer clic a ldquoOKrdquo
1
2
59
En aquest moment es torna a la pantalla anterior i cal
1 Fer clic a ldquoOKrdquo
En el canal Llistat de tragravemits ha drsquoestar configurat el ldquoformatrdquo ldquodetallrdquo ja que la forma
de presentacioacute que configurarem a GridDBTramit necessitaragrave aquest format per
visualitzar el detall del contingut de tipus ldquoTragravemitrdquo
2
60
La pantalla anterior a aquesta ens ha de presentar aquesta informacioacute Ara
configurarem el ldquodetall2rdquo per presentar el contingut rdquo Normativa de SACrdquo Per a aixograve
cal fer el seguumlent
1 Fer clic a ldquoAfegir Formatrdquo
En aquesta nova pantalla ens assegurarem del seguumlent
1 A la casella ldquoFormatrdquo hi ha el valor ldquodetall2rdquo
1
61
2 A la casella ldquoTemplaterdquo hi ha drsquohaver el correcte Si no eacutes aixiacute srsquoha de fer clic a
ldquoNavegadorrdquo
En fer clic a ldquoNavegadorrdquo srsquoha de fer el seguumlent
1 Tornar a navegar fins a ldquogenericrdquo (srsquoha de substituir pel nom del portal)
1 2
62
1
63
A la pantalla seguumlent cal seleccionar una plantilla i
1 Fer clic al botoacute a prop de ldquoGridBTramitNormativaSacrdquo
2 Fer clic a ldquoOKrdquo
1
2
64
En aquest moment es torna a la pantalla anterior i cal fer el seguumlent
2 Fer clic a ldquoOKrdquo
En el canal Llistat de tragravemits ha drsquoestar configurat el ldquoformatrdquo ldquodetall2rdquo ja que la
forma de presentacioacute que configurarem a GridDBTramitNormativaSac necessitaragrave
aquest format per visualitzar el detall del contingut de tipus normativa ldquoSACrdquo
2
65
La pantalla anterior a aquesta ens ha de presentar aquesta informacioacute i srsquoha de fer el
seguumlent
2 Fer clic a ldquoOKrdquo
1
66
La finestra pare anterior a aquesta quedaragrave com es mostra tot seguit i realitzarem les
accions seguumlents
1 Fer clic a ldquoOKrdquo
4 Comparticioacute de continguts
Accedim al projecte on hi ha tots els tragravemits de lrsquoOVT
1
67
OVTDepartaments[NomCurtDepartaments][NomCurtOrganisme] TramitOVT
On NomCurtDepartaments correspon al nom curt del departament al que fa referencia
el nostre organisme
En aquest exemple es mostren tots els projectes de tragravemits de lrsquoOVT
Un cop localitzat el tragravemit de lrsquoOVT que volem compartir amb el nostre site accedirem
a lrsquoedicioacute del contingut i assignarem aquest contingut al canal del nostre site on es
vulgui mostrar Srsquoha de fer el seguumlent
1 Anar al contenidor de projectes on hi ha els continguts de GECO
Apareixeragrave lrsquoestructura de projectes a la qual teacute acceacutes lrsquousuari redactor Cal fer el
seguumlent (exemple Agegravencia Tributagraveria dins drsquoEconomia i Finances)
1 Seleccionar ldquoOVTrdquo
2 Seleccionar ldquoDepartamentsrdquo aquesta carpeta conteacute tots els tragravemits de lrsquoOVT
classificats per departaments
3 Seleccionar ldquoECOrdquo A lrsquousuari nomeacutes se li mostraragrave la carpeta del seu
departament
Si lrsquousuari no visualitza la carpeta dins del seu departament eacutes perquegrave no
srsquoha aplicat la poliacutetica de seguretat correctament Cal obrir un tiquet a Suport
gencat per tramitar aquests permisos AQUESTA CARPETA NOMEacuteS SERAgrave
VISIBLE PER ALS USUARIS AMB ROL REDACTOR
4 Seleccionar ldquoA_Agegravencia Tributagraveriardquo
5 Seleccionar ldquoTramitOVTrdquo
1
68
2
3
1
69
4
5
70
Apareixeragrave el llistat de continguts ldquoTragravemitOVTrdquo de lrsquoOVT de lrsquoAgegravencia Tributagraveria
Realitzarem les accions seguumlents
1 Seleccionar el tragravemit o els tragravemits que volem compartir en la web dorganisme
2 Fer clic a ldquoAssociarrdquo
2
1
71
Aquest proceacutes obriragrave una finestra Per seleccionar el site i canal on es volen mostrar
els tragravemits seleccionats realitzarem les accions seguumlents (cas site Generic)
1 Seleccionar el site ldquoGenericrdquo en el vostre cas el site del departament on es vol
mostrar el contingut ldquotragravemitrdquo
2 Navegar pels canals del Site Genegraveric fins al canal que srsquoha creat en el punt
ldquoLlistat de tragravemitsrdquo i seleccionar el quadre de verificacioacute
3 Fer clic a ldquoOKrdquo
1
72
2
3
73
41 Validar que la comparticioacute de continguts eacutes correcta
Accedim per VCM al canal que hem creat anteriorment al qual li acabem drsquoassignar
els continguts de tragravemits que ha de mostrar i fem el seguumlent
1 Anar al contenidor de portals
2 Seleccionar el Site ldquogenericrdquo
3 Seleccionar el canal ldquoHomerdquo
4 Seleccionar el canal ldquoCanal Llistat tragravemitsrdquo
1
2
3
74
4
75
Apareixeragrave el contingut assignat al canal ldquoCanal Llistat tragravemitsrdquo
En entrar trobarem el llistat seguumlent
1 Llistat del tragravemits de lrsquoOVT que srsquohan compartit amb el canal ldquoCanal Llistat
tragravemitsrdquo
2 Validar que els continguts que apareixen soacuten del tipus ldquoTramitOVTrdquo
En cas que al canal del site ldquoCanal Llistat tragravemitsrdquo no apareguin els continguts
tragravemits associats anteriorment cal repetir el pas 22
1 2
76
5 Configuracioacute al portal
Ara cal entrar al nostre site on tenim configurat el canal que hem creat en lrsquoapartat
anterior (21) i que ara configurarem a nivell de portal
51 Configuracioacute a Canal Llistat tragravemits
511 Configuracioacute de la llista de tragravemits
Farem clic a lrsquoenllaccedil ldquoCanal llistat tragravemitsrdquo de la ldquoHomerdquo i anirem a parar a una
pantalla com la que es mostra meacutes avall
Es pot apreciar que en el contingut de la pagravegina no hi ha res Aixograve eacutes perquegrave cal
configurar els portlets adequats ( )
1 Ens situarem sobre la icona ldquoOpcions de Pagraveginardquo
2 Seleccionarem ldquoObrir Plantillardquo ja que els portlets soacuten a nivell de Page
Ens apareixeragrave una pantalla com la que es mostra tot seguit i realitzarem les accions
seguumlents
1 Seleccionar el portlet de la part central de la pagravegina per configurar una ldquoLlista
automagravetica de contingutsrdquo
2
1
77
Tambeacute podem configurar una ldquoLlista manual de contingutsrdquo segons les
necessitats de cada usuari
78
Ens redirigiragrave cap a un formulari drsquoedicioacute que ens mostraragrave directament quina consulta
hem de configurar per mostrar els continguts i configurarem una consulta com la
seguumlent (evidentment segons les necessitats de cada usuari)
Ara tenim configurat que la pagravegina mostraragrave els tipus de contingut ldquoTramitOVTrdquo del
canal actual ordenats per la ldquoEacutes on-linerdquo en ordre descendent
Aixograve ens portaragrave a la pantalla principal on acabarem de completar la configuracioacute
1 Validar que en lrsquoapartat ldquoConsultardquo hi ha la configuracioacute que acabem drsquoafegir
2 Emplenar ldquoAgraveliesrdquo
3 En lrsquoapartat Forma de presentacioacute fer clic al botoacute ldquoCercar helliprdquo
79
Ens apareixeragrave la pantalla seguumlent
1 Fer clic a ldquoNavegacioacute per projectesrdquo
1
2
3
80
Ens canviaragrave la vista al format seguumlent
1 Navegarem per les carpetes fins a arribar a ldquoFramework Formes de
presentacioacute Site generic fw_fp_llistatramitsrdquo
2 Seleccionarem ldquofw_fp_llistatramitsrdquo
3 Farem clic a ldquoOKrdquo
1
1
81
En retornar a la pantalla principal cal
1 Validar que la forma de presentacioacute eacutes la que acabem de seleccionar
2 Fer clic a ldquoOKrdquo
1 (continuacioacute) 2
3
82
1
2
83
Aquest seragrave el nostre resultat a la pantalla del portal i cal fer el seguumlent
1 Verificar que apareixen els dos continguts que es van associar a aquest canal
1
84
512 Configuracioacute del detall del tragravemit i el pas a pas
En fer clic sobre una activitat veurem com ens redirigeix a la plantilla configurada al
ldquodetallrdquo drsquoaquesta pagravegina tal com la vam configurar en lrsquoapartat 231 cal fer el
seguumlent
1 Fer clic a la primera activitat
1
85
Ens sortiragrave la pagravegina de VAP del detall drsquoun contingut per configurar farem els
passos seguumlents
1 Ens situarem sobre la icona ldquoOpcions de Pagraveginardquo
2 Seleccionar ldquoObrir Plantillardquo ja que els portlets soacuten a nivell de Page
Ens apareixeragrave una pantalla com la que es mostra tot seguit i realitzarem les accions
seguumlents
1 Seleccionar el portlet de la part central de la pagravegina per configurar un ldquoDetall
de contingutrdquo i fer clic a ldquoEditarrdquo
Ens apareixeragrave la pantalla de seleccioacute de component de presentacioacute
1 Seleccionarem el component de presentacioacute ldquoDetall de contingutrdquo
1
2
1
86
Ens apareixeragrave la pantalla que es mostra tot seguit i realitzarem les accions seguumlents
1 Emplenar el camp ldquoAgraveliesrdquo
2 Canviar a la pestanya ldquoPresentacioacuterdquo
En fer clic a la pestanya obtindrem la imatge que es mostra tot seguit i realitzarem les
accions seguumlents
1 Cercarem una forma de presentacioacute fent clic a ldquoCercar helliprdquo
1
2
87
Quan aparegui la pantalla de cercador realitzarem una cerca de la forma de
presentacioacute que volem fer servir per a aixograve cal fer el seguumlent
1 Emplenar la caixa de text amb ldquofw_fp_tramitrdquo
2 Preacutemer ldquoCercarrdquo
3 Seleccionar la forma de presentacioacute de la caixa de resultats
4 Preacutemer ldquoOKrdquo
La forma de presentacioacute ldquofw_fp_tramitrdquo estagrave preparada per ldquomaquillarrdquo el contingut
dels tragravemits Tambeacute es pot fer servir una forma de presentacioacute personalitzada
segons es cregui convenient
1
1
2
3
4
88
En acabar tornarem a la pagravegina principal drsquoedicioacute i farem el seguumlent
1 Verificar que la forma de presentacioacute eacutes la que hem escollit
2 Fer clic a ldquoOKrdquo
En finalitzar la configuracioacute del component de presentacioacute tornem a la pantalla del
portal i cal fer el seguumlent
1 Verificar que el disseny de la presentacioacute eacutes semblant al seguumlent
1
2
89
Configurarem el portlet superior central de la pagravegina perquegrave aquesta contingui el fil
drsquoAriadna
1 Accedir a ldquoObrir Plantillardquo
1 Editar el portlet central que hi ha a sobre del detall de tragravemit per configurar el fil
drsquoAriadna En aquest exemple el portlet eacutes ldquoFW_hilo_ariadnardquo
Escollirem el component de presentacioacute
1 Seleccionar el component de presentacioacute ldquoFil drsquoAriadnardquo
1
1
90
En la configuracioacute del component realitzarem les accions seguumlents
1 Inserir el camp ldquoAgraveliesrdquo
2 Inserir el camp ldquoCanalrdquo
3 Fer clic a la pestanya ldquoPresentacioacuterdquo i cercar la forma de presentacioacute
ldquofw_fp_filariadnardquo
1
91
513 Configuracioacute del detall drsquouna normativa SAC
En el detall de contingut configurat en el punt anterior fent clic sobre una normativa
veurem com ens redirigeix a la plantilla configurada al ldquodetall2rdquo drsquoaquesta pagravegina tal
com hem configurat a lrsquoapartat 231
1 Fer clic a la primera ldquoNormativa Aplicablerdquo
2
3
92
Aquest enllaccedil ens portaragrave al detall2 del canal on srsquoha de configurar el detall de
contingut SAC per tal que es mostri la normativa aplicable
Configurarem el portlet superior central de la pagravegina perquegrave aquesta contingui el fil
drsquoAriadna per a aixograve cal fer el seguumlent
1 Accedir a ldquoObrir Plantillardquo
1
93
1
94
1 Editar el portlet central que hi ha a sobre del detall de tragravemit per configurar el fil
drsquoAriadna En aquest exemple el portlet eacutes ldquofw_portlet_tramitrdquo
Escollirem el component de presentacioacute
1 Seleccionar el component de presentacioacute ldquoDetall de Contingut SACrdquo
En la configuracioacute del component realitzarem les accions seguumlents
1 Inserir el camp ldquoAgraveliesrdquo
2 Seleccionar el tipus de contingut ldquoDetall Tragravemitrdquo
1
95
3 Fer clic a la pestanya ldquoPresentacioacuterdquo i cercar la forma de presentacioacute
ldquofw_fp_sac_normativardquo
4 Fer clic al botoacute ldquoOKrdquo
Srsquoactualitzaragrave la pagravegina de VAP i es mostraragrave el detall de SAC
1
2
3
4
96
514 Validacioacute final de VAP
Finalment cal validar que els tragravemits es visualitzen correctament per a aixograve cal
1 Verificar que tenim els canals creats
2 Accedir al canal ldquoCanal Llistat tragravemitsrdquo i validar que es mostren els tragravemits
que hem associat al punt 22
1
97
A continuacioacute cal fer les comprovacions seguumlents
1 Accedir al detall del tragravemit compartit
2 Accedir al pas a pas del tragravemit i a la normativa de SAC
Exemple llistat de tragravemits compartits
2
1
98
Exemple detall de tragravemit compartit
Exemple pas a pas drsquoun tragravemit
2
2
99
Exemple normativa SAC
En el cas que no es visualitzin el llistat de tragravemits detall o pas a pas configurat
validar
1 Refrescar la Pagravegina
2 Els tragravemits estan associats al canal que esteacuten visualitzat punt 23
1 Refrescar la pagravegina
1
47
Per la creacioacute de la plantilla srsquohan de seguir els passos seguumlents
1 Accedir al ldquoBanc de Treballrdquo
2 Accedir a ldquoPresentation Templatesrdquo
3 Accedir a la carpeta de presentacions del nostre site en aquest exemple
ldquogenegravericrdquo
1
2
48
Un cop som al llistat de plantilles del nostre site cal fer el seguumlent
1 Seleccionar el signe ldquo+rdquo
2 Seleccionar Forma de Presentation Template
En realitzar aquesta accioacute srsquoobriragrave la finestra drsquoedicioacute o creacioacute de la Presentation
Template Srsquohan de crear dos plantilles noves amb les dades seguumlents
1 Plantilla per al llistat de tragravemits
a Nom cal posar un nom identificatiu de la plantilla per exemple
GenericoGridB2LlistatTramit
b Tipus de plantilla Portal Page
c VAPVCM Portal defaultgeneric (cal posar el nom del portal VAP)
d Element del menuacute de VAP FW_NavItem_GRIDB2
3
1
2
49
e Canal VCM per defecte
Tot seguit cal fer clic a ldquoOKrdquo
Per a la configuracioacute de la plantilla per al llistat de tragravemits es pot fer servir un
NavItem que utilitzi una grid amb destacats a la dreta per exemple la GRID B2 del
Site Genegraveric o beacute un Navitem sense destacats (el FW_NavItem_GRIDB creat
anteriorment)
El NavItem ha de disposar drsquoun portlet a la part central a nivell de Page per
configurar el llistat de tragravemits
f
50
2 Crear una nova Presentation Template per al detall de tragravemits i el pas a
pas
a Nom cal posar un nom identificatiu de la plantilla com per exemple
GenericoGridBTramit
b Tipus de plantilla Portal Page
c VAPVCM Portal defaultgeneric
d Element del menuacute de VAP FW_NavItem_GRIDB
e Canal VCM per defecte
Finalment cal fer clic a ldquoOKrdquo
Per configurar la plantilla per al detall dels tragravemits i el pas a pas srsquoha de fer servir un
NavItem que utilitzi una grid sense destacats a la dreta per exemple la GRID B del
site Genegraveric
El NavItem ha de disposar de dos portlets a la part central a nivell de Page per
configurar el llistat de tragravemits
Tot seguit cal crear una nova Presentation Template per al detall de tragravemits i el pas a
pas
a Nom cal posar un nom identificatiu de la plantilla per exemple
GenericoGridBTramitNormativaSac
f
51
b Tipus de plantilla Portal Page
c VAPVCM Portal defaultgeneric
d Element del menuacute de VAP FW_NavItem_GRIDB
e Canal VCM per defecte
Finalment cal fer clic a ldquoOKrdquo
322 Configuracioacute de la plantilla al canal
Les Presentation Templates que configurarem a continuacioacute soacuten drsquoexemple
Els responsables de cada site han de crear les seves progravepies plantilles
Un cop creat el canal i les Presentation Templates en configurarem la presentacioacute
1 Seleccionarem la casella de seleccioacute del canal que acabem de crear
2 Farem clic a la icona de propietats del canal
3 Navegarem a la pestanya ldquoPresentacioacuterdquo
52
Ens apareixeragrave un formulari com el que es mostra a continuacioacute i realitzarem les
accions seguumlents
1 Fer clic a ldquoAfegir presentacioacute de canalrdquo
1
2
3
53
Apareixeragrave la pantalla seguumlent amb lrsquoobjectiu de seleccionar una plantilla en el nostre
cas farem el seguumlent
1 Seleccionar el projecte de plantilles respectiu al portal A lrsquoexemple ldquogenericrdquo
Posteriorment apareixeragrave un llistat de plantilles (ldquoTemplatesrdquo)
1 En aquest cas seleccionarem ldquoGridB2LlistatTramitsrdquo
2 Acceptarem la seleccioacute ldquoOKrdquo
1
1
54
1
2
55
Un cop acceptat ens apareixeragrave la pantalla seguumlent on configurarem el ldquodetallrdquo Per a
aixograve cal fer el seguumlent
1 Fer clic a ldquoAssignar una Nova Plantilla de Presentacioacuterdquo
1
56
Tot seguit apareixeragrave la pantalla que es mostra a continuacioacute on realitzarem les
accions seguumlents
1 Fer clic a ldquoAfegir formatrdquo
En aquesta nova pantalla ens assegurarem del seguumlent
1 A la casella ldquoFormatrdquo hi ha el valor ldquodetallrdquo
2 A la casella ldquoTemplaterdquo hi ha drsquohaver el correcte Si no eacutes aixiacute srsquoha de fer clic a
ldquoNavegadorrdquo
En fer clic a ldquoNavegadorrdquo cal fer el seguumlent
1 Tornar a navegar fins a ldquogenericrdquo
1
1 2
57
1
58
I a la pantalla seguumlent cal seleccionar una plantilla i
1 Fer clic al botoacute a prop de ldquoGridBTramitrdquo
2 Fer clic a ldquoOKrdquo
1
2
59
En aquest moment es torna a la pantalla anterior i cal
1 Fer clic a ldquoOKrdquo
En el canal Llistat de tragravemits ha drsquoestar configurat el ldquoformatrdquo ldquodetallrdquo ja que la forma
de presentacioacute que configurarem a GridDBTramit necessitaragrave aquest format per
visualitzar el detall del contingut de tipus ldquoTragravemitrdquo
2
60
La pantalla anterior a aquesta ens ha de presentar aquesta informacioacute Ara
configurarem el ldquodetall2rdquo per presentar el contingut rdquo Normativa de SACrdquo Per a aixograve
cal fer el seguumlent
1 Fer clic a ldquoAfegir Formatrdquo
En aquesta nova pantalla ens assegurarem del seguumlent
1 A la casella ldquoFormatrdquo hi ha el valor ldquodetall2rdquo
1
61
2 A la casella ldquoTemplaterdquo hi ha drsquohaver el correcte Si no eacutes aixiacute srsquoha de fer clic a
ldquoNavegadorrdquo
En fer clic a ldquoNavegadorrdquo srsquoha de fer el seguumlent
1 Tornar a navegar fins a ldquogenericrdquo (srsquoha de substituir pel nom del portal)
1 2
62
1
63
A la pantalla seguumlent cal seleccionar una plantilla i
1 Fer clic al botoacute a prop de ldquoGridBTramitNormativaSacrdquo
2 Fer clic a ldquoOKrdquo
1
2
64
En aquest moment es torna a la pantalla anterior i cal fer el seguumlent
2 Fer clic a ldquoOKrdquo
En el canal Llistat de tragravemits ha drsquoestar configurat el ldquoformatrdquo ldquodetall2rdquo ja que la
forma de presentacioacute que configurarem a GridDBTramitNormativaSac necessitaragrave
aquest format per visualitzar el detall del contingut de tipus normativa ldquoSACrdquo
2
65
La pantalla anterior a aquesta ens ha de presentar aquesta informacioacute i srsquoha de fer el
seguumlent
2 Fer clic a ldquoOKrdquo
1
66
La finestra pare anterior a aquesta quedaragrave com es mostra tot seguit i realitzarem les
accions seguumlents
1 Fer clic a ldquoOKrdquo
4 Comparticioacute de continguts
Accedim al projecte on hi ha tots els tragravemits de lrsquoOVT
1
67
OVTDepartaments[NomCurtDepartaments][NomCurtOrganisme] TramitOVT
On NomCurtDepartaments correspon al nom curt del departament al que fa referencia
el nostre organisme
En aquest exemple es mostren tots els projectes de tragravemits de lrsquoOVT
Un cop localitzat el tragravemit de lrsquoOVT que volem compartir amb el nostre site accedirem
a lrsquoedicioacute del contingut i assignarem aquest contingut al canal del nostre site on es
vulgui mostrar Srsquoha de fer el seguumlent
1 Anar al contenidor de projectes on hi ha els continguts de GECO
Apareixeragrave lrsquoestructura de projectes a la qual teacute acceacutes lrsquousuari redactor Cal fer el
seguumlent (exemple Agegravencia Tributagraveria dins drsquoEconomia i Finances)
1 Seleccionar ldquoOVTrdquo
2 Seleccionar ldquoDepartamentsrdquo aquesta carpeta conteacute tots els tragravemits de lrsquoOVT
classificats per departaments
3 Seleccionar ldquoECOrdquo A lrsquousuari nomeacutes se li mostraragrave la carpeta del seu
departament
Si lrsquousuari no visualitza la carpeta dins del seu departament eacutes perquegrave no
srsquoha aplicat la poliacutetica de seguretat correctament Cal obrir un tiquet a Suport
gencat per tramitar aquests permisos AQUESTA CARPETA NOMEacuteS SERAgrave
VISIBLE PER ALS USUARIS AMB ROL REDACTOR
4 Seleccionar ldquoA_Agegravencia Tributagraveriardquo
5 Seleccionar ldquoTramitOVTrdquo
1
68
2
3
1
69
4
5
70
Apareixeragrave el llistat de continguts ldquoTragravemitOVTrdquo de lrsquoOVT de lrsquoAgegravencia Tributagraveria
Realitzarem les accions seguumlents
1 Seleccionar el tragravemit o els tragravemits que volem compartir en la web dorganisme
2 Fer clic a ldquoAssociarrdquo
2
1
71
Aquest proceacutes obriragrave una finestra Per seleccionar el site i canal on es volen mostrar
els tragravemits seleccionats realitzarem les accions seguumlents (cas site Generic)
1 Seleccionar el site ldquoGenericrdquo en el vostre cas el site del departament on es vol
mostrar el contingut ldquotragravemitrdquo
2 Navegar pels canals del Site Genegraveric fins al canal que srsquoha creat en el punt
ldquoLlistat de tragravemitsrdquo i seleccionar el quadre de verificacioacute
3 Fer clic a ldquoOKrdquo
1
72
2
3
73
41 Validar que la comparticioacute de continguts eacutes correcta
Accedim per VCM al canal que hem creat anteriorment al qual li acabem drsquoassignar
els continguts de tragravemits que ha de mostrar i fem el seguumlent
1 Anar al contenidor de portals
2 Seleccionar el Site ldquogenericrdquo
3 Seleccionar el canal ldquoHomerdquo
4 Seleccionar el canal ldquoCanal Llistat tragravemitsrdquo
1
2
3
74
4
75
Apareixeragrave el contingut assignat al canal ldquoCanal Llistat tragravemitsrdquo
En entrar trobarem el llistat seguumlent
1 Llistat del tragravemits de lrsquoOVT que srsquohan compartit amb el canal ldquoCanal Llistat
tragravemitsrdquo
2 Validar que els continguts que apareixen soacuten del tipus ldquoTramitOVTrdquo
En cas que al canal del site ldquoCanal Llistat tragravemitsrdquo no apareguin els continguts
tragravemits associats anteriorment cal repetir el pas 22
1 2
76
5 Configuracioacute al portal
Ara cal entrar al nostre site on tenim configurat el canal que hem creat en lrsquoapartat
anterior (21) i que ara configurarem a nivell de portal
51 Configuracioacute a Canal Llistat tragravemits
511 Configuracioacute de la llista de tragravemits
Farem clic a lrsquoenllaccedil ldquoCanal llistat tragravemitsrdquo de la ldquoHomerdquo i anirem a parar a una
pantalla com la que es mostra meacutes avall
Es pot apreciar que en el contingut de la pagravegina no hi ha res Aixograve eacutes perquegrave cal
configurar els portlets adequats ( )
1 Ens situarem sobre la icona ldquoOpcions de Pagraveginardquo
2 Seleccionarem ldquoObrir Plantillardquo ja que els portlets soacuten a nivell de Page
Ens apareixeragrave una pantalla com la que es mostra tot seguit i realitzarem les accions
seguumlents
1 Seleccionar el portlet de la part central de la pagravegina per configurar una ldquoLlista
automagravetica de contingutsrdquo
2
1
77
Tambeacute podem configurar una ldquoLlista manual de contingutsrdquo segons les
necessitats de cada usuari
78
Ens redirigiragrave cap a un formulari drsquoedicioacute que ens mostraragrave directament quina consulta
hem de configurar per mostrar els continguts i configurarem una consulta com la
seguumlent (evidentment segons les necessitats de cada usuari)
Ara tenim configurat que la pagravegina mostraragrave els tipus de contingut ldquoTramitOVTrdquo del
canal actual ordenats per la ldquoEacutes on-linerdquo en ordre descendent
Aixograve ens portaragrave a la pantalla principal on acabarem de completar la configuracioacute
1 Validar que en lrsquoapartat ldquoConsultardquo hi ha la configuracioacute que acabem drsquoafegir
2 Emplenar ldquoAgraveliesrdquo
3 En lrsquoapartat Forma de presentacioacute fer clic al botoacute ldquoCercar helliprdquo
79
Ens apareixeragrave la pantalla seguumlent
1 Fer clic a ldquoNavegacioacute per projectesrdquo
1
2
3
80
Ens canviaragrave la vista al format seguumlent
1 Navegarem per les carpetes fins a arribar a ldquoFramework Formes de
presentacioacute Site generic fw_fp_llistatramitsrdquo
2 Seleccionarem ldquofw_fp_llistatramitsrdquo
3 Farem clic a ldquoOKrdquo
1
1
81
En retornar a la pantalla principal cal
1 Validar que la forma de presentacioacute eacutes la que acabem de seleccionar
2 Fer clic a ldquoOKrdquo
1 (continuacioacute) 2
3
82
1
2
83
Aquest seragrave el nostre resultat a la pantalla del portal i cal fer el seguumlent
1 Verificar que apareixen els dos continguts que es van associar a aquest canal
1
84
512 Configuracioacute del detall del tragravemit i el pas a pas
En fer clic sobre una activitat veurem com ens redirigeix a la plantilla configurada al
ldquodetallrdquo drsquoaquesta pagravegina tal com la vam configurar en lrsquoapartat 231 cal fer el
seguumlent
1 Fer clic a la primera activitat
1
85
Ens sortiragrave la pagravegina de VAP del detall drsquoun contingut per configurar farem els
passos seguumlents
1 Ens situarem sobre la icona ldquoOpcions de Pagraveginardquo
2 Seleccionar ldquoObrir Plantillardquo ja que els portlets soacuten a nivell de Page
Ens apareixeragrave una pantalla com la que es mostra tot seguit i realitzarem les accions
seguumlents
1 Seleccionar el portlet de la part central de la pagravegina per configurar un ldquoDetall
de contingutrdquo i fer clic a ldquoEditarrdquo
Ens apareixeragrave la pantalla de seleccioacute de component de presentacioacute
1 Seleccionarem el component de presentacioacute ldquoDetall de contingutrdquo
1
2
1
86
Ens apareixeragrave la pantalla que es mostra tot seguit i realitzarem les accions seguumlents
1 Emplenar el camp ldquoAgraveliesrdquo
2 Canviar a la pestanya ldquoPresentacioacuterdquo
En fer clic a la pestanya obtindrem la imatge que es mostra tot seguit i realitzarem les
accions seguumlents
1 Cercarem una forma de presentacioacute fent clic a ldquoCercar helliprdquo
1
2
87
Quan aparegui la pantalla de cercador realitzarem una cerca de la forma de
presentacioacute que volem fer servir per a aixograve cal fer el seguumlent
1 Emplenar la caixa de text amb ldquofw_fp_tramitrdquo
2 Preacutemer ldquoCercarrdquo
3 Seleccionar la forma de presentacioacute de la caixa de resultats
4 Preacutemer ldquoOKrdquo
La forma de presentacioacute ldquofw_fp_tramitrdquo estagrave preparada per ldquomaquillarrdquo el contingut
dels tragravemits Tambeacute es pot fer servir una forma de presentacioacute personalitzada
segons es cregui convenient
1
1
2
3
4
88
En acabar tornarem a la pagravegina principal drsquoedicioacute i farem el seguumlent
1 Verificar que la forma de presentacioacute eacutes la que hem escollit
2 Fer clic a ldquoOKrdquo
En finalitzar la configuracioacute del component de presentacioacute tornem a la pantalla del
portal i cal fer el seguumlent
1 Verificar que el disseny de la presentacioacute eacutes semblant al seguumlent
1
2
89
Configurarem el portlet superior central de la pagravegina perquegrave aquesta contingui el fil
drsquoAriadna
1 Accedir a ldquoObrir Plantillardquo
1 Editar el portlet central que hi ha a sobre del detall de tragravemit per configurar el fil
drsquoAriadna En aquest exemple el portlet eacutes ldquoFW_hilo_ariadnardquo
Escollirem el component de presentacioacute
1 Seleccionar el component de presentacioacute ldquoFil drsquoAriadnardquo
1
1
90
En la configuracioacute del component realitzarem les accions seguumlents
1 Inserir el camp ldquoAgraveliesrdquo
2 Inserir el camp ldquoCanalrdquo
3 Fer clic a la pestanya ldquoPresentacioacuterdquo i cercar la forma de presentacioacute
ldquofw_fp_filariadnardquo
1
91
513 Configuracioacute del detall drsquouna normativa SAC
En el detall de contingut configurat en el punt anterior fent clic sobre una normativa
veurem com ens redirigeix a la plantilla configurada al ldquodetall2rdquo drsquoaquesta pagravegina tal
com hem configurat a lrsquoapartat 231
1 Fer clic a la primera ldquoNormativa Aplicablerdquo
2
3
92
Aquest enllaccedil ens portaragrave al detall2 del canal on srsquoha de configurar el detall de
contingut SAC per tal que es mostri la normativa aplicable
Configurarem el portlet superior central de la pagravegina perquegrave aquesta contingui el fil
drsquoAriadna per a aixograve cal fer el seguumlent
1 Accedir a ldquoObrir Plantillardquo
1
93
1
94
1 Editar el portlet central que hi ha a sobre del detall de tragravemit per configurar el fil
drsquoAriadna En aquest exemple el portlet eacutes ldquofw_portlet_tramitrdquo
Escollirem el component de presentacioacute
1 Seleccionar el component de presentacioacute ldquoDetall de Contingut SACrdquo
En la configuracioacute del component realitzarem les accions seguumlents
1 Inserir el camp ldquoAgraveliesrdquo
2 Seleccionar el tipus de contingut ldquoDetall Tragravemitrdquo
1
95
3 Fer clic a la pestanya ldquoPresentacioacuterdquo i cercar la forma de presentacioacute
ldquofw_fp_sac_normativardquo
4 Fer clic al botoacute ldquoOKrdquo
Srsquoactualitzaragrave la pagravegina de VAP i es mostraragrave el detall de SAC
1
2
3
4
96
514 Validacioacute final de VAP
Finalment cal validar que els tragravemits es visualitzen correctament per a aixograve cal
1 Verificar que tenim els canals creats
2 Accedir al canal ldquoCanal Llistat tragravemitsrdquo i validar que es mostren els tragravemits
que hem associat al punt 22
1
97
A continuacioacute cal fer les comprovacions seguumlents
1 Accedir al detall del tragravemit compartit
2 Accedir al pas a pas del tragravemit i a la normativa de SAC
Exemple llistat de tragravemits compartits
2
1
98
Exemple detall de tragravemit compartit
Exemple pas a pas drsquoun tragravemit
2
2
99
Exemple normativa SAC
En el cas que no es visualitzin el llistat de tragravemits detall o pas a pas configurat
validar
1 Refrescar la Pagravegina
2 Els tragravemits estan associats al canal que esteacuten visualitzat punt 23
1 Refrescar la pagravegina
1
48
Un cop som al llistat de plantilles del nostre site cal fer el seguumlent
1 Seleccionar el signe ldquo+rdquo
2 Seleccionar Forma de Presentation Template
En realitzar aquesta accioacute srsquoobriragrave la finestra drsquoedicioacute o creacioacute de la Presentation
Template Srsquohan de crear dos plantilles noves amb les dades seguumlents
1 Plantilla per al llistat de tragravemits
a Nom cal posar un nom identificatiu de la plantilla per exemple
GenericoGridB2LlistatTramit
b Tipus de plantilla Portal Page
c VAPVCM Portal defaultgeneric (cal posar el nom del portal VAP)
d Element del menuacute de VAP FW_NavItem_GRIDB2
3
1
2
49
e Canal VCM per defecte
Tot seguit cal fer clic a ldquoOKrdquo
Per a la configuracioacute de la plantilla per al llistat de tragravemits es pot fer servir un
NavItem que utilitzi una grid amb destacats a la dreta per exemple la GRID B2 del
Site Genegraveric o beacute un Navitem sense destacats (el FW_NavItem_GRIDB creat
anteriorment)
El NavItem ha de disposar drsquoun portlet a la part central a nivell de Page per
configurar el llistat de tragravemits
f
50
2 Crear una nova Presentation Template per al detall de tragravemits i el pas a
pas
a Nom cal posar un nom identificatiu de la plantilla com per exemple
GenericoGridBTramit
b Tipus de plantilla Portal Page
c VAPVCM Portal defaultgeneric
d Element del menuacute de VAP FW_NavItem_GRIDB
e Canal VCM per defecte
Finalment cal fer clic a ldquoOKrdquo
Per configurar la plantilla per al detall dels tragravemits i el pas a pas srsquoha de fer servir un
NavItem que utilitzi una grid sense destacats a la dreta per exemple la GRID B del
site Genegraveric
El NavItem ha de disposar de dos portlets a la part central a nivell de Page per
configurar el llistat de tragravemits
Tot seguit cal crear una nova Presentation Template per al detall de tragravemits i el pas a
pas
a Nom cal posar un nom identificatiu de la plantilla per exemple
GenericoGridBTramitNormativaSac
f
51
b Tipus de plantilla Portal Page
c VAPVCM Portal defaultgeneric
d Element del menuacute de VAP FW_NavItem_GRIDB
e Canal VCM per defecte
Finalment cal fer clic a ldquoOKrdquo
322 Configuracioacute de la plantilla al canal
Les Presentation Templates que configurarem a continuacioacute soacuten drsquoexemple
Els responsables de cada site han de crear les seves progravepies plantilles
Un cop creat el canal i les Presentation Templates en configurarem la presentacioacute
1 Seleccionarem la casella de seleccioacute del canal que acabem de crear
2 Farem clic a la icona de propietats del canal
3 Navegarem a la pestanya ldquoPresentacioacuterdquo
52
Ens apareixeragrave un formulari com el que es mostra a continuacioacute i realitzarem les
accions seguumlents
1 Fer clic a ldquoAfegir presentacioacute de canalrdquo
1
2
3
53
Apareixeragrave la pantalla seguumlent amb lrsquoobjectiu de seleccionar una plantilla en el nostre
cas farem el seguumlent
1 Seleccionar el projecte de plantilles respectiu al portal A lrsquoexemple ldquogenericrdquo
Posteriorment apareixeragrave un llistat de plantilles (ldquoTemplatesrdquo)
1 En aquest cas seleccionarem ldquoGridB2LlistatTramitsrdquo
2 Acceptarem la seleccioacute ldquoOKrdquo
1
1
54
1
2
55
Un cop acceptat ens apareixeragrave la pantalla seguumlent on configurarem el ldquodetallrdquo Per a
aixograve cal fer el seguumlent
1 Fer clic a ldquoAssignar una Nova Plantilla de Presentacioacuterdquo
1
56
Tot seguit apareixeragrave la pantalla que es mostra a continuacioacute on realitzarem les
accions seguumlents
1 Fer clic a ldquoAfegir formatrdquo
En aquesta nova pantalla ens assegurarem del seguumlent
1 A la casella ldquoFormatrdquo hi ha el valor ldquodetallrdquo
2 A la casella ldquoTemplaterdquo hi ha drsquohaver el correcte Si no eacutes aixiacute srsquoha de fer clic a
ldquoNavegadorrdquo
En fer clic a ldquoNavegadorrdquo cal fer el seguumlent
1 Tornar a navegar fins a ldquogenericrdquo
1
1 2
57
1
58
I a la pantalla seguumlent cal seleccionar una plantilla i
1 Fer clic al botoacute a prop de ldquoGridBTramitrdquo
2 Fer clic a ldquoOKrdquo
1
2
59
En aquest moment es torna a la pantalla anterior i cal
1 Fer clic a ldquoOKrdquo
En el canal Llistat de tragravemits ha drsquoestar configurat el ldquoformatrdquo ldquodetallrdquo ja que la forma
de presentacioacute que configurarem a GridDBTramit necessitaragrave aquest format per
visualitzar el detall del contingut de tipus ldquoTragravemitrdquo
2
60
La pantalla anterior a aquesta ens ha de presentar aquesta informacioacute Ara
configurarem el ldquodetall2rdquo per presentar el contingut rdquo Normativa de SACrdquo Per a aixograve
cal fer el seguumlent
1 Fer clic a ldquoAfegir Formatrdquo
En aquesta nova pantalla ens assegurarem del seguumlent
1 A la casella ldquoFormatrdquo hi ha el valor ldquodetall2rdquo
1
61
2 A la casella ldquoTemplaterdquo hi ha drsquohaver el correcte Si no eacutes aixiacute srsquoha de fer clic a
ldquoNavegadorrdquo
En fer clic a ldquoNavegadorrdquo srsquoha de fer el seguumlent
1 Tornar a navegar fins a ldquogenericrdquo (srsquoha de substituir pel nom del portal)
1 2
62
1
63
A la pantalla seguumlent cal seleccionar una plantilla i
1 Fer clic al botoacute a prop de ldquoGridBTramitNormativaSacrdquo
2 Fer clic a ldquoOKrdquo
1
2
64
En aquest moment es torna a la pantalla anterior i cal fer el seguumlent
2 Fer clic a ldquoOKrdquo
En el canal Llistat de tragravemits ha drsquoestar configurat el ldquoformatrdquo ldquodetall2rdquo ja que la
forma de presentacioacute que configurarem a GridDBTramitNormativaSac necessitaragrave
aquest format per visualitzar el detall del contingut de tipus normativa ldquoSACrdquo
2
65
La pantalla anterior a aquesta ens ha de presentar aquesta informacioacute i srsquoha de fer el
seguumlent
2 Fer clic a ldquoOKrdquo
1
66
La finestra pare anterior a aquesta quedaragrave com es mostra tot seguit i realitzarem les
accions seguumlents
1 Fer clic a ldquoOKrdquo
4 Comparticioacute de continguts
Accedim al projecte on hi ha tots els tragravemits de lrsquoOVT
1
67
OVTDepartaments[NomCurtDepartaments][NomCurtOrganisme] TramitOVT
On NomCurtDepartaments correspon al nom curt del departament al que fa referencia
el nostre organisme
En aquest exemple es mostren tots els projectes de tragravemits de lrsquoOVT
Un cop localitzat el tragravemit de lrsquoOVT que volem compartir amb el nostre site accedirem
a lrsquoedicioacute del contingut i assignarem aquest contingut al canal del nostre site on es
vulgui mostrar Srsquoha de fer el seguumlent
1 Anar al contenidor de projectes on hi ha els continguts de GECO
Apareixeragrave lrsquoestructura de projectes a la qual teacute acceacutes lrsquousuari redactor Cal fer el
seguumlent (exemple Agegravencia Tributagraveria dins drsquoEconomia i Finances)
1 Seleccionar ldquoOVTrdquo
2 Seleccionar ldquoDepartamentsrdquo aquesta carpeta conteacute tots els tragravemits de lrsquoOVT
classificats per departaments
3 Seleccionar ldquoECOrdquo A lrsquousuari nomeacutes se li mostraragrave la carpeta del seu
departament
Si lrsquousuari no visualitza la carpeta dins del seu departament eacutes perquegrave no
srsquoha aplicat la poliacutetica de seguretat correctament Cal obrir un tiquet a Suport
gencat per tramitar aquests permisos AQUESTA CARPETA NOMEacuteS SERAgrave
VISIBLE PER ALS USUARIS AMB ROL REDACTOR
4 Seleccionar ldquoA_Agegravencia Tributagraveriardquo
5 Seleccionar ldquoTramitOVTrdquo
1
68
2
3
1
69
4
5
70
Apareixeragrave el llistat de continguts ldquoTragravemitOVTrdquo de lrsquoOVT de lrsquoAgegravencia Tributagraveria
Realitzarem les accions seguumlents
1 Seleccionar el tragravemit o els tragravemits que volem compartir en la web dorganisme
2 Fer clic a ldquoAssociarrdquo
2
1
71
Aquest proceacutes obriragrave una finestra Per seleccionar el site i canal on es volen mostrar
els tragravemits seleccionats realitzarem les accions seguumlents (cas site Generic)
1 Seleccionar el site ldquoGenericrdquo en el vostre cas el site del departament on es vol
mostrar el contingut ldquotragravemitrdquo
2 Navegar pels canals del Site Genegraveric fins al canal que srsquoha creat en el punt
ldquoLlistat de tragravemitsrdquo i seleccionar el quadre de verificacioacute
3 Fer clic a ldquoOKrdquo
1
72
2
3
73
41 Validar que la comparticioacute de continguts eacutes correcta
Accedim per VCM al canal que hem creat anteriorment al qual li acabem drsquoassignar
els continguts de tragravemits que ha de mostrar i fem el seguumlent
1 Anar al contenidor de portals
2 Seleccionar el Site ldquogenericrdquo
3 Seleccionar el canal ldquoHomerdquo
4 Seleccionar el canal ldquoCanal Llistat tragravemitsrdquo
1
2
3
74
4
75
Apareixeragrave el contingut assignat al canal ldquoCanal Llistat tragravemitsrdquo
En entrar trobarem el llistat seguumlent
1 Llistat del tragravemits de lrsquoOVT que srsquohan compartit amb el canal ldquoCanal Llistat
tragravemitsrdquo
2 Validar que els continguts que apareixen soacuten del tipus ldquoTramitOVTrdquo
En cas que al canal del site ldquoCanal Llistat tragravemitsrdquo no apareguin els continguts
tragravemits associats anteriorment cal repetir el pas 22
1 2
76
5 Configuracioacute al portal
Ara cal entrar al nostre site on tenim configurat el canal que hem creat en lrsquoapartat
anterior (21) i que ara configurarem a nivell de portal
51 Configuracioacute a Canal Llistat tragravemits
511 Configuracioacute de la llista de tragravemits
Farem clic a lrsquoenllaccedil ldquoCanal llistat tragravemitsrdquo de la ldquoHomerdquo i anirem a parar a una
pantalla com la que es mostra meacutes avall
Es pot apreciar que en el contingut de la pagravegina no hi ha res Aixograve eacutes perquegrave cal
configurar els portlets adequats ( )
1 Ens situarem sobre la icona ldquoOpcions de Pagraveginardquo
2 Seleccionarem ldquoObrir Plantillardquo ja que els portlets soacuten a nivell de Page
Ens apareixeragrave una pantalla com la que es mostra tot seguit i realitzarem les accions
seguumlents
1 Seleccionar el portlet de la part central de la pagravegina per configurar una ldquoLlista
automagravetica de contingutsrdquo
2
1
77
Tambeacute podem configurar una ldquoLlista manual de contingutsrdquo segons les
necessitats de cada usuari
78
Ens redirigiragrave cap a un formulari drsquoedicioacute que ens mostraragrave directament quina consulta
hem de configurar per mostrar els continguts i configurarem una consulta com la
seguumlent (evidentment segons les necessitats de cada usuari)
Ara tenim configurat que la pagravegina mostraragrave els tipus de contingut ldquoTramitOVTrdquo del
canal actual ordenats per la ldquoEacutes on-linerdquo en ordre descendent
Aixograve ens portaragrave a la pantalla principal on acabarem de completar la configuracioacute
1 Validar que en lrsquoapartat ldquoConsultardquo hi ha la configuracioacute que acabem drsquoafegir
2 Emplenar ldquoAgraveliesrdquo
3 En lrsquoapartat Forma de presentacioacute fer clic al botoacute ldquoCercar helliprdquo
79
Ens apareixeragrave la pantalla seguumlent
1 Fer clic a ldquoNavegacioacute per projectesrdquo
1
2
3
80
Ens canviaragrave la vista al format seguumlent
1 Navegarem per les carpetes fins a arribar a ldquoFramework Formes de
presentacioacute Site generic fw_fp_llistatramitsrdquo
2 Seleccionarem ldquofw_fp_llistatramitsrdquo
3 Farem clic a ldquoOKrdquo
1
1
81
En retornar a la pantalla principal cal
1 Validar que la forma de presentacioacute eacutes la que acabem de seleccionar
2 Fer clic a ldquoOKrdquo
1 (continuacioacute) 2
3
82
1
2
83
Aquest seragrave el nostre resultat a la pantalla del portal i cal fer el seguumlent
1 Verificar que apareixen els dos continguts que es van associar a aquest canal
1
84
512 Configuracioacute del detall del tragravemit i el pas a pas
En fer clic sobre una activitat veurem com ens redirigeix a la plantilla configurada al
ldquodetallrdquo drsquoaquesta pagravegina tal com la vam configurar en lrsquoapartat 231 cal fer el
seguumlent
1 Fer clic a la primera activitat
1
85
Ens sortiragrave la pagravegina de VAP del detall drsquoun contingut per configurar farem els
passos seguumlents
1 Ens situarem sobre la icona ldquoOpcions de Pagraveginardquo
2 Seleccionar ldquoObrir Plantillardquo ja que els portlets soacuten a nivell de Page
Ens apareixeragrave una pantalla com la que es mostra tot seguit i realitzarem les accions
seguumlents
1 Seleccionar el portlet de la part central de la pagravegina per configurar un ldquoDetall
de contingutrdquo i fer clic a ldquoEditarrdquo
Ens apareixeragrave la pantalla de seleccioacute de component de presentacioacute
1 Seleccionarem el component de presentacioacute ldquoDetall de contingutrdquo
1
2
1
86
Ens apareixeragrave la pantalla que es mostra tot seguit i realitzarem les accions seguumlents
1 Emplenar el camp ldquoAgraveliesrdquo
2 Canviar a la pestanya ldquoPresentacioacuterdquo
En fer clic a la pestanya obtindrem la imatge que es mostra tot seguit i realitzarem les
accions seguumlents
1 Cercarem una forma de presentacioacute fent clic a ldquoCercar helliprdquo
1
2
87
Quan aparegui la pantalla de cercador realitzarem una cerca de la forma de
presentacioacute que volem fer servir per a aixograve cal fer el seguumlent
1 Emplenar la caixa de text amb ldquofw_fp_tramitrdquo
2 Preacutemer ldquoCercarrdquo
3 Seleccionar la forma de presentacioacute de la caixa de resultats
4 Preacutemer ldquoOKrdquo
La forma de presentacioacute ldquofw_fp_tramitrdquo estagrave preparada per ldquomaquillarrdquo el contingut
dels tragravemits Tambeacute es pot fer servir una forma de presentacioacute personalitzada
segons es cregui convenient
1
1
2
3
4
88
En acabar tornarem a la pagravegina principal drsquoedicioacute i farem el seguumlent
1 Verificar que la forma de presentacioacute eacutes la que hem escollit
2 Fer clic a ldquoOKrdquo
En finalitzar la configuracioacute del component de presentacioacute tornem a la pantalla del
portal i cal fer el seguumlent
1 Verificar que el disseny de la presentacioacute eacutes semblant al seguumlent
1
2
89
Configurarem el portlet superior central de la pagravegina perquegrave aquesta contingui el fil
drsquoAriadna
1 Accedir a ldquoObrir Plantillardquo
1 Editar el portlet central que hi ha a sobre del detall de tragravemit per configurar el fil
drsquoAriadna En aquest exemple el portlet eacutes ldquoFW_hilo_ariadnardquo
Escollirem el component de presentacioacute
1 Seleccionar el component de presentacioacute ldquoFil drsquoAriadnardquo
1
1
90
En la configuracioacute del component realitzarem les accions seguumlents
1 Inserir el camp ldquoAgraveliesrdquo
2 Inserir el camp ldquoCanalrdquo
3 Fer clic a la pestanya ldquoPresentacioacuterdquo i cercar la forma de presentacioacute
ldquofw_fp_filariadnardquo
1
91
513 Configuracioacute del detall drsquouna normativa SAC
En el detall de contingut configurat en el punt anterior fent clic sobre una normativa
veurem com ens redirigeix a la plantilla configurada al ldquodetall2rdquo drsquoaquesta pagravegina tal
com hem configurat a lrsquoapartat 231
1 Fer clic a la primera ldquoNormativa Aplicablerdquo
2
3
92
Aquest enllaccedil ens portaragrave al detall2 del canal on srsquoha de configurar el detall de
contingut SAC per tal que es mostri la normativa aplicable
Configurarem el portlet superior central de la pagravegina perquegrave aquesta contingui el fil
drsquoAriadna per a aixograve cal fer el seguumlent
1 Accedir a ldquoObrir Plantillardquo
1
93
1
94
1 Editar el portlet central que hi ha a sobre del detall de tragravemit per configurar el fil
drsquoAriadna En aquest exemple el portlet eacutes ldquofw_portlet_tramitrdquo
Escollirem el component de presentacioacute
1 Seleccionar el component de presentacioacute ldquoDetall de Contingut SACrdquo
En la configuracioacute del component realitzarem les accions seguumlents
1 Inserir el camp ldquoAgraveliesrdquo
2 Seleccionar el tipus de contingut ldquoDetall Tragravemitrdquo
1
95
3 Fer clic a la pestanya ldquoPresentacioacuterdquo i cercar la forma de presentacioacute
ldquofw_fp_sac_normativardquo
4 Fer clic al botoacute ldquoOKrdquo
Srsquoactualitzaragrave la pagravegina de VAP i es mostraragrave el detall de SAC
1
2
3
4
96
514 Validacioacute final de VAP
Finalment cal validar que els tragravemits es visualitzen correctament per a aixograve cal
1 Verificar que tenim els canals creats
2 Accedir al canal ldquoCanal Llistat tragravemitsrdquo i validar que es mostren els tragravemits
que hem associat al punt 22
1
97
A continuacioacute cal fer les comprovacions seguumlents
1 Accedir al detall del tragravemit compartit
2 Accedir al pas a pas del tragravemit i a la normativa de SAC
Exemple llistat de tragravemits compartits
2
1
98
Exemple detall de tragravemit compartit
Exemple pas a pas drsquoun tragravemit
2
2
99
Exemple normativa SAC
En el cas que no es visualitzin el llistat de tragravemits detall o pas a pas configurat
validar
1 Refrescar la Pagravegina
2 Els tragravemits estan associats al canal que esteacuten visualitzat punt 23
1 Refrescar la pagravegina
1
49
e Canal VCM per defecte
Tot seguit cal fer clic a ldquoOKrdquo
Per a la configuracioacute de la plantilla per al llistat de tragravemits es pot fer servir un
NavItem que utilitzi una grid amb destacats a la dreta per exemple la GRID B2 del
Site Genegraveric o beacute un Navitem sense destacats (el FW_NavItem_GRIDB creat
anteriorment)
El NavItem ha de disposar drsquoun portlet a la part central a nivell de Page per
configurar el llistat de tragravemits
f
50
2 Crear una nova Presentation Template per al detall de tragravemits i el pas a
pas
a Nom cal posar un nom identificatiu de la plantilla com per exemple
GenericoGridBTramit
b Tipus de plantilla Portal Page
c VAPVCM Portal defaultgeneric
d Element del menuacute de VAP FW_NavItem_GRIDB
e Canal VCM per defecte
Finalment cal fer clic a ldquoOKrdquo
Per configurar la plantilla per al detall dels tragravemits i el pas a pas srsquoha de fer servir un
NavItem que utilitzi una grid sense destacats a la dreta per exemple la GRID B del
site Genegraveric
El NavItem ha de disposar de dos portlets a la part central a nivell de Page per
configurar el llistat de tragravemits
Tot seguit cal crear una nova Presentation Template per al detall de tragravemits i el pas a
pas
a Nom cal posar un nom identificatiu de la plantilla per exemple
GenericoGridBTramitNormativaSac
f
51
b Tipus de plantilla Portal Page
c VAPVCM Portal defaultgeneric
d Element del menuacute de VAP FW_NavItem_GRIDB
e Canal VCM per defecte
Finalment cal fer clic a ldquoOKrdquo
322 Configuracioacute de la plantilla al canal
Les Presentation Templates que configurarem a continuacioacute soacuten drsquoexemple
Els responsables de cada site han de crear les seves progravepies plantilles
Un cop creat el canal i les Presentation Templates en configurarem la presentacioacute
1 Seleccionarem la casella de seleccioacute del canal que acabem de crear
2 Farem clic a la icona de propietats del canal
3 Navegarem a la pestanya ldquoPresentacioacuterdquo
52
Ens apareixeragrave un formulari com el que es mostra a continuacioacute i realitzarem les
accions seguumlents
1 Fer clic a ldquoAfegir presentacioacute de canalrdquo
1
2
3
53
Apareixeragrave la pantalla seguumlent amb lrsquoobjectiu de seleccionar una plantilla en el nostre
cas farem el seguumlent
1 Seleccionar el projecte de plantilles respectiu al portal A lrsquoexemple ldquogenericrdquo
Posteriorment apareixeragrave un llistat de plantilles (ldquoTemplatesrdquo)
1 En aquest cas seleccionarem ldquoGridB2LlistatTramitsrdquo
2 Acceptarem la seleccioacute ldquoOKrdquo
1
1
54
1
2
55
Un cop acceptat ens apareixeragrave la pantalla seguumlent on configurarem el ldquodetallrdquo Per a
aixograve cal fer el seguumlent
1 Fer clic a ldquoAssignar una Nova Plantilla de Presentacioacuterdquo
1
56
Tot seguit apareixeragrave la pantalla que es mostra a continuacioacute on realitzarem les
accions seguumlents
1 Fer clic a ldquoAfegir formatrdquo
En aquesta nova pantalla ens assegurarem del seguumlent
1 A la casella ldquoFormatrdquo hi ha el valor ldquodetallrdquo
2 A la casella ldquoTemplaterdquo hi ha drsquohaver el correcte Si no eacutes aixiacute srsquoha de fer clic a
ldquoNavegadorrdquo
En fer clic a ldquoNavegadorrdquo cal fer el seguumlent
1 Tornar a navegar fins a ldquogenericrdquo
1
1 2
57
1
58
I a la pantalla seguumlent cal seleccionar una plantilla i
1 Fer clic al botoacute a prop de ldquoGridBTramitrdquo
2 Fer clic a ldquoOKrdquo
1
2
59
En aquest moment es torna a la pantalla anterior i cal
1 Fer clic a ldquoOKrdquo
En el canal Llistat de tragravemits ha drsquoestar configurat el ldquoformatrdquo ldquodetallrdquo ja que la forma
de presentacioacute que configurarem a GridDBTramit necessitaragrave aquest format per
visualitzar el detall del contingut de tipus ldquoTragravemitrdquo
2
60
La pantalla anterior a aquesta ens ha de presentar aquesta informacioacute Ara
configurarem el ldquodetall2rdquo per presentar el contingut rdquo Normativa de SACrdquo Per a aixograve
cal fer el seguumlent
1 Fer clic a ldquoAfegir Formatrdquo
En aquesta nova pantalla ens assegurarem del seguumlent
1 A la casella ldquoFormatrdquo hi ha el valor ldquodetall2rdquo
1
61
2 A la casella ldquoTemplaterdquo hi ha drsquohaver el correcte Si no eacutes aixiacute srsquoha de fer clic a
ldquoNavegadorrdquo
En fer clic a ldquoNavegadorrdquo srsquoha de fer el seguumlent
1 Tornar a navegar fins a ldquogenericrdquo (srsquoha de substituir pel nom del portal)
1 2
62
1
63
A la pantalla seguumlent cal seleccionar una plantilla i
1 Fer clic al botoacute a prop de ldquoGridBTramitNormativaSacrdquo
2 Fer clic a ldquoOKrdquo
1
2
64
En aquest moment es torna a la pantalla anterior i cal fer el seguumlent
2 Fer clic a ldquoOKrdquo
En el canal Llistat de tragravemits ha drsquoestar configurat el ldquoformatrdquo ldquodetall2rdquo ja que la
forma de presentacioacute que configurarem a GridDBTramitNormativaSac necessitaragrave
aquest format per visualitzar el detall del contingut de tipus normativa ldquoSACrdquo
2
65
La pantalla anterior a aquesta ens ha de presentar aquesta informacioacute i srsquoha de fer el
seguumlent
2 Fer clic a ldquoOKrdquo
1
66
La finestra pare anterior a aquesta quedaragrave com es mostra tot seguit i realitzarem les
accions seguumlents
1 Fer clic a ldquoOKrdquo
4 Comparticioacute de continguts
Accedim al projecte on hi ha tots els tragravemits de lrsquoOVT
1
67
OVTDepartaments[NomCurtDepartaments][NomCurtOrganisme] TramitOVT
On NomCurtDepartaments correspon al nom curt del departament al que fa referencia
el nostre organisme
En aquest exemple es mostren tots els projectes de tragravemits de lrsquoOVT
Un cop localitzat el tragravemit de lrsquoOVT que volem compartir amb el nostre site accedirem
a lrsquoedicioacute del contingut i assignarem aquest contingut al canal del nostre site on es
vulgui mostrar Srsquoha de fer el seguumlent
1 Anar al contenidor de projectes on hi ha els continguts de GECO
Apareixeragrave lrsquoestructura de projectes a la qual teacute acceacutes lrsquousuari redactor Cal fer el
seguumlent (exemple Agegravencia Tributagraveria dins drsquoEconomia i Finances)
1 Seleccionar ldquoOVTrdquo
2 Seleccionar ldquoDepartamentsrdquo aquesta carpeta conteacute tots els tragravemits de lrsquoOVT
classificats per departaments
3 Seleccionar ldquoECOrdquo A lrsquousuari nomeacutes se li mostraragrave la carpeta del seu
departament
Si lrsquousuari no visualitza la carpeta dins del seu departament eacutes perquegrave no
srsquoha aplicat la poliacutetica de seguretat correctament Cal obrir un tiquet a Suport
gencat per tramitar aquests permisos AQUESTA CARPETA NOMEacuteS SERAgrave
VISIBLE PER ALS USUARIS AMB ROL REDACTOR
4 Seleccionar ldquoA_Agegravencia Tributagraveriardquo
5 Seleccionar ldquoTramitOVTrdquo
1
68
2
3
1
69
4
5
70
Apareixeragrave el llistat de continguts ldquoTragravemitOVTrdquo de lrsquoOVT de lrsquoAgegravencia Tributagraveria
Realitzarem les accions seguumlents
1 Seleccionar el tragravemit o els tragravemits que volem compartir en la web dorganisme
2 Fer clic a ldquoAssociarrdquo
2
1
71
Aquest proceacutes obriragrave una finestra Per seleccionar el site i canal on es volen mostrar
els tragravemits seleccionats realitzarem les accions seguumlents (cas site Generic)
1 Seleccionar el site ldquoGenericrdquo en el vostre cas el site del departament on es vol
mostrar el contingut ldquotragravemitrdquo
2 Navegar pels canals del Site Genegraveric fins al canal que srsquoha creat en el punt
ldquoLlistat de tragravemitsrdquo i seleccionar el quadre de verificacioacute
3 Fer clic a ldquoOKrdquo
1
72
2
3
73
41 Validar que la comparticioacute de continguts eacutes correcta
Accedim per VCM al canal que hem creat anteriorment al qual li acabem drsquoassignar
els continguts de tragravemits que ha de mostrar i fem el seguumlent
1 Anar al contenidor de portals
2 Seleccionar el Site ldquogenericrdquo
3 Seleccionar el canal ldquoHomerdquo
4 Seleccionar el canal ldquoCanal Llistat tragravemitsrdquo
1
2
3
74
4
75
Apareixeragrave el contingut assignat al canal ldquoCanal Llistat tragravemitsrdquo
En entrar trobarem el llistat seguumlent
1 Llistat del tragravemits de lrsquoOVT que srsquohan compartit amb el canal ldquoCanal Llistat
tragravemitsrdquo
2 Validar que els continguts que apareixen soacuten del tipus ldquoTramitOVTrdquo
En cas que al canal del site ldquoCanal Llistat tragravemitsrdquo no apareguin els continguts
tragravemits associats anteriorment cal repetir el pas 22
1 2
76
5 Configuracioacute al portal
Ara cal entrar al nostre site on tenim configurat el canal que hem creat en lrsquoapartat
anterior (21) i que ara configurarem a nivell de portal
51 Configuracioacute a Canal Llistat tragravemits
511 Configuracioacute de la llista de tragravemits
Farem clic a lrsquoenllaccedil ldquoCanal llistat tragravemitsrdquo de la ldquoHomerdquo i anirem a parar a una
pantalla com la que es mostra meacutes avall
Es pot apreciar que en el contingut de la pagravegina no hi ha res Aixograve eacutes perquegrave cal
configurar els portlets adequats ( )
1 Ens situarem sobre la icona ldquoOpcions de Pagraveginardquo
2 Seleccionarem ldquoObrir Plantillardquo ja que els portlets soacuten a nivell de Page
Ens apareixeragrave una pantalla com la que es mostra tot seguit i realitzarem les accions
seguumlents
1 Seleccionar el portlet de la part central de la pagravegina per configurar una ldquoLlista
automagravetica de contingutsrdquo
2
1
77
Tambeacute podem configurar una ldquoLlista manual de contingutsrdquo segons les
necessitats de cada usuari
78
Ens redirigiragrave cap a un formulari drsquoedicioacute que ens mostraragrave directament quina consulta
hem de configurar per mostrar els continguts i configurarem una consulta com la
seguumlent (evidentment segons les necessitats de cada usuari)
Ara tenim configurat que la pagravegina mostraragrave els tipus de contingut ldquoTramitOVTrdquo del
canal actual ordenats per la ldquoEacutes on-linerdquo en ordre descendent
Aixograve ens portaragrave a la pantalla principal on acabarem de completar la configuracioacute
1 Validar que en lrsquoapartat ldquoConsultardquo hi ha la configuracioacute que acabem drsquoafegir
2 Emplenar ldquoAgraveliesrdquo
3 En lrsquoapartat Forma de presentacioacute fer clic al botoacute ldquoCercar helliprdquo
79
Ens apareixeragrave la pantalla seguumlent
1 Fer clic a ldquoNavegacioacute per projectesrdquo
1
2
3
80
Ens canviaragrave la vista al format seguumlent
1 Navegarem per les carpetes fins a arribar a ldquoFramework Formes de
presentacioacute Site generic fw_fp_llistatramitsrdquo
2 Seleccionarem ldquofw_fp_llistatramitsrdquo
3 Farem clic a ldquoOKrdquo
1
1
81
En retornar a la pantalla principal cal
1 Validar que la forma de presentacioacute eacutes la que acabem de seleccionar
2 Fer clic a ldquoOKrdquo
1 (continuacioacute) 2
3
82
1
2
83
Aquest seragrave el nostre resultat a la pantalla del portal i cal fer el seguumlent
1 Verificar que apareixen els dos continguts que es van associar a aquest canal
1
84
512 Configuracioacute del detall del tragravemit i el pas a pas
En fer clic sobre una activitat veurem com ens redirigeix a la plantilla configurada al
ldquodetallrdquo drsquoaquesta pagravegina tal com la vam configurar en lrsquoapartat 231 cal fer el
seguumlent
1 Fer clic a la primera activitat
1
85
Ens sortiragrave la pagravegina de VAP del detall drsquoun contingut per configurar farem els
passos seguumlents
1 Ens situarem sobre la icona ldquoOpcions de Pagraveginardquo
2 Seleccionar ldquoObrir Plantillardquo ja que els portlets soacuten a nivell de Page
Ens apareixeragrave una pantalla com la que es mostra tot seguit i realitzarem les accions
seguumlents
1 Seleccionar el portlet de la part central de la pagravegina per configurar un ldquoDetall
de contingutrdquo i fer clic a ldquoEditarrdquo
Ens apareixeragrave la pantalla de seleccioacute de component de presentacioacute
1 Seleccionarem el component de presentacioacute ldquoDetall de contingutrdquo
1
2
1
86
Ens apareixeragrave la pantalla que es mostra tot seguit i realitzarem les accions seguumlents
1 Emplenar el camp ldquoAgraveliesrdquo
2 Canviar a la pestanya ldquoPresentacioacuterdquo
En fer clic a la pestanya obtindrem la imatge que es mostra tot seguit i realitzarem les
accions seguumlents
1 Cercarem una forma de presentacioacute fent clic a ldquoCercar helliprdquo
1
2
87
Quan aparegui la pantalla de cercador realitzarem una cerca de la forma de
presentacioacute que volem fer servir per a aixograve cal fer el seguumlent
1 Emplenar la caixa de text amb ldquofw_fp_tramitrdquo
2 Preacutemer ldquoCercarrdquo
3 Seleccionar la forma de presentacioacute de la caixa de resultats
4 Preacutemer ldquoOKrdquo
La forma de presentacioacute ldquofw_fp_tramitrdquo estagrave preparada per ldquomaquillarrdquo el contingut
dels tragravemits Tambeacute es pot fer servir una forma de presentacioacute personalitzada
segons es cregui convenient
1
1
2
3
4
88
En acabar tornarem a la pagravegina principal drsquoedicioacute i farem el seguumlent
1 Verificar que la forma de presentacioacute eacutes la que hem escollit
2 Fer clic a ldquoOKrdquo
En finalitzar la configuracioacute del component de presentacioacute tornem a la pantalla del
portal i cal fer el seguumlent
1 Verificar que el disseny de la presentacioacute eacutes semblant al seguumlent
1
2
89
Configurarem el portlet superior central de la pagravegina perquegrave aquesta contingui el fil
drsquoAriadna
1 Accedir a ldquoObrir Plantillardquo
1 Editar el portlet central que hi ha a sobre del detall de tragravemit per configurar el fil
drsquoAriadna En aquest exemple el portlet eacutes ldquoFW_hilo_ariadnardquo
Escollirem el component de presentacioacute
1 Seleccionar el component de presentacioacute ldquoFil drsquoAriadnardquo
1
1
90
En la configuracioacute del component realitzarem les accions seguumlents
1 Inserir el camp ldquoAgraveliesrdquo
2 Inserir el camp ldquoCanalrdquo
3 Fer clic a la pestanya ldquoPresentacioacuterdquo i cercar la forma de presentacioacute
ldquofw_fp_filariadnardquo
1
91
513 Configuracioacute del detall drsquouna normativa SAC
En el detall de contingut configurat en el punt anterior fent clic sobre una normativa
veurem com ens redirigeix a la plantilla configurada al ldquodetall2rdquo drsquoaquesta pagravegina tal
com hem configurat a lrsquoapartat 231
1 Fer clic a la primera ldquoNormativa Aplicablerdquo
2
3
92
Aquest enllaccedil ens portaragrave al detall2 del canal on srsquoha de configurar el detall de
contingut SAC per tal que es mostri la normativa aplicable
Configurarem el portlet superior central de la pagravegina perquegrave aquesta contingui el fil
drsquoAriadna per a aixograve cal fer el seguumlent
1 Accedir a ldquoObrir Plantillardquo
1
93
1
94
1 Editar el portlet central que hi ha a sobre del detall de tragravemit per configurar el fil
drsquoAriadna En aquest exemple el portlet eacutes ldquofw_portlet_tramitrdquo
Escollirem el component de presentacioacute
1 Seleccionar el component de presentacioacute ldquoDetall de Contingut SACrdquo
En la configuracioacute del component realitzarem les accions seguumlents
1 Inserir el camp ldquoAgraveliesrdquo
2 Seleccionar el tipus de contingut ldquoDetall Tragravemitrdquo
1
95
3 Fer clic a la pestanya ldquoPresentacioacuterdquo i cercar la forma de presentacioacute
ldquofw_fp_sac_normativardquo
4 Fer clic al botoacute ldquoOKrdquo
Srsquoactualitzaragrave la pagravegina de VAP i es mostraragrave el detall de SAC
1
2
3
4
96
514 Validacioacute final de VAP
Finalment cal validar que els tragravemits es visualitzen correctament per a aixograve cal
1 Verificar que tenim els canals creats
2 Accedir al canal ldquoCanal Llistat tragravemitsrdquo i validar que es mostren els tragravemits
que hem associat al punt 22
1
97
A continuacioacute cal fer les comprovacions seguumlents
1 Accedir al detall del tragravemit compartit
2 Accedir al pas a pas del tragravemit i a la normativa de SAC
Exemple llistat de tragravemits compartits
2
1
98
Exemple detall de tragravemit compartit
Exemple pas a pas drsquoun tragravemit
2
2
99
Exemple normativa SAC
En el cas que no es visualitzin el llistat de tragravemits detall o pas a pas configurat
validar
1 Refrescar la Pagravegina
2 Els tragravemits estan associats al canal que esteacuten visualitzat punt 23
1 Refrescar la pagravegina
1
50
2 Crear una nova Presentation Template per al detall de tragravemits i el pas a
pas
a Nom cal posar un nom identificatiu de la plantilla com per exemple
GenericoGridBTramit
b Tipus de plantilla Portal Page
c VAPVCM Portal defaultgeneric
d Element del menuacute de VAP FW_NavItem_GRIDB
e Canal VCM per defecte
Finalment cal fer clic a ldquoOKrdquo
Per configurar la plantilla per al detall dels tragravemits i el pas a pas srsquoha de fer servir un
NavItem que utilitzi una grid sense destacats a la dreta per exemple la GRID B del
site Genegraveric
El NavItem ha de disposar de dos portlets a la part central a nivell de Page per
configurar el llistat de tragravemits
Tot seguit cal crear una nova Presentation Template per al detall de tragravemits i el pas a
pas
a Nom cal posar un nom identificatiu de la plantilla per exemple
GenericoGridBTramitNormativaSac
f
51
b Tipus de plantilla Portal Page
c VAPVCM Portal defaultgeneric
d Element del menuacute de VAP FW_NavItem_GRIDB
e Canal VCM per defecte
Finalment cal fer clic a ldquoOKrdquo
322 Configuracioacute de la plantilla al canal
Les Presentation Templates que configurarem a continuacioacute soacuten drsquoexemple
Els responsables de cada site han de crear les seves progravepies plantilles
Un cop creat el canal i les Presentation Templates en configurarem la presentacioacute
1 Seleccionarem la casella de seleccioacute del canal que acabem de crear
2 Farem clic a la icona de propietats del canal
3 Navegarem a la pestanya ldquoPresentacioacuterdquo
52
Ens apareixeragrave un formulari com el que es mostra a continuacioacute i realitzarem les
accions seguumlents
1 Fer clic a ldquoAfegir presentacioacute de canalrdquo
1
2
3
53
Apareixeragrave la pantalla seguumlent amb lrsquoobjectiu de seleccionar una plantilla en el nostre
cas farem el seguumlent
1 Seleccionar el projecte de plantilles respectiu al portal A lrsquoexemple ldquogenericrdquo
Posteriorment apareixeragrave un llistat de plantilles (ldquoTemplatesrdquo)
1 En aquest cas seleccionarem ldquoGridB2LlistatTramitsrdquo
2 Acceptarem la seleccioacute ldquoOKrdquo
1
1
54
1
2
55
Un cop acceptat ens apareixeragrave la pantalla seguumlent on configurarem el ldquodetallrdquo Per a
aixograve cal fer el seguumlent
1 Fer clic a ldquoAssignar una Nova Plantilla de Presentacioacuterdquo
1
56
Tot seguit apareixeragrave la pantalla que es mostra a continuacioacute on realitzarem les
accions seguumlents
1 Fer clic a ldquoAfegir formatrdquo
En aquesta nova pantalla ens assegurarem del seguumlent
1 A la casella ldquoFormatrdquo hi ha el valor ldquodetallrdquo
2 A la casella ldquoTemplaterdquo hi ha drsquohaver el correcte Si no eacutes aixiacute srsquoha de fer clic a
ldquoNavegadorrdquo
En fer clic a ldquoNavegadorrdquo cal fer el seguumlent
1 Tornar a navegar fins a ldquogenericrdquo
1
1 2
57
1
58
I a la pantalla seguumlent cal seleccionar una plantilla i
1 Fer clic al botoacute a prop de ldquoGridBTramitrdquo
2 Fer clic a ldquoOKrdquo
1
2
59
En aquest moment es torna a la pantalla anterior i cal
1 Fer clic a ldquoOKrdquo
En el canal Llistat de tragravemits ha drsquoestar configurat el ldquoformatrdquo ldquodetallrdquo ja que la forma
de presentacioacute que configurarem a GridDBTramit necessitaragrave aquest format per
visualitzar el detall del contingut de tipus ldquoTragravemitrdquo
2
60
La pantalla anterior a aquesta ens ha de presentar aquesta informacioacute Ara
configurarem el ldquodetall2rdquo per presentar el contingut rdquo Normativa de SACrdquo Per a aixograve
cal fer el seguumlent
1 Fer clic a ldquoAfegir Formatrdquo
En aquesta nova pantalla ens assegurarem del seguumlent
1 A la casella ldquoFormatrdquo hi ha el valor ldquodetall2rdquo
1
61
2 A la casella ldquoTemplaterdquo hi ha drsquohaver el correcte Si no eacutes aixiacute srsquoha de fer clic a
ldquoNavegadorrdquo
En fer clic a ldquoNavegadorrdquo srsquoha de fer el seguumlent
1 Tornar a navegar fins a ldquogenericrdquo (srsquoha de substituir pel nom del portal)
1 2
62
1
63
A la pantalla seguumlent cal seleccionar una plantilla i
1 Fer clic al botoacute a prop de ldquoGridBTramitNormativaSacrdquo
2 Fer clic a ldquoOKrdquo
1
2
64
En aquest moment es torna a la pantalla anterior i cal fer el seguumlent
2 Fer clic a ldquoOKrdquo
En el canal Llistat de tragravemits ha drsquoestar configurat el ldquoformatrdquo ldquodetall2rdquo ja que la
forma de presentacioacute que configurarem a GridDBTramitNormativaSac necessitaragrave
aquest format per visualitzar el detall del contingut de tipus normativa ldquoSACrdquo
2
65
La pantalla anterior a aquesta ens ha de presentar aquesta informacioacute i srsquoha de fer el
seguumlent
2 Fer clic a ldquoOKrdquo
1
66
La finestra pare anterior a aquesta quedaragrave com es mostra tot seguit i realitzarem les
accions seguumlents
1 Fer clic a ldquoOKrdquo
4 Comparticioacute de continguts
Accedim al projecte on hi ha tots els tragravemits de lrsquoOVT
1
67
OVTDepartaments[NomCurtDepartaments][NomCurtOrganisme] TramitOVT
On NomCurtDepartaments correspon al nom curt del departament al que fa referencia
el nostre organisme
En aquest exemple es mostren tots els projectes de tragravemits de lrsquoOVT
Un cop localitzat el tragravemit de lrsquoOVT que volem compartir amb el nostre site accedirem
a lrsquoedicioacute del contingut i assignarem aquest contingut al canal del nostre site on es
vulgui mostrar Srsquoha de fer el seguumlent
1 Anar al contenidor de projectes on hi ha els continguts de GECO
Apareixeragrave lrsquoestructura de projectes a la qual teacute acceacutes lrsquousuari redactor Cal fer el
seguumlent (exemple Agegravencia Tributagraveria dins drsquoEconomia i Finances)
1 Seleccionar ldquoOVTrdquo
2 Seleccionar ldquoDepartamentsrdquo aquesta carpeta conteacute tots els tragravemits de lrsquoOVT
classificats per departaments
3 Seleccionar ldquoECOrdquo A lrsquousuari nomeacutes se li mostraragrave la carpeta del seu
departament
Si lrsquousuari no visualitza la carpeta dins del seu departament eacutes perquegrave no
srsquoha aplicat la poliacutetica de seguretat correctament Cal obrir un tiquet a Suport
gencat per tramitar aquests permisos AQUESTA CARPETA NOMEacuteS SERAgrave
VISIBLE PER ALS USUARIS AMB ROL REDACTOR
4 Seleccionar ldquoA_Agegravencia Tributagraveriardquo
5 Seleccionar ldquoTramitOVTrdquo
1
68
2
3
1
69
4
5
70
Apareixeragrave el llistat de continguts ldquoTragravemitOVTrdquo de lrsquoOVT de lrsquoAgegravencia Tributagraveria
Realitzarem les accions seguumlents
1 Seleccionar el tragravemit o els tragravemits que volem compartir en la web dorganisme
2 Fer clic a ldquoAssociarrdquo
2
1
71
Aquest proceacutes obriragrave una finestra Per seleccionar el site i canal on es volen mostrar
els tragravemits seleccionats realitzarem les accions seguumlents (cas site Generic)
1 Seleccionar el site ldquoGenericrdquo en el vostre cas el site del departament on es vol
mostrar el contingut ldquotragravemitrdquo
2 Navegar pels canals del Site Genegraveric fins al canal que srsquoha creat en el punt
ldquoLlistat de tragravemitsrdquo i seleccionar el quadre de verificacioacute
3 Fer clic a ldquoOKrdquo
1
72
2
3
73
41 Validar que la comparticioacute de continguts eacutes correcta
Accedim per VCM al canal que hem creat anteriorment al qual li acabem drsquoassignar
els continguts de tragravemits que ha de mostrar i fem el seguumlent
1 Anar al contenidor de portals
2 Seleccionar el Site ldquogenericrdquo
3 Seleccionar el canal ldquoHomerdquo
4 Seleccionar el canal ldquoCanal Llistat tragravemitsrdquo
1
2
3
74
4
75
Apareixeragrave el contingut assignat al canal ldquoCanal Llistat tragravemitsrdquo
En entrar trobarem el llistat seguumlent
1 Llistat del tragravemits de lrsquoOVT que srsquohan compartit amb el canal ldquoCanal Llistat
tragravemitsrdquo
2 Validar que els continguts que apareixen soacuten del tipus ldquoTramitOVTrdquo
En cas que al canal del site ldquoCanal Llistat tragravemitsrdquo no apareguin els continguts
tragravemits associats anteriorment cal repetir el pas 22
1 2
76
5 Configuracioacute al portal
Ara cal entrar al nostre site on tenim configurat el canal que hem creat en lrsquoapartat
anterior (21) i que ara configurarem a nivell de portal
51 Configuracioacute a Canal Llistat tragravemits
511 Configuracioacute de la llista de tragravemits
Farem clic a lrsquoenllaccedil ldquoCanal llistat tragravemitsrdquo de la ldquoHomerdquo i anirem a parar a una
pantalla com la que es mostra meacutes avall
Es pot apreciar que en el contingut de la pagravegina no hi ha res Aixograve eacutes perquegrave cal
configurar els portlets adequats ( )
1 Ens situarem sobre la icona ldquoOpcions de Pagraveginardquo
2 Seleccionarem ldquoObrir Plantillardquo ja que els portlets soacuten a nivell de Page
Ens apareixeragrave una pantalla com la que es mostra tot seguit i realitzarem les accions
seguumlents
1 Seleccionar el portlet de la part central de la pagravegina per configurar una ldquoLlista
automagravetica de contingutsrdquo
2
1
77
Tambeacute podem configurar una ldquoLlista manual de contingutsrdquo segons les
necessitats de cada usuari
78
Ens redirigiragrave cap a un formulari drsquoedicioacute que ens mostraragrave directament quina consulta
hem de configurar per mostrar els continguts i configurarem una consulta com la
seguumlent (evidentment segons les necessitats de cada usuari)
Ara tenim configurat que la pagravegina mostraragrave els tipus de contingut ldquoTramitOVTrdquo del
canal actual ordenats per la ldquoEacutes on-linerdquo en ordre descendent
Aixograve ens portaragrave a la pantalla principal on acabarem de completar la configuracioacute
1 Validar que en lrsquoapartat ldquoConsultardquo hi ha la configuracioacute que acabem drsquoafegir
2 Emplenar ldquoAgraveliesrdquo
3 En lrsquoapartat Forma de presentacioacute fer clic al botoacute ldquoCercar helliprdquo
79
Ens apareixeragrave la pantalla seguumlent
1 Fer clic a ldquoNavegacioacute per projectesrdquo
1
2
3
80
Ens canviaragrave la vista al format seguumlent
1 Navegarem per les carpetes fins a arribar a ldquoFramework Formes de
presentacioacute Site generic fw_fp_llistatramitsrdquo
2 Seleccionarem ldquofw_fp_llistatramitsrdquo
3 Farem clic a ldquoOKrdquo
1
1
81
En retornar a la pantalla principal cal
1 Validar que la forma de presentacioacute eacutes la que acabem de seleccionar
2 Fer clic a ldquoOKrdquo
1 (continuacioacute) 2
3
82
1
2
83
Aquest seragrave el nostre resultat a la pantalla del portal i cal fer el seguumlent
1 Verificar que apareixen els dos continguts que es van associar a aquest canal
1
84
512 Configuracioacute del detall del tragravemit i el pas a pas
En fer clic sobre una activitat veurem com ens redirigeix a la plantilla configurada al
ldquodetallrdquo drsquoaquesta pagravegina tal com la vam configurar en lrsquoapartat 231 cal fer el
seguumlent
1 Fer clic a la primera activitat
1
85
Ens sortiragrave la pagravegina de VAP del detall drsquoun contingut per configurar farem els
passos seguumlents
1 Ens situarem sobre la icona ldquoOpcions de Pagraveginardquo
2 Seleccionar ldquoObrir Plantillardquo ja que els portlets soacuten a nivell de Page
Ens apareixeragrave una pantalla com la que es mostra tot seguit i realitzarem les accions
seguumlents
1 Seleccionar el portlet de la part central de la pagravegina per configurar un ldquoDetall
de contingutrdquo i fer clic a ldquoEditarrdquo
Ens apareixeragrave la pantalla de seleccioacute de component de presentacioacute
1 Seleccionarem el component de presentacioacute ldquoDetall de contingutrdquo
1
2
1
86
Ens apareixeragrave la pantalla que es mostra tot seguit i realitzarem les accions seguumlents
1 Emplenar el camp ldquoAgraveliesrdquo
2 Canviar a la pestanya ldquoPresentacioacuterdquo
En fer clic a la pestanya obtindrem la imatge que es mostra tot seguit i realitzarem les
accions seguumlents
1 Cercarem una forma de presentacioacute fent clic a ldquoCercar helliprdquo
1
2
87
Quan aparegui la pantalla de cercador realitzarem una cerca de la forma de
presentacioacute que volem fer servir per a aixograve cal fer el seguumlent
1 Emplenar la caixa de text amb ldquofw_fp_tramitrdquo
2 Preacutemer ldquoCercarrdquo
3 Seleccionar la forma de presentacioacute de la caixa de resultats
4 Preacutemer ldquoOKrdquo
La forma de presentacioacute ldquofw_fp_tramitrdquo estagrave preparada per ldquomaquillarrdquo el contingut
dels tragravemits Tambeacute es pot fer servir una forma de presentacioacute personalitzada
segons es cregui convenient
1
1
2
3
4
88
En acabar tornarem a la pagravegina principal drsquoedicioacute i farem el seguumlent
1 Verificar que la forma de presentacioacute eacutes la que hem escollit
2 Fer clic a ldquoOKrdquo
En finalitzar la configuracioacute del component de presentacioacute tornem a la pantalla del
portal i cal fer el seguumlent
1 Verificar que el disseny de la presentacioacute eacutes semblant al seguumlent
1
2
89
Configurarem el portlet superior central de la pagravegina perquegrave aquesta contingui el fil
drsquoAriadna
1 Accedir a ldquoObrir Plantillardquo
1 Editar el portlet central que hi ha a sobre del detall de tragravemit per configurar el fil
drsquoAriadna En aquest exemple el portlet eacutes ldquoFW_hilo_ariadnardquo
Escollirem el component de presentacioacute
1 Seleccionar el component de presentacioacute ldquoFil drsquoAriadnardquo
1
1
90
En la configuracioacute del component realitzarem les accions seguumlents
1 Inserir el camp ldquoAgraveliesrdquo
2 Inserir el camp ldquoCanalrdquo
3 Fer clic a la pestanya ldquoPresentacioacuterdquo i cercar la forma de presentacioacute
ldquofw_fp_filariadnardquo
1
91
513 Configuracioacute del detall drsquouna normativa SAC
En el detall de contingut configurat en el punt anterior fent clic sobre una normativa
veurem com ens redirigeix a la plantilla configurada al ldquodetall2rdquo drsquoaquesta pagravegina tal
com hem configurat a lrsquoapartat 231
1 Fer clic a la primera ldquoNormativa Aplicablerdquo
2
3
92
Aquest enllaccedil ens portaragrave al detall2 del canal on srsquoha de configurar el detall de
contingut SAC per tal que es mostri la normativa aplicable
Configurarem el portlet superior central de la pagravegina perquegrave aquesta contingui el fil
drsquoAriadna per a aixograve cal fer el seguumlent
1 Accedir a ldquoObrir Plantillardquo
1
93
1
94
1 Editar el portlet central que hi ha a sobre del detall de tragravemit per configurar el fil
drsquoAriadna En aquest exemple el portlet eacutes ldquofw_portlet_tramitrdquo
Escollirem el component de presentacioacute
1 Seleccionar el component de presentacioacute ldquoDetall de Contingut SACrdquo
En la configuracioacute del component realitzarem les accions seguumlents
1 Inserir el camp ldquoAgraveliesrdquo
2 Seleccionar el tipus de contingut ldquoDetall Tragravemitrdquo
1
95
3 Fer clic a la pestanya ldquoPresentacioacuterdquo i cercar la forma de presentacioacute
ldquofw_fp_sac_normativardquo
4 Fer clic al botoacute ldquoOKrdquo
Srsquoactualitzaragrave la pagravegina de VAP i es mostraragrave el detall de SAC
1
2
3
4
96
514 Validacioacute final de VAP
Finalment cal validar que els tragravemits es visualitzen correctament per a aixograve cal
1 Verificar que tenim els canals creats
2 Accedir al canal ldquoCanal Llistat tragravemitsrdquo i validar que es mostren els tragravemits
que hem associat al punt 22
1
97
A continuacioacute cal fer les comprovacions seguumlents
1 Accedir al detall del tragravemit compartit
2 Accedir al pas a pas del tragravemit i a la normativa de SAC
Exemple llistat de tragravemits compartits
2
1
98
Exemple detall de tragravemit compartit
Exemple pas a pas drsquoun tragravemit
2
2
99
Exemple normativa SAC
En el cas que no es visualitzin el llistat de tragravemits detall o pas a pas configurat
validar
1 Refrescar la Pagravegina
2 Els tragravemits estan associats al canal que esteacuten visualitzat punt 23
1 Refrescar la pagravegina
1
51
b Tipus de plantilla Portal Page
c VAPVCM Portal defaultgeneric
d Element del menuacute de VAP FW_NavItem_GRIDB
e Canal VCM per defecte
Finalment cal fer clic a ldquoOKrdquo
322 Configuracioacute de la plantilla al canal
Les Presentation Templates que configurarem a continuacioacute soacuten drsquoexemple
Els responsables de cada site han de crear les seves progravepies plantilles
Un cop creat el canal i les Presentation Templates en configurarem la presentacioacute
1 Seleccionarem la casella de seleccioacute del canal que acabem de crear
2 Farem clic a la icona de propietats del canal
3 Navegarem a la pestanya ldquoPresentacioacuterdquo
52
Ens apareixeragrave un formulari com el que es mostra a continuacioacute i realitzarem les
accions seguumlents
1 Fer clic a ldquoAfegir presentacioacute de canalrdquo
1
2
3
53
Apareixeragrave la pantalla seguumlent amb lrsquoobjectiu de seleccionar una plantilla en el nostre
cas farem el seguumlent
1 Seleccionar el projecte de plantilles respectiu al portal A lrsquoexemple ldquogenericrdquo
Posteriorment apareixeragrave un llistat de plantilles (ldquoTemplatesrdquo)
1 En aquest cas seleccionarem ldquoGridB2LlistatTramitsrdquo
2 Acceptarem la seleccioacute ldquoOKrdquo
1
1
54
1
2
55
Un cop acceptat ens apareixeragrave la pantalla seguumlent on configurarem el ldquodetallrdquo Per a
aixograve cal fer el seguumlent
1 Fer clic a ldquoAssignar una Nova Plantilla de Presentacioacuterdquo
1
56
Tot seguit apareixeragrave la pantalla que es mostra a continuacioacute on realitzarem les
accions seguumlents
1 Fer clic a ldquoAfegir formatrdquo
En aquesta nova pantalla ens assegurarem del seguumlent
1 A la casella ldquoFormatrdquo hi ha el valor ldquodetallrdquo
2 A la casella ldquoTemplaterdquo hi ha drsquohaver el correcte Si no eacutes aixiacute srsquoha de fer clic a
ldquoNavegadorrdquo
En fer clic a ldquoNavegadorrdquo cal fer el seguumlent
1 Tornar a navegar fins a ldquogenericrdquo
1
1 2
57
1
58
I a la pantalla seguumlent cal seleccionar una plantilla i
1 Fer clic al botoacute a prop de ldquoGridBTramitrdquo
2 Fer clic a ldquoOKrdquo
1
2
59
En aquest moment es torna a la pantalla anterior i cal
1 Fer clic a ldquoOKrdquo
En el canal Llistat de tragravemits ha drsquoestar configurat el ldquoformatrdquo ldquodetallrdquo ja que la forma
de presentacioacute que configurarem a GridDBTramit necessitaragrave aquest format per
visualitzar el detall del contingut de tipus ldquoTragravemitrdquo
2
60
La pantalla anterior a aquesta ens ha de presentar aquesta informacioacute Ara
configurarem el ldquodetall2rdquo per presentar el contingut rdquo Normativa de SACrdquo Per a aixograve
cal fer el seguumlent
1 Fer clic a ldquoAfegir Formatrdquo
En aquesta nova pantalla ens assegurarem del seguumlent
1 A la casella ldquoFormatrdquo hi ha el valor ldquodetall2rdquo
1
61
2 A la casella ldquoTemplaterdquo hi ha drsquohaver el correcte Si no eacutes aixiacute srsquoha de fer clic a
ldquoNavegadorrdquo
En fer clic a ldquoNavegadorrdquo srsquoha de fer el seguumlent
1 Tornar a navegar fins a ldquogenericrdquo (srsquoha de substituir pel nom del portal)
1 2
62
1
63
A la pantalla seguumlent cal seleccionar una plantilla i
1 Fer clic al botoacute a prop de ldquoGridBTramitNormativaSacrdquo
2 Fer clic a ldquoOKrdquo
1
2
64
En aquest moment es torna a la pantalla anterior i cal fer el seguumlent
2 Fer clic a ldquoOKrdquo
En el canal Llistat de tragravemits ha drsquoestar configurat el ldquoformatrdquo ldquodetall2rdquo ja que la
forma de presentacioacute que configurarem a GridDBTramitNormativaSac necessitaragrave
aquest format per visualitzar el detall del contingut de tipus normativa ldquoSACrdquo
2
65
La pantalla anterior a aquesta ens ha de presentar aquesta informacioacute i srsquoha de fer el
seguumlent
2 Fer clic a ldquoOKrdquo
1
66
La finestra pare anterior a aquesta quedaragrave com es mostra tot seguit i realitzarem les
accions seguumlents
1 Fer clic a ldquoOKrdquo
4 Comparticioacute de continguts
Accedim al projecte on hi ha tots els tragravemits de lrsquoOVT
1
67
OVTDepartaments[NomCurtDepartaments][NomCurtOrganisme] TramitOVT
On NomCurtDepartaments correspon al nom curt del departament al que fa referencia
el nostre organisme
En aquest exemple es mostren tots els projectes de tragravemits de lrsquoOVT
Un cop localitzat el tragravemit de lrsquoOVT que volem compartir amb el nostre site accedirem
a lrsquoedicioacute del contingut i assignarem aquest contingut al canal del nostre site on es
vulgui mostrar Srsquoha de fer el seguumlent
1 Anar al contenidor de projectes on hi ha els continguts de GECO
Apareixeragrave lrsquoestructura de projectes a la qual teacute acceacutes lrsquousuari redactor Cal fer el
seguumlent (exemple Agegravencia Tributagraveria dins drsquoEconomia i Finances)
1 Seleccionar ldquoOVTrdquo
2 Seleccionar ldquoDepartamentsrdquo aquesta carpeta conteacute tots els tragravemits de lrsquoOVT
classificats per departaments
3 Seleccionar ldquoECOrdquo A lrsquousuari nomeacutes se li mostraragrave la carpeta del seu
departament
Si lrsquousuari no visualitza la carpeta dins del seu departament eacutes perquegrave no
srsquoha aplicat la poliacutetica de seguretat correctament Cal obrir un tiquet a Suport
gencat per tramitar aquests permisos AQUESTA CARPETA NOMEacuteS SERAgrave
VISIBLE PER ALS USUARIS AMB ROL REDACTOR
4 Seleccionar ldquoA_Agegravencia Tributagraveriardquo
5 Seleccionar ldquoTramitOVTrdquo
1
68
2
3
1
69
4
5
70
Apareixeragrave el llistat de continguts ldquoTragravemitOVTrdquo de lrsquoOVT de lrsquoAgegravencia Tributagraveria
Realitzarem les accions seguumlents
1 Seleccionar el tragravemit o els tragravemits que volem compartir en la web dorganisme
2 Fer clic a ldquoAssociarrdquo
2
1
71
Aquest proceacutes obriragrave una finestra Per seleccionar el site i canal on es volen mostrar
els tragravemits seleccionats realitzarem les accions seguumlents (cas site Generic)
1 Seleccionar el site ldquoGenericrdquo en el vostre cas el site del departament on es vol
mostrar el contingut ldquotragravemitrdquo
2 Navegar pels canals del Site Genegraveric fins al canal que srsquoha creat en el punt
ldquoLlistat de tragravemitsrdquo i seleccionar el quadre de verificacioacute
3 Fer clic a ldquoOKrdquo
1
72
2
3
73
41 Validar que la comparticioacute de continguts eacutes correcta
Accedim per VCM al canal que hem creat anteriorment al qual li acabem drsquoassignar
els continguts de tragravemits que ha de mostrar i fem el seguumlent
1 Anar al contenidor de portals
2 Seleccionar el Site ldquogenericrdquo
3 Seleccionar el canal ldquoHomerdquo
4 Seleccionar el canal ldquoCanal Llistat tragravemitsrdquo
1
2
3
74
4
75
Apareixeragrave el contingut assignat al canal ldquoCanal Llistat tragravemitsrdquo
En entrar trobarem el llistat seguumlent
1 Llistat del tragravemits de lrsquoOVT que srsquohan compartit amb el canal ldquoCanal Llistat
tragravemitsrdquo
2 Validar que els continguts que apareixen soacuten del tipus ldquoTramitOVTrdquo
En cas que al canal del site ldquoCanal Llistat tragravemitsrdquo no apareguin els continguts
tragravemits associats anteriorment cal repetir el pas 22
1 2
76
5 Configuracioacute al portal
Ara cal entrar al nostre site on tenim configurat el canal que hem creat en lrsquoapartat
anterior (21) i que ara configurarem a nivell de portal
51 Configuracioacute a Canal Llistat tragravemits
511 Configuracioacute de la llista de tragravemits
Farem clic a lrsquoenllaccedil ldquoCanal llistat tragravemitsrdquo de la ldquoHomerdquo i anirem a parar a una
pantalla com la que es mostra meacutes avall
Es pot apreciar que en el contingut de la pagravegina no hi ha res Aixograve eacutes perquegrave cal
configurar els portlets adequats ( )
1 Ens situarem sobre la icona ldquoOpcions de Pagraveginardquo
2 Seleccionarem ldquoObrir Plantillardquo ja que els portlets soacuten a nivell de Page
Ens apareixeragrave una pantalla com la que es mostra tot seguit i realitzarem les accions
seguumlents
1 Seleccionar el portlet de la part central de la pagravegina per configurar una ldquoLlista
automagravetica de contingutsrdquo
2
1
77
Tambeacute podem configurar una ldquoLlista manual de contingutsrdquo segons les
necessitats de cada usuari
78
Ens redirigiragrave cap a un formulari drsquoedicioacute que ens mostraragrave directament quina consulta
hem de configurar per mostrar els continguts i configurarem una consulta com la
seguumlent (evidentment segons les necessitats de cada usuari)
Ara tenim configurat que la pagravegina mostraragrave els tipus de contingut ldquoTramitOVTrdquo del
canal actual ordenats per la ldquoEacutes on-linerdquo en ordre descendent
Aixograve ens portaragrave a la pantalla principal on acabarem de completar la configuracioacute
1 Validar que en lrsquoapartat ldquoConsultardquo hi ha la configuracioacute que acabem drsquoafegir
2 Emplenar ldquoAgraveliesrdquo
3 En lrsquoapartat Forma de presentacioacute fer clic al botoacute ldquoCercar helliprdquo
79
Ens apareixeragrave la pantalla seguumlent
1 Fer clic a ldquoNavegacioacute per projectesrdquo
1
2
3
80
Ens canviaragrave la vista al format seguumlent
1 Navegarem per les carpetes fins a arribar a ldquoFramework Formes de
presentacioacute Site generic fw_fp_llistatramitsrdquo
2 Seleccionarem ldquofw_fp_llistatramitsrdquo
3 Farem clic a ldquoOKrdquo
1
1
81
En retornar a la pantalla principal cal
1 Validar que la forma de presentacioacute eacutes la que acabem de seleccionar
2 Fer clic a ldquoOKrdquo
1 (continuacioacute) 2
3
82
1
2
83
Aquest seragrave el nostre resultat a la pantalla del portal i cal fer el seguumlent
1 Verificar que apareixen els dos continguts que es van associar a aquest canal
1
84
512 Configuracioacute del detall del tragravemit i el pas a pas
En fer clic sobre una activitat veurem com ens redirigeix a la plantilla configurada al
ldquodetallrdquo drsquoaquesta pagravegina tal com la vam configurar en lrsquoapartat 231 cal fer el
seguumlent
1 Fer clic a la primera activitat
1
85
Ens sortiragrave la pagravegina de VAP del detall drsquoun contingut per configurar farem els
passos seguumlents
1 Ens situarem sobre la icona ldquoOpcions de Pagraveginardquo
2 Seleccionar ldquoObrir Plantillardquo ja que els portlets soacuten a nivell de Page
Ens apareixeragrave una pantalla com la que es mostra tot seguit i realitzarem les accions
seguumlents
1 Seleccionar el portlet de la part central de la pagravegina per configurar un ldquoDetall
de contingutrdquo i fer clic a ldquoEditarrdquo
Ens apareixeragrave la pantalla de seleccioacute de component de presentacioacute
1 Seleccionarem el component de presentacioacute ldquoDetall de contingutrdquo
1
2
1
86
Ens apareixeragrave la pantalla que es mostra tot seguit i realitzarem les accions seguumlents
1 Emplenar el camp ldquoAgraveliesrdquo
2 Canviar a la pestanya ldquoPresentacioacuterdquo
En fer clic a la pestanya obtindrem la imatge que es mostra tot seguit i realitzarem les
accions seguumlents
1 Cercarem una forma de presentacioacute fent clic a ldquoCercar helliprdquo
1
2
87
Quan aparegui la pantalla de cercador realitzarem una cerca de la forma de
presentacioacute que volem fer servir per a aixograve cal fer el seguumlent
1 Emplenar la caixa de text amb ldquofw_fp_tramitrdquo
2 Preacutemer ldquoCercarrdquo
3 Seleccionar la forma de presentacioacute de la caixa de resultats
4 Preacutemer ldquoOKrdquo
La forma de presentacioacute ldquofw_fp_tramitrdquo estagrave preparada per ldquomaquillarrdquo el contingut
dels tragravemits Tambeacute es pot fer servir una forma de presentacioacute personalitzada
segons es cregui convenient
1
1
2
3
4
88
En acabar tornarem a la pagravegina principal drsquoedicioacute i farem el seguumlent
1 Verificar que la forma de presentacioacute eacutes la que hem escollit
2 Fer clic a ldquoOKrdquo
En finalitzar la configuracioacute del component de presentacioacute tornem a la pantalla del
portal i cal fer el seguumlent
1 Verificar que el disseny de la presentacioacute eacutes semblant al seguumlent
1
2
89
Configurarem el portlet superior central de la pagravegina perquegrave aquesta contingui el fil
drsquoAriadna
1 Accedir a ldquoObrir Plantillardquo
1 Editar el portlet central que hi ha a sobre del detall de tragravemit per configurar el fil
drsquoAriadna En aquest exemple el portlet eacutes ldquoFW_hilo_ariadnardquo
Escollirem el component de presentacioacute
1 Seleccionar el component de presentacioacute ldquoFil drsquoAriadnardquo
1
1
90
En la configuracioacute del component realitzarem les accions seguumlents
1 Inserir el camp ldquoAgraveliesrdquo
2 Inserir el camp ldquoCanalrdquo
3 Fer clic a la pestanya ldquoPresentacioacuterdquo i cercar la forma de presentacioacute
ldquofw_fp_filariadnardquo
1
91
513 Configuracioacute del detall drsquouna normativa SAC
En el detall de contingut configurat en el punt anterior fent clic sobre una normativa
veurem com ens redirigeix a la plantilla configurada al ldquodetall2rdquo drsquoaquesta pagravegina tal
com hem configurat a lrsquoapartat 231
1 Fer clic a la primera ldquoNormativa Aplicablerdquo
2
3
92
Aquest enllaccedil ens portaragrave al detall2 del canal on srsquoha de configurar el detall de
contingut SAC per tal que es mostri la normativa aplicable
Configurarem el portlet superior central de la pagravegina perquegrave aquesta contingui el fil
drsquoAriadna per a aixograve cal fer el seguumlent
1 Accedir a ldquoObrir Plantillardquo
1
93
1
94
1 Editar el portlet central que hi ha a sobre del detall de tragravemit per configurar el fil
drsquoAriadna En aquest exemple el portlet eacutes ldquofw_portlet_tramitrdquo
Escollirem el component de presentacioacute
1 Seleccionar el component de presentacioacute ldquoDetall de Contingut SACrdquo
En la configuracioacute del component realitzarem les accions seguumlents
1 Inserir el camp ldquoAgraveliesrdquo
2 Seleccionar el tipus de contingut ldquoDetall Tragravemitrdquo
1
95
3 Fer clic a la pestanya ldquoPresentacioacuterdquo i cercar la forma de presentacioacute
ldquofw_fp_sac_normativardquo
4 Fer clic al botoacute ldquoOKrdquo
Srsquoactualitzaragrave la pagravegina de VAP i es mostraragrave el detall de SAC
1
2
3
4
96
514 Validacioacute final de VAP
Finalment cal validar que els tragravemits es visualitzen correctament per a aixograve cal
1 Verificar que tenim els canals creats
2 Accedir al canal ldquoCanal Llistat tragravemitsrdquo i validar que es mostren els tragravemits
que hem associat al punt 22
1
97
A continuacioacute cal fer les comprovacions seguumlents
1 Accedir al detall del tragravemit compartit
2 Accedir al pas a pas del tragravemit i a la normativa de SAC
Exemple llistat de tragravemits compartits
2
1
98
Exemple detall de tragravemit compartit
Exemple pas a pas drsquoun tragravemit
2
2
99
Exemple normativa SAC
En el cas que no es visualitzin el llistat de tragravemits detall o pas a pas configurat
validar
1 Refrescar la Pagravegina
2 Els tragravemits estan associats al canal que esteacuten visualitzat punt 23
1 Refrescar la pagravegina
1
52
Ens apareixeragrave un formulari com el que es mostra a continuacioacute i realitzarem les
accions seguumlents
1 Fer clic a ldquoAfegir presentacioacute de canalrdquo
1
2
3
53
Apareixeragrave la pantalla seguumlent amb lrsquoobjectiu de seleccionar una plantilla en el nostre
cas farem el seguumlent
1 Seleccionar el projecte de plantilles respectiu al portal A lrsquoexemple ldquogenericrdquo
Posteriorment apareixeragrave un llistat de plantilles (ldquoTemplatesrdquo)
1 En aquest cas seleccionarem ldquoGridB2LlistatTramitsrdquo
2 Acceptarem la seleccioacute ldquoOKrdquo
1
1
54
1
2
55
Un cop acceptat ens apareixeragrave la pantalla seguumlent on configurarem el ldquodetallrdquo Per a
aixograve cal fer el seguumlent
1 Fer clic a ldquoAssignar una Nova Plantilla de Presentacioacuterdquo
1
56
Tot seguit apareixeragrave la pantalla que es mostra a continuacioacute on realitzarem les
accions seguumlents
1 Fer clic a ldquoAfegir formatrdquo
En aquesta nova pantalla ens assegurarem del seguumlent
1 A la casella ldquoFormatrdquo hi ha el valor ldquodetallrdquo
2 A la casella ldquoTemplaterdquo hi ha drsquohaver el correcte Si no eacutes aixiacute srsquoha de fer clic a
ldquoNavegadorrdquo
En fer clic a ldquoNavegadorrdquo cal fer el seguumlent
1 Tornar a navegar fins a ldquogenericrdquo
1
1 2
57
1
58
I a la pantalla seguumlent cal seleccionar una plantilla i
1 Fer clic al botoacute a prop de ldquoGridBTramitrdquo
2 Fer clic a ldquoOKrdquo
1
2
59
En aquest moment es torna a la pantalla anterior i cal
1 Fer clic a ldquoOKrdquo
En el canal Llistat de tragravemits ha drsquoestar configurat el ldquoformatrdquo ldquodetallrdquo ja que la forma
de presentacioacute que configurarem a GridDBTramit necessitaragrave aquest format per
visualitzar el detall del contingut de tipus ldquoTragravemitrdquo
2
60
La pantalla anterior a aquesta ens ha de presentar aquesta informacioacute Ara
configurarem el ldquodetall2rdquo per presentar el contingut rdquo Normativa de SACrdquo Per a aixograve
cal fer el seguumlent
1 Fer clic a ldquoAfegir Formatrdquo
En aquesta nova pantalla ens assegurarem del seguumlent
1 A la casella ldquoFormatrdquo hi ha el valor ldquodetall2rdquo
1
61
2 A la casella ldquoTemplaterdquo hi ha drsquohaver el correcte Si no eacutes aixiacute srsquoha de fer clic a
ldquoNavegadorrdquo
En fer clic a ldquoNavegadorrdquo srsquoha de fer el seguumlent
1 Tornar a navegar fins a ldquogenericrdquo (srsquoha de substituir pel nom del portal)
1 2
62
1
63
A la pantalla seguumlent cal seleccionar una plantilla i
1 Fer clic al botoacute a prop de ldquoGridBTramitNormativaSacrdquo
2 Fer clic a ldquoOKrdquo
1
2
64
En aquest moment es torna a la pantalla anterior i cal fer el seguumlent
2 Fer clic a ldquoOKrdquo
En el canal Llistat de tragravemits ha drsquoestar configurat el ldquoformatrdquo ldquodetall2rdquo ja que la
forma de presentacioacute que configurarem a GridDBTramitNormativaSac necessitaragrave
aquest format per visualitzar el detall del contingut de tipus normativa ldquoSACrdquo
2
65
La pantalla anterior a aquesta ens ha de presentar aquesta informacioacute i srsquoha de fer el
seguumlent
2 Fer clic a ldquoOKrdquo
1
66
La finestra pare anterior a aquesta quedaragrave com es mostra tot seguit i realitzarem les
accions seguumlents
1 Fer clic a ldquoOKrdquo
4 Comparticioacute de continguts
Accedim al projecte on hi ha tots els tragravemits de lrsquoOVT
1
67
OVTDepartaments[NomCurtDepartaments][NomCurtOrganisme] TramitOVT
On NomCurtDepartaments correspon al nom curt del departament al que fa referencia
el nostre organisme
En aquest exemple es mostren tots els projectes de tragravemits de lrsquoOVT
Un cop localitzat el tragravemit de lrsquoOVT que volem compartir amb el nostre site accedirem
a lrsquoedicioacute del contingut i assignarem aquest contingut al canal del nostre site on es
vulgui mostrar Srsquoha de fer el seguumlent
1 Anar al contenidor de projectes on hi ha els continguts de GECO
Apareixeragrave lrsquoestructura de projectes a la qual teacute acceacutes lrsquousuari redactor Cal fer el
seguumlent (exemple Agegravencia Tributagraveria dins drsquoEconomia i Finances)
1 Seleccionar ldquoOVTrdquo
2 Seleccionar ldquoDepartamentsrdquo aquesta carpeta conteacute tots els tragravemits de lrsquoOVT
classificats per departaments
3 Seleccionar ldquoECOrdquo A lrsquousuari nomeacutes se li mostraragrave la carpeta del seu
departament
Si lrsquousuari no visualitza la carpeta dins del seu departament eacutes perquegrave no
srsquoha aplicat la poliacutetica de seguretat correctament Cal obrir un tiquet a Suport
gencat per tramitar aquests permisos AQUESTA CARPETA NOMEacuteS SERAgrave
VISIBLE PER ALS USUARIS AMB ROL REDACTOR
4 Seleccionar ldquoA_Agegravencia Tributagraveriardquo
5 Seleccionar ldquoTramitOVTrdquo
1
68
2
3
1
69
4
5
70
Apareixeragrave el llistat de continguts ldquoTragravemitOVTrdquo de lrsquoOVT de lrsquoAgegravencia Tributagraveria
Realitzarem les accions seguumlents
1 Seleccionar el tragravemit o els tragravemits que volem compartir en la web dorganisme
2 Fer clic a ldquoAssociarrdquo
2
1
71
Aquest proceacutes obriragrave una finestra Per seleccionar el site i canal on es volen mostrar
els tragravemits seleccionats realitzarem les accions seguumlents (cas site Generic)
1 Seleccionar el site ldquoGenericrdquo en el vostre cas el site del departament on es vol
mostrar el contingut ldquotragravemitrdquo
2 Navegar pels canals del Site Genegraveric fins al canal que srsquoha creat en el punt
ldquoLlistat de tragravemitsrdquo i seleccionar el quadre de verificacioacute
3 Fer clic a ldquoOKrdquo
1
72
2
3
73
41 Validar que la comparticioacute de continguts eacutes correcta
Accedim per VCM al canal que hem creat anteriorment al qual li acabem drsquoassignar
els continguts de tragravemits que ha de mostrar i fem el seguumlent
1 Anar al contenidor de portals
2 Seleccionar el Site ldquogenericrdquo
3 Seleccionar el canal ldquoHomerdquo
4 Seleccionar el canal ldquoCanal Llistat tragravemitsrdquo
1
2
3
74
4
75
Apareixeragrave el contingut assignat al canal ldquoCanal Llistat tragravemitsrdquo
En entrar trobarem el llistat seguumlent
1 Llistat del tragravemits de lrsquoOVT que srsquohan compartit amb el canal ldquoCanal Llistat
tragravemitsrdquo
2 Validar que els continguts que apareixen soacuten del tipus ldquoTramitOVTrdquo
En cas que al canal del site ldquoCanal Llistat tragravemitsrdquo no apareguin els continguts
tragravemits associats anteriorment cal repetir el pas 22
1 2
76
5 Configuracioacute al portal
Ara cal entrar al nostre site on tenim configurat el canal que hem creat en lrsquoapartat
anterior (21) i que ara configurarem a nivell de portal
51 Configuracioacute a Canal Llistat tragravemits
511 Configuracioacute de la llista de tragravemits
Farem clic a lrsquoenllaccedil ldquoCanal llistat tragravemitsrdquo de la ldquoHomerdquo i anirem a parar a una
pantalla com la que es mostra meacutes avall
Es pot apreciar que en el contingut de la pagravegina no hi ha res Aixograve eacutes perquegrave cal
configurar els portlets adequats ( )
1 Ens situarem sobre la icona ldquoOpcions de Pagraveginardquo
2 Seleccionarem ldquoObrir Plantillardquo ja que els portlets soacuten a nivell de Page
Ens apareixeragrave una pantalla com la que es mostra tot seguit i realitzarem les accions
seguumlents
1 Seleccionar el portlet de la part central de la pagravegina per configurar una ldquoLlista
automagravetica de contingutsrdquo
2
1
77
Tambeacute podem configurar una ldquoLlista manual de contingutsrdquo segons les
necessitats de cada usuari
78
Ens redirigiragrave cap a un formulari drsquoedicioacute que ens mostraragrave directament quina consulta
hem de configurar per mostrar els continguts i configurarem una consulta com la
seguumlent (evidentment segons les necessitats de cada usuari)
Ara tenim configurat que la pagravegina mostraragrave els tipus de contingut ldquoTramitOVTrdquo del
canal actual ordenats per la ldquoEacutes on-linerdquo en ordre descendent
Aixograve ens portaragrave a la pantalla principal on acabarem de completar la configuracioacute
1 Validar que en lrsquoapartat ldquoConsultardquo hi ha la configuracioacute que acabem drsquoafegir
2 Emplenar ldquoAgraveliesrdquo
3 En lrsquoapartat Forma de presentacioacute fer clic al botoacute ldquoCercar helliprdquo
79
Ens apareixeragrave la pantalla seguumlent
1 Fer clic a ldquoNavegacioacute per projectesrdquo
1
2
3
80
Ens canviaragrave la vista al format seguumlent
1 Navegarem per les carpetes fins a arribar a ldquoFramework Formes de
presentacioacute Site generic fw_fp_llistatramitsrdquo
2 Seleccionarem ldquofw_fp_llistatramitsrdquo
3 Farem clic a ldquoOKrdquo
1
1
81
En retornar a la pantalla principal cal
1 Validar que la forma de presentacioacute eacutes la que acabem de seleccionar
2 Fer clic a ldquoOKrdquo
1 (continuacioacute) 2
3
82
1
2
83
Aquest seragrave el nostre resultat a la pantalla del portal i cal fer el seguumlent
1 Verificar que apareixen els dos continguts que es van associar a aquest canal
1
84
512 Configuracioacute del detall del tragravemit i el pas a pas
En fer clic sobre una activitat veurem com ens redirigeix a la plantilla configurada al
ldquodetallrdquo drsquoaquesta pagravegina tal com la vam configurar en lrsquoapartat 231 cal fer el
seguumlent
1 Fer clic a la primera activitat
1
85
Ens sortiragrave la pagravegina de VAP del detall drsquoun contingut per configurar farem els
passos seguumlents
1 Ens situarem sobre la icona ldquoOpcions de Pagraveginardquo
2 Seleccionar ldquoObrir Plantillardquo ja que els portlets soacuten a nivell de Page
Ens apareixeragrave una pantalla com la que es mostra tot seguit i realitzarem les accions
seguumlents
1 Seleccionar el portlet de la part central de la pagravegina per configurar un ldquoDetall
de contingutrdquo i fer clic a ldquoEditarrdquo
Ens apareixeragrave la pantalla de seleccioacute de component de presentacioacute
1 Seleccionarem el component de presentacioacute ldquoDetall de contingutrdquo
1
2
1
86
Ens apareixeragrave la pantalla que es mostra tot seguit i realitzarem les accions seguumlents
1 Emplenar el camp ldquoAgraveliesrdquo
2 Canviar a la pestanya ldquoPresentacioacuterdquo
En fer clic a la pestanya obtindrem la imatge que es mostra tot seguit i realitzarem les
accions seguumlents
1 Cercarem una forma de presentacioacute fent clic a ldquoCercar helliprdquo
1
2
87
Quan aparegui la pantalla de cercador realitzarem una cerca de la forma de
presentacioacute que volem fer servir per a aixograve cal fer el seguumlent
1 Emplenar la caixa de text amb ldquofw_fp_tramitrdquo
2 Preacutemer ldquoCercarrdquo
3 Seleccionar la forma de presentacioacute de la caixa de resultats
4 Preacutemer ldquoOKrdquo
La forma de presentacioacute ldquofw_fp_tramitrdquo estagrave preparada per ldquomaquillarrdquo el contingut
dels tragravemits Tambeacute es pot fer servir una forma de presentacioacute personalitzada
segons es cregui convenient
1
1
2
3
4
88
En acabar tornarem a la pagravegina principal drsquoedicioacute i farem el seguumlent
1 Verificar que la forma de presentacioacute eacutes la que hem escollit
2 Fer clic a ldquoOKrdquo
En finalitzar la configuracioacute del component de presentacioacute tornem a la pantalla del
portal i cal fer el seguumlent
1 Verificar que el disseny de la presentacioacute eacutes semblant al seguumlent
1
2
89
Configurarem el portlet superior central de la pagravegina perquegrave aquesta contingui el fil
drsquoAriadna
1 Accedir a ldquoObrir Plantillardquo
1 Editar el portlet central que hi ha a sobre del detall de tragravemit per configurar el fil
drsquoAriadna En aquest exemple el portlet eacutes ldquoFW_hilo_ariadnardquo
Escollirem el component de presentacioacute
1 Seleccionar el component de presentacioacute ldquoFil drsquoAriadnardquo
1
1
90
En la configuracioacute del component realitzarem les accions seguumlents
1 Inserir el camp ldquoAgraveliesrdquo
2 Inserir el camp ldquoCanalrdquo
3 Fer clic a la pestanya ldquoPresentacioacuterdquo i cercar la forma de presentacioacute
ldquofw_fp_filariadnardquo
1
91
513 Configuracioacute del detall drsquouna normativa SAC
En el detall de contingut configurat en el punt anterior fent clic sobre una normativa
veurem com ens redirigeix a la plantilla configurada al ldquodetall2rdquo drsquoaquesta pagravegina tal
com hem configurat a lrsquoapartat 231
1 Fer clic a la primera ldquoNormativa Aplicablerdquo
2
3
92
Aquest enllaccedil ens portaragrave al detall2 del canal on srsquoha de configurar el detall de
contingut SAC per tal que es mostri la normativa aplicable
Configurarem el portlet superior central de la pagravegina perquegrave aquesta contingui el fil
drsquoAriadna per a aixograve cal fer el seguumlent
1 Accedir a ldquoObrir Plantillardquo
1
93
1
94
1 Editar el portlet central que hi ha a sobre del detall de tragravemit per configurar el fil
drsquoAriadna En aquest exemple el portlet eacutes ldquofw_portlet_tramitrdquo
Escollirem el component de presentacioacute
1 Seleccionar el component de presentacioacute ldquoDetall de Contingut SACrdquo
En la configuracioacute del component realitzarem les accions seguumlents
1 Inserir el camp ldquoAgraveliesrdquo
2 Seleccionar el tipus de contingut ldquoDetall Tragravemitrdquo
1
95
3 Fer clic a la pestanya ldquoPresentacioacuterdquo i cercar la forma de presentacioacute
ldquofw_fp_sac_normativardquo
4 Fer clic al botoacute ldquoOKrdquo
Srsquoactualitzaragrave la pagravegina de VAP i es mostraragrave el detall de SAC
1
2
3
4
96
514 Validacioacute final de VAP
Finalment cal validar que els tragravemits es visualitzen correctament per a aixograve cal
1 Verificar que tenim els canals creats
2 Accedir al canal ldquoCanal Llistat tragravemitsrdquo i validar que es mostren els tragravemits
que hem associat al punt 22
1
97
A continuacioacute cal fer les comprovacions seguumlents
1 Accedir al detall del tragravemit compartit
2 Accedir al pas a pas del tragravemit i a la normativa de SAC
Exemple llistat de tragravemits compartits
2
1
98
Exemple detall de tragravemit compartit
Exemple pas a pas drsquoun tragravemit
2
2
99
Exemple normativa SAC
En el cas que no es visualitzin el llistat de tragravemits detall o pas a pas configurat
validar
1 Refrescar la Pagravegina
2 Els tragravemits estan associats al canal que esteacuten visualitzat punt 23
1 Refrescar la pagravegina
1
53
Apareixeragrave la pantalla seguumlent amb lrsquoobjectiu de seleccionar una plantilla en el nostre
cas farem el seguumlent
1 Seleccionar el projecte de plantilles respectiu al portal A lrsquoexemple ldquogenericrdquo
Posteriorment apareixeragrave un llistat de plantilles (ldquoTemplatesrdquo)
1 En aquest cas seleccionarem ldquoGridB2LlistatTramitsrdquo
2 Acceptarem la seleccioacute ldquoOKrdquo
1
1
54
1
2
55
Un cop acceptat ens apareixeragrave la pantalla seguumlent on configurarem el ldquodetallrdquo Per a
aixograve cal fer el seguumlent
1 Fer clic a ldquoAssignar una Nova Plantilla de Presentacioacuterdquo
1
56
Tot seguit apareixeragrave la pantalla que es mostra a continuacioacute on realitzarem les
accions seguumlents
1 Fer clic a ldquoAfegir formatrdquo
En aquesta nova pantalla ens assegurarem del seguumlent
1 A la casella ldquoFormatrdquo hi ha el valor ldquodetallrdquo
2 A la casella ldquoTemplaterdquo hi ha drsquohaver el correcte Si no eacutes aixiacute srsquoha de fer clic a
ldquoNavegadorrdquo
En fer clic a ldquoNavegadorrdquo cal fer el seguumlent
1 Tornar a navegar fins a ldquogenericrdquo
1
1 2
57
1
58
I a la pantalla seguumlent cal seleccionar una plantilla i
1 Fer clic al botoacute a prop de ldquoGridBTramitrdquo
2 Fer clic a ldquoOKrdquo
1
2
59
En aquest moment es torna a la pantalla anterior i cal
1 Fer clic a ldquoOKrdquo
En el canal Llistat de tragravemits ha drsquoestar configurat el ldquoformatrdquo ldquodetallrdquo ja que la forma
de presentacioacute que configurarem a GridDBTramit necessitaragrave aquest format per
visualitzar el detall del contingut de tipus ldquoTragravemitrdquo
2
60
La pantalla anterior a aquesta ens ha de presentar aquesta informacioacute Ara
configurarem el ldquodetall2rdquo per presentar el contingut rdquo Normativa de SACrdquo Per a aixograve
cal fer el seguumlent
1 Fer clic a ldquoAfegir Formatrdquo
En aquesta nova pantalla ens assegurarem del seguumlent
1 A la casella ldquoFormatrdquo hi ha el valor ldquodetall2rdquo
1
61
2 A la casella ldquoTemplaterdquo hi ha drsquohaver el correcte Si no eacutes aixiacute srsquoha de fer clic a
ldquoNavegadorrdquo
En fer clic a ldquoNavegadorrdquo srsquoha de fer el seguumlent
1 Tornar a navegar fins a ldquogenericrdquo (srsquoha de substituir pel nom del portal)
1 2
62
1
63
A la pantalla seguumlent cal seleccionar una plantilla i
1 Fer clic al botoacute a prop de ldquoGridBTramitNormativaSacrdquo
2 Fer clic a ldquoOKrdquo
1
2
64
En aquest moment es torna a la pantalla anterior i cal fer el seguumlent
2 Fer clic a ldquoOKrdquo
En el canal Llistat de tragravemits ha drsquoestar configurat el ldquoformatrdquo ldquodetall2rdquo ja que la
forma de presentacioacute que configurarem a GridDBTramitNormativaSac necessitaragrave
aquest format per visualitzar el detall del contingut de tipus normativa ldquoSACrdquo
2
65
La pantalla anterior a aquesta ens ha de presentar aquesta informacioacute i srsquoha de fer el
seguumlent
2 Fer clic a ldquoOKrdquo
1
66
La finestra pare anterior a aquesta quedaragrave com es mostra tot seguit i realitzarem les
accions seguumlents
1 Fer clic a ldquoOKrdquo
4 Comparticioacute de continguts
Accedim al projecte on hi ha tots els tragravemits de lrsquoOVT
1
67
OVTDepartaments[NomCurtDepartaments][NomCurtOrganisme] TramitOVT
On NomCurtDepartaments correspon al nom curt del departament al que fa referencia
el nostre organisme
En aquest exemple es mostren tots els projectes de tragravemits de lrsquoOVT
Un cop localitzat el tragravemit de lrsquoOVT que volem compartir amb el nostre site accedirem
a lrsquoedicioacute del contingut i assignarem aquest contingut al canal del nostre site on es
vulgui mostrar Srsquoha de fer el seguumlent
1 Anar al contenidor de projectes on hi ha els continguts de GECO
Apareixeragrave lrsquoestructura de projectes a la qual teacute acceacutes lrsquousuari redactor Cal fer el
seguumlent (exemple Agegravencia Tributagraveria dins drsquoEconomia i Finances)
1 Seleccionar ldquoOVTrdquo
2 Seleccionar ldquoDepartamentsrdquo aquesta carpeta conteacute tots els tragravemits de lrsquoOVT
classificats per departaments
3 Seleccionar ldquoECOrdquo A lrsquousuari nomeacutes se li mostraragrave la carpeta del seu
departament
Si lrsquousuari no visualitza la carpeta dins del seu departament eacutes perquegrave no
srsquoha aplicat la poliacutetica de seguretat correctament Cal obrir un tiquet a Suport
gencat per tramitar aquests permisos AQUESTA CARPETA NOMEacuteS SERAgrave
VISIBLE PER ALS USUARIS AMB ROL REDACTOR
4 Seleccionar ldquoA_Agegravencia Tributagraveriardquo
5 Seleccionar ldquoTramitOVTrdquo
1
68
2
3
1
69
4
5
70
Apareixeragrave el llistat de continguts ldquoTragravemitOVTrdquo de lrsquoOVT de lrsquoAgegravencia Tributagraveria
Realitzarem les accions seguumlents
1 Seleccionar el tragravemit o els tragravemits que volem compartir en la web dorganisme
2 Fer clic a ldquoAssociarrdquo
2
1
71
Aquest proceacutes obriragrave una finestra Per seleccionar el site i canal on es volen mostrar
els tragravemits seleccionats realitzarem les accions seguumlents (cas site Generic)
1 Seleccionar el site ldquoGenericrdquo en el vostre cas el site del departament on es vol
mostrar el contingut ldquotragravemitrdquo
2 Navegar pels canals del Site Genegraveric fins al canal que srsquoha creat en el punt
ldquoLlistat de tragravemitsrdquo i seleccionar el quadre de verificacioacute
3 Fer clic a ldquoOKrdquo
1
72
2
3
73
41 Validar que la comparticioacute de continguts eacutes correcta
Accedim per VCM al canal que hem creat anteriorment al qual li acabem drsquoassignar
els continguts de tragravemits que ha de mostrar i fem el seguumlent
1 Anar al contenidor de portals
2 Seleccionar el Site ldquogenericrdquo
3 Seleccionar el canal ldquoHomerdquo
4 Seleccionar el canal ldquoCanal Llistat tragravemitsrdquo
1
2
3
74
4
75
Apareixeragrave el contingut assignat al canal ldquoCanal Llistat tragravemitsrdquo
En entrar trobarem el llistat seguumlent
1 Llistat del tragravemits de lrsquoOVT que srsquohan compartit amb el canal ldquoCanal Llistat
tragravemitsrdquo
2 Validar que els continguts que apareixen soacuten del tipus ldquoTramitOVTrdquo
En cas que al canal del site ldquoCanal Llistat tragravemitsrdquo no apareguin els continguts
tragravemits associats anteriorment cal repetir el pas 22
1 2
76
5 Configuracioacute al portal
Ara cal entrar al nostre site on tenim configurat el canal que hem creat en lrsquoapartat
anterior (21) i que ara configurarem a nivell de portal
51 Configuracioacute a Canal Llistat tragravemits
511 Configuracioacute de la llista de tragravemits
Farem clic a lrsquoenllaccedil ldquoCanal llistat tragravemitsrdquo de la ldquoHomerdquo i anirem a parar a una
pantalla com la que es mostra meacutes avall
Es pot apreciar que en el contingut de la pagravegina no hi ha res Aixograve eacutes perquegrave cal
configurar els portlets adequats ( )
1 Ens situarem sobre la icona ldquoOpcions de Pagraveginardquo
2 Seleccionarem ldquoObrir Plantillardquo ja que els portlets soacuten a nivell de Page
Ens apareixeragrave una pantalla com la que es mostra tot seguit i realitzarem les accions
seguumlents
1 Seleccionar el portlet de la part central de la pagravegina per configurar una ldquoLlista
automagravetica de contingutsrdquo
2
1
77
Tambeacute podem configurar una ldquoLlista manual de contingutsrdquo segons les
necessitats de cada usuari
78
Ens redirigiragrave cap a un formulari drsquoedicioacute que ens mostraragrave directament quina consulta
hem de configurar per mostrar els continguts i configurarem una consulta com la
seguumlent (evidentment segons les necessitats de cada usuari)
Ara tenim configurat que la pagravegina mostraragrave els tipus de contingut ldquoTramitOVTrdquo del
canal actual ordenats per la ldquoEacutes on-linerdquo en ordre descendent
Aixograve ens portaragrave a la pantalla principal on acabarem de completar la configuracioacute
1 Validar que en lrsquoapartat ldquoConsultardquo hi ha la configuracioacute que acabem drsquoafegir
2 Emplenar ldquoAgraveliesrdquo
3 En lrsquoapartat Forma de presentacioacute fer clic al botoacute ldquoCercar helliprdquo
79
Ens apareixeragrave la pantalla seguumlent
1 Fer clic a ldquoNavegacioacute per projectesrdquo
1
2
3
80
Ens canviaragrave la vista al format seguumlent
1 Navegarem per les carpetes fins a arribar a ldquoFramework Formes de
presentacioacute Site generic fw_fp_llistatramitsrdquo
2 Seleccionarem ldquofw_fp_llistatramitsrdquo
3 Farem clic a ldquoOKrdquo
1
1
81
En retornar a la pantalla principal cal
1 Validar que la forma de presentacioacute eacutes la que acabem de seleccionar
2 Fer clic a ldquoOKrdquo
1 (continuacioacute) 2
3
82
1
2
83
Aquest seragrave el nostre resultat a la pantalla del portal i cal fer el seguumlent
1 Verificar que apareixen els dos continguts que es van associar a aquest canal
1
84
512 Configuracioacute del detall del tragravemit i el pas a pas
En fer clic sobre una activitat veurem com ens redirigeix a la plantilla configurada al
ldquodetallrdquo drsquoaquesta pagravegina tal com la vam configurar en lrsquoapartat 231 cal fer el
seguumlent
1 Fer clic a la primera activitat
1
85
Ens sortiragrave la pagravegina de VAP del detall drsquoun contingut per configurar farem els
passos seguumlents
1 Ens situarem sobre la icona ldquoOpcions de Pagraveginardquo
2 Seleccionar ldquoObrir Plantillardquo ja que els portlets soacuten a nivell de Page
Ens apareixeragrave una pantalla com la que es mostra tot seguit i realitzarem les accions
seguumlents
1 Seleccionar el portlet de la part central de la pagravegina per configurar un ldquoDetall
de contingutrdquo i fer clic a ldquoEditarrdquo
Ens apareixeragrave la pantalla de seleccioacute de component de presentacioacute
1 Seleccionarem el component de presentacioacute ldquoDetall de contingutrdquo
1
2
1
86
Ens apareixeragrave la pantalla que es mostra tot seguit i realitzarem les accions seguumlents
1 Emplenar el camp ldquoAgraveliesrdquo
2 Canviar a la pestanya ldquoPresentacioacuterdquo
En fer clic a la pestanya obtindrem la imatge que es mostra tot seguit i realitzarem les
accions seguumlents
1 Cercarem una forma de presentacioacute fent clic a ldquoCercar helliprdquo
1
2
87
Quan aparegui la pantalla de cercador realitzarem una cerca de la forma de
presentacioacute que volem fer servir per a aixograve cal fer el seguumlent
1 Emplenar la caixa de text amb ldquofw_fp_tramitrdquo
2 Preacutemer ldquoCercarrdquo
3 Seleccionar la forma de presentacioacute de la caixa de resultats
4 Preacutemer ldquoOKrdquo
La forma de presentacioacute ldquofw_fp_tramitrdquo estagrave preparada per ldquomaquillarrdquo el contingut
dels tragravemits Tambeacute es pot fer servir una forma de presentacioacute personalitzada
segons es cregui convenient
1
1
2
3
4
88
En acabar tornarem a la pagravegina principal drsquoedicioacute i farem el seguumlent
1 Verificar que la forma de presentacioacute eacutes la que hem escollit
2 Fer clic a ldquoOKrdquo
En finalitzar la configuracioacute del component de presentacioacute tornem a la pantalla del
portal i cal fer el seguumlent
1 Verificar que el disseny de la presentacioacute eacutes semblant al seguumlent
1
2
89
Configurarem el portlet superior central de la pagravegina perquegrave aquesta contingui el fil
drsquoAriadna
1 Accedir a ldquoObrir Plantillardquo
1 Editar el portlet central que hi ha a sobre del detall de tragravemit per configurar el fil
drsquoAriadna En aquest exemple el portlet eacutes ldquoFW_hilo_ariadnardquo
Escollirem el component de presentacioacute
1 Seleccionar el component de presentacioacute ldquoFil drsquoAriadnardquo
1
1
90
En la configuracioacute del component realitzarem les accions seguumlents
1 Inserir el camp ldquoAgraveliesrdquo
2 Inserir el camp ldquoCanalrdquo
3 Fer clic a la pestanya ldquoPresentacioacuterdquo i cercar la forma de presentacioacute
ldquofw_fp_filariadnardquo
1
91
513 Configuracioacute del detall drsquouna normativa SAC
En el detall de contingut configurat en el punt anterior fent clic sobre una normativa
veurem com ens redirigeix a la plantilla configurada al ldquodetall2rdquo drsquoaquesta pagravegina tal
com hem configurat a lrsquoapartat 231
1 Fer clic a la primera ldquoNormativa Aplicablerdquo
2
3
92
Aquest enllaccedil ens portaragrave al detall2 del canal on srsquoha de configurar el detall de
contingut SAC per tal que es mostri la normativa aplicable
Configurarem el portlet superior central de la pagravegina perquegrave aquesta contingui el fil
drsquoAriadna per a aixograve cal fer el seguumlent
1 Accedir a ldquoObrir Plantillardquo
1
93
1
94
1 Editar el portlet central que hi ha a sobre del detall de tragravemit per configurar el fil
drsquoAriadna En aquest exemple el portlet eacutes ldquofw_portlet_tramitrdquo
Escollirem el component de presentacioacute
1 Seleccionar el component de presentacioacute ldquoDetall de Contingut SACrdquo
En la configuracioacute del component realitzarem les accions seguumlents
1 Inserir el camp ldquoAgraveliesrdquo
2 Seleccionar el tipus de contingut ldquoDetall Tragravemitrdquo
1
95
3 Fer clic a la pestanya ldquoPresentacioacuterdquo i cercar la forma de presentacioacute
ldquofw_fp_sac_normativardquo
4 Fer clic al botoacute ldquoOKrdquo
Srsquoactualitzaragrave la pagravegina de VAP i es mostraragrave el detall de SAC
1
2
3
4
96
514 Validacioacute final de VAP
Finalment cal validar que els tragravemits es visualitzen correctament per a aixograve cal
1 Verificar que tenim els canals creats
2 Accedir al canal ldquoCanal Llistat tragravemitsrdquo i validar que es mostren els tragravemits
que hem associat al punt 22
1
97
A continuacioacute cal fer les comprovacions seguumlents
1 Accedir al detall del tragravemit compartit
2 Accedir al pas a pas del tragravemit i a la normativa de SAC
Exemple llistat de tragravemits compartits
2
1
98
Exemple detall de tragravemit compartit
Exemple pas a pas drsquoun tragravemit
2
2
99
Exemple normativa SAC
En el cas que no es visualitzin el llistat de tragravemits detall o pas a pas configurat
validar
1 Refrescar la Pagravegina
2 Els tragravemits estan associats al canal que esteacuten visualitzat punt 23
1 Refrescar la pagravegina
1
54
1
2
55
Un cop acceptat ens apareixeragrave la pantalla seguumlent on configurarem el ldquodetallrdquo Per a
aixograve cal fer el seguumlent
1 Fer clic a ldquoAssignar una Nova Plantilla de Presentacioacuterdquo
1
56
Tot seguit apareixeragrave la pantalla que es mostra a continuacioacute on realitzarem les
accions seguumlents
1 Fer clic a ldquoAfegir formatrdquo
En aquesta nova pantalla ens assegurarem del seguumlent
1 A la casella ldquoFormatrdquo hi ha el valor ldquodetallrdquo
2 A la casella ldquoTemplaterdquo hi ha drsquohaver el correcte Si no eacutes aixiacute srsquoha de fer clic a
ldquoNavegadorrdquo
En fer clic a ldquoNavegadorrdquo cal fer el seguumlent
1 Tornar a navegar fins a ldquogenericrdquo
1
1 2
57
1
58
I a la pantalla seguumlent cal seleccionar una plantilla i
1 Fer clic al botoacute a prop de ldquoGridBTramitrdquo
2 Fer clic a ldquoOKrdquo
1
2
59
En aquest moment es torna a la pantalla anterior i cal
1 Fer clic a ldquoOKrdquo
En el canal Llistat de tragravemits ha drsquoestar configurat el ldquoformatrdquo ldquodetallrdquo ja que la forma
de presentacioacute que configurarem a GridDBTramit necessitaragrave aquest format per
visualitzar el detall del contingut de tipus ldquoTragravemitrdquo
2
60
La pantalla anterior a aquesta ens ha de presentar aquesta informacioacute Ara
configurarem el ldquodetall2rdquo per presentar el contingut rdquo Normativa de SACrdquo Per a aixograve
cal fer el seguumlent
1 Fer clic a ldquoAfegir Formatrdquo
En aquesta nova pantalla ens assegurarem del seguumlent
1 A la casella ldquoFormatrdquo hi ha el valor ldquodetall2rdquo
1
61
2 A la casella ldquoTemplaterdquo hi ha drsquohaver el correcte Si no eacutes aixiacute srsquoha de fer clic a
ldquoNavegadorrdquo
En fer clic a ldquoNavegadorrdquo srsquoha de fer el seguumlent
1 Tornar a navegar fins a ldquogenericrdquo (srsquoha de substituir pel nom del portal)
1 2
62
1
63
A la pantalla seguumlent cal seleccionar una plantilla i
1 Fer clic al botoacute a prop de ldquoGridBTramitNormativaSacrdquo
2 Fer clic a ldquoOKrdquo
1
2
64
En aquest moment es torna a la pantalla anterior i cal fer el seguumlent
2 Fer clic a ldquoOKrdquo
En el canal Llistat de tragravemits ha drsquoestar configurat el ldquoformatrdquo ldquodetall2rdquo ja que la
forma de presentacioacute que configurarem a GridDBTramitNormativaSac necessitaragrave
aquest format per visualitzar el detall del contingut de tipus normativa ldquoSACrdquo
2
65
La pantalla anterior a aquesta ens ha de presentar aquesta informacioacute i srsquoha de fer el
seguumlent
2 Fer clic a ldquoOKrdquo
1
66
La finestra pare anterior a aquesta quedaragrave com es mostra tot seguit i realitzarem les
accions seguumlents
1 Fer clic a ldquoOKrdquo
4 Comparticioacute de continguts
Accedim al projecte on hi ha tots els tragravemits de lrsquoOVT
1
67
OVTDepartaments[NomCurtDepartaments][NomCurtOrganisme] TramitOVT
On NomCurtDepartaments correspon al nom curt del departament al que fa referencia
el nostre organisme
En aquest exemple es mostren tots els projectes de tragravemits de lrsquoOVT
Un cop localitzat el tragravemit de lrsquoOVT que volem compartir amb el nostre site accedirem
a lrsquoedicioacute del contingut i assignarem aquest contingut al canal del nostre site on es
vulgui mostrar Srsquoha de fer el seguumlent
1 Anar al contenidor de projectes on hi ha els continguts de GECO
Apareixeragrave lrsquoestructura de projectes a la qual teacute acceacutes lrsquousuari redactor Cal fer el
seguumlent (exemple Agegravencia Tributagraveria dins drsquoEconomia i Finances)
1 Seleccionar ldquoOVTrdquo
2 Seleccionar ldquoDepartamentsrdquo aquesta carpeta conteacute tots els tragravemits de lrsquoOVT
classificats per departaments
3 Seleccionar ldquoECOrdquo A lrsquousuari nomeacutes se li mostraragrave la carpeta del seu
departament
Si lrsquousuari no visualitza la carpeta dins del seu departament eacutes perquegrave no
srsquoha aplicat la poliacutetica de seguretat correctament Cal obrir un tiquet a Suport
gencat per tramitar aquests permisos AQUESTA CARPETA NOMEacuteS SERAgrave
VISIBLE PER ALS USUARIS AMB ROL REDACTOR
4 Seleccionar ldquoA_Agegravencia Tributagraveriardquo
5 Seleccionar ldquoTramitOVTrdquo
1
68
2
3
1
69
4
5
70
Apareixeragrave el llistat de continguts ldquoTragravemitOVTrdquo de lrsquoOVT de lrsquoAgegravencia Tributagraveria
Realitzarem les accions seguumlents
1 Seleccionar el tragravemit o els tragravemits que volem compartir en la web dorganisme
2 Fer clic a ldquoAssociarrdquo
2
1
71
Aquest proceacutes obriragrave una finestra Per seleccionar el site i canal on es volen mostrar
els tragravemits seleccionats realitzarem les accions seguumlents (cas site Generic)
1 Seleccionar el site ldquoGenericrdquo en el vostre cas el site del departament on es vol
mostrar el contingut ldquotragravemitrdquo
2 Navegar pels canals del Site Genegraveric fins al canal que srsquoha creat en el punt
ldquoLlistat de tragravemitsrdquo i seleccionar el quadre de verificacioacute
3 Fer clic a ldquoOKrdquo
1
72
2
3
73
41 Validar que la comparticioacute de continguts eacutes correcta
Accedim per VCM al canal que hem creat anteriorment al qual li acabem drsquoassignar
els continguts de tragravemits que ha de mostrar i fem el seguumlent
1 Anar al contenidor de portals
2 Seleccionar el Site ldquogenericrdquo
3 Seleccionar el canal ldquoHomerdquo
4 Seleccionar el canal ldquoCanal Llistat tragravemitsrdquo
1
2
3
74
4
75
Apareixeragrave el contingut assignat al canal ldquoCanal Llistat tragravemitsrdquo
En entrar trobarem el llistat seguumlent
1 Llistat del tragravemits de lrsquoOVT que srsquohan compartit amb el canal ldquoCanal Llistat
tragravemitsrdquo
2 Validar que els continguts que apareixen soacuten del tipus ldquoTramitOVTrdquo
En cas que al canal del site ldquoCanal Llistat tragravemitsrdquo no apareguin els continguts
tragravemits associats anteriorment cal repetir el pas 22
1 2
76
5 Configuracioacute al portal
Ara cal entrar al nostre site on tenim configurat el canal que hem creat en lrsquoapartat
anterior (21) i que ara configurarem a nivell de portal
51 Configuracioacute a Canal Llistat tragravemits
511 Configuracioacute de la llista de tragravemits
Farem clic a lrsquoenllaccedil ldquoCanal llistat tragravemitsrdquo de la ldquoHomerdquo i anirem a parar a una
pantalla com la que es mostra meacutes avall
Es pot apreciar que en el contingut de la pagravegina no hi ha res Aixograve eacutes perquegrave cal
configurar els portlets adequats ( )
1 Ens situarem sobre la icona ldquoOpcions de Pagraveginardquo
2 Seleccionarem ldquoObrir Plantillardquo ja que els portlets soacuten a nivell de Page
Ens apareixeragrave una pantalla com la que es mostra tot seguit i realitzarem les accions
seguumlents
1 Seleccionar el portlet de la part central de la pagravegina per configurar una ldquoLlista
automagravetica de contingutsrdquo
2
1
77
Tambeacute podem configurar una ldquoLlista manual de contingutsrdquo segons les
necessitats de cada usuari
78
Ens redirigiragrave cap a un formulari drsquoedicioacute que ens mostraragrave directament quina consulta
hem de configurar per mostrar els continguts i configurarem una consulta com la
seguumlent (evidentment segons les necessitats de cada usuari)
Ara tenim configurat que la pagravegina mostraragrave els tipus de contingut ldquoTramitOVTrdquo del
canal actual ordenats per la ldquoEacutes on-linerdquo en ordre descendent
Aixograve ens portaragrave a la pantalla principal on acabarem de completar la configuracioacute
1 Validar que en lrsquoapartat ldquoConsultardquo hi ha la configuracioacute que acabem drsquoafegir
2 Emplenar ldquoAgraveliesrdquo
3 En lrsquoapartat Forma de presentacioacute fer clic al botoacute ldquoCercar helliprdquo
79
Ens apareixeragrave la pantalla seguumlent
1 Fer clic a ldquoNavegacioacute per projectesrdquo
1
2
3
80
Ens canviaragrave la vista al format seguumlent
1 Navegarem per les carpetes fins a arribar a ldquoFramework Formes de
presentacioacute Site generic fw_fp_llistatramitsrdquo
2 Seleccionarem ldquofw_fp_llistatramitsrdquo
3 Farem clic a ldquoOKrdquo
1
1
81
En retornar a la pantalla principal cal
1 Validar que la forma de presentacioacute eacutes la que acabem de seleccionar
2 Fer clic a ldquoOKrdquo
1 (continuacioacute) 2
3
82
1
2
83
Aquest seragrave el nostre resultat a la pantalla del portal i cal fer el seguumlent
1 Verificar que apareixen els dos continguts que es van associar a aquest canal
1
84
512 Configuracioacute del detall del tragravemit i el pas a pas
En fer clic sobre una activitat veurem com ens redirigeix a la plantilla configurada al
ldquodetallrdquo drsquoaquesta pagravegina tal com la vam configurar en lrsquoapartat 231 cal fer el
seguumlent
1 Fer clic a la primera activitat
1
85
Ens sortiragrave la pagravegina de VAP del detall drsquoun contingut per configurar farem els
passos seguumlents
1 Ens situarem sobre la icona ldquoOpcions de Pagraveginardquo
2 Seleccionar ldquoObrir Plantillardquo ja que els portlets soacuten a nivell de Page
Ens apareixeragrave una pantalla com la que es mostra tot seguit i realitzarem les accions
seguumlents
1 Seleccionar el portlet de la part central de la pagravegina per configurar un ldquoDetall
de contingutrdquo i fer clic a ldquoEditarrdquo
Ens apareixeragrave la pantalla de seleccioacute de component de presentacioacute
1 Seleccionarem el component de presentacioacute ldquoDetall de contingutrdquo
1
2
1
86
Ens apareixeragrave la pantalla que es mostra tot seguit i realitzarem les accions seguumlents
1 Emplenar el camp ldquoAgraveliesrdquo
2 Canviar a la pestanya ldquoPresentacioacuterdquo
En fer clic a la pestanya obtindrem la imatge que es mostra tot seguit i realitzarem les
accions seguumlents
1 Cercarem una forma de presentacioacute fent clic a ldquoCercar helliprdquo
1
2
87
Quan aparegui la pantalla de cercador realitzarem una cerca de la forma de
presentacioacute que volem fer servir per a aixograve cal fer el seguumlent
1 Emplenar la caixa de text amb ldquofw_fp_tramitrdquo
2 Preacutemer ldquoCercarrdquo
3 Seleccionar la forma de presentacioacute de la caixa de resultats
4 Preacutemer ldquoOKrdquo
La forma de presentacioacute ldquofw_fp_tramitrdquo estagrave preparada per ldquomaquillarrdquo el contingut
dels tragravemits Tambeacute es pot fer servir una forma de presentacioacute personalitzada
segons es cregui convenient
1
1
2
3
4
88
En acabar tornarem a la pagravegina principal drsquoedicioacute i farem el seguumlent
1 Verificar que la forma de presentacioacute eacutes la que hem escollit
2 Fer clic a ldquoOKrdquo
En finalitzar la configuracioacute del component de presentacioacute tornem a la pantalla del
portal i cal fer el seguumlent
1 Verificar que el disseny de la presentacioacute eacutes semblant al seguumlent
1
2
89
Configurarem el portlet superior central de la pagravegina perquegrave aquesta contingui el fil
drsquoAriadna
1 Accedir a ldquoObrir Plantillardquo
1 Editar el portlet central que hi ha a sobre del detall de tragravemit per configurar el fil
drsquoAriadna En aquest exemple el portlet eacutes ldquoFW_hilo_ariadnardquo
Escollirem el component de presentacioacute
1 Seleccionar el component de presentacioacute ldquoFil drsquoAriadnardquo
1
1
90
En la configuracioacute del component realitzarem les accions seguumlents
1 Inserir el camp ldquoAgraveliesrdquo
2 Inserir el camp ldquoCanalrdquo
3 Fer clic a la pestanya ldquoPresentacioacuterdquo i cercar la forma de presentacioacute
ldquofw_fp_filariadnardquo
1
91
513 Configuracioacute del detall drsquouna normativa SAC
En el detall de contingut configurat en el punt anterior fent clic sobre una normativa
veurem com ens redirigeix a la plantilla configurada al ldquodetall2rdquo drsquoaquesta pagravegina tal
com hem configurat a lrsquoapartat 231
1 Fer clic a la primera ldquoNormativa Aplicablerdquo
2
3
92
Aquest enllaccedil ens portaragrave al detall2 del canal on srsquoha de configurar el detall de
contingut SAC per tal que es mostri la normativa aplicable
Configurarem el portlet superior central de la pagravegina perquegrave aquesta contingui el fil
drsquoAriadna per a aixograve cal fer el seguumlent
1 Accedir a ldquoObrir Plantillardquo
1
93
1
94
1 Editar el portlet central que hi ha a sobre del detall de tragravemit per configurar el fil
drsquoAriadna En aquest exemple el portlet eacutes ldquofw_portlet_tramitrdquo
Escollirem el component de presentacioacute
1 Seleccionar el component de presentacioacute ldquoDetall de Contingut SACrdquo
En la configuracioacute del component realitzarem les accions seguumlents
1 Inserir el camp ldquoAgraveliesrdquo
2 Seleccionar el tipus de contingut ldquoDetall Tragravemitrdquo
1
95
3 Fer clic a la pestanya ldquoPresentacioacuterdquo i cercar la forma de presentacioacute
ldquofw_fp_sac_normativardquo
4 Fer clic al botoacute ldquoOKrdquo
Srsquoactualitzaragrave la pagravegina de VAP i es mostraragrave el detall de SAC
1
2
3
4
96
514 Validacioacute final de VAP
Finalment cal validar que els tragravemits es visualitzen correctament per a aixograve cal
1 Verificar que tenim els canals creats
2 Accedir al canal ldquoCanal Llistat tragravemitsrdquo i validar que es mostren els tragravemits
que hem associat al punt 22
1
97
A continuacioacute cal fer les comprovacions seguumlents
1 Accedir al detall del tragravemit compartit
2 Accedir al pas a pas del tragravemit i a la normativa de SAC
Exemple llistat de tragravemits compartits
2
1
98
Exemple detall de tragravemit compartit
Exemple pas a pas drsquoun tragravemit
2
2
99
Exemple normativa SAC
En el cas que no es visualitzin el llistat de tragravemits detall o pas a pas configurat
validar
1 Refrescar la Pagravegina
2 Els tragravemits estan associats al canal que esteacuten visualitzat punt 23
1 Refrescar la pagravegina
1
55
Un cop acceptat ens apareixeragrave la pantalla seguumlent on configurarem el ldquodetallrdquo Per a
aixograve cal fer el seguumlent
1 Fer clic a ldquoAssignar una Nova Plantilla de Presentacioacuterdquo
1
56
Tot seguit apareixeragrave la pantalla que es mostra a continuacioacute on realitzarem les
accions seguumlents
1 Fer clic a ldquoAfegir formatrdquo
En aquesta nova pantalla ens assegurarem del seguumlent
1 A la casella ldquoFormatrdquo hi ha el valor ldquodetallrdquo
2 A la casella ldquoTemplaterdquo hi ha drsquohaver el correcte Si no eacutes aixiacute srsquoha de fer clic a
ldquoNavegadorrdquo
En fer clic a ldquoNavegadorrdquo cal fer el seguumlent
1 Tornar a navegar fins a ldquogenericrdquo
1
1 2
57
1
58
I a la pantalla seguumlent cal seleccionar una plantilla i
1 Fer clic al botoacute a prop de ldquoGridBTramitrdquo
2 Fer clic a ldquoOKrdquo
1
2
59
En aquest moment es torna a la pantalla anterior i cal
1 Fer clic a ldquoOKrdquo
En el canal Llistat de tragravemits ha drsquoestar configurat el ldquoformatrdquo ldquodetallrdquo ja que la forma
de presentacioacute que configurarem a GridDBTramit necessitaragrave aquest format per
visualitzar el detall del contingut de tipus ldquoTragravemitrdquo
2
60
La pantalla anterior a aquesta ens ha de presentar aquesta informacioacute Ara
configurarem el ldquodetall2rdquo per presentar el contingut rdquo Normativa de SACrdquo Per a aixograve
cal fer el seguumlent
1 Fer clic a ldquoAfegir Formatrdquo
En aquesta nova pantalla ens assegurarem del seguumlent
1 A la casella ldquoFormatrdquo hi ha el valor ldquodetall2rdquo
1
61
2 A la casella ldquoTemplaterdquo hi ha drsquohaver el correcte Si no eacutes aixiacute srsquoha de fer clic a
ldquoNavegadorrdquo
En fer clic a ldquoNavegadorrdquo srsquoha de fer el seguumlent
1 Tornar a navegar fins a ldquogenericrdquo (srsquoha de substituir pel nom del portal)
1 2
62
1
63
A la pantalla seguumlent cal seleccionar una plantilla i
1 Fer clic al botoacute a prop de ldquoGridBTramitNormativaSacrdquo
2 Fer clic a ldquoOKrdquo
1
2
64
En aquest moment es torna a la pantalla anterior i cal fer el seguumlent
2 Fer clic a ldquoOKrdquo
En el canal Llistat de tragravemits ha drsquoestar configurat el ldquoformatrdquo ldquodetall2rdquo ja que la
forma de presentacioacute que configurarem a GridDBTramitNormativaSac necessitaragrave
aquest format per visualitzar el detall del contingut de tipus normativa ldquoSACrdquo
2
65
La pantalla anterior a aquesta ens ha de presentar aquesta informacioacute i srsquoha de fer el
seguumlent
2 Fer clic a ldquoOKrdquo
1
66
La finestra pare anterior a aquesta quedaragrave com es mostra tot seguit i realitzarem les
accions seguumlents
1 Fer clic a ldquoOKrdquo
4 Comparticioacute de continguts
Accedim al projecte on hi ha tots els tragravemits de lrsquoOVT
1
67
OVTDepartaments[NomCurtDepartaments][NomCurtOrganisme] TramitOVT
On NomCurtDepartaments correspon al nom curt del departament al que fa referencia
el nostre organisme
En aquest exemple es mostren tots els projectes de tragravemits de lrsquoOVT
Un cop localitzat el tragravemit de lrsquoOVT que volem compartir amb el nostre site accedirem
a lrsquoedicioacute del contingut i assignarem aquest contingut al canal del nostre site on es
vulgui mostrar Srsquoha de fer el seguumlent
1 Anar al contenidor de projectes on hi ha els continguts de GECO
Apareixeragrave lrsquoestructura de projectes a la qual teacute acceacutes lrsquousuari redactor Cal fer el
seguumlent (exemple Agegravencia Tributagraveria dins drsquoEconomia i Finances)
1 Seleccionar ldquoOVTrdquo
2 Seleccionar ldquoDepartamentsrdquo aquesta carpeta conteacute tots els tragravemits de lrsquoOVT
classificats per departaments
3 Seleccionar ldquoECOrdquo A lrsquousuari nomeacutes se li mostraragrave la carpeta del seu
departament
Si lrsquousuari no visualitza la carpeta dins del seu departament eacutes perquegrave no
srsquoha aplicat la poliacutetica de seguretat correctament Cal obrir un tiquet a Suport
gencat per tramitar aquests permisos AQUESTA CARPETA NOMEacuteS SERAgrave
VISIBLE PER ALS USUARIS AMB ROL REDACTOR
4 Seleccionar ldquoA_Agegravencia Tributagraveriardquo
5 Seleccionar ldquoTramitOVTrdquo
1
68
2
3
1
69
4
5
70
Apareixeragrave el llistat de continguts ldquoTragravemitOVTrdquo de lrsquoOVT de lrsquoAgegravencia Tributagraveria
Realitzarem les accions seguumlents
1 Seleccionar el tragravemit o els tragravemits que volem compartir en la web dorganisme
2 Fer clic a ldquoAssociarrdquo
2
1
71
Aquest proceacutes obriragrave una finestra Per seleccionar el site i canal on es volen mostrar
els tragravemits seleccionats realitzarem les accions seguumlents (cas site Generic)
1 Seleccionar el site ldquoGenericrdquo en el vostre cas el site del departament on es vol
mostrar el contingut ldquotragravemitrdquo
2 Navegar pels canals del Site Genegraveric fins al canal que srsquoha creat en el punt
ldquoLlistat de tragravemitsrdquo i seleccionar el quadre de verificacioacute
3 Fer clic a ldquoOKrdquo
1
72
2
3
73
41 Validar que la comparticioacute de continguts eacutes correcta
Accedim per VCM al canal que hem creat anteriorment al qual li acabem drsquoassignar
els continguts de tragravemits que ha de mostrar i fem el seguumlent
1 Anar al contenidor de portals
2 Seleccionar el Site ldquogenericrdquo
3 Seleccionar el canal ldquoHomerdquo
4 Seleccionar el canal ldquoCanal Llistat tragravemitsrdquo
1
2
3
74
4
75
Apareixeragrave el contingut assignat al canal ldquoCanal Llistat tragravemitsrdquo
En entrar trobarem el llistat seguumlent
1 Llistat del tragravemits de lrsquoOVT que srsquohan compartit amb el canal ldquoCanal Llistat
tragravemitsrdquo
2 Validar que els continguts que apareixen soacuten del tipus ldquoTramitOVTrdquo
En cas que al canal del site ldquoCanal Llistat tragravemitsrdquo no apareguin els continguts
tragravemits associats anteriorment cal repetir el pas 22
1 2
76
5 Configuracioacute al portal
Ara cal entrar al nostre site on tenim configurat el canal que hem creat en lrsquoapartat
anterior (21) i que ara configurarem a nivell de portal
51 Configuracioacute a Canal Llistat tragravemits
511 Configuracioacute de la llista de tragravemits
Farem clic a lrsquoenllaccedil ldquoCanal llistat tragravemitsrdquo de la ldquoHomerdquo i anirem a parar a una
pantalla com la que es mostra meacutes avall
Es pot apreciar que en el contingut de la pagravegina no hi ha res Aixograve eacutes perquegrave cal
configurar els portlets adequats ( )
1 Ens situarem sobre la icona ldquoOpcions de Pagraveginardquo
2 Seleccionarem ldquoObrir Plantillardquo ja que els portlets soacuten a nivell de Page
Ens apareixeragrave una pantalla com la que es mostra tot seguit i realitzarem les accions
seguumlents
1 Seleccionar el portlet de la part central de la pagravegina per configurar una ldquoLlista
automagravetica de contingutsrdquo
2
1
77
Tambeacute podem configurar una ldquoLlista manual de contingutsrdquo segons les
necessitats de cada usuari
78
Ens redirigiragrave cap a un formulari drsquoedicioacute que ens mostraragrave directament quina consulta
hem de configurar per mostrar els continguts i configurarem una consulta com la
seguumlent (evidentment segons les necessitats de cada usuari)
Ara tenim configurat que la pagravegina mostraragrave els tipus de contingut ldquoTramitOVTrdquo del
canal actual ordenats per la ldquoEacutes on-linerdquo en ordre descendent
Aixograve ens portaragrave a la pantalla principal on acabarem de completar la configuracioacute
1 Validar que en lrsquoapartat ldquoConsultardquo hi ha la configuracioacute que acabem drsquoafegir
2 Emplenar ldquoAgraveliesrdquo
3 En lrsquoapartat Forma de presentacioacute fer clic al botoacute ldquoCercar helliprdquo
79
Ens apareixeragrave la pantalla seguumlent
1 Fer clic a ldquoNavegacioacute per projectesrdquo
1
2
3
80
Ens canviaragrave la vista al format seguumlent
1 Navegarem per les carpetes fins a arribar a ldquoFramework Formes de
presentacioacute Site generic fw_fp_llistatramitsrdquo
2 Seleccionarem ldquofw_fp_llistatramitsrdquo
3 Farem clic a ldquoOKrdquo
1
1
81
En retornar a la pantalla principal cal
1 Validar que la forma de presentacioacute eacutes la que acabem de seleccionar
2 Fer clic a ldquoOKrdquo
1 (continuacioacute) 2
3
82
1
2
83
Aquest seragrave el nostre resultat a la pantalla del portal i cal fer el seguumlent
1 Verificar que apareixen els dos continguts que es van associar a aquest canal
1
84
512 Configuracioacute del detall del tragravemit i el pas a pas
En fer clic sobre una activitat veurem com ens redirigeix a la plantilla configurada al
ldquodetallrdquo drsquoaquesta pagravegina tal com la vam configurar en lrsquoapartat 231 cal fer el
seguumlent
1 Fer clic a la primera activitat
1
85
Ens sortiragrave la pagravegina de VAP del detall drsquoun contingut per configurar farem els
passos seguumlents
1 Ens situarem sobre la icona ldquoOpcions de Pagraveginardquo
2 Seleccionar ldquoObrir Plantillardquo ja que els portlets soacuten a nivell de Page
Ens apareixeragrave una pantalla com la que es mostra tot seguit i realitzarem les accions
seguumlents
1 Seleccionar el portlet de la part central de la pagravegina per configurar un ldquoDetall
de contingutrdquo i fer clic a ldquoEditarrdquo
Ens apareixeragrave la pantalla de seleccioacute de component de presentacioacute
1 Seleccionarem el component de presentacioacute ldquoDetall de contingutrdquo
1
2
1
86
Ens apareixeragrave la pantalla que es mostra tot seguit i realitzarem les accions seguumlents
1 Emplenar el camp ldquoAgraveliesrdquo
2 Canviar a la pestanya ldquoPresentacioacuterdquo
En fer clic a la pestanya obtindrem la imatge que es mostra tot seguit i realitzarem les
accions seguumlents
1 Cercarem una forma de presentacioacute fent clic a ldquoCercar helliprdquo
1
2
87
Quan aparegui la pantalla de cercador realitzarem una cerca de la forma de
presentacioacute que volem fer servir per a aixograve cal fer el seguumlent
1 Emplenar la caixa de text amb ldquofw_fp_tramitrdquo
2 Preacutemer ldquoCercarrdquo
3 Seleccionar la forma de presentacioacute de la caixa de resultats
4 Preacutemer ldquoOKrdquo
La forma de presentacioacute ldquofw_fp_tramitrdquo estagrave preparada per ldquomaquillarrdquo el contingut
dels tragravemits Tambeacute es pot fer servir una forma de presentacioacute personalitzada
segons es cregui convenient
1
1
2
3
4
88
En acabar tornarem a la pagravegina principal drsquoedicioacute i farem el seguumlent
1 Verificar que la forma de presentacioacute eacutes la que hem escollit
2 Fer clic a ldquoOKrdquo
En finalitzar la configuracioacute del component de presentacioacute tornem a la pantalla del
portal i cal fer el seguumlent
1 Verificar que el disseny de la presentacioacute eacutes semblant al seguumlent
1
2
89
Configurarem el portlet superior central de la pagravegina perquegrave aquesta contingui el fil
drsquoAriadna
1 Accedir a ldquoObrir Plantillardquo
1 Editar el portlet central que hi ha a sobre del detall de tragravemit per configurar el fil
drsquoAriadna En aquest exemple el portlet eacutes ldquoFW_hilo_ariadnardquo
Escollirem el component de presentacioacute
1 Seleccionar el component de presentacioacute ldquoFil drsquoAriadnardquo
1
1
90
En la configuracioacute del component realitzarem les accions seguumlents
1 Inserir el camp ldquoAgraveliesrdquo
2 Inserir el camp ldquoCanalrdquo
3 Fer clic a la pestanya ldquoPresentacioacuterdquo i cercar la forma de presentacioacute
ldquofw_fp_filariadnardquo
1
91
513 Configuracioacute del detall drsquouna normativa SAC
En el detall de contingut configurat en el punt anterior fent clic sobre una normativa
veurem com ens redirigeix a la plantilla configurada al ldquodetall2rdquo drsquoaquesta pagravegina tal
com hem configurat a lrsquoapartat 231
1 Fer clic a la primera ldquoNormativa Aplicablerdquo
2
3
92
Aquest enllaccedil ens portaragrave al detall2 del canal on srsquoha de configurar el detall de
contingut SAC per tal que es mostri la normativa aplicable
Configurarem el portlet superior central de la pagravegina perquegrave aquesta contingui el fil
drsquoAriadna per a aixograve cal fer el seguumlent
1 Accedir a ldquoObrir Plantillardquo
1
93
1
94
1 Editar el portlet central que hi ha a sobre del detall de tragravemit per configurar el fil
drsquoAriadna En aquest exemple el portlet eacutes ldquofw_portlet_tramitrdquo
Escollirem el component de presentacioacute
1 Seleccionar el component de presentacioacute ldquoDetall de Contingut SACrdquo
En la configuracioacute del component realitzarem les accions seguumlents
1 Inserir el camp ldquoAgraveliesrdquo
2 Seleccionar el tipus de contingut ldquoDetall Tragravemitrdquo
1
95
3 Fer clic a la pestanya ldquoPresentacioacuterdquo i cercar la forma de presentacioacute
ldquofw_fp_sac_normativardquo
4 Fer clic al botoacute ldquoOKrdquo
Srsquoactualitzaragrave la pagravegina de VAP i es mostraragrave el detall de SAC
1
2
3
4
96
514 Validacioacute final de VAP
Finalment cal validar que els tragravemits es visualitzen correctament per a aixograve cal
1 Verificar que tenim els canals creats
2 Accedir al canal ldquoCanal Llistat tragravemitsrdquo i validar que es mostren els tragravemits
que hem associat al punt 22
1
97
A continuacioacute cal fer les comprovacions seguumlents
1 Accedir al detall del tragravemit compartit
2 Accedir al pas a pas del tragravemit i a la normativa de SAC
Exemple llistat de tragravemits compartits
2
1
98
Exemple detall de tragravemit compartit
Exemple pas a pas drsquoun tragravemit
2
2
99
Exemple normativa SAC
En el cas que no es visualitzin el llistat de tragravemits detall o pas a pas configurat
validar
1 Refrescar la Pagravegina
2 Els tragravemits estan associats al canal que esteacuten visualitzat punt 23
1 Refrescar la pagravegina
1
56
Tot seguit apareixeragrave la pantalla que es mostra a continuacioacute on realitzarem les
accions seguumlents
1 Fer clic a ldquoAfegir formatrdquo
En aquesta nova pantalla ens assegurarem del seguumlent
1 A la casella ldquoFormatrdquo hi ha el valor ldquodetallrdquo
2 A la casella ldquoTemplaterdquo hi ha drsquohaver el correcte Si no eacutes aixiacute srsquoha de fer clic a
ldquoNavegadorrdquo
En fer clic a ldquoNavegadorrdquo cal fer el seguumlent
1 Tornar a navegar fins a ldquogenericrdquo
1
1 2
57
1
58
I a la pantalla seguumlent cal seleccionar una plantilla i
1 Fer clic al botoacute a prop de ldquoGridBTramitrdquo
2 Fer clic a ldquoOKrdquo
1
2
59
En aquest moment es torna a la pantalla anterior i cal
1 Fer clic a ldquoOKrdquo
En el canal Llistat de tragravemits ha drsquoestar configurat el ldquoformatrdquo ldquodetallrdquo ja que la forma
de presentacioacute que configurarem a GridDBTramit necessitaragrave aquest format per
visualitzar el detall del contingut de tipus ldquoTragravemitrdquo
2
60
La pantalla anterior a aquesta ens ha de presentar aquesta informacioacute Ara
configurarem el ldquodetall2rdquo per presentar el contingut rdquo Normativa de SACrdquo Per a aixograve
cal fer el seguumlent
1 Fer clic a ldquoAfegir Formatrdquo
En aquesta nova pantalla ens assegurarem del seguumlent
1 A la casella ldquoFormatrdquo hi ha el valor ldquodetall2rdquo
1
61
2 A la casella ldquoTemplaterdquo hi ha drsquohaver el correcte Si no eacutes aixiacute srsquoha de fer clic a
ldquoNavegadorrdquo
En fer clic a ldquoNavegadorrdquo srsquoha de fer el seguumlent
1 Tornar a navegar fins a ldquogenericrdquo (srsquoha de substituir pel nom del portal)
1 2
62
1
63
A la pantalla seguumlent cal seleccionar una plantilla i
1 Fer clic al botoacute a prop de ldquoGridBTramitNormativaSacrdquo
2 Fer clic a ldquoOKrdquo
1
2
64
En aquest moment es torna a la pantalla anterior i cal fer el seguumlent
2 Fer clic a ldquoOKrdquo
En el canal Llistat de tragravemits ha drsquoestar configurat el ldquoformatrdquo ldquodetall2rdquo ja que la
forma de presentacioacute que configurarem a GridDBTramitNormativaSac necessitaragrave
aquest format per visualitzar el detall del contingut de tipus normativa ldquoSACrdquo
2
65
La pantalla anterior a aquesta ens ha de presentar aquesta informacioacute i srsquoha de fer el
seguumlent
2 Fer clic a ldquoOKrdquo
1
66
La finestra pare anterior a aquesta quedaragrave com es mostra tot seguit i realitzarem les
accions seguumlents
1 Fer clic a ldquoOKrdquo
4 Comparticioacute de continguts
Accedim al projecte on hi ha tots els tragravemits de lrsquoOVT
1
67
OVTDepartaments[NomCurtDepartaments][NomCurtOrganisme] TramitOVT
On NomCurtDepartaments correspon al nom curt del departament al que fa referencia
el nostre organisme
En aquest exemple es mostren tots els projectes de tragravemits de lrsquoOVT
Un cop localitzat el tragravemit de lrsquoOVT que volem compartir amb el nostre site accedirem
a lrsquoedicioacute del contingut i assignarem aquest contingut al canal del nostre site on es
vulgui mostrar Srsquoha de fer el seguumlent
1 Anar al contenidor de projectes on hi ha els continguts de GECO
Apareixeragrave lrsquoestructura de projectes a la qual teacute acceacutes lrsquousuari redactor Cal fer el
seguumlent (exemple Agegravencia Tributagraveria dins drsquoEconomia i Finances)
1 Seleccionar ldquoOVTrdquo
2 Seleccionar ldquoDepartamentsrdquo aquesta carpeta conteacute tots els tragravemits de lrsquoOVT
classificats per departaments
3 Seleccionar ldquoECOrdquo A lrsquousuari nomeacutes se li mostraragrave la carpeta del seu
departament
Si lrsquousuari no visualitza la carpeta dins del seu departament eacutes perquegrave no
srsquoha aplicat la poliacutetica de seguretat correctament Cal obrir un tiquet a Suport
gencat per tramitar aquests permisos AQUESTA CARPETA NOMEacuteS SERAgrave
VISIBLE PER ALS USUARIS AMB ROL REDACTOR
4 Seleccionar ldquoA_Agegravencia Tributagraveriardquo
5 Seleccionar ldquoTramitOVTrdquo
1
68
2
3
1
69
4
5
70
Apareixeragrave el llistat de continguts ldquoTragravemitOVTrdquo de lrsquoOVT de lrsquoAgegravencia Tributagraveria
Realitzarem les accions seguumlents
1 Seleccionar el tragravemit o els tragravemits que volem compartir en la web dorganisme
2 Fer clic a ldquoAssociarrdquo
2
1
71
Aquest proceacutes obriragrave una finestra Per seleccionar el site i canal on es volen mostrar
els tragravemits seleccionats realitzarem les accions seguumlents (cas site Generic)
1 Seleccionar el site ldquoGenericrdquo en el vostre cas el site del departament on es vol
mostrar el contingut ldquotragravemitrdquo
2 Navegar pels canals del Site Genegraveric fins al canal que srsquoha creat en el punt
ldquoLlistat de tragravemitsrdquo i seleccionar el quadre de verificacioacute
3 Fer clic a ldquoOKrdquo
1
72
2
3
73
41 Validar que la comparticioacute de continguts eacutes correcta
Accedim per VCM al canal que hem creat anteriorment al qual li acabem drsquoassignar
els continguts de tragravemits que ha de mostrar i fem el seguumlent
1 Anar al contenidor de portals
2 Seleccionar el Site ldquogenericrdquo
3 Seleccionar el canal ldquoHomerdquo
4 Seleccionar el canal ldquoCanal Llistat tragravemitsrdquo
1
2
3
74
4
75
Apareixeragrave el contingut assignat al canal ldquoCanal Llistat tragravemitsrdquo
En entrar trobarem el llistat seguumlent
1 Llistat del tragravemits de lrsquoOVT que srsquohan compartit amb el canal ldquoCanal Llistat
tragravemitsrdquo
2 Validar que els continguts que apareixen soacuten del tipus ldquoTramitOVTrdquo
En cas que al canal del site ldquoCanal Llistat tragravemitsrdquo no apareguin els continguts
tragravemits associats anteriorment cal repetir el pas 22
1 2
76
5 Configuracioacute al portal
Ara cal entrar al nostre site on tenim configurat el canal que hem creat en lrsquoapartat
anterior (21) i que ara configurarem a nivell de portal
51 Configuracioacute a Canal Llistat tragravemits
511 Configuracioacute de la llista de tragravemits
Farem clic a lrsquoenllaccedil ldquoCanal llistat tragravemitsrdquo de la ldquoHomerdquo i anirem a parar a una
pantalla com la que es mostra meacutes avall
Es pot apreciar que en el contingut de la pagravegina no hi ha res Aixograve eacutes perquegrave cal
configurar els portlets adequats ( )
1 Ens situarem sobre la icona ldquoOpcions de Pagraveginardquo
2 Seleccionarem ldquoObrir Plantillardquo ja que els portlets soacuten a nivell de Page
Ens apareixeragrave una pantalla com la que es mostra tot seguit i realitzarem les accions
seguumlents
1 Seleccionar el portlet de la part central de la pagravegina per configurar una ldquoLlista
automagravetica de contingutsrdquo
2
1
77
Tambeacute podem configurar una ldquoLlista manual de contingutsrdquo segons les
necessitats de cada usuari
78
Ens redirigiragrave cap a un formulari drsquoedicioacute que ens mostraragrave directament quina consulta
hem de configurar per mostrar els continguts i configurarem una consulta com la
seguumlent (evidentment segons les necessitats de cada usuari)
Ara tenim configurat que la pagravegina mostraragrave els tipus de contingut ldquoTramitOVTrdquo del
canal actual ordenats per la ldquoEacutes on-linerdquo en ordre descendent
Aixograve ens portaragrave a la pantalla principal on acabarem de completar la configuracioacute
1 Validar que en lrsquoapartat ldquoConsultardquo hi ha la configuracioacute que acabem drsquoafegir
2 Emplenar ldquoAgraveliesrdquo
3 En lrsquoapartat Forma de presentacioacute fer clic al botoacute ldquoCercar helliprdquo
79
Ens apareixeragrave la pantalla seguumlent
1 Fer clic a ldquoNavegacioacute per projectesrdquo
1
2
3
80
Ens canviaragrave la vista al format seguumlent
1 Navegarem per les carpetes fins a arribar a ldquoFramework Formes de
presentacioacute Site generic fw_fp_llistatramitsrdquo
2 Seleccionarem ldquofw_fp_llistatramitsrdquo
3 Farem clic a ldquoOKrdquo
1
1
81
En retornar a la pantalla principal cal
1 Validar que la forma de presentacioacute eacutes la que acabem de seleccionar
2 Fer clic a ldquoOKrdquo
1 (continuacioacute) 2
3
82
1
2
83
Aquest seragrave el nostre resultat a la pantalla del portal i cal fer el seguumlent
1 Verificar que apareixen els dos continguts que es van associar a aquest canal
1
84
512 Configuracioacute del detall del tragravemit i el pas a pas
En fer clic sobre una activitat veurem com ens redirigeix a la plantilla configurada al
ldquodetallrdquo drsquoaquesta pagravegina tal com la vam configurar en lrsquoapartat 231 cal fer el
seguumlent
1 Fer clic a la primera activitat
1
85
Ens sortiragrave la pagravegina de VAP del detall drsquoun contingut per configurar farem els
passos seguumlents
1 Ens situarem sobre la icona ldquoOpcions de Pagraveginardquo
2 Seleccionar ldquoObrir Plantillardquo ja que els portlets soacuten a nivell de Page
Ens apareixeragrave una pantalla com la que es mostra tot seguit i realitzarem les accions
seguumlents
1 Seleccionar el portlet de la part central de la pagravegina per configurar un ldquoDetall
de contingutrdquo i fer clic a ldquoEditarrdquo
Ens apareixeragrave la pantalla de seleccioacute de component de presentacioacute
1 Seleccionarem el component de presentacioacute ldquoDetall de contingutrdquo
1
2
1
86
Ens apareixeragrave la pantalla que es mostra tot seguit i realitzarem les accions seguumlents
1 Emplenar el camp ldquoAgraveliesrdquo
2 Canviar a la pestanya ldquoPresentacioacuterdquo
En fer clic a la pestanya obtindrem la imatge que es mostra tot seguit i realitzarem les
accions seguumlents
1 Cercarem una forma de presentacioacute fent clic a ldquoCercar helliprdquo
1
2
87
Quan aparegui la pantalla de cercador realitzarem una cerca de la forma de
presentacioacute que volem fer servir per a aixograve cal fer el seguumlent
1 Emplenar la caixa de text amb ldquofw_fp_tramitrdquo
2 Preacutemer ldquoCercarrdquo
3 Seleccionar la forma de presentacioacute de la caixa de resultats
4 Preacutemer ldquoOKrdquo
La forma de presentacioacute ldquofw_fp_tramitrdquo estagrave preparada per ldquomaquillarrdquo el contingut
dels tragravemits Tambeacute es pot fer servir una forma de presentacioacute personalitzada
segons es cregui convenient
1
1
2
3
4
88
En acabar tornarem a la pagravegina principal drsquoedicioacute i farem el seguumlent
1 Verificar que la forma de presentacioacute eacutes la que hem escollit
2 Fer clic a ldquoOKrdquo
En finalitzar la configuracioacute del component de presentacioacute tornem a la pantalla del
portal i cal fer el seguumlent
1 Verificar que el disseny de la presentacioacute eacutes semblant al seguumlent
1
2
89
Configurarem el portlet superior central de la pagravegina perquegrave aquesta contingui el fil
drsquoAriadna
1 Accedir a ldquoObrir Plantillardquo
1 Editar el portlet central que hi ha a sobre del detall de tragravemit per configurar el fil
drsquoAriadna En aquest exemple el portlet eacutes ldquoFW_hilo_ariadnardquo
Escollirem el component de presentacioacute
1 Seleccionar el component de presentacioacute ldquoFil drsquoAriadnardquo
1
1
90
En la configuracioacute del component realitzarem les accions seguumlents
1 Inserir el camp ldquoAgraveliesrdquo
2 Inserir el camp ldquoCanalrdquo
3 Fer clic a la pestanya ldquoPresentacioacuterdquo i cercar la forma de presentacioacute
ldquofw_fp_filariadnardquo
1
91
513 Configuracioacute del detall drsquouna normativa SAC
En el detall de contingut configurat en el punt anterior fent clic sobre una normativa
veurem com ens redirigeix a la plantilla configurada al ldquodetall2rdquo drsquoaquesta pagravegina tal
com hem configurat a lrsquoapartat 231
1 Fer clic a la primera ldquoNormativa Aplicablerdquo
2
3
92
Aquest enllaccedil ens portaragrave al detall2 del canal on srsquoha de configurar el detall de
contingut SAC per tal que es mostri la normativa aplicable
Configurarem el portlet superior central de la pagravegina perquegrave aquesta contingui el fil
drsquoAriadna per a aixograve cal fer el seguumlent
1 Accedir a ldquoObrir Plantillardquo
1
93
1
94
1 Editar el portlet central que hi ha a sobre del detall de tragravemit per configurar el fil
drsquoAriadna En aquest exemple el portlet eacutes ldquofw_portlet_tramitrdquo
Escollirem el component de presentacioacute
1 Seleccionar el component de presentacioacute ldquoDetall de Contingut SACrdquo
En la configuracioacute del component realitzarem les accions seguumlents
1 Inserir el camp ldquoAgraveliesrdquo
2 Seleccionar el tipus de contingut ldquoDetall Tragravemitrdquo
1
95
3 Fer clic a la pestanya ldquoPresentacioacuterdquo i cercar la forma de presentacioacute
ldquofw_fp_sac_normativardquo
4 Fer clic al botoacute ldquoOKrdquo
Srsquoactualitzaragrave la pagravegina de VAP i es mostraragrave el detall de SAC
1
2
3
4
96
514 Validacioacute final de VAP
Finalment cal validar que els tragravemits es visualitzen correctament per a aixograve cal
1 Verificar que tenim els canals creats
2 Accedir al canal ldquoCanal Llistat tragravemitsrdquo i validar que es mostren els tragravemits
que hem associat al punt 22
1
97
A continuacioacute cal fer les comprovacions seguumlents
1 Accedir al detall del tragravemit compartit
2 Accedir al pas a pas del tragravemit i a la normativa de SAC
Exemple llistat de tragravemits compartits
2
1
98
Exemple detall de tragravemit compartit
Exemple pas a pas drsquoun tragravemit
2
2
99
Exemple normativa SAC
En el cas que no es visualitzin el llistat de tragravemits detall o pas a pas configurat
validar
1 Refrescar la Pagravegina
2 Els tragravemits estan associats al canal que esteacuten visualitzat punt 23
1 Refrescar la pagravegina
1
57
1
58
I a la pantalla seguumlent cal seleccionar una plantilla i
1 Fer clic al botoacute a prop de ldquoGridBTramitrdquo
2 Fer clic a ldquoOKrdquo
1
2
59
En aquest moment es torna a la pantalla anterior i cal
1 Fer clic a ldquoOKrdquo
En el canal Llistat de tragravemits ha drsquoestar configurat el ldquoformatrdquo ldquodetallrdquo ja que la forma
de presentacioacute que configurarem a GridDBTramit necessitaragrave aquest format per
visualitzar el detall del contingut de tipus ldquoTragravemitrdquo
2
60
La pantalla anterior a aquesta ens ha de presentar aquesta informacioacute Ara
configurarem el ldquodetall2rdquo per presentar el contingut rdquo Normativa de SACrdquo Per a aixograve
cal fer el seguumlent
1 Fer clic a ldquoAfegir Formatrdquo
En aquesta nova pantalla ens assegurarem del seguumlent
1 A la casella ldquoFormatrdquo hi ha el valor ldquodetall2rdquo
1
61
2 A la casella ldquoTemplaterdquo hi ha drsquohaver el correcte Si no eacutes aixiacute srsquoha de fer clic a
ldquoNavegadorrdquo
En fer clic a ldquoNavegadorrdquo srsquoha de fer el seguumlent
1 Tornar a navegar fins a ldquogenericrdquo (srsquoha de substituir pel nom del portal)
1 2
62
1
63
A la pantalla seguumlent cal seleccionar una plantilla i
1 Fer clic al botoacute a prop de ldquoGridBTramitNormativaSacrdquo
2 Fer clic a ldquoOKrdquo
1
2
64
En aquest moment es torna a la pantalla anterior i cal fer el seguumlent
2 Fer clic a ldquoOKrdquo
En el canal Llistat de tragravemits ha drsquoestar configurat el ldquoformatrdquo ldquodetall2rdquo ja que la
forma de presentacioacute que configurarem a GridDBTramitNormativaSac necessitaragrave
aquest format per visualitzar el detall del contingut de tipus normativa ldquoSACrdquo
2
65
La pantalla anterior a aquesta ens ha de presentar aquesta informacioacute i srsquoha de fer el
seguumlent
2 Fer clic a ldquoOKrdquo
1
66
La finestra pare anterior a aquesta quedaragrave com es mostra tot seguit i realitzarem les
accions seguumlents
1 Fer clic a ldquoOKrdquo
4 Comparticioacute de continguts
Accedim al projecte on hi ha tots els tragravemits de lrsquoOVT
1
67
OVTDepartaments[NomCurtDepartaments][NomCurtOrganisme] TramitOVT
On NomCurtDepartaments correspon al nom curt del departament al que fa referencia
el nostre organisme
En aquest exemple es mostren tots els projectes de tragravemits de lrsquoOVT
Un cop localitzat el tragravemit de lrsquoOVT que volem compartir amb el nostre site accedirem
a lrsquoedicioacute del contingut i assignarem aquest contingut al canal del nostre site on es
vulgui mostrar Srsquoha de fer el seguumlent
1 Anar al contenidor de projectes on hi ha els continguts de GECO
Apareixeragrave lrsquoestructura de projectes a la qual teacute acceacutes lrsquousuari redactor Cal fer el
seguumlent (exemple Agegravencia Tributagraveria dins drsquoEconomia i Finances)
1 Seleccionar ldquoOVTrdquo
2 Seleccionar ldquoDepartamentsrdquo aquesta carpeta conteacute tots els tragravemits de lrsquoOVT
classificats per departaments
3 Seleccionar ldquoECOrdquo A lrsquousuari nomeacutes se li mostraragrave la carpeta del seu
departament
Si lrsquousuari no visualitza la carpeta dins del seu departament eacutes perquegrave no
srsquoha aplicat la poliacutetica de seguretat correctament Cal obrir un tiquet a Suport
gencat per tramitar aquests permisos AQUESTA CARPETA NOMEacuteS SERAgrave
VISIBLE PER ALS USUARIS AMB ROL REDACTOR
4 Seleccionar ldquoA_Agegravencia Tributagraveriardquo
5 Seleccionar ldquoTramitOVTrdquo
1
68
2
3
1
69
4
5
70
Apareixeragrave el llistat de continguts ldquoTragravemitOVTrdquo de lrsquoOVT de lrsquoAgegravencia Tributagraveria
Realitzarem les accions seguumlents
1 Seleccionar el tragravemit o els tragravemits que volem compartir en la web dorganisme
2 Fer clic a ldquoAssociarrdquo
2
1
71
Aquest proceacutes obriragrave una finestra Per seleccionar el site i canal on es volen mostrar
els tragravemits seleccionats realitzarem les accions seguumlents (cas site Generic)
1 Seleccionar el site ldquoGenericrdquo en el vostre cas el site del departament on es vol
mostrar el contingut ldquotragravemitrdquo
2 Navegar pels canals del Site Genegraveric fins al canal que srsquoha creat en el punt
ldquoLlistat de tragravemitsrdquo i seleccionar el quadre de verificacioacute
3 Fer clic a ldquoOKrdquo
1
72
2
3
73
41 Validar que la comparticioacute de continguts eacutes correcta
Accedim per VCM al canal que hem creat anteriorment al qual li acabem drsquoassignar
els continguts de tragravemits que ha de mostrar i fem el seguumlent
1 Anar al contenidor de portals
2 Seleccionar el Site ldquogenericrdquo
3 Seleccionar el canal ldquoHomerdquo
4 Seleccionar el canal ldquoCanal Llistat tragravemitsrdquo
1
2
3
74
4
75
Apareixeragrave el contingut assignat al canal ldquoCanal Llistat tragravemitsrdquo
En entrar trobarem el llistat seguumlent
1 Llistat del tragravemits de lrsquoOVT que srsquohan compartit amb el canal ldquoCanal Llistat
tragravemitsrdquo
2 Validar que els continguts que apareixen soacuten del tipus ldquoTramitOVTrdquo
En cas que al canal del site ldquoCanal Llistat tragravemitsrdquo no apareguin els continguts
tragravemits associats anteriorment cal repetir el pas 22
1 2
76
5 Configuracioacute al portal
Ara cal entrar al nostre site on tenim configurat el canal que hem creat en lrsquoapartat
anterior (21) i que ara configurarem a nivell de portal
51 Configuracioacute a Canal Llistat tragravemits
511 Configuracioacute de la llista de tragravemits
Farem clic a lrsquoenllaccedil ldquoCanal llistat tragravemitsrdquo de la ldquoHomerdquo i anirem a parar a una
pantalla com la que es mostra meacutes avall
Es pot apreciar que en el contingut de la pagravegina no hi ha res Aixograve eacutes perquegrave cal
configurar els portlets adequats ( )
1 Ens situarem sobre la icona ldquoOpcions de Pagraveginardquo
2 Seleccionarem ldquoObrir Plantillardquo ja que els portlets soacuten a nivell de Page
Ens apareixeragrave una pantalla com la que es mostra tot seguit i realitzarem les accions
seguumlents
1 Seleccionar el portlet de la part central de la pagravegina per configurar una ldquoLlista
automagravetica de contingutsrdquo
2
1
77
Tambeacute podem configurar una ldquoLlista manual de contingutsrdquo segons les
necessitats de cada usuari
78
Ens redirigiragrave cap a un formulari drsquoedicioacute que ens mostraragrave directament quina consulta
hem de configurar per mostrar els continguts i configurarem una consulta com la
seguumlent (evidentment segons les necessitats de cada usuari)
Ara tenim configurat que la pagravegina mostraragrave els tipus de contingut ldquoTramitOVTrdquo del
canal actual ordenats per la ldquoEacutes on-linerdquo en ordre descendent
Aixograve ens portaragrave a la pantalla principal on acabarem de completar la configuracioacute
1 Validar que en lrsquoapartat ldquoConsultardquo hi ha la configuracioacute que acabem drsquoafegir
2 Emplenar ldquoAgraveliesrdquo
3 En lrsquoapartat Forma de presentacioacute fer clic al botoacute ldquoCercar helliprdquo
79
Ens apareixeragrave la pantalla seguumlent
1 Fer clic a ldquoNavegacioacute per projectesrdquo
1
2
3
80
Ens canviaragrave la vista al format seguumlent
1 Navegarem per les carpetes fins a arribar a ldquoFramework Formes de
presentacioacute Site generic fw_fp_llistatramitsrdquo
2 Seleccionarem ldquofw_fp_llistatramitsrdquo
3 Farem clic a ldquoOKrdquo
1
1
81
En retornar a la pantalla principal cal
1 Validar que la forma de presentacioacute eacutes la que acabem de seleccionar
2 Fer clic a ldquoOKrdquo
1 (continuacioacute) 2
3
82
1
2
83
Aquest seragrave el nostre resultat a la pantalla del portal i cal fer el seguumlent
1 Verificar que apareixen els dos continguts que es van associar a aquest canal
1
84
512 Configuracioacute del detall del tragravemit i el pas a pas
En fer clic sobre una activitat veurem com ens redirigeix a la plantilla configurada al
ldquodetallrdquo drsquoaquesta pagravegina tal com la vam configurar en lrsquoapartat 231 cal fer el
seguumlent
1 Fer clic a la primera activitat
1
85
Ens sortiragrave la pagravegina de VAP del detall drsquoun contingut per configurar farem els
passos seguumlents
1 Ens situarem sobre la icona ldquoOpcions de Pagraveginardquo
2 Seleccionar ldquoObrir Plantillardquo ja que els portlets soacuten a nivell de Page
Ens apareixeragrave una pantalla com la que es mostra tot seguit i realitzarem les accions
seguumlents
1 Seleccionar el portlet de la part central de la pagravegina per configurar un ldquoDetall
de contingutrdquo i fer clic a ldquoEditarrdquo
Ens apareixeragrave la pantalla de seleccioacute de component de presentacioacute
1 Seleccionarem el component de presentacioacute ldquoDetall de contingutrdquo
1
2
1
86
Ens apareixeragrave la pantalla que es mostra tot seguit i realitzarem les accions seguumlents
1 Emplenar el camp ldquoAgraveliesrdquo
2 Canviar a la pestanya ldquoPresentacioacuterdquo
En fer clic a la pestanya obtindrem la imatge que es mostra tot seguit i realitzarem les
accions seguumlents
1 Cercarem una forma de presentacioacute fent clic a ldquoCercar helliprdquo
1
2
87
Quan aparegui la pantalla de cercador realitzarem una cerca de la forma de
presentacioacute que volem fer servir per a aixograve cal fer el seguumlent
1 Emplenar la caixa de text amb ldquofw_fp_tramitrdquo
2 Preacutemer ldquoCercarrdquo
3 Seleccionar la forma de presentacioacute de la caixa de resultats
4 Preacutemer ldquoOKrdquo
La forma de presentacioacute ldquofw_fp_tramitrdquo estagrave preparada per ldquomaquillarrdquo el contingut
dels tragravemits Tambeacute es pot fer servir una forma de presentacioacute personalitzada
segons es cregui convenient
1
1
2
3
4
88
En acabar tornarem a la pagravegina principal drsquoedicioacute i farem el seguumlent
1 Verificar que la forma de presentacioacute eacutes la que hem escollit
2 Fer clic a ldquoOKrdquo
En finalitzar la configuracioacute del component de presentacioacute tornem a la pantalla del
portal i cal fer el seguumlent
1 Verificar que el disseny de la presentacioacute eacutes semblant al seguumlent
1
2
89
Configurarem el portlet superior central de la pagravegina perquegrave aquesta contingui el fil
drsquoAriadna
1 Accedir a ldquoObrir Plantillardquo
1 Editar el portlet central que hi ha a sobre del detall de tragravemit per configurar el fil
drsquoAriadna En aquest exemple el portlet eacutes ldquoFW_hilo_ariadnardquo
Escollirem el component de presentacioacute
1 Seleccionar el component de presentacioacute ldquoFil drsquoAriadnardquo
1
1
90
En la configuracioacute del component realitzarem les accions seguumlents
1 Inserir el camp ldquoAgraveliesrdquo
2 Inserir el camp ldquoCanalrdquo
3 Fer clic a la pestanya ldquoPresentacioacuterdquo i cercar la forma de presentacioacute
ldquofw_fp_filariadnardquo
1
91
513 Configuracioacute del detall drsquouna normativa SAC
En el detall de contingut configurat en el punt anterior fent clic sobre una normativa
veurem com ens redirigeix a la plantilla configurada al ldquodetall2rdquo drsquoaquesta pagravegina tal
com hem configurat a lrsquoapartat 231
1 Fer clic a la primera ldquoNormativa Aplicablerdquo
2
3
92
Aquest enllaccedil ens portaragrave al detall2 del canal on srsquoha de configurar el detall de
contingut SAC per tal que es mostri la normativa aplicable
Configurarem el portlet superior central de la pagravegina perquegrave aquesta contingui el fil
drsquoAriadna per a aixograve cal fer el seguumlent
1 Accedir a ldquoObrir Plantillardquo
1
93
1
94
1 Editar el portlet central que hi ha a sobre del detall de tragravemit per configurar el fil
drsquoAriadna En aquest exemple el portlet eacutes ldquofw_portlet_tramitrdquo
Escollirem el component de presentacioacute
1 Seleccionar el component de presentacioacute ldquoDetall de Contingut SACrdquo
En la configuracioacute del component realitzarem les accions seguumlents
1 Inserir el camp ldquoAgraveliesrdquo
2 Seleccionar el tipus de contingut ldquoDetall Tragravemitrdquo
1
95
3 Fer clic a la pestanya ldquoPresentacioacuterdquo i cercar la forma de presentacioacute
ldquofw_fp_sac_normativardquo
4 Fer clic al botoacute ldquoOKrdquo
Srsquoactualitzaragrave la pagravegina de VAP i es mostraragrave el detall de SAC
1
2
3
4
96
514 Validacioacute final de VAP
Finalment cal validar que els tragravemits es visualitzen correctament per a aixograve cal
1 Verificar que tenim els canals creats
2 Accedir al canal ldquoCanal Llistat tragravemitsrdquo i validar que es mostren els tragravemits
que hem associat al punt 22
1
97
A continuacioacute cal fer les comprovacions seguumlents
1 Accedir al detall del tragravemit compartit
2 Accedir al pas a pas del tragravemit i a la normativa de SAC
Exemple llistat de tragravemits compartits
2
1
98
Exemple detall de tragravemit compartit
Exemple pas a pas drsquoun tragravemit
2
2
99
Exemple normativa SAC
En el cas que no es visualitzin el llistat de tragravemits detall o pas a pas configurat
validar
1 Refrescar la Pagravegina
2 Els tragravemits estan associats al canal que esteacuten visualitzat punt 23
1 Refrescar la pagravegina
1
58
I a la pantalla seguumlent cal seleccionar una plantilla i
1 Fer clic al botoacute a prop de ldquoGridBTramitrdquo
2 Fer clic a ldquoOKrdquo
1
2
59
En aquest moment es torna a la pantalla anterior i cal
1 Fer clic a ldquoOKrdquo
En el canal Llistat de tragravemits ha drsquoestar configurat el ldquoformatrdquo ldquodetallrdquo ja que la forma
de presentacioacute que configurarem a GridDBTramit necessitaragrave aquest format per
visualitzar el detall del contingut de tipus ldquoTragravemitrdquo
2
60
La pantalla anterior a aquesta ens ha de presentar aquesta informacioacute Ara
configurarem el ldquodetall2rdquo per presentar el contingut rdquo Normativa de SACrdquo Per a aixograve
cal fer el seguumlent
1 Fer clic a ldquoAfegir Formatrdquo
En aquesta nova pantalla ens assegurarem del seguumlent
1 A la casella ldquoFormatrdquo hi ha el valor ldquodetall2rdquo
1
61
2 A la casella ldquoTemplaterdquo hi ha drsquohaver el correcte Si no eacutes aixiacute srsquoha de fer clic a
ldquoNavegadorrdquo
En fer clic a ldquoNavegadorrdquo srsquoha de fer el seguumlent
1 Tornar a navegar fins a ldquogenericrdquo (srsquoha de substituir pel nom del portal)
1 2
62
1
63
A la pantalla seguumlent cal seleccionar una plantilla i
1 Fer clic al botoacute a prop de ldquoGridBTramitNormativaSacrdquo
2 Fer clic a ldquoOKrdquo
1
2
64
En aquest moment es torna a la pantalla anterior i cal fer el seguumlent
2 Fer clic a ldquoOKrdquo
En el canal Llistat de tragravemits ha drsquoestar configurat el ldquoformatrdquo ldquodetall2rdquo ja que la
forma de presentacioacute que configurarem a GridDBTramitNormativaSac necessitaragrave
aquest format per visualitzar el detall del contingut de tipus normativa ldquoSACrdquo
2
65
La pantalla anterior a aquesta ens ha de presentar aquesta informacioacute i srsquoha de fer el
seguumlent
2 Fer clic a ldquoOKrdquo
1
66
La finestra pare anterior a aquesta quedaragrave com es mostra tot seguit i realitzarem les
accions seguumlents
1 Fer clic a ldquoOKrdquo
4 Comparticioacute de continguts
Accedim al projecte on hi ha tots els tragravemits de lrsquoOVT
1
67
OVTDepartaments[NomCurtDepartaments][NomCurtOrganisme] TramitOVT
On NomCurtDepartaments correspon al nom curt del departament al que fa referencia
el nostre organisme
En aquest exemple es mostren tots els projectes de tragravemits de lrsquoOVT
Un cop localitzat el tragravemit de lrsquoOVT que volem compartir amb el nostre site accedirem
a lrsquoedicioacute del contingut i assignarem aquest contingut al canal del nostre site on es
vulgui mostrar Srsquoha de fer el seguumlent
1 Anar al contenidor de projectes on hi ha els continguts de GECO
Apareixeragrave lrsquoestructura de projectes a la qual teacute acceacutes lrsquousuari redactor Cal fer el
seguumlent (exemple Agegravencia Tributagraveria dins drsquoEconomia i Finances)
1 Seleccionar ldquoOVTrdquo
2 Seleccionar ldquoDepartamentsrdquo aquesta carpeta conteacute tots els tragravemits de lrsquoOVT
classificats per departaments
3 Seleccionar ldquoECOrdquo A lrsquousuari nomeacutes se li mostraragrave la carpeta del seu
departament
Si lrsquousuari no visualitza la carpeta dins del seu departament eacutes perquegrave no
srsquoha aplicat la poliacutetica de seguretat correctament Cal obrir un tiquet a Suport
gencat per tramitar aquests permisos AQUESTA CARPETA NOMEacuteS SERAgrave
VISIBLE PER ALS USUARIS AMB ROL REDACTOR
4 Seleccionar ldquoA_Agegravencia Tributagraveriardquo
5 Seleccionar ldquoTramitOVTrdquo
1
68
2
3
1
69
4
5
70
Apareixeragrave el llistat de continguts ldquoTragravemitOVTrdquo de lrsquoOVT de lrsquoAgegravencia Tributagraveria
Realitzarem les accions seguumlents
1 Seleccionar el tragravemit o els tragravemits que volem compartir en la web dorganisme
2 Fer clic a ldquoAssociarrdquo
2
1
71
Aquest proceacutes obriragrave una finestra Per seleccionar el site i canal on es volen mostrar
els tragravemits seleccionats realitzarem les accions seguumlents (cas site Generic)
1 Seleccionar el site ldquoGenericrdquo en el vostre cas el site del departament on es vol
mostrar el contingut ldquotragravemitrdquo
2 Navegar pels canals del Site Genegraveric fins al canal que srsquoha creat en el punt
ldquoLlistat de tragravemitsrdquo i seleccionar el quadre de verificacioacute
3 Fer clic a ldquoOKrdquo
1
72
2
3
73
41 Validar que la comparticioacute de continguts eacutes correcta
Accedim per VCM al canal que hem creat anteriorment al qual li acabem drsquoassignar
els continguts de tragravemits que ha de mostrar i fem el seguumlent
1 Anar al contenidor de portals
2 Seleccionar el Site ldquogenericrdquo
3 Seleccionar el canal ldquoHomerdquo
4 Seleccionar el canal ldquoCanal Llistat tragravemitsrdquo
1
2
3
74
4
75
Apareixeragrave el contingut assignat al canal ldquoCanal Llistat tragravemitsrdquo
En entrar trobarem el llistat seguumlent
1 Llistat del tragravemits de lrsquoOVT que srsquohan compartit amb el canal ldquoCanal Llistat
tragravemitsrdquo
2 Validar que els continguts que apareixen soacuten del tipus ldquoTramitOVTrdquo
En cas que al canal del site ldquoCanal Llistat tragravemitsrdquo no apareguin els continguts
tragravemits associats anteriorment cal repetir el pas 22
1 2
76
5 Configuracioacute al portal
Ara cal entrar al nostre site on tenim configurat el canal que hem creat en lrsquoapartat
anterior (21) i que ara configurarem a nivell de portal
51 Configuracioacute a Canal Llistat tragravemits
511 Configuracioacute de la llista de tragravemits
Farem clic a lrsquoenllaccedil ldquoCanal llistat tragravemitsrdquo de la ldquoHomerdquo i anirem a parar a una
pantalla com la que es mostra meacutes avall
Es pot apreciar que en el contingut de la pagravegina no hi ha res Aixograve eacutes perquegrave cal
configurar els portlets adequats ( )
1 Ens situarem sobre la icona ldquoOpcions de Pagraveginardquo
2 Seleccionarem ldquoObrir Plantillardquo ja que els portlets soacuten a nivell de Page
Ens apareixeragrave una pantalla com la que es mostra tot seguit i realitzarem les accions
seguumlents
1 Seleccionar el portlet de la part central de la pagravegina per configurar una ldquoLlista
automagravetica de contingutsrdquo
2
1
77
Tambeacute podem configurar una ldquoLlista manual de contingutsrdquo segons les
necessitats de cada usuari
78
Ens redirigiragrave cap a un formulari drsquoedicioacute que ens mostraragrave directament quina consulta
hem de configurar per mostrar els continguts i configurarem una consulta com la
seguumlent (evidentment segons les necessitats de cada usuari)
Ara tenim configurat que la pagravegina mostraragrave els tipus de contingut ldquoTramitOVTrdquo del
canal actual ordenats per la ldquoEacutes on-linerdquo en ordre descendent
Aixograve ens portaragrave a la pantalla principal on acabarem de completar la configuracioacute
1 Validar que en lrsquoapartat ldquoConsultardquo hi ha la configuracioacute que acabem drsquoafegir
2 Emplenar ldquoAgraveliesrdquo
3 En lrsquoapartat Forma de presentacioacute fer clic al botoacute ldquoCercar helliprdquo
79
Ens apareixeragrave la pantalla seguumlent
1 Fer clic a ldquoNavegacioacute per projectesrdquo
1
2
3
80
Ens canviaragrave la vista al format seguumlent
1 Navegarem per les carpetes fins a arribar a ldquoFramework Formes de
presentacioacute Site generic fw_fp_llistatramitsrdquo
2 Seleccionarem ldquofw_fp_llistatramitsrdquo
3 Farem clic a ldquoOKrdquo
1
1
81
En retornar a la pantalla principal cal
1 Validar que la forma de presentacioacute eacutes la que acabem de seleccionar
2 Fer clic a ldquoOKrdquo
1 (continuacioacute) 2
3
82
1
2
83
Aquest seragrave el nostre resultat a la pantalla del portal i cal fer el seguumlent
1 Verificar que apareixen els dos continguts que es van associar a aquest canal
1
84
512 Configuracioacute del detall del tragravemit i el pas a pas
En fer clic sobre una activitat veurem com ens redirigeix a la plantilla configurada al
ldquodetallrdquo drsquoaquesta pagravegina tal com la vam configurar en lrsquoapartat 231 cal fer el
seguumlent
1 Fer clic a la primera activitat
1
85
Ens sortiragrave la pagravegina de VAP del detall drsquoun contingut per configurar farem els
passos seguumlents
1 Ens situarem sobre la icona ldquoOpcions de Pagraveginardquo
2 Seleccionar ldquoObrir Plantillardquo ja que els portlets soacuten a nivell de Page
Ens apareixeragrave una pantalla com la que es mostra tot seguit i realitzarem les accions
seguumlents
1 Seleccionar el portlet de la part central de la pagravegina per configurar un ldquoDetall
de contingutrdquo i fer clic a ldquoEditarrdquo
Ens apareixeragrave la pantalla de seleccioacute de component de presentacioacute
1 Seleccionarem el component de presentacioacute ldquoDetall de contingutrdquo
1
2
1
86
Ens apareixeragrave la pantalla que es mostra tot seguit i realitzarem les accions seguumlents
1 Emplenar el camp ldquoAgraveliesrdquo
2 Canviar a la pestanya ldquoPresentacioacuterdquo
En fer clic a la pestanya obtindrem la imatge que es mostra tot seguit i realitzarem les
accions seguumlents
1 Cercarem una forma de presentacioacute fent clic a ldquoCercar helliprdquo
1
2
87
Quan aparegui la pantalla de cercador realitzarem una cerca de la forma de
presentacioacute que volem fer servir per a aixograve cal fer el seguumlent
1 Emplenar la caixa de text amb ldquofw_fp_tramitrdquo
2 Preacutemer ldquoCercarrdquo
3 Seleccionar la forma de presentacioacute de la caixa de resultats
4 Preacutemer ldquoOKrdquo
La forma de presentacioacute ldquofw_fp_tramitrdquo estagrave preparada per ldquomaquillarrdquo el contingut
dels tragravemits Tambeacute es pot fer servir una forma de presentacioacute personalitzada
segons es cregui convenient
1
1
2
3
4
88
En acabar tornarem a la pagravegina principal drsquoedicioacute i farem el seguumlent
1 Verificar que la forma de presentacioacute eacutes la que hem escollit
2 Fer clic a ldquoOKrdquo
En finalitzar la configuracioacute del component de presentacioacute tornem a la pantalla del
portal i cal fer el seguumlent
1 Verificar que el disseny de la presentacioacute eacutes semblant al seguumlent
1
2
89
Configurarem el portlet superior central de la pagravegina perquegrave aquesta contingui el fil
drsquoAriadna
1 Accedir a ldquoObrir Plantillardquo
1 Editar el portlet central que hi ha a sobre del detall de tragravemit per configurar el fil
drsquoAriadna En aquest exemple el portlet eacutes ldquoFW_hilo_ariadnardquo
Escollirem el component de presentacioacute
1 Seleccionar el component de presentacioacute ldquoFil drsquoAriadnardquo
1
1
90
En la configuracioacute del component realitzarem les accions seguumlents
1 Inserir el camp ldquoAgraveliesrdquo
2 Inserir el camp ldquoCanalrdquo
3 Fer clic a la pestanya ldquoPresentacioacuterdquo i cercar la forma de presentacioacute
ldquofw_fp_filariadnardquo
1
91
513 Configuracioacute del detall drsquouna normativa SAC
En el detall de contingut configurat en el punt anterior fent clic sobre una normativa
veurem com ens redirigeix a la plantilla configurada al ldquodetall2rdquo drsquoaquesta pagravegina tal
com hem configurat a lrsquoapartat 231
1 Fer clic a la primera ldquoNormativa Aplicablerdquo
2
3
92
Aquest enllaccedil ens portaragrave al detall2 del canal on srsquoha de configurar el detall de
contingut SAC per tal que es mostri la normativa aplicable
Configurarem el portlet superior central de la pagravegina perquegrave aquesta contingui el fil
drsquoAriadna per a aixograve cal fer el seguumlent
1 Accedir a ldquoObrir Plantillardquo
1
93
1
94
1 Editar el portlet central que hi ha a sobre del detall de tragravemit per configurar el fil
drsquoAriadna En aquest exemple el portlet eacutes ldquofw_portlet_tramitrdquo
Escollirem el component de presentacioacute
1 Seleccionar el component de presentacioacute ldquoDetall de Contingut SACrdquo
En la configuracioacute del component realitzarem les accions seguumlents
1 Inserir el camp ldquoAgraveliesrdquo
2 Seleccionar el tipus de contingut ldquoDetall Tragravemitrdquo
1
95
3 Fer clic a la pestanya ldquoPresentacioacuterdquo i cercar la forma de presentacioacute
ldquofw_fp_sac_normativardquo
4 Fer clic al botoacute ldquoOKrdquo
Srsquoactualitzaragrave la pagravegina de VAP i es mostraragrave el detall de SAC
1
2
3
4
96
514 Validacioacute final de VAP
Finalment cal validar que els tragravemits es visualitzen correctament per a aixograve cal
1 Verificar que tenim els canals creats
2 Accedir al canal ldquoCanal Llistat tragravemitsrdquo i validar que es mostren els tragravemits
que hem associat al punt 22
1
97
A continuacioacute cal fer les comprovacions seguumlents
1 Accedir al detall del tragravemit compartit
2 Accedir al pas a pas del tragravemit i a la normativa de SAC
Exemple llistat de tragravemits compartits
2
1
98
Exemple detall de tragravemit compartit
Exemple pas a pas drsquoun tragravemit
2
2
99
Exemple normativa SAC
En el cas que no es visualitzin el llistat de tragravemits detall o pas a pas configurat
validar
1 Refrescar la Pagravegina
2 Els tragravemits estan associats al canal que esteacuten visualitzat punt 23
1 Refrescar la pagravegina
1
59
En aquest moment es torna a la pantalla anterior i cal
1 Fer clic a ldquoOKrdquo
En el canal Llistat de tragravemits ha drsquoestar configurat el ldquoformatrdquo ldquodetallrdquo ja que la forma
de presentacioacute que configurarem a GridDBTramit necessitaragrave aquest format per
visualitzar el detall del contingut de tipus ldquoTragravemitrdquo
2
60
La pantalla anterior a aquesta ens ha de presentar aquesta informacioacute Ara
configurarem el ldquodetall2rdquo per presentar el contingut rdquo Normativa de SACrdquo Per a aixograve
cal fer el seguumlent
1 Fer clic a ldquoAfegir Formatrdquo
En aquesta nova pantalla ens assegurarem del seguumlent
1 A la casella ldquoFormatrdquo hi ha el valor ldquodetall2rdquo
1
61
2 A la casella ldquoTemplaterdquo hi ha drsquohaver el correcte Si no eacutes aixiacute srsquoha de fer clic a
ldquoNavegadorrdquo
En fer clic a ldquoNavegadorrdquo srsquoha de fer el seguumlent
1 Tornar a navegar fins a ldquogenericrdquo (srsquoha de substituir pel nom del portal)
1 2
62
1
63
A la pantalla seguumlent cal seleccionar una plantilla i
1 Fer clic al botoacute a prop de ldquoGridBTramitNormativaSacrdquo
2 Fer clic a ldquoOKrdquo
1
2
64
En aquest moment es torna a la pantalla anterior i cal fer el seguumlent
2 Fer clic a ldquoOKrdquo
En el canal Llistat de tragravemits ha drsquoestar configurat el ldquoformatrdquo ldquodetall2rdquo ja que la
forma de presentacioacute que configurarem a GridDBTramitNormativaSac necessitaragrave
aquest format per visualitzar el detall del contingut de tipus normativa ldquoSACrdquo
2
65
La pantalla anterior a aquesta ens ha de presentar aquesta informacioacute i srsquoha de fer el
seguumlent
2 Fer clic a ldquoOKrdquo
1
66
La finestra pare anterior a aquesta quedaragrave com es mostra tot seguit i realitzarem les
accions seguumlents
1 Fer clic a ldquoOKrdquo
4 Comparticioacute de continguts
Accedim al projecte on hi ha tots els tragravemits de lrsquoOVT
1
67
OVTDepartaments[NomCurtDepartaments][NomCurtOrganisme] TramitOVT
On NomCurtDepartaments correspon al nom curt del departament al que fa referencia
el nostre organisme
En aquest exemple es mostren tots els projectes de tragravemits de lrsquoOVT
Un cop localitzat el tragravemit de lrsquoOVT que volem compartir amb el nostre site accedirem
a lrsquoedicioacute del contingut i assignarem aquest contingut al canal del nostre site on es
vulgui mostrar Srsquoha de fer el seguumlent
1 Anar al contenidor de projectes on hi ha els continguts de GECO
Apareixeragrave lrsquoestructura de projectes a la qual teacute acceacutes lrsquousuari redactor Cal fer el
seguumlent (exemple Agegravencia Tributagraveria dins drsquoEconomia i Finances)
1 Seleccionar ldquoOVTrdquo
2 Seleccionar ldquoDepartamentsrdquo aquesta carpeta conteacute tots els tragravemits de lrsquoOVT
classificats per departaments
3 Seleccionar ldquoECOrdquo A lrsquousuari nomeacutes se li mostraragrave la carpeta del seu
departament
Si lrsquousuari no visualitza la carpeta dins del seu departament eacutes perquegrave no
srsquoha aplicat la poliacutetica de seguretat correctament Cal obrir un tiquet a Suport
gencat per tramitar aquests permisos AQUESTA CARPETA NOMEacuteS SERAgrave
VISIBLE PER ALS USUARIS AMB ROL REDACTOR
4 Seleccionar ldquoA_Agegravencia Tributagraveriardquo
5 Seleccionar ldquoTramitOVTrdquo
1
68
2
3
1
69
4
5
70
Apareixeragrave el llistat de continguts ldquoTragravemitOVTrdquo de lrsquoOVT de lrsquoAgegravencia Tributagraveria
Realitzarem les accions seguumlents
1 Seleccionar el tragravemit o els tragravemits que volem compartir en la web dorganisme
2 Fer clic a ldquoAssociarrdquo
2
1
71
Aquest proceacutes obriragrave una finestra Per seleccionar el site i canal on es volen mostrar
els tragravemits seleccionats realitzarem les accions seguumlents (cas site Generic)
1 Seleccionar el site ldquoGenericrdquo en el vostre cas el site del departament on es vol
mostrar el contingut ldquotragravemitrdquo
2 Navegar pels canals del Site Genegraveric fins al canal que srsquoha creat en el punt
ldquoLlistat de tragravemitsrdquo i seleccionar el quadre de verificacioacute
3 Fer clic a ldquoOKrdquo
1
72
2
3
73
41 Validar que la comparticioacute de continguts eacutes correcta
Accedim per VCM al canal que hem creat anteriorment al qual li acabem drsquoassignar
els continguts de tragravemits que ha de mostrar i fem el seguumlent
1 Anar al contenidor de portals
2 Seleccionar el Site ldquogenericrdquo
3 Seleccionar el canal ldquoHomerdquo
4 Seleccionar el canal ldquoCanal Llistat tragravemitsrdquo
1
2
3
74
4
75
Apareixeragrave el contingut assignat al canal ldquoCanal Llistat tragravemitsrdquo
En entrar trobarem el llistat seguumlent
1 Llistat del tragravemits de lrsquoOVT que srsquohan compartit amb el canal ldquoCanal Llistat
tragravemitsrdquo
2 Validar que els continguts que apareixen soacuten del tipus ldquoTramitOVTrdquo
En cas que al canal del site ldquoCanal Llistat tragravemitsrdquo no apareguin els continguts
tragravemits associats anteriorment cal repetir el pas 22
1 2
76
5 Configuracioacute al portal
Ara cal entrar al nostre site on tenim configurat el canal que hem creat en lrsquoapartat
anterior (21) i que ara configurarem a nivell de portal
51 Configuracioacute a Canal Llistat tragravemits
511 Configuracioacute de la llista de tragravemits
Farem clic a lrsquoenllaccedil ldquoCanal llistat tragravemitsrdquo de la ldquoHomerdquo i anirem a parar a una
pantalla com la que es mostra meacutes avall
Es pot apreciar que en el contingut de la pagravegina no hi ha res Aixograve eacutes perquegrave cal
configurar els portlets adequats ( )
1 Ens situarem sobre la icona ldquoOpcions de Pagraveginardquo
2 Seleccionarem ldquoObrir Plantillardquo ja que els portlets soacuten a nivell de Page
Ens apareixeragrave una pantalla com la que es mostra tot seguit i realitzarem les accions
seguumlents
1 Seleccionar el portlet de la part central de la pagravegina per configurar una ldquoLlista
automagravetica de contingutsrdquo
2
1
77
Tambeacute podem configurar una ldquoLlista manual de contingutsrdquo segons les
necessitats de cada usuari
78
Ens redirigiragrave cap a un formulari drsquoedicioacute que ens mostraragrave directament quina consulta
hem de configurar per mostrar els continguts i configurarem una consulta com la
seguumlent (evidentment segons les necessitats de cada usuari)
Ara tenim configurat que la pagravegina mostraragrave els tipus de contingut ldquoTramitOVTrdquo del
canal actual ordenats per la ldquoEacutes on-linerdquo en ordre descendent
Aixograve ens portaragrave a la pantalla principal on acabarem de completar la configuracioacute
1 Validar que en lrsquoapartat ldquoConsultardquo hi ha la configuracioacute que acabem drsquoafegir
2 Emplenar ldquoAgraveliesrdquo
3 En lrsquoapartat Forma de presentacioacute fer clic al botoacute ldquoCercar helliprdquo
79
Ens apareixeragrave la pantalla seguumlent
1 Fer clic a ldquoNavegacioacute per projectesrdquo
1
2
3
80
Ens canviaragrave la vista al format seguumlent
1 Navegarem per les carpetes fins a arribar a ldquoFramework Formes de
presentacioacute Site generic fw_fp_llistatramitsrdquo
2 Seleccionarem ldquofw_fp_llistatramitsrdquo
3 Farem clic a ldquoOKrdquo
1
1
81
En retornar a la pantalla principal cal
1 Validar que la forma de presentacioacute eacutes la que acabem de seleccionar
2 Fer clic a ldquoOKrdquo
1 (continuacioacute) 2
3
82
1
2
83
Aquest seragrave el nostre resultat a la pantalla del portal i cal fer el seguumlent
1 Verificar que apareixen els dos continguts que es van associar a aquest canal
1
84
512 Configuracioacute del detall del tragravemit i el pas a pas
En fer clic sobre una activitat veurem com ens redirigeix a la plantilla configurada al
ldquodetallrdquo drsquoaquesta pagravegina tal com la vam configurar en lrsquoapartat 231 cal fer el
seguumlent
1 Fer clic a la primera activitat
1
85
Ens sortiragrave la pagravegina de VAP del detall drsquoun contingut per configurar farem els
passos seguumlents
1 Ens situarem sobre la icona ldquoOpcions de Pagraveginardquo
2 Seleccionar ldquoObrir Plantillardquo ja que els portlets soacuten a nivell de Page
Ens apareixeragrave una pantalla com la que es mostra tot seguit i realitzarem les accions
seguumlents
1 Seleccionar el portlet de la part central de la pagravegina per configurar un ldquoDetall
de contingutrdquo i fer clic a ldquoEditarrdquo
Ens apareixeragrave la pantalla de seleccioacute de component de presentacioacute
1 Seleccionarem el component de presentacioacute ldquoDetall de contingutrdquo
1
2
1
86
Ens apareixeragrave la pantalla que es mostra tot seguit i realitzarem les accions seguumlents
1 Emplenar el camp ldquoAgraveliesrdquo
2 Canviar a la pestanya ldquoPresentacioacuterdquo
En fer clic a la pestanya obtindrem la imatge que es mostra tot seguit i realitzarem les
accions seguumlents
1 Cercarem una forma de presentacioacute fent clic a ldquoCercar helliprdquo
1
2
87
Quan aparegui la pantalla de cercador realitzarem una cerca de la forma de
presentacioacute que volem fer servir per a aixograve cal fer el seguumlent
1 Emplenar la caixa de text amb ldquofw_fp_tramitrdquo
2 Preacutemer ldquoCercarrdquo
3 Seleccionar la forma de presentacioacute de la caixa de resultats
4 Preacutemer ldquoOKrdquo
La forma de presentacioacute ldquofw_fp_tramitrdquo estagrave preparada per ldquomaquillarrdquo el contingut
dels tragravemits Tambeacute es pot fer servir una forma de presentacioacute personalitzada
segons es cregui convenient
1
1
2
3
4
88
En acabar tornarem a la pagravegina principal drsquoedicioacute i farem el seguumlent
1 Verificar que la forma de presentacioacute eacutes la que hem escollit
2 Fer clic a ldquoOKrdquo
En finalitzar la configuracioacute del component de presentacioacute tornem a la pantalla del
portal i cal fer el seguumlent
1 Verificar que el disseny de la presentacioacute eacutes semblant al seguumlent
1
2
89
Configurarem el portlet superior central de la pagravegina perquegrave aquesta contingui el fil
drsquoAriadna
1 Accedir a ldquoObrir Plantillardquo
1 Editar el portlet central que hi ha a sobre del detall de tragravemit per configurar el fil
drsquoAriadna En aquest exemple el portlet eacutes ldquoFW_hilo_ariadnardquo
Escollirem el component de presentacioacute
1 Seleccionar el component de presentacioacute ldquoFil drsquoAriadnardquo
1
1
90
En la configuracioacute del component realitzarem les accions seguumlents
1 Inserir el camp ldquoAgraveliesrdquo
2 Inserir el camp ldquoCanalrdquo
3 Fer clic a la pestanya ldquoPresentacioacuterdquo i cercar la forma de presentacioacute
ldquofw_fp_filariadnardquo
1
91
513 Configuracioacute del detall drsquouna normativa SAC
En el detall de contingut configurat en el punt anterior fent clic sobre una normativa
veurem com ens redirigeix a la plantilla configurada al ldquodetall2rdquo drsquoaquesta pagravegina tal
com hem configurat a lrsquoapartat 231
1 Fer clic a la primera ldquoNormativa Aplicablerdquo
2
3
92
Aquest enllaccedil ens portaragrave al detall2 del canal on srsquoha de configurar el detall de
contingut SAC per tal que es mostri la normativa aplicable
Configurarem el portlet superior central de la pagravegina perquegrave aquesta contingui el fil
drsquoAriadna per a aixograve cal fer el seguumlent
1 Accedir a ldquoObrir Plantillardquo
1
93
1
94
1 Editar el portlet central que hi ha a sobre del detall de tragravemit per configurar el fil
drsquoAriadna En aquest exemple el portlet eacutes ldquofw_portlet_tramitrdquo
Escollirem el component de presentacioacute
1 Seleccionar el component de presentacioacute ldquoDetall de Contingut SACrdquo
En la configuracioacute del component realitzarem les accions seguumlents
1 Inserir el camp ldquoAgraveliesrdquo
2 Seleccionar el tipus de contingut ldquoDetall Tragravemitrdquo
1
95
3 Fer clic a la pestanya ldquoPresentacioacuterdquo i cercar la forma de presentacioacute
ldquofw_fp_sac_normativardquo
4 Fer clic al botoacute ldquoOKrdquo
Srsquoactualitzaragrave la pagravegina de VAP i es mostraragrave el detall de SAC
1
2
3
4
96
514 Validacioacute final de VAP
Finalment cal validar que els tragravemits es visualitzen correctament per a aixograve cal
1 Verificar que tenim els canals creats
2 Accedir al canal ldquoCanal Llistat tragravemitsrdquo i validar que es mostren els tragravemits
que hem associat al punt 22
1
97
A continuacioacute cal fer les comprovacions seguumlents
1 Accedir al detall del tragravemit compartit
2 Accedir al pas a pas del tragravemit i a la normativa de SAC
Exemple llistat de tragravemits compartits
2
1
98
Exemple detall de tragravemit compartit
Exemple pas a pas drsquoun tragravemit
2
2
99
Exemple normativa SAC
En el cas que no es visualitzin el llistat de tragravemits detall o pas a pas configurat
validar
1 Refrescar la Pagravegina
2 Els tragravemits estan associats al canal que esteacuten visualitzat punt 23
1 Refrescar la pagravegina
1
60
La pantalla anterior a aquesta ens ha de presentar aquesta informacioacute Ara
configurarem el ldquodetall2rdquo per presentar el contingut rdquo Normativa de SACrdquo Per a aixograve
cal fer el seguumlent
1 Fer clic a ldquoAfegir Formatrdquo
En aquesta nova pantalla ens assegurarem del seguumlent
1 A la casella ldquoFormatrdquo hi ha el valor ldquodetall2rdquo
1
61
2 A la casella ldquoTemplaterdquo hi ha drsquohaver el correcte Si no eacutes aixiacute srsquoha de fer clic a
ldquoNavegadorrdquo
En fer clic a ldquoNavegadorrdquo srsquoha de fer el seguumlent
1 Tornar a navegar fins a ldquogenericrdquo (srsquoha de substituir pel nom del portal)
1 2
62
1
63
A la pantalla seguumlent cal seleccionar una plantilla i
1 Fer clic al botoacute a prop de ldquoGridBTramitNormativaSacrdquo
2 Fer clic a ldquoOKrdquo
1
2
64
En aquest moment es torna a la pantalla anterior i cal fer el seguumlent
2 Fer clic a ldquoOKrdquo
En el canal Llistat de tragravemits ha drsquoestar configurat el ldquoformatrdquo ldquodetall2rdquo ja que la
forma de presentacioacute que configurarem a GridDBTramitNormativaSac necessitaragrave
aquest format per visualitzar el detall del contingut de tipus normativa ldquoSACrdquo
2
65
La pantalla anterior a aquesta ens ha de presentar aquesta informacioacute i srsquoha de fer el
seguumlent
2 Fer clic a ldquoOKrdquo
1
66
La finestra pare anterior a aquesta quedaragrave com es mostra tot seguit i realitzarem les
accions seguumlents
1 Fer clic a ldquoOKrdquo
4 Comparticioacute de continguts
Accedim al projecte on hi ha tots els tragravemits de lrsquoOVT
1
67
OVTDepartaments[NomCurtDepartaments][NomCurtOrganisme] TramitOVT
On NomCurtDepartaments correspon al nom curt del departament al que fa referencia
el nostre organisme
En aquest exemple es mostren tots els projectes de tragravemits de lrsquoOVT
Un cop localitzat el tragravemit de lrsquoOVT que volem compartir amb el nostre site accedirem
a lrsquoedicioacute del contingut i assignarem aquest contingut al canal del nostre site on es
vulgui mostrar Srsquoha de fer el seguumlent
1 Anar al contenidor de projectes on hi ha els continguts de GECO
Apareixeragrave lrsquoestructura de projectes a la qual teacute acceacutes lrsquousuari redactor Cal fer el
seguumlent (exemple Agegravencia Tributagraveria dins drsquoEconomia i Finances)
1 Seleccionar ldquoOVTrdquo
2 Seleccionar ldquoDepartamentsrdquo aquesta carpeta conteacute tots els tragravemits de lrsquoOVT
classificats per departaments
3 Seleccionar ldquoECOrdquo A lrsquousuari nomeacutes se li mostraragrave la carpeta del seu
departament
Si lrsquousuari no visualitza la carpeta dins del seu departament eacutes perquegrave no
srsquoha aplicat la poliacutetica de seguretat correctament Cal obrir un tiquet a Suport
gencat per tramitar aquests permisos AQUESTA CARPETA NOMEacuteS SERAgrave
VISIBLE PER ALS USUARIS AMB ROL REDACTOR
4 Seleccionar ldquoA_Agegravencia Tributagraveriardquo
5 Seleccionar ldquoTramitOVTrdquo
1
68
2
3
1
69
4
5
70
Apareixeragrave el llistat de continguts ldquoTragravemitOVTrdquo de lrsquoOVT de lrsquoAgegravencia Tributagraveria
Realitzarem les accions seguumlents
1 Seleccionar el tragravemit o els tragravemits que volem compartir en la web dorganisme
2 Fer clic a ldquoAssociarrdquo
2
1
71
Aquest proceacutes obriragrave una finestra Per seleccionar el site i canal on es volen mostrar
els tragravemits seleccionats realitzarem les accions seguumlents (cas site Generic)
1 Seleccionar el site ldquoGenericrdquo en el vostre cas el site del departament on es vol
mostrar el contingut ldquotragravemitrdquo
2 Navegar pels canals del Site Genegraveric fins al canal que srsquoha creat en el punt
ldquoLlistat de tragravemitsrdquo i seleccionar el quadre de verificacioacute
3 Fer clic a ldquoOKrdquo
1
72
2
3
73
41 Validar que la comparticioacute de continguts eacutes correcta
Accedim per VCM al canal que hem creat anteriorment al qual li acabem drsquoassignar
els continguts de tragravemits que ha de mostrar i fem el seguumlent
1 Anar al contenidor de portals
2 Seleccionar el Site ldquogenericrdquo
3 Seleccionar el canal ldquoHomerdquo
4 Seleccionar el canal ldquoCanal Llistat tragravemitsrdquo
1
2
3
74
4
75
Apareixeragrave el contingut assignat al canal ldquoCanal Llistat tragravemitsrdquo
En entrar trobarem el llistat seguumlent
1 Llistat del tragravemits de lrsquoOVT que srsquohan compartit amb el canal ldquoCanal Llistat
tragravemitsrdquo
2 Validar que els continguts que apareixen soacuten del tipus ldquoTramitOVTrdquo
En cas que al canal del site ldquoCanal Llistat tragravemitsrdquo no apareguin els continguts
tragravemits associats anteriorment cal repetir el pas 22
1 2
76
5 Configuracioacute al portal
Ara cal entrar al nostre site on tenim configurat el canal que hem creat en lrsquoapartat
anterior (21) i que ara configurarem a nivell de portal
51 Configuracioacute a Canal Llistat tragravemits
511 Configuracioacute de la llista de tragravemits
Farem clic a lrsquoenllaccedil ldquoCanal llistat tragravemitsrdquo de la ldquoHomerdquo i anirem a parar a una
pantalla com la que es mostra meacutes avall
Es pot apreciar que en el contingut de la pagravegina no hi ha res Aixograve eacutes perquegrave cal
configurar els portlets adequats ( )
1 Ens situarem sobre la icona ldquoOpcions de Pagraveginardquo
2 Seleccionarem ldquoObrir Plantillardquo ja que els portlets soacuten a nivell de Page
Ens apareixeragrave una pantalla com la que es mostra tot seguit i realitzarem les accions
seguumlents
1 Seleccionar el portlet de la part central de la pagravegina per configurar una ldquoLlista
automagravetica de contingutsrdquo
2
1
77
Tambeacute podem configurar una ldquoLlista manual de contingutsrdquo segons les
necessitats de cada usuari
78
Ens redirigiragrave cap a un formulari drsquoedicioacute que ens mostraragrave directament quina consulta
hem de configurar per mostrar els continguts i configurarem una consulta com la
seguumlent (evidentment segons les necessitats de cada usuari)
Ara tenim configurat que la pagravegina mostraragrave els tipus de contingut ldquoTramitOVTrdquo del
canal actual ordenats per la ldquoEacutes on-linerdquo en ordre descendent
Aixograve ens portaragrave a la pantalla principal on acabarem de completar la configuracioacute
1 Validar que en lrsquoapartat ldquoConsultardquo hi ha la configuracioacute que acabem drsquoafegir
2 Emplenar ldquoAgraveliesrdquo
3 En lrsquoapartat Forma de presentacioacute fer clic al botoacute ldquoCercar helliprdquo
79
Ens apareixeragrave la pantalla seguumlent
1 Fer clic a ldquoNavegacioacute per projectesrdquo
1
2
3
80
Ens canviaragrave la vista al format seguumlent
1 Navegarem per les carpetes fins a arribar a ldquoFramework Formes de
presentacioacute Site generic fw_fp_llistatramitsrdquo
2 Seleccionarem ldquofw_fp_llistatramitsrdquo
3 Farem clic a ldquoOKrdquo
1
1
81
En retornar a la pantalla principal cal
1 Validar que la forma de presentacioacute eacutes la que acabem de seleccionar
2 Fer clic a ldquoOKrdquo
1 (continuacioacute) 2
3
82
1
2
83
Aquest seragrave el nostre resultat a la pantalla del portal i cal fer el seguumlent
1 Verificar que apareixen els dos continguts que es van associar a aquest canal
1
84
512 Configuracioacute del detall del tragravemit i el pas a pas
En fer clic sobre una activitat veurem com ens redirigeix a la plantilla configurada al
ldquodetallrdquo drsquoaquesta pagravegina tal com la vam configurar en lrsquoapartat 231 cal fer el
seguumlent
1 Fer clic a la primera activitat
1
85
Ens sortiragrave la pagravegina de VAP del detall drsquoun contingut per configurar farem els
passos seguumlents
1 Ens situarem sobre la icona ldquoOpcions de Pagraveginardquo
2 Seleccionar ldquoObrir Plantillardquo ja que els portlets soacuten a nivell de Page
Ens apareixeragrave una pantalla com la que es mostra tot seguit i realitzarem les accions
seguumlents
1 Seleccionar el portlet de la part central de la pagravegina per configurar un ldquoDetall
de contingutrdquo i fer clic a ldquoEditarrdquo
Ens apareixeragrave la pantalla de seleccioacute de component de presentacioacute
1 Seleccionarem el component de presentacioacute ldquoDetall de contingutrdquo
1
2
1
86
Ens apareixeragrave la pantalla que es mostra tot seguit i realitzarem les accions seguumlents
1 Emplenar el camp ldquoAgraveliesrdquo
2 Canviar a la pestanya ldquoPresentacioacuterdquo
En fer clic a la pestanya obtindrem la imatge que es mostra tot seguit i realitzarem les
accions seguumlents
1 Cercarem una forma de presentacioacute fent clic a ldquoCercar helliprdquo
1
2
87
Quan aparegui la pantalla de cercador realitzarem una cerca de la forma de
presentacioacute que volem fer servir per a aixograve cal fer el seguumlent
1 Emplenar la caixa de text amb ldquofw_fp_tramitrdquo
2 Preacutemer ldquoCercarrdquo
3 Seleccionar la forma de presentacioacute de la caixa de resultats
4 Preacutemer ldquoOKrdquo
La forma de presentacioacute ldquofw_fp_tramitrdquo estagrave preparada per ldquomaquillarrdquo el contingut
dels tragravemits Tambeacute es pot fer servir una forma de presentacioacute personalitzada
segons es cregui convenient
1
1
2
3
4
88
En acabar tornarem a la pagravegina principal drsquoedicioacute i farem el seguumlent
1 Verificar que la forma de presentacioacute eacutes la que hem escollit
2 Fer clic a ldquoOKrdquo
En finalitzar la configuracioacute del component de presentacioacute tornem a la pantalla del
portal i cal fer el seguumlent
1 Verificar que el disseny de la presentacioacute eacutes semblant al seguumlent
1
2
89
Configurarem el portlet superior central de la pagravegina perquegrave aquesta contingui el fil
drsquoAriadna
1 Accedir a ldquoObrir Plantillardquo
1 Editar el portlet central que hi ha a sobre del detall de tragravemit per configurar el fil
drsquoAriadna En aquest exemple el portlet eacutes ldquoFW_hilo_ariadnardquo
Escollirem el component de presentacioacute
1 Seleccionar el component de presentacioacute ldquoFil drsquoAriadnardquo
1
1
90
En la configuracioacute del component realitzarem les accions seguumlents
1 Inserir el camp ldquoAgraveliesrdquo
2 Inserir el camp ldquoCanalrdquo
3 Fer clic a la pestanya ldquoPresentacioacuterdquo i cercar la forma de presentacioacute
ldquofw_fp_filariadnardquo
1
91
513 Configuracioacute del detall drsquouna normativa SAC
En el detall de contingut configurat en el punt anterior fent clic sobre una normativa
veurem com ens redirigeix a la plantilla configurada al ldquodetall2rdquo drsquoaquesta pagravegina tal
com hem configurat a lrsquoapartat 231
1 Fer clic a la primera ldquoNormativa Aplicablerdquo
2
3
92
Aquest enllaccedil ens portaragrave al detall2 del canal on srsquoha de configurar el detall de
contingut SAC per tal que es mostri la normativa aplicable
Configurarem el portlet superior central de la pagravegina perquegrave aquesta contingui el fil
drsquoAriadna per a aixograve cal fer el seguumlent
1 Accedir a ldquoObrir Plantillardquo
1
93
1
94
1 Editar el portlet central que hi ha a sobre del detall de tragravemit per configurar el fil
drsquoAriadna En aquest exemple el portlet eacutes ldquofw_portlet_tramitrdquo
Escollirem el component de presentacioacute
1 Seleccionar el component de presentacioacute ldquoDetall de Contingut SACrdquo
En la configuracioacute del component realitzarem les accions seguumlents
1 Inserir el camp ldquoAgraveliesrdquo
2 Seleccionar el tipus de contingut ldquoDetall Tragravemitrdquo
1
95
3 Fer clic a la pestanya ldquoPresentacioacuterdquo i cercar la forma de presentacioacute
ldquofw_fp_sac_normativardquo
4 Fer clic al botoacute ldquoOKrdquo
Srsquoactualitzaragrave la pagravegina de VAP i es mostraragrave el detall de SAC
1
2
3
4
96
514 Validacioacute final de VAP
Finalment cal validar que els tragravemits es visualitzen correctament per a aixograve cal
1 Verificar que tenim els canals creats
2 Accedir al canal ldquoCanal Llistat tragravemitsrdquo i validar que es mostren els tragravemits
que hem associat al punt 22
1
97
A continuacioacute cal fer les comprovacions seguumlents
1 Accedir al detall del tragravemit compartit
2 Accedir al pas a pas del tragravemit i a la normativa de SAC
Exemple llistat de tragravemits compartits
2
1
98
Exemple detall de tragravemit compartit
Exemple pas a pas drsquoun tragravemit
2
2
99
Exemple normativa SAC
En el cas que no es visualitzin el llistat de tragravemits detall o pas a pas configurat
validar
1 Refrescar la Pagravegina
2 Els tragravemits estan associats al canal que esteacuten visualitzat punt 23
1 Refrescar la pagravegina
1
61
2 A la casella ldquoTemplaterdquo hi ha drsquohaver el correcte Si no eacutes aixiacute srsquoha de fer clic a
ldquoNavegadorrdquo
En fer clic a ldquoNavegadorrdquo srsquoha de fer el seguumlent
1 Tornar a navegar fins a ldquogenericrdquo (srsquoha de substituir pel nom del portal)
1 2
62
1
63
A la pantalla seguumlent cal seleccionar una plantilla i
1 Fer clic al botoacute a prop de ldquoGridBTramitNormativaSacrdquo
2 Fer clic a ldquoOKrdquo
1
2
64
En aquest moment es torna a la pantalla anterior i cal fer el seguumlent
2 Fer clic a ldquoOKrdquo
En el canal Llistat de tragravemits ha drsquoestar configurat el ldquoformatrdquo ldquodetall2rdquo ja que la
forma de presentacioacute que configurarem a GridDBTramitNormativaSac necessitaragrave
aquest format per visualitzar el detall del contingut de tipus normativa ldquoSACrdquo
2
65
La pantalla anterior a aquesta ens ha de presentar aquesta informacioacute i srsquoha de fer el
seguumlent
2 Fer clic a ldquoOKrdquo
1
66
La finestra pare anterior a aquesta quedaragrave com es mostra tot seguit i realitzarem les
accions seguumlents
1 Fer clic a ldquoOKrdquo
4 Comparticioacute de continguts
Accedim al projecte on hi ha tots els tragravemits de lrsquoOVT
1
67
OVTDepartaments[NomCurtDepartaments][NomCurtOrganisme] TramitOVT
On NomCurtDepartaments correspon al nom curt del departament al que fa referencia
el nostre organisme
En aquest exemple es mostren tots els projectes de tragravemits de lrsquoOVT
Un cop localitzat el tragravemit de lrsquoOVT que volem compartir amb el nostre site accedirem
a lrsquoedicioacute del contingut i assignarem aquest contingut al canal del nostre site on es
vulgui mostrar Srsquoha de fer el seguumlent
1 Anar al contenidor de projectes on hi ha els continguts de GECO
Apareixeragrave lrsquoestructura de projectes a la qual teacute acceacutes lrsquousuari redactor Cal fer el
seguumlent (exemple Agegravencia Tributagraveria dins drsquoEconomia i Finances)
1 Seleccionar ldquoOVTrdquo
2 Seleccionar ldquoDepartamentsrdquo aquesta carpeta conteacute tots els tragravemits de lrsquoOVT
classificats per departaments
3 Seleccionar ldquoECOrdquo A lrsquousuari nomeacutes se li mostraragrave la carpeta del seu
departament
Si lrsquousuari no visualitza la carpeta dins del seu departament eacutes perquegrave no
srsquoha aplicat la poliacutetica de seguretat correctament Cal obrir un tiquet a Suport
gencat per tramitar aquests permisos AQUESTA CARPETA NOMEacuteS SERAgrave
VISIBLE PER ALS USUARIS AMB ROL REDACTOR
4 Seleccionar ldquoA_Agegravencia Tributagraveriardquo
5 Seleccionar ldquoTramitOVTrdquo
1
68
2
3
1
69
4
5
70
Apareixeragrave el llistat de continguts ldquoTragravemitOVTrdquo de lrsquoOVT de lrsquoAgegravencia Tributagraveria
Realitzarem les accions seguumlents
1 Seleccionar el tragravemit o els tragravemits que volem compartir en la web dorganisme
2 Fer clic a ldquoAssociarrdquo
2
1
71
Aquest proceacutes obriragrave una finestra Per seleccionar el site i canal on es volen mostrar
els tragravemits seleccionats realitzarem les accions seguumlents (cas site Generic)
1 Seleccionar el site ldquoGenericrdquo en el vostre cas el site del departament on es vol
mostrar el contingut ldquotragravemitrdquo
2 Navegar pels canals del Site Genegraveric fins al canal que srsquoha creat en el punt
ldquoLlistat de tragravemitsrdquo i seleccionar el quadre de verificacioacute
3 Fer clic a ldquoOKrdquo
1
72
2
3
73
41 Validar que la comparticioacute de continguts eacutes correcta
Accedim per VCM al canal que hem creat anteriorment al qual li acabem drsquoassignar
els continguts de tragravemits que ha de mostrar i fem el seguumlent
1 Anar al contenidor de portals
2 Seleccionar el Site ldquogenericrdquo
3 Seleccionar el canal ldquoHomerdquo
4 Seleccionar el canal ldquoCanal Llistat tragravemitsrdquo
1
2
3
74
4
75
Apareixeragrave el contingut assignat al canal ldquoCanal Llistat tragravemitsrdquo
En entrar trobarem el llistat seguumlent
1 Llistat del tragravemits de lrsquoOVT que srsquohan compartit amb el canal ldquoCanal Llistat
tragravemitsrdquo
2 Validar que els continguts que apareixen soacuten del tipus ldquoTramitOVTrdquo
En cas que al canal del site ldquoCanal Llistat tragravemitsrdquo no apareguin els continguts
tragravemits associats anteriorment cal repetir el pas 22
1 2
76
5 Configuracioacute al portal
Ara cal entrar al nostre site on tenim configurat el canal que hem creat en lrsquoapartat
anterior (21) i que ara configurarem a nivell de portal
51 Configuracioacute a Canal Llistat tragravemits
511 Configuracioacute de la llista de tragravemits
Farem clic a lrsquoenllaccedil ldquoCanal llistat tragravemitsrdquo de la ldquoHomerdquo i anirem a parar a una
pantalla com la que es mostra meacutes avall
Es pot apreciar que en el contingut de la pagravegina no hi ha res Aixograve eacutes perquegrave cal
configurar els portlets adequats ( )
1 Ens situarem sobre la icona ldquoOpcions de Pagraveginardquo
2 Seleccionarem ldquoObrir Plantillardquo ja que els portlets soacuten a nivell de Page
Ens apareixeragrave una pantalla com la que es mostra tot seguit i realitzarem les accions
seguumlents
1 Seleccionar el portlet de la part central de la pagravegina per configurar una ldquoLlista
automagravetica de contingutsrdquo
2
1
77
Tambeacute podem configurar una ldquoLlista manual de contingutsrdquo segons les
necessitats de cada usuari
78
Ens redirigiragrave cap a un formulari drsquoedicioacute que ens mostraragrave directament quina consulta
hem de configurar per mostrar els continguts i configurarem una consulta com la
seguumlent (evidentment segons les necessitats de cada usuari)
Ara tenim configurat que la pagravegina mostraragrave els tipus de contingut ldquoTramitOVTrdquo del
canal actual ordenats per la ldquoEacutes on-linerdquo en ordre descendent
Aixograve ens portaragrave a la pantalla principal on acabarem de completar la configuracioacute
1 Validar que en lrsquoapartat ldquoConsultardquo hi ha la configuracioacute que acabem drsquoafegir
2 Emplenar ldquoAgraveliesrdquo
3 En lrsquoapartat Forma de presentacioacute fer clic al botoacute ldquoCercar helliprdquo
79
Ens apareixeragrave la pantalla seguumlent
1 Fer clic a ldquoNavegacioacute per projectesrdquo
1
2
3
80
Ens canviaragrave la vista al format seguumlent
1 Navegarem per les carpetes fins a arribar a ldquoFramework Formes de
presentacioacute Site generic fw_fp_llistatramitsrdquo
2 Seleccionarem ldquofw_fp_llistatramitsrdquo
3 Farem clic a ldquoOKrdquo
1
1
81
En retornar a la pantalla principal cal
1 Validar que la forma de presentacioacute eacutes la que acabem de seleccionar
2 Fer clic a ldquoOKrdquo
1 (continuacioacute) 2
3
82
1
2
83
Aquest seragrave el nostre resultat a la pantalla del portal i cal fer el seguumlent
1 Verificar que apareixen els dos continguts que es van associar a aquest canal
1
84
512 Configuracioacute del detall del tragravemit i el pas a pas
En fer clic sobre una activitat veurem com ens redirigeix a la plantilla configurada al
ldquodetallrdquo drsquoaquesta pagravegina tal com la vam configurar en lrsquoapartat 231 cal fer el
seguumlent
1 Fer clic a la primera activitat
1
85
Ens sortiragrave la pagravegina de VAP del detall drsquoun contingut per configurar farem els
passos seguumlents
1 Ens situarem sobre la icona ldquoOpcions de Pagraveginardquo
2 Seleccionar ldquoObrir Plantillardquo ja que els portlets soacuten a nivell de Page
Ens apareixeragrave una pantalla com la que es mostra tot seguit i realitzarem les accions
seguumlents
1 Seleccionar el portlet de la part central de la pagravegina per configurar un ldquoDetall
de contingutrdquo i fer clic a ldquoEditarrdquo
Ens apareixeragrave la pantalla de seleccioacute de component de presentacioacute
1 Seleccionarem el component de presentacioacute ldquoDetall de contingutrdquo
1
2
1
86
Ens apareixeragrave la pantalla que es mostra tot seguit i realitzarem les accions seguumlents
1 Emplenar el camp ldquoAgraveliesrdquo
2 Canviar a la pestanya ldquoPresentacioacuterdquo
En fer clic a la pestanya obtindrem la imatge que es mostra tot seguit i realitzarem les
accions seguumlents
1 Cercarem una forma de presentacioacute fent clic a ldquoCercar helliprdquo
1
2
87
Quan aparegui la pantalla de cercador realitzarem una cerca de la forma de
presentacioacute que volem fer servir per a aixograve cal fer el seguumlent
1 Emplenar la caixa de text amb ldquofw_fp_tramitrdquo
2 Preacutemer ldquoCercarrdquo
3 Seleccionar la forma de presentacioacute de la caixa de resultats
4 Preacutemer ldquoOKrdquo
La forma de presentacioacute ldquofw_fp_tramitrdquo estagrave preparada per ldquomaquillarrdquo el contingut
dels tragravemits Tambeacute es pot fer servir una forma de presentacioacute personalitzada
segons es cregui convenient
1
1
2
3
4
88
En acabar tornarem a la pagravegina principal drsquoedicioacute i farem el seguumlent
1 Verificar que la forma de presentacioacute eacutes la que hem escollit
2 Fer clic a ldquoOKrdquo
En finalitzar la configuracioacute del component de presentacioacute tornem a la pantalla del
portal i cal fer el seguumlent
1 Verificar que el disseny de la presentacioacute eacutes semblant al seguumlent
1
2
89
Configurarem el portlet superior central de la pagravegina perquegrave aquesta contingui el fil
drsquoAriadna
1 Accedir a ldquoObrir Plantillardquo
1 Editar el portlet central que hi ha a sobre del detall de tragravemit per configurar el fil
drsquoAriadna En aquest exemple el portlet eacutes ldquoFW_hilo_ariadnardquo
Escollirem el component de presentacioacute
1 Seleccionar el component de presentacioacute ldquoFil drsquoAriadnardquo
1
1
90
En la configuracioacute del component realitzarem les accions seguumlents
1 Inserir el camp ldquoAgraveliesrdquo
2 Inserir el camp ldquoCanalrdquo
3 Fer clic a la pestanya ldquoPresentacioacuterdquo i cercar la forma de presentacioacute
ldquofw_fp_filariadnardquo
1
91
513 Configuracioacute del detall drsquouna normativa SAC
En el detall de contingut configurat en el punt anterior fent clic sobre una normativa
veurem com ens redirigeix a la plantilla configurada al ldquodetall2rdquo drsquoaquesta pagravegina tal
com hem configurat a lrsquoapartat 231
1 Fer clic a la primera ldquoNormativa Aplicablerdquo
2
3
92
Aquest enllaccedil ens portaragrave al detall2 del canal on srsquoha de configurar el detall de
contingut SAC per tal que es mostri la normativa aplicable
Configurarem el portlet superior central de la pagravegina perquegrave aquesta contingui el fil
drsquoAriadna per a aixograve cal fer el seguumlent
1 Accedir a ldquoObrir Plantillardquo
1
93
1
94
1 Editar el portlet central que hi ha a sobre del detall de tragravemit per configurar el fil
drsquoAriadna En aquest exemple el portlet eacutes ldquofw_portlet_tramitrdquo
Escollirem el component de presentacioacute
1 Seleccionar el component de presentacioacute ldquoDetall de Contingut SACrdquo
En la configuracioacute del component realitzarem les accions seguumlents
1 Inserir el camp ldquoAgraveliesrdquo
2 Seleccionar el tipus de contingut ldquoDetall Tragravemitrdquo
1
95
3 Fer clic a la pestanya ldquoPresentacioacuterdquo i cercar la forma de presentacioacute
ldquofw_fp_sac_normativardquo
4 Fer clic al botoacute ldquoOKrdquo
Srsquoactualitzaragrave la pagravegina de VAP i es mostraragrave el detall de SAC
1
2
3
4
96
514 Validacioacute final de VAP
Finalment cal validar que els tragravemits es visualitzen correctament per a aixograve cal
1 Verificar que tenim els canals creats
2 Accedir al canal ldquoCanal Llistat tragravemitsrdquo i validar que es mostren els tragravemits
que hem associat al punt 22
1
97
A continuacioacute cal fer les comprovacions seguumlents
1 Accedir al detall del tragravemit compartit
2 Accedir al pas a pas del tragravemit i a la normativa de SAC
Exemple llistat de tragravemits compartits
2
1
98
Exemple detall de tragravemit compartit
Exemple pas a pas drsquoun tragravemit
2
2
99
Exemple normativa SAC
En el cas que no es visualitzin el llistat de tragravemits detall o pas a pas configurat
validar
1 Refrescar la Pagravegina
2 Els tragravemits estan associats al canal que esteacuten visualitzat punt 23
1 Refrescar la pagravegina
1
62
1
63
A la pantalla seguumlent cal seleccionar una plantilla i
1 Fer clic al botoacute a prop de ldquoGridBTramitNormativaSacrdquo
2 Fer clic a ldquoOKrdquo
1
2
64
En aquest moment es torna a la pantalla anterior i cal fer el seguumlent
2 Fer clic a ldquoOKrdquo
En el canal Llistat de tragravemits ha drsquoestar configurat el ldquoformatrdquo ldquodetall2rdquo ja que la
forma de presentacioacute que configurarem a GridDBTramitNormativaSac necessitaragrave
aquest format per visualitzar el detall del contingut de tipus normativa ldquoSACrdquo
2
65
La pantalla anterior a aquesta ens ha de presentar aquesta informacioacute i srsquoha de fer el
seguumlent
2 Fer clic a ldquoOKrdquo
1
66
La finestra pare anterior a aquesta quedaragrave com es mostra tot seguit i realitzarem les
accions seguumlents
1 Fer clic a ldquoOKrdquo
4 Comparticioacute de continguts
Accedim al projecte on hi ha tots els tragravemits de lrsquoOVT
1
67
OVTDepartaments[NomCurtDepartaments][NomCurtOrganisme] TramitOVT
On NomCurtDepartaments correspon al nom curt del departament al que fa referencia
el nostre organisme
En aquest exemple es mostren tots els projectes de tragravemits de lrsquoOVT
Un cop localitzat el tragravemit de lrsquoOVT que volem compartir amb el nostre site accedirem
a lrsquoedicioacute del contingut i assignarem aquest contingut al canal del nostre site on es
vulgui mostrar Srsquoha de fer el seguumlent
1 Anar al contenidor de projectes on hi ha els continguts de GECO
Apareixeragrave lrsquoestructura de projectes a la qual teacute acceacutes lrsquousuari redactor Cal fer el
seguumlent (exemple Agegravencia Tributagraveria dins drsquoEconomia i Finances)
1 Seleccionar ldquoOVTrdquo
2 Seleccionar ldquoDepartamentsrdquo aquesta carpeta conteacute tots els tragravemits de lrsquoOVT
classificats per departaments
3 Seleccionar ldquoECOrdquo A lrsquousuari nomeacutes se li mostraragrave la carpeta del seu
departament
Si lrsquousuari no visualitza la carpeta dins del seu departament eacutes perquegrave no
srsquoha aplicat la poliacutetica de seguretat correctament Cal obrir un tiquet a Suport
gencat per tramitar aquests permisos AQUESTA CARPETA NOMEacuteS SERAgrave
VISIBLE PER ALS USUARIS AMB ROL REDACTOR
4 Seleccionar ldquoA_Agegravencia Tributagraveriardquo
5 Seleccionar ldquoTramitOVTrdquo
1
68
2
3
1
69
4
5
70
Apareixeragrave el llistat de continguts ldquoTragravemitOVTrdquo de lrsquoOVT de lrsquoAgegravencia Tributagraveria
Realitzarem les accions seguumlents
1 Seleccionar el tragravemit o els tragravemits que volem compartir en la web dorganisme
2 Fer clic a ldquoAssociarrdquo
2
1
71
Aquest proceacutes obriragrave una finestra Per seleccionar el site i canal on es volen mostrar
els tragravemits seleccionats realitzarem les accions seguumlents (cas site Generic)
1 Seleccionar el site ldquoGenericrdquo en el vostre cas el site del departament on es vol
mostrar el contingut ldquotragravemitrdquo
2 Navegar pels canals del Site Genegraveric fins al canal que srsquoha creat en el punt
ldquoLlistat de tragravemitsrdquo i seleccionar el quadre de verificacioacute
3 Fer clic a ldquoOKrdquo
1
72
2
3
73
41 Validar que la comparticioacute de continguts eacutes correcta
Accedim per VCM al canal que hem creat anteriorment al qual li acabem drsquoassignar
els continguts de tragravemits que ha de mostrar i fem el seguumlent
1 Anar al contenidor de portals
2 Seleccionar el Site ldquogenericrdquo
3 Seleccionar el canal ldquoHomerdquo
4 Seleccionar el canal ldquoCanal Llistat tragravemitsrdquo
1
2
3
74
4
75
Apareixeragrave el contingut assignat al canal ldquoCanal Llistat tragravemitsrdquo
En entrar trobarem el llistat seguumlent
1 Llistat del tragravemits de lrsquoOVT que srsquohan compartit amb el canal ldquoCanal Llistat
tragravemitsrdquo
2 Validar que els continguts que apareixen soacuten del tipus ldquoTramitOVTrdquo
En cas que al canal del site ldquoCanal Llistat tragravemitsrdquo no apareguin els continguts
tragravemits associats anteriorment cal repetir el pas 22
1 2
76
5 Configuracioacute al portal
Ara cal entrar al nostre site on tenim configurat el canal que hem creat en lrsquoapartat
anterior (21) i que ara configurarem a nivell de portal
51 Configuracioacute a Canal Llistat tragravemits
511 Configuracioacute de la llista de tragravemits
Farem clic a lrsquoenllaccedil ldquoCanal llistat tragravemitsrdquo de la ldquoHomerdquo i anirem a parar a una
pantalla com la que es mostra meacutes avall
Es pot apreciar que en el contingut de la pagravegina no hi ha res Aixograve eacutes perquegrave cal
configurar els portlets adequats ( )
1 Ens situarem sobre la icona ldquoOpcions de Pagraveginardquo
2 Seleccionarem ldquoObrir Plantillardquo ja que els portlets soacuten a nivell de Page
Ens apareixeragrave una pantalla com la que es mostra tot seguit i realitzarem les accions
seguumlents
1 Seleccionar el portlet de la part central de la pagravegina per configurar una ldquoLlista
automagravetica de contingutsrdquo
2
1
77
Tambeacute podem configurar una ldquoLlista manual de contingutsrdquo segons les
necessitats de cada usuari
78
Ens redirigiragrave cap a un formulari drsquoedicioacute que ens mostraragrave directament quina consulta
hem de configurar per mostrar els continguts i configurarem una consulta com la
seguumlent (evidentment segons les necessitats de cada usuari)
Ara tenim configurat que la pagravegina mostraragrave els tipus de contingut ldquoTramitOVTrdquo del
canal actual ordenats per la ldquoEacutes on-linerdquo en ordre descendent
Aixograve ens portaragrave a la pantalla principal on acabarem de completar la configuracioacute
1 Validar que en lrsquoapartat ldquoConsultardquo hi ha la configuracioacute que acabem drsquoafegir
2 Emplenar ldquoAgraveliesrdquo
3 En lrsquoapartat Forma de presentacioacute fer clic al botoacute ldquoCercar helliprdquo
79
Ens apareixeragrave la pantalla seguumlent
1 Fer clic a ldquoNavegacioacute per projectesrdquo
1
2
3
80
Ens canviaragrave la vista al format seguumlent
1 Navegarem per les carpetes fins a arribar a ldquoFramework Formes de
presentacioacute Site generic fw_fp_llistatramitsrdquo
2 Seleccionarem ldquofw_fp_llistatramitsrdquo
3 Farem clic a ldquoOKrdquo
1
1
81
En retornar a la pantalla principal cal
1 Validar que la forma de presentacioacute eacutes la que acabem de seleccionar
2 Fer clic a ldquoOKrdquo
1 (continuacioacute) 2
3
82
1
2
83
Aquest seragrave el nostre resultat a la pantalla del portal i cal fer el seguumlent
1 Verificar que apareixen els dos continguts que es van associar a aquest canal
1
84
512 Configuracioacute del detall del tragravemit i el pas a pas
En fer clic sobre una activitat veurem com ens redirigeix a la plantilla configurada al
ldquodetallrdquo drsquoaquesta pagravegina tal com la vam configurar en lrsquoapartat 231 cal fer el
seguumlent
1 Fer clic a la primera activitat
1
85
Ens sortiragrave la pagravegina de VAP del detall drsquoun contingut per configurar farem els
passos seguumlents
1 Ens situarem sobre la icona ldquoOpcions de Pagraveginardquo
2 Seleccionar ldquoObrir Plantillardquo ja que els portlets soacuten a nivell de Page
Ens apareixeragrave una pantalla com la que es mostra tot seguit i realitzarem les accions
seguumlents
1 Seleccionar el portlet de la part central de la pagravegina per configurar un ldquoDetall
de contingutrdquo i fer clic a ldquoEditarrdquo
Ens apareixeragrave la pantalla de seleccioacute de component de presentacioacute
1 Seleccionarem el component de presentacioacute ldquoDetall de contingutrdquo
1
2
1
86
Ens apareixeragrave la pantalla que es mostra tot seguit i realitzarem les accions seguumlents
1 Emplenar el camp ldquoAgraveliesrdquo
2 Canviar a la pestanya ldquoPresentacioacuterdquo
En fer clic a la pestanya obtindrem la imatge que es mostra tot seguit i realitzarem les
accions seguumlents
1 Cercarem una forma de presentacioacute fent clic a ldquoCercar helliprdquo
1
2
87
Quan aparegui la pantalla de cercador realitzarem una cerca de la forma de
presentacioacute que volem fer servir per a aixograve cal fer el seguumlent
1 Emplenar la caixa de text amb ldquofw_fp_tramitrdquo
2 Preacutemer ldquoCercarrdquo
3 Seleccionar la forma de presentacioacute de la caixa de resultats
4 Preacutemer ldquoOKrdquo
La forma de presentacioacute ldquofw_fp_tramitrdquo estagrave preparada per ldquomaquillarrdquo el contingut
dels tragravemits Tambeacute es pot fer servir una forma de presentacioacute personalitzada
segons es cregui convenient
1
1
2
3
4
88
En acabar tornarem a la pagravegina principal drsquoedicioacute i farem el seguumlent
1 Verificar que la forma de presentacioacute eacutes la que hem escollit
2 Fer clic a ldquoOKrdquo
En finalitzar la configuracioacute del component de presentacioacute tornem a la pantalla del
portal i cal fer el seguumlent
1 Verificar que el disseny de la presentacioacute eacutes semblant al seguumlent
1
2
89
Configurarem el portlet superior central de la pagravegina perquegrave aquesta contingui el fil
drsquoAriadna
1 Accedir a ldquoObrir Plantillardquo
1 Editar el portlet central que hi ha a sobre del detall de tragravemit per configurar el fil
drsquoAriadna En aquest exemple el portlet eacutes ldquoFW_hilo_ariadnardquo
Escollirem el component de presentacioacute
1 Seleccionar el component de presentacioacute ldquoFil drsquoAriadnardquo
1
1
90
En la configuracioacute del component realitzarem les accions seguumlents
1 Inserir el camp ldquoAgraveliesrdquo
2 Inserir el camp ldquoCanalrdquo
3 Fer clic a la pestanya ldquoPresentacioacuterdquo i cercar la forma de presentacioacute
ldquofw_fp_filariadnardquo
1
91
513 Configuracioacute del detall drsquouna normativa SAC
En el detall de contingut configurat en el punt anterior fent clic sobre una normativa
veurem com ens redirigeix a la plantilla configurada al ldquodetall2rdquo drsquoaquesta pagravegina tal
com hem configurat a lrsquoapartat 231
1 Fer clic a la primera ldquoNormativa Aplicablerdquo
2
3
92
Aquest enllaccedil ens portaragrave al detall2 del canal on srsquoha de configurar el detall de
contingut SAC per tal que es mostri la normativa aplicable
Configurarem el portlet superior central de la pagravegina perquegrave aquesta contingui el fil
drsquoAriadna per a aixograve cal fer el seguumlent
1 Accedir a ldquoObrir Plantillardquo
1
93
1
94
1 Editar el portlet central que hi ha a sobre del detall de tragravemit per configurar el fil
drsquoAriadna En aquest exemple el portlet eacutes ldquofw_portlet_tramitrdquo
Escollirem el component de presentacioacute
1 Seleccionar el component de presentacioacute ldquoDetall de Contingut SACrdquo
En la configuracioacute del component realitzarem les accions seguumlents
1 Inserir el camp ldquoAgraveliesrdquo
2 Seleccionar el tipus de contingut ldquoDetall Tragravemitrdquo
1
95
3 Fer clic a la pestanya ldquoPresentacioacuterdquo i cercar la forma de presentacioacute
ldquofw_fp_sac_normativardquo
4 Fer clic al botoacute ldquoOKrdquo
Srsquoactualitzaragrave la pagravegina de VAP i es mostraragrave el detall de SAC
1
2
3
4
96
514 Validacioacute final de VAP
Finalment cal validar que els tragravemits es visualitzen correctament per a aixograve cal
1 Verificar que tenim els canals creats
2 Accedir al canal ldquoCanal Llistat tragravemitsrdquo i validar que es mostren els tragravemits
que hem associat al punt 22
1
97
A continuacioacute cal fer les comprovacions seguumlents
1 Accedir al detall del tragravemit compartit
2 Accedir al pas a pas del tragravemit i a la normativa de SAC
Exemple llistat de tragravemits compartits
2
1
98
Exemple detall de tragravemit compartit
Exemple pas a pas drsquoun tragravemit
2
2
99
Exemple normativa SAC
En el cas que no es visualitzin el llistat de tragravemits detall o pas a pas configurat
validar
1 Refrescar la Pagravegina
2 Els tragravemits estan associats al canal que esteacuten visualitzat punt 23
1 Refrescar la pagravegina
1
63
A la pantalla seguumlent cal seleccionar una plantilla i
1 Fer clic al botoacute a prop de ldquoGridBTramitNormativaSacrdquo
2 Fer clic a ldquoOKrdquo
1
2
64
En aquest moment es torna a la pantalla anterior i cal fer el seguumlent
2 Fer clic a ldquoOKrdquo
En el canal Llistat de tragravemits ha drsquoestar configurat el ldquoformatrdquo ldquodetall2rdquo ja que la
forma de presentacioacute que configurarem a GridDBTramitNormativaSac necessitaragrave
aquest format per visualitzar el detall del contingut de tipus normativa ldquoSACrdquo
2
65
La pantalla anterior a aquesta ens ha de presentar aquesta informacioacute i srsquoha de fer el
seguumlent
2 Fer clic a ldquoOKrdquo
1
66
La finestra pare anterior a aquesta quedaragrave com es mostra tot seguit i realitzarem les
accions seguumlents
1 Fer clic a ldquoOKrdquo
4 Comparticioacute de continguts
Accedim al projecte on hi ha tots els tragravemits de lrsquoOVT
1
67
OVTDepartaments[NomCurtDepartaments][NomCurtOrganisme] TramitOVT
On NomCurtDepartaments correspon al nom curt del departament al que fa referencia
el nostre organisme
En aquest exemple es mostren tots els projectes de tragravemits de lrsquoOVT
Un cop localitzat el tragravemit de lrsquoOVT que volem compartir amb el nostre site accedirem
a lrsquoedicioacute del contingut i assignarem aquest contingut al canal del nostre site on es
vulgui mostrar Srsquoha de fer el seguumlent
1 Anar al contenidor de projectes on hi ha els continguts de GECO
Apareixeragrave lrsquoestructura de projectes a la qual teacute acceacutes lrsquousuari redactor Cal fer el
seguumlent (exemple Agegravencia Tributagraveria dins drsquoEconomia i Finances)
1 Seleccionar ldquoOVTrdquo
2 Seleccionar ldquoDepartamentsrdquo aquesta carpeta conteacute tots els tragravemits de lrsquoOVT
classificats per departaments
3 Seleccionar ldquoECOrdquo A lrsquousuari nomeacutes se li mostraragrave la carpeta del seu
departament
Si lrsquousuari no visualitza la carpeta dins del seu departament eacutes perquegrave no
srsquoha aplicat la poliacutetica de seguretat correctament Cal obrir un tiquet a Suport
gencat per tramitar aquests permisos AQUESTA CARPETA NOMEacuteS SERAgrave
VISIBLE PER ALS USUARIS AMB ROL REDACTOR
4 Seleccionar ldquoA_Agegravencia Tributagraveriardquo
5 Seleccionar ldquoTramitOVTrdquo
1
68
2
3
1
69
4
5
70
Apareixeragrave el llistat de continguts ldquoTragravemitOVTrdquo de lrsquoOVT de lrsquoAgegravencia Tributagraveria
Realitzarem les accions seguumlents
1 Seleccionar el tragravemit o els tragravemits que volem compartir en la web dorganisme
2 Fer clic a ldquoAssociarrdquo
2
1
71
Aquest proceacutes obriragrave una finestra Per seleccionar el site i canal on es volen mostrar
els tragravemits seleccionats realitzarem les accions seguumlents (cas site Generic)
1 Seleccionar el site ldquoGenericrdquo en el vostre cas el site del departament on es vol
mostrar el contingut ldquotragravemitrdquo
2 Navegar pels canals del Site Genegraveric fins al canal que srsquoha creat en el punt
ldquoLlistat de tragravemitsrdquo i seleccionar el quadre de verificacioacute
3 Fer clic a ldquoOKrdquo
1
72
2
3
73
41 Validar que la comparticioacute de continguts eacutes correcta
Accedim per VCM al canal que hem creat anteriorment al qual li acabem drsquoassignar
els continguts de tragravemits que ha de mostrar i fem el seguumlent
1 Anar al contenidor de portals
2 Seleccionar el Site ldquogenericrdquo
3 Seleccionar el canal ldquoHomerdquo
4 Seleccionar el canal ldquoCanal Llistat tragravemitsrdquo
1
2
3
74
4
75
Apareixeragrave el contingut assignat al canal ldquoCanal Llistat tragravemitsrdquo
En entrar trobarem el llistat seguumlent
1 Llistat del tragravemits de lrsquoOVT que srsquohan compartit amb el canal ldquoCanal Llistat
tragravemitsrdquo
2 Validar que els continguts que apareixen soacuten del tipus ldquoTramitOVTrdquo
En cas que al canal del site ldquoCanal Llistat tragravemitsrdquo no apareguin els continguts
tragravemits associats anteriorment cal repetir el pas 22
1 2
76
5 Configuracioacute al portal
Ara cal entrar al nostre site on tenim configurat el canal que hem creat en lrsquoapartat
anterior (21) i que ara configurarem a nivell de portal
51 Configuracioacute a Canal Llistat tragravemits
511 Configuracioacute de la llista de tragravemits
Farem clic a lrsquoenllaccedil ldquoCanal llistat tragravemitsrdquo de la ldquoHomerdquo i anirem a parar a una
pantalla com la que es mostra meacutes avall
Es pot apreciar que en el contingut de la pagravegina no hi ha res Aixograve eacutes perquegrave cal
configurar els portlets adequats ( )
1 Ens situarem sobre la icona ldquoOpcions de Pagraveginardquo
2 Seleccionarem ldquoObrir Plantillardquo ja que els portlets soacuten a nivell de Page
Ens apareixeragrave una pantalla com la que es mostra tot seguit i realitzarem les accions
seguumlents
1 Seleccionar el portlet de la part central de la pagravegina per configurar una ldquoLlista
automagravetica de contingutsrdquo
2
1
77
Tambeacute podem configurar una ldquoLlista manual de contingutsrdquo segons les
necessitats de cada usuari
78
Ens redirigiragrave cap a un formulari drsquoedicioacute que ens mostraragrave directament quina consulta
hem de configurar per mostrar els continguts i configurarem una consulta com la
seguumlent (evidentment segons les necessitats de cada usuari)
Ara tenim configurat que la pagravegina mostraragrave els tipus de contingut ldquoTramitOVTrdquo del
canal actual ordenats per la ldquoEacutes on-linerdquo en ordre descendent
Aixograve ens portaragrave a la pantalla principal on acabarem de completar la configuracioacute
1 Validar que en lrsquoapartat ldquoConsultardquo hi ha la configuracioacute que acabem drsquoafegir
2 Emplenar ldquoAgraveliesrdquo
3 En lrsquoapartat Forma de presentacioacute fer clic al botoacute ldquoCercar helliprdquo
79
Ens apareixeragrave la pantalla seguumlent
1 Fer clic a ldquoNavegacioacute per projectesrdquo
1
2
3
80
Ens canviaragrave la vista al format seguumlent
1 Navegarem per les carpetes fins a arribar a ldquoFramework Formes de
presentacioacute Site generic fw_fp_llistatramitsrdquo
2 Seleccionarem ldquofw_fp_llistatramitsrdquo
3 Farem clic a ldquoOKrdquo
1
1
81
En retornar a la pantalla principal cal
1 Validar que la forma de presentacioacute eacutes la que acabem de seleccionar
2 Fer clic a ldquoOKrdquo
1 (continuacioacute) 2
3
82
1
2
83
Aquest seragrave el nostre resultat a la pantalla del portal i cal fer el seguumlent
1 Verificar que apareixen els dos continguts que es van associar a aquest canal
1
84
512 Configuracioacute del detall del tragravemit i el pas a pas
En fer clic sobre una activitat veurem com ens redirigeix a la plantilla configurada al
ldquodetallrdquo drsquoaquesta pagravegina tal com la vam configurar en lrsquoapartat 231 cal fer el
seguumlent
1 Fer clic a la primera activitat
1
85
Ens sortiragrave la pagravegina de VAP del detall drsquoun contingut per configurar farem els
passos seguumlents
1 Ens situarem sobre la icona ldquoOpcions de Pagraveginardquo
2 Seleccionar ldquoObrir Plantillardquo ja que els portlets soacuten a nivell de Page
Ens apareixeragrave una pantalla com la que es mostra tot seguit i realitzarem les accions
seguumlents
1 Seleccionar el portlet de la part central de la pagravegina per configurar un ldquoDetall
de contingutrdquo i fer clic a ldquoEditarrdquo
Ens apareixeragrave la pantalla de seleccioacute de component de presentacioacute
1 Seleccionarem el component de presentacioacute ldquoDetall de contingutrdquo
1
2
1
86
Ens apareixeragrave la pantalla que es mostra tot seguit i realitzarem les accions seguumlents
1 Emplenar el camp ldquoAgraveliesrdquo
2 Canviar a la pestanya ldquoPresentacioacuterdquo
En fer clic a la pestanya obtindrem la imatge que es mostra tot seguit i realitzarem les
accions seguumlents
1 Cercarem una forma de presentacioacute fent clic a ldquoCercar helliprdquo
1
2
87
Quan aparegui la pantalla de cercador realitzarem una cerca de la forma de
presentacioacute que volem fer servir per a aixograve cal fer el seguumlent
1 Emplenar la caixa de text amb ldquofw_fp_tramitrdquo
2 Preacutemer ldquoCercarrdquo
3 Seleccionar la forma de presentacioacute de la caixa de resultats
4 Preacutemer ldquoOKrdquo
La forma de presentacioacute ldquofw_fp_tramitrdquo estagrave preparada per ldquomaquillarrdquo el contingut
dels tragravemits Tambeacute es pot fer servir una forma de presentacioacute personalitzada
segons es cregui convenient
1
1
2
3
4
88
En acabar tornarem a la pagravegina principal drsquoedicioacute i farem el seguumlent
1 Verificar que la forma de presentacioacute eacutes la que hem escollit
2 Fer clic a ldquoOKrdquo
En finalitzar la configuracioacute del component de presentacioacute tornem a la pantalla del
portal i cal fer el seguumlent
1 Verificar que el disseny de la presentacioacute eacutes semblant al seguumlent
1
2
89
Configurarem el portlet superior central de la pagravegina perquegrave aquesta contingui el fil
drsquoAriadna
1 Accedir a ldquoObrir Plantillardquo
1 Editar el portlet central que hi ha a sobre del detall de tragravemit per configurar el fil
drsquoAriadna En aquest exemple el portlet eacutes ldquoFW_hilo_ariadnardquo
Escollirem el component de presentacioacute
1 Seleccionar el component de presentacioacute ldquoFil drsquoAriadnardquo
1
1
90
En la configuracioacute del component realitzarem les accions seguumlents
1 Inserir el camp ldquoAgraveliesrdquo
2 Inserir el camp ldquoCanalrdquo
3 Fer clic a la pestanya ldquoPresentacioacuterdquo i cercar la forma de presentacioacute
ldquofw_fp_filariadnardquo
1
91
513 Configuracioacute del detall drsquouna normativa SAC
En el detall de contingut configurat en el punt anterior fent clic sobre una normativa
veurem com ens redirigeix a la plantilla configurada al ldquodetall2rdquo drsquoaquesta pagravegina tal
com hem configurat a lrsquoapartat 231
1 Fer clic a la primera ldquoNormativa Aplicablerdquo
2
3
92
Aquest enllaccedil ens portaragrave al detall2 del canal on srsquoha de configurar el detall de
contingut SAC per tal que es mostri la normativa aplicable
Configurarem el portlet superior central de la pagravegina perquegrave aquesta contingui el fil
drsquoAriadna per a aixograve cal fer el seguumlent
1 Accedir a ldquoObrir Plantillardquo
1
93
1
94
1 Editar el portlet central que hi ha a sobre del detall de tragravemit per configurar el fil
drsquoAriadna En aquest exemple el portlet eacutes ldquofw_portlet_tramitrdquo
Escollirem el component de presentacioacute
1 Seleccionar el component de presentacioacute ldquoDetall de Contingut SACrdquo
En la configuracioacute del component realitzarem les accions seguumlents
1 Inserir el camp ldquoAgraveliesrdquo
2 Seleccionar el tipus de contingut ldquoDetall Tragravemitrdquo
1
95
3 Fer clic a la pestanya ldquoPresentacioacuterdquo i cercar la forma de presentacioacute
ldquofw_fp_sac_normativardquo
4 Fer clic al botoacute ldquoOKrdquo
Srsquoactualitzaragrave la pagravegina de VAP i es mostraragrave el detall de SAC
1
2
3
4
96
514 Validacioacute final de VAP
Finalment cal validar que els tragravemits es visualitzen correctament per a aixograve cal
1 Verificar que tenim els canals creats
2 Accedir al canal ldquoCanal Llistat tragravemitsrdquo i validar que es mostren els tragravemits
que hem associat al punt 22
1
97
A continuacioacute cal fer les comprovacions seguumlents
1 Accedir al detall del tragravemit compartit
2 Accedir al pas a pas del tragravemit i a la normativa de SAC
Exemple llistat de tragravemits compartits
2
1
98
Exemple detall de tragravemit compartit
Exemple pas a pas drsquoun tragravemit
2
2
99
Exemple normativa SAC
En el cas que no es visualitzin el llistat de tragravemits detall o pas a pas configurat
validar
1 Refrescar la Pagravegina
2 Els tragravemits estan associats al canal que esteacuten visualitzat punt 23
1 Refrescar la pagravegina
1
64
En aquest moment es torna a la pantalla anterior i cal fer el seguumlent
2 Fer clic a ldquoOKrdquo
En el canal Llistat de tragravemits ha drsquoestar configurat el ldquoformatrdquo ldquodetall2rdquo ja que la
forma de presentacioacute que configurarem a GridDBTramitNormativaSac necessitaragrave
aquest format per visualitzar el detall del contingut de tipus normativa ldquoSACrdquo
2
65
La pantalla anterior a aquesta ens ha de presentar aquesta informacioacute i srsquoha de fer el
seguumlent
2 Fer clic a ldquoOKrdquo
1
66
La finestra pare anterior a aquesta quedaragrave com es mostra tot seguit i realitzarem les
accions seguumlents
1 Fer clic a ldquoOKrdquo
4 Comparticioacute de continguts
Accedim al projecte on hi ha tots els tragravemits de lrsquoOVT
1
67
OVTDepartaments[NomCurtDepartaments][NomCurtOrganisme] TramitOVT
On NomCurtDepartaments correspon al nom curt del departament al que fa referencia
el nostre organisme
En aquest exemple es mostren tots els projectes de tragravemits de lrsquoOVT
Un cop localitzat el tragravemit de lrsquoOVT que volem compartir amb el nostre site accedirem
a lrsquoedicioacute del contingut i assignarem aquest contingut al canal del nostre site on es
vulgui mostrar Srsquoha de fer el seguumlent
1 Anar al contenidor de projectes on hi ha els continguts de GECO
Apareixeragrave lrsquoestructura de projectes a la qual teacute acceacutes lrsquousuari redactor Cal fer el
seguumlent (exemple Agegravencia Tributagraveria dins drsquoEconomia i Finances)
1 Seleccionar ldquoOVTrdquo
2 Seleccionar ldquoDepartamentsrdquo aquesta carpeta conteacute tots els tragravemits de lrsquoOVT
classificats per departaments
3 Seleccionar ldquoECOrdquo A lrsquousuari nomeacutes se li mostraragrave la carpeta del seu
departament
Si lrsquousuari no visualitza la carpeta dins del seu departament eacutes perquegrave no
srsquoha aplicat la poliacutetica de seguretat correctament Cal obrir un tiquet a Suport
gencat per tramitar aquests permisos AQUESTA CARPETA NOMEacuteS SERAgrave
VISIBLE PER ALS USUARIS AMB ROL REDACTOR
4 Seleccionar ldquoA_Agegravencia Tributagraveriardquo
5 Seleccionar ldquoTramitOVTrdquo
1
68
2
3
1
69
4
5
70
Apareixeragrave el llistat de continguts ldquoTragravemitOVTrdquo de lrsquoOVT de lrsquoAgegravencia Tributagraveria
Realitzarem les accions seguumlents
1 Seleccionar el tragravemit o els tragravemits que volem compartir en la web dorganisme
2 Fer clic a ldquoAssociarrdquo
2
1
71
Aquest proceacutes obriragrave una finestra Per seleccionar el site i canal on es volen mostrar
els tragravemits seleccionats realitzarem les accions seguumlents (cas site Generic)
1 Seleccionar el site ldquoGenericrdquo en el vostre cas el site del departament on es vol
mostrar el contingut ldquotragravemitrdquo
2 Navegar pels canals del Site Genegraveric fins al canal que srsquoha creat en el punt
ldquoLlistat de tragravemitsrdquo i seleccionar el quadre de verificacioacute
3 Fer clic a ldquoOKrdquo
1
72
2
3
73
41 Validar que la comparticioacute de continguts eacutes correcta
Accedim per VCM al canal que hem creat anteriorment al qual li acabem drsquoassignar
els continguts de tragravemits que ha de mostrar i fem el seguumlent
1 Anar al contenidor de portals
2 Seleccionar el Site ldquogenericrdquo
3 Seleccionar el canal ldquoHomerdquo
4 Seleccionar el canal ldquoCanal Llistat tragravemitsrdquo
1
2
3
74
4
75
Apareixeragrave el contingut assignat al canal ldquoCanal Llistat tragravemitsrdquo
En entrar trobarem el llistat seguumlent
1 Llistat del tragravemits de lrsquoOVT que srsquohan compartit amb el canal ldquoCanal Llistat
tragravemitsrdquo
2 Validar que els continguts que apareixen soacuten del tipus ldquoTramitOVTrdquo
En cas que al canal del site ldquoCanal Llistat tragravemitsrdquo no apareguin els continguts
tragravemits associats anteriorment cal repetir el pas 22
1 2
76
5 Configuracioacute al portal
Ara cal entrar al nostre site on tenim configurat el canal que hem creat en lrsquoapartat
anterior (21) i que ara configurarem a nivell de portal
51 Configuracioacute a Canal Llistat tragravemits
511 Configuracioacute de la llista de tragravemits
Farem clic a lrsquoenllaccedil ldquoCanal llistat tragravemitsrdquo de la ldquoHomerdquo i anirem a parar a una
pantalla com la que es mostra meacutes avall
Es pot apreciar que en el contingut de la pagravegina no hi ha res Aixograve eacutes perquegrave cal
configurar els portlets adequats ( )
1 Ens situarem sobre la icona ldquoOpcions de Pagraveginardquo
2 Seleccionarem ldquoObrir Plantillardquo ja que els portlets soacuten a nivell de Page
Ens apareixeragrave una pantalla com la que es mostra tot seguit i realitzarem les accions
seguumlents
1 Seleccionar el portlet de la part central de la pagravegina per configurar una ldquoLlista
automagravetica de contingutsrdquo
2
1
77
Tambeacute podem configurar una ldquoLlista manual de contingutsrdquo segons les
necessitats de cada usuari
78
Ens redirigiragrave cap a un formulari drsquoedicioacute que ens mostraragrave directament quina consulta
hem de configurar per mostrar els continguts i configurarem una consulta com la
seguumlent (evidentment segons les necessitats de cada usuari)
Ara tenim configurat que la pagravegina mostraragrave els tipus de contingut ldquoTramitOVTrdquo del
canal actual ordenats per la ldquoEacutes on-linerdquo en ordre descendent
Aixograve ens portaragrave a la pantalla principal on acabarem de completar la configuracioacute
1 Validar que en lrsquoapartat ldquoConsultardquo hi ha la configuracioacute que acabem drsquoafegir
2 Emplenar ldquoAgraveliesrdquo
3 En lrsquoapartat Forma de presentacioacute fer clic al botoacute ldquoCercar helliprdquo
79
Ens apareixeragrave la pantalla seguumlent
1 Fer clic a ldquoNavegacioacute per projectesrdquo
1
2
3
80
Ens canviaragrave la vista al format seguumlent
1 Navegarem per les carpetes fins a arribar a ldquoFramework Formes de
presentacioacute Site generic fw_fp_llistatramitsrdquo
2 Seleccionarem ldquofw_fp_llistatramitsrdquo
3 Farem clic a ldquoOKrdquo
1
1
81
En retornar a la pantalla principal cal
1 Validar que la forma de presentacioacute eacutes la que acabem de seleccionar
2 Fer clic a ldquoOKrdquo
1 (continuacioacute) 2
3
82
1
2
83
Aquest seragrave el nostre resultat a la pantalla del portal i cal fer el seguumlent
1 Verificar que apareixen els dos continguts que es van associar a aquest canal
1
84
512 Configuracioacute del detall del tragravemit i el pas a pas
En fer clic sobre una activitat veurem com ens redirigeix a la plantilla configurada al
ldquodetallrdquo drsquoaquesta pagravegina tal com la vam configurar en lrsquoapartat 231 cal fer el
seguumlent
1 Fer clic a la primera activitat
1
85
Ens sortiragrave la pagravegina de VAP del detall drsquoun contingut per configurar farem els
passos seguumlents
1 Ens situarem sobre la icona ldquoOpcions de Pagraveginardquo
2 Seleccionar ldquoObrir Plantillardquo ja que els portlets soacuten a nivell de Page
Ens apareixeragrave una pantalla com la que es mostra tot seguit i realitzarem les accions
seguumlents
1 Seleccionar el portlet de la part central de la pagravegina per configurar un ldquoDetall
de contingutrdquo i fer clic a ldquoEditarrdquo
Ens apareixeragrave la pantalla de seleccioacute de component de presentacioacute
1 Seleccionarem el component de presentacioacute ldquoDetall de contingutrdquo
1
2
1
86
Ens apareixeragrave la pantalla que es mostra tot seguit i realitzarem les accions seguumlents
1 Emplenar el camp ldquoAgraveliesrdquo
2 Canviar a la pestanya ldquoPresentacioacuterdquo
En fer clic a la pestanya obtindrem la imatge que es mostra tot seguit i realitzarem les
accions seguumlents
1 Cercarem una forma de presentacioacute fent clic a ldquoCercar helliprdquo
1
2
87
Quan aparegui la pantalla de cercador realitzarem una cerca de la forma de
presentacioacute que volem fer servir per a aixograve cal fer el seguumlent
1 Emplenar la caixa de text amb ldquofw_fp_tramitrdquo
2 Preacutemer ldquoCercarrdquo
3 Seleccionar la forma de presentacioacute de la caixa de resultats
4 Preacutemer ldquoOKrdquo
La forma de presentacioacute ldquofw_fp_tramitrdquo estagrave preparada per ldquomaquillarrdquo el contingut
dels tragravemits Tambeacute es pot fer servir una forma de presentacioacute personalitzada
segons es cregui convenient
1
1
2
3
4
88
En acabar tornarem a la pagravegina principal drsquoedicioacute i farem el seguumlent
1 Verificar que la forma de presentacioacute eacutes la que hem escollit
2 Fer clic a ldquoOKrdquo
En finalitzar la configuracioacute del component de presentacioacute tornem a la pantalla del
portal i cal fer el seguumlent
1 Verificar que el disseny de la presentacioacute eacutes semblant al seguumlent
1
2
89
Configurarem el portlet superior central de la pagravegina perquegrave aquesta contingui el fil
drsquoAriadna
1 Accedir a ldquoObrir Plantillardquo
1 Editar el portlet central que hi ha a sobre del detall de tragravemit per configurar el fil
drsquoAriadna En aquest exemple el portlet eacutes ldquoFW_hilo_ariadnardquo
Escollirem el component de presentacioacute
1 Seleccionar el component de presentacioacute ldquoFil drsquoAriadnardquo
1
1
90
En la configuracioacute del component realitzarem les accions seguumlents
1 Inserir el camp ldquoAgraveliesrdquo
2 Inserir el camp ldquoCanalrdquo
3 Fer clic a la pestanya ldquoPresentacioacuterdquo i cercar la forma de presentacioacute
ldquofw_fp_filariadnardquo
1
91
513 Configuracioacute del detall drsquouna normativa SAC
En el detall de contingut configurat en el punt anterior fent clic sobre una normativa
veurem com ens redirigeix a la plantilla configurada al ldquodetall2rdquo drsquoaquesta pagravegina tal
com hem configurat a lrsquoapartat 231
1 Fer clic a la primera ldquoNormativa Aplicablerdquo
2
3
92
Aquest enllaccedil ens portaragrave al detall2 del canal on srsquoha de configurar el detall de
contingut SAC per tal que es mostri la normativa aplicable
Configurarem el portlet superior central de la pagravegina perquegrave aquesta contingui el fil
drsquoAriadna per a aixograve cal fer el seguumlent
1 Accedir a ldquoObrir Plantillardquo
1
93
1
94
1 Editar el portlet central que hi ha a sobre del detall de tragravemit per configurar el fil
drsquoAriadna En aquest exemple el portlet eacutes ldquofw_portlet_tramitrdquo
Escollirem el component de presentacioacute
1 Seleccionar el component de presentacioacute ldquoDetall de Contingut SACrdquo
En la configuracioacute del component realitzarem les accions seguumlents
1 Inserir el camp ldquoAgraveliesrdquo
2 Seleccionar el tipus de contingut ldquoDetall Tragravemitrdquo
1
95
3 Fer clic a la pestanya ldquoPresentacioacuterdquo i cercar la forma de presentacioacute
ldquofw_fp_sac_normativardquo
4 Fer clic al botoacute ldquoOKrdquo
Srsquoactualitzaragrave la pagravegina de VAP i es mostraragrave el detall de SAC
1
2
3
4
96
514 Validacioacute final de VAP
Finalment cal validar que els tragravemits es visualitzen correctament per a aixograve cal
1 Verificar que tenim els canals creats
2 Accedir al canal ldquoCanal Llistat tragravemitsrdquo i validar que es mostren els tragravemits
que hem associat al punt 22
1
97
A continuacioacute cal fer les comprovacions seguumlents
1 Accedir al detall del tragravemit compartit
2 Accedir al pas a pas del tragravemit i a la normativa de SAC
Exemple llistat de tragravemits compartits
2
1
98
Exemple detall de tragravemit compartit
Exemple pas a pas drsquoun tragravemit
2
2
99
Exemple normativa SAC
En el cas que no es visualitzin el llistat de tragravemits detall o pas a pas configurat
validar
1 Refrescar la Pagravegina
2 Els tragravemits estan associats al canal que esteacuten visualitzat punt 23
1 Refrescar la pagravegina
1
65
La pantalla anterior a aquesta ens ha de presentar aquesta informacioacute i srsquoha de fer el
seguumlent
2 Fer clic a ldquoOKrdquo
1
66
La finestra pare anterior a aquesta quedaragrave com es mostra tot seguit i realitzarem les
accions seguumlents
1 Fer clic a ldquoOKrdquo
4 Comparticioacute de continguts
Accedim al projecte on hi ha tots els tragravemits de lrsquoOVT
1
67
OVTDepartaments[NomCurtDepartaments][NomCurtOrganisme] TramitOVT
On NomCurtDepartaments correspon al nom curt del departament al que fa referencia
el nostre organisme
En aquest exemple es mostren tots els projectes de tragravemits de lrsquoOVT
Un cop localitzat el tragravemit de lrsquoOVT que volem compartir amb el nostre site accedirem
a lrsquoedicioacute del contingut i assignarem aquest contingut al canal del nostre site on es
vulgui mostrar Srsquoha de fer el seguumlent
1 Anar al contenidor de projectes on hi ha els continguts de GECO
Apareixeragrave lrsquoestructura de projectes a la qual teacute acceacutes lrsquousuari redactor Cal fer el
seguumlent (exemple Agegravencia Tributagraveria dins drsquoEconomia i Finances)
1 Seleccionar ldquoOVTrdquo
2 Seleccionar ldquoDepartamentsrdquo aquesta carpeta conteacute tots els tragravemits de lrsquoOVT
classificats per departaments
3 Seleccionar ldquoECOrdquo A lrsquousuari nomeacutes se li mostraragrave la carpeta del seu
departament
Si lrsquousuari no visualitza la carpeta dins del seu departament eacutes perquegrave no
srsquoha aplicat la poliacutetica de seguretat correctament Cal obrir un tiquet a Suport
gencat per tramitar aquests permisos AQUESTA CARPETA NOMEacuteS SERAgrave
VISIBLE PER ALS USUARIS AMB ROL REDACTOR
4 Seleccionar ldquoA_Agegravencia Tributagraveriardquo
5 Seleccionar ldquoTramitOVTrdquo
1
68
2
3
1
69
4
5
70
Apareixeragrave el llistat de continguts ldquoTragravemitOVTrdquo de lrsquoOVT de lrsquoAgegravencia Tributagraveria
Realitzarem les accions seguumlents
1 Seleccionar el tragravemit o els tragravemits que volem compartir en la web dorganisme
2 Fer clic a ldquoAssociarrdquo
2
1
71
Aquest proceacutes obriragrave una finestra Per seleccionar el site i canal on es volen mostrar
els tragravemits seleccionats realitzarem les accions seguumlents (cas site Generic)
1 Seleccionar el site ldquoGenericrdquo en el vostre cas el site del departament on es vol
mostrar el contingut ldquotragravemitrdquo
2 Navegar pels canals del Site Genegraveric fins al canal que srsquoha creat en el punt
ldquoLlistat de tragravemitsrdquo i seleccionar el quadre de verificacioacute
3 Fer clic a ldquoOKrdquo
1
72
2
3
73
41 Validar que la comparticioacute de continguts eacutes correcta
Accedim per VCM al canal que hem creat anteriorment al qual li acabem drsquoassignar
els continguts de tragravemits que ha de mostrar i fem el seguumlent
1 Anar al contenidor de portals
2 Seleccionar el Site ldquogenericrdquo
3 Seleccionar el canal ldquoHomerdquo
4 Seleccionar el canal ldquoCanal Llistat tragravemitsrdquo
1
2
3
74
4
75
Apareixeragrave el contingut assignat al canal ldquoCanal Llistat tragravemitsrdquo
En entrar trobarem el llistat seguumlent
1 Llistat del tragravemits de lrsquoOVT que srsquohan compartit amb el canal ldquoCanal Llistat
tragravemitsrdquo
2 Validar que els continguts que apareixen soacuten del tipus ldquoTramitOVTrdquo
En cas que al canal del site ldquoCanal Llistat tragravemitsrdquo no apareguin els continguts
tragravemits associats anteriorment cal repetir el pas 22
1 2
76
5 Configuracioacute al portal
Ara cal entrar al nostre site on tenim configurat el canal que hem creat en lrsquoapartat
anterior (21) i que ara configurarem a nivell de portal
51 Configuracioacute a Canal Llistat tragravemits
511 Configuracioacute de la llista de tragravemits
Farem clic a lrsquoenllaccedil ldquoCanal llistat tragravemitsrdquo de la ldquoHomerdquo i anirem a parar a una
pantalla com la que es mostra meacutes avall
Es pot apreciar que en el contingut de la pagravegina no hi ha res Aixograve eacutes perquegrave cal
configurar els portlets adequats ( )
1 Ens situarem sobre la icona ldquoOpcions de Pagraveginardquo
2 Seleccionarem ldquoObrir Plantillardquo ja que els portlets soacuten a nivell de Page
Ens apareixeragrave una pantalla com la que es mostra tot seguit i realitzarem les accions
seguumlents
1 Seleccionar el portlet de la part central de la pagravegina per configurar una ldquoLlista
automagravetica de contingutsrdquo
2
1
77
Tambeacute podem configurar una ldquoLlista manual de contingutsrdquo segons les
necessitats de cada usuari
78
Ens redirigiragrave cap a un formulari drsquoedicioacute que ens mostraragrave directament quina consulta
hem de configurar per mostrar els continguts i configurarem una consulta com la
seguumlent (evidentment segons les necessitats de cada usuari)
Ara tenim configurat que la pagravegina mostraragrave els tipus de contingut ldquoTramitOVTrdquo del
canal actual ordenats per la ldquoEacutes on-linerdquo en ordre descendent
Aixograve ens portaragrave a la pantalla principal on acabarem de completar la configuracioacute
1 Validar que en lrsquoapartat ldquoConsultardquo hi ha la configuracioacute que acabem drsquoafegir
2 Emplenar ldquoAgraveliesrdquo
3 En lrsquoapartat Forma de presentacioacute fer clic al botoacute ldquoCercar helliprdquo
79
Ens apareixeragrave la pantalla seguumlent
1 Fer clic a ldquoNavegacioacute per projectesrdquo
1
2
3
80
Ens canviaragrave la vista al format seguumlent
1 Navegarem per les carpetes fins a arribar a ldquoFramework Formes de
presentacioacute Site generic fw_fp_llistatramitsrdquo
2 Seleccionarem ldquofw_fp_llistatramitsrdquo
3 Farem clic a ldquoOKrdquo
1
1
81
En retornar a la pantalla principal cal
1 Validar que la forma de presentacioacute eacutes la que acabem de seleccionar
2 Fer clic a ldquoOKrdquo
1 (continuacioacute) 2
3
82
1
2
83
Aquest seragrave el nostre resultat a la pantalla del portal i cal fer el seguumlent
1 Verificar que apareixen els dos continguts que es van associar a aquest canal
1
84
512 Configuracioacute del detall del tragravemit i el pas a pas
En fer clic sobre una activitat veurem com ens redirigeix a la plantilla configurada al
ldquodetallrdquo drsquoaquesta pagravegina tal com la vam configurar en lrsquoapartat 231 cal fer el
seguumlent
1 Fer clic a la primera activitat
1
85
Ens sortiragrave la pagravegina de VAP del detall drsquoun contingut per configurar farem els
passos seguumlents
1 Ens situarem sobre la icona ldquoOpcions de Pagraveginardquo
2 Seleccionar ldquoObrir Plantillardquo ja que els portlets soacuten a nivell de Page
Ens apareixeragrave una pantalla com la que es mostra tot seguit i realitzarem les accions
seguumlents
1 Seleccionar el portlet de la part central de la pagravegina per configurar un ldquoDetall
de contingutrdquo i fer clic a ldquoEditarrdquo
Ens apareixeragrave la pantalla de seleccioacute de component de presentacioacute
1 Seleccionarem el component de presentacioacute ldquoDetall de contingutrdquo
1
2
1
86
Ens apareixeragrave la pantalla que es mostra tot seguit i realitzarem les accions seguumlents
1 Emplenar el camp ldquoAgraveliesrdquo
2 Canviar a la pestanya ldquoPresentacioacuterdquo
En fer clic a la pestanya obtindrem la imatge que es mostra tot seguit i realitzarem les
accions seguumlents
1 Cercarem una forma de presentacioacute fent clic a ldquoCercar helliprdquo
1
2
87
Quan aparegui la pantalla de cercador realitzarem una cerca de la forma de
presentacioacute que volem fer servir per a aixograve cal fer el seguumlent
1 Emplenar la caixa de text amb ldquofw_fp_tramitrdquo
2 Preacutemer ldquoCercarrdquo
3 Seleccionar la forma de presentacioacute de la caixa de resultats
4 Preacutemer ldquoOKrdquo
La forma de presentacioacute ldquofw_fp_tramitrdquo estagrave preparada per ldquomaquillarrdquo el contingut
dels tragravemits Tambeacute es pot fer servir una forma de presentacioacute personalitzada
segons es cregui convenient
1
1
2
3
4
88
En acabar tornarem a la pagravegina principal drsquoedicioacute i farem el seguumlent
1 Verificar que la forma de presentacioacute eacutes la que hem escollit
2 Fer clic a ldquoOKrdquo
En finalitzar la configuracioacute del component de presentacioacute tornem a la pantalla del
portal i cal fer el seguumlent
1 Verificar que el disseny de la presentacioacute eacutes semblant al seguumlent
1
2
89
Configurarem el portlet superior central de la pagravegina perquegrave aquesta contingui el fil
drsquoAriadna
1 Accedir a ldquoObrir Plantillardquo
1 Editar el portlet central que hi ha a sobre del detall de tragravemit per configurar el fil
drsquoAriadna En aquest exemple el portlet eacutes ldquoFW_hilo_ariadnardquo
Escollirem el component de presentacioacute
1 Seleccionar el component de presentacioacute ldquoFil drsquoAriadnardquo
1
1
90
En la configuracioacute del component realitzarem les accions seguumlents
1 Inserir el camp ldquoAgraveliesrdquo
2 Inserir el camp ldquoCanalrdquo
3 Fer clic a la pestanya ldquoPresentacioacuterdquo i cercar la forma de presentacioacute
ldquofw_fp_filariadnardquo
1
91
513 Configuracioacute del detall drsquouna normativa SAC
En el detall de contingut configurat en el punt anterior fent clic sobre una normativa
veurem com ens redirigeix a la plantilla configurada al ldquodetall2rdquo drsquoaquesta pagravegina tal
com hem configurat a lrsquoapartat 231
1 Fer clic a la primera ldquoNormativa Aplicablerdquo
2
3
92
Aquest enllaccedil ens portaragrave al detall2 del canal on srsquoha de configurar el detall de
contingut SAC per tal que es mostri la normativa aplicable
Configurarem el portlet superior central de la pagravegina perquegrave aquesta contingui el fil
drsquoAriadna per a aixograve cal fer el seguumlent
1 Accedir a ldquoObrir Plantillardquo
1
93
1
94
1 Editar el portlet central que hi ha a sobre del detall de tragravemit per configurar el fil
drsquoAriadna En aquest exemple el portlet eacutes ldquofw_portlet_tramitrdquo
Escollirem el component de presentacioacute
1 Seleccionar el component de presentacioacute ldquoDetall de Contingut SACrdquo
En la configuracioacute del component realitzarem les accions seguumlents
1 Inserir el camp ldquoAgraveliesrdquo
2 Seleccionar el tipus de contingut ldquoDetall Tragravemitrdquo
1
95
3 Fer clic a la pestanya ldquoPresentacioacuterdquo i cercar la forma de presentacioacute
ldquofw_fp_sac_normativardquo
4 Fer clic al botoacute ldquoOKrdquo
Srsquoactualitzaragrave la pagravegina de VAP i es mostraragrave el detall de SAC
1
2
3
4
96
514 Validacioacute final de VAP
Finalment cal validar que els tragravemits es visualitzen correctament per a aixograve cal
1 Verificar que tenim els canals creats
2 Accedir al canal ldquoCanal Llistat tragravemitsrdquo i validar que es mostren els tragravemits
que hem associat al punt 22
1
97
A continuacioacute cal fer les comprovacions seguumlents
1 Accedir al detall del tragravemit compartit
2 Accedir al pas a pas del tragravemit i a la normativa de SAC
Exemple llistat de tragravemits compartits
2
1
98
Exemple detall de tragravemit compartit
Exemple pas a pas drsquoun tragravemit
2
2
99
Exemple normativa SAC
En el cas que no es visualitzin el llistat de tragravemits detall o pas a pas configurat
validar
1 Refrescar la Pagravegina
2 Els tragravemits estan associats al canal que esteacuten visualitzat punt 23
1 Refrescar la pagravegina
1
66
La finestra pare anterior a aquesta quedaragrave com es mostra tot seguit i realitzarem les
accions seguumlents
1 Fer clic a ldquoOKrdquo
4 Comparticioacute de continguts
Accedim al projecte on hi ha tots els tragravemits de lrsquoOVT
1
67
OVTDepartaments[NomCurtDepartaments][NomCurtOrganisme] TramitOVT
On NomCurtDepartaments correspon al nom curt del departament al que fa referencia
el nostre organisme
En aquest exemple es mostren tots els projectes de tragravemits de lrsquoOVT
Un cop localitzat el tragravemit de lrsquoOVT que volem compartir amb el nostre site accedirem
a lrsquoedicioacute del contingut i assignarem aquest contingut al canal del nostre site on es
vulgui mostrar Srsquoha de fer el seguumlent
1 Anar al contenidor de projectes on hi ha els continguts de GECO
Apareixeragrave lrsquoestructura de projectes a la qual teacute acceacutes lrsquousuari redactor Cal fer el
seguumlent (exemple Agegravencia Tributagraveria dins drsquoEconomia i Finances)
1 Seleccionar ldquoOVTrdquo
2 Seleccionar ldquoDepartamentsrdquo aquesta carpeta conteacute tots els tragravemits de lrsquoOVT
classificats per departaments
3 Seleccionar ldquoECOrdquo A lrsquousuari nomeacutes se li mostraragrave la carpeta del seu
departament
Si lrsquousuari no visualitza la carpeta dins del seu departament eacutes perquegrave no
srsquoha aplicat la poliacutetica de seguretat correctament Cal obrir un tiquet a Suport
gencat per tramitar aquests permisos AQUESTA CARPETA NOMEacuteS SERAgrave
VISIBLE PER ALS USUARIS AMB ROL REDACTOR
4 Seleccionar ldquoA_Agegravencia Tributagraveriardquo
5 Seleccionar ldquoTramitOVTrdquo
1
68
2
3
1
69
4
5
70
Apareixeragrave el llistat de continguts ldquoTragravemitOVTrdquo de lrsquoOVT de lrsquoAgegravencia Tributagraveria
Realitzarem les accions seguumlents
1 Seleccionar el tragravemit o els tragravemits que volem compartir en la web dorganisme
2 Fer clic a ldquoAssociarrdquo
2
1
71
Aquest proceacutes obriragrave una finestra Per seleccionar el site i canal on es volen mostrar
els tragravemits seleccionats realitzarem les accions seguumlents (cas site Generic)
1 Seleccionar el site ldquoGenericrdquo en el vostre cas el site del departament on es vol
mostrar el contingut ldquotragravemitrdquo
2 Navegar pels canals del Site Genegraveric fins al canal que srsquoha creat en el punt
ldquoLlistat de tragravemitsrdquo i seleccionar el quadre de verificacioacute
3 Fer clic a ldquoOKrdquo
1
72
2
3
73
41 Validar que la comparticioacute de continguts eacutes correcta
Accedim per VCM al canal que hem creat anteriorment al qual li acabem drsquoassignar
els continguts de tragravemits que ha de mostrar i fem el seguumlent
1 Anar al contenidor de portals
2 Seleccionar el Site ldquogenericrdquo
3 Seleccionar el canal ldquoHomerdquo
4 Seleccionar el canal ldquoCanal Llistat tragravemitsrdquo
1
2
3
74
4
75
Apareixeragrave el contingut assignat al canal ldquoCanal Llistat tragravemitsrdquo
En entrar trobarem el llistat seguumlent
1 Llistat del tragravemits de lrsquoOVT que srsquohan compartit amb el canal ldquoCanal Llistat
tragravemitsrdquo
2 Validar que els continguts que apareixen soacuten del tipus ldquoTramitOVTrdquo
En cas que al canal del site ldquoCanal Llistat tragravemitsrdquo no apareguin els continguts
tragravemits associats anteriorment cal repetir el pas 22
1 2
76
5 Configuracioacute al portal
Ara cal entrar al nostre site on tenim configurat el canal que hem creat en lrsquoapartat
anterior (21) i que ara configurarem a nivell de portal
51 Configuracioacute a Canal Llistat tragravemits
511 Configuracioacute de la llista de tragravemits
Farem clic a lrsquoenllaccedil ldquoCanal llistat tragravemitsrdquo de la ldquoHomerdquo i anirem a parar a una
pantalla com la que es mostra meacutes avall
Es pot apreciar que en el contingut de la pagravegina no hi ha res Aixograve eacutes perquegrave cal
configurar els portlets adequats ( )
1 Ens situarem sobre la icona ldquoOpcions de Pagraveginardquo
2 Seleccionarem ldquoObrir Plantillardquo ja que els portlets soacuten a nivell de Page
Ens apareixeragrave una pantalla com la que es mostra tot seguit i realitzarem les accions
seguumlents
1 Seleccionar el portlet de la part central de la pagravegina per configurar una ldquoLlista
automagravetica de contingutsrdquo
2
1
77
Tambeacute podem configurar una ldquoLlista manual de contingutsrdquo segons les
necessitats de cada usuari
78
Ens redirigiragrave cap a un formulari drsquoedicioacute que ens mostraragrave directament quina consulta
hem de configurar per mostrar els continguts i configurarem una consulta com la
seguumlent (evidentment segons les necessitats de cada usuari)
Ara tenim configurat que la pagravegina mostraragrave els tipus de contingut ldquoTramitOVTrdquo del
canal actual ordenats per la ldquoEacutes on-linerdquo en ordre descendent
Aixograve ens portaragrave a la pantalla principal on acabarem de completar la configuracioacute
1 Validar que en lrsquoapartat ldquoConsultardquo hi ha la configuracioacute que acabem drsquoafegir
2 Emplenar ldquoAgraveliesrdquo
3 En lrsquoapartat Forma de presentacioacute fer clic al botoacute ldquoCercar helliprdquo
79
Ens apareixeragrave la pantalla seguumlent
1 Fer clic a ldquoNavegacioacute per projectesrdquo
1
2
3
80
Ens canviaragrave la vista al format seguumlent
1 Navegarem per les carpetes fins a arribar a ldquoFramework Formes de
presentacioacute Site generic fw_fp_llistatramitsrdquo
2 Seleccionarem ldquofw_fp_llistatramitsrdquo
3 Farem clic a ldquoOKrdquo
1
1
81
En retornar a la pantalla principal cal
1 Validar que la forma de presentacioacute eacutes la que acabem de seleccionar
2 Fer clic a ldquoOKrdquo
1 (continuacioacute) 2
3
82
1
2
83
Aquest seragrave el nostre resultat a la pantalla del portal i cal fer el seguumlent
1 Verificar que apareixen els dos continguts que es van associar a aquest canal
1
84
512 Configuracioacute del detall del tragravemit i el pas a pas
En fer clic sobre una activitat veurem com ens redirigeix a la plantilla configurada al
ldquodetallrdquo drsquoaquesta pagravegina tal com la vam configurar en lrsquoapartat 231 cal fer el
seguumlent
1 Fer clic a la primera activitat
1
85
Ens sortiragrave la pagravegina de VAP del detall drsquoun contingut per configurar farem els
passos seguumlents
1 Ens situarem sobre la icona ldquoOpcions de Pagraveginardquo
2 Seleccionar ldquoObrir Plantillardquo ja que els portlets soacuten a nivell de Page
Ens apareixeragrave una pantalla com la que es mostra tot seguit i realitzarem les accions
seguumlents
1 Seleccionar el portlet de la part central de la pagravegina per configurar un ldquoDetall
de contingutrdquo i fer clic a ldquoEditarrdquo
Ens apareixeragrave la pantalla de seleccioacute de component de presentacioacute
1 Seleccionarem el component de presentacioacute ldquoDetall de contingutrdquo
1
2
1
86
Ens apareixeragrave la pantalla que es mostra tot seguit i realitzarem les accions seguumlents
1 Emplenar el camp ldquoAgraveliesrdquo
2 Canviar a la pestanya ldquoPresentacioacuterdquo
En fer clic a la pestanya obtindrem la imatge que es mostra tot seguit i realitzarem les
accions seguumlents
1 Cercarem una forma de presentacioacute fent clic a ldquoCercar helliprdquo
1
2
87
Quan aparegui la pantalla de cercador realitzarem una cerca de la forma de
presentacioacute que volem fer servir per a aixograve cal fer el seguumlent
1 Emplenar la caixa de text amb ldquofw_fp_tramitrdquo
2 Preacutemer ldquoCercarrdquo
3 Seleccionar la forma de presentacioacute de la caixa de resultats
4 Preacutemer ldquoOKrdquo
La forma de presentacioacute ldquofw_fp_tramitrdquo estagrave preparada per ldquomaquillarrdquo el contingut
dels tragravemits Tambeacute es pot fer servir una forma de presentacioacute personalitzada
segons es cregui convenient
1
1
2
3
4
88
En acabar tornarem a la pagravegina principal drsquoedicioacute i farem el seguumlent
1 Verificar que la forma de presentacioacute eacutes la que hem escollit
2 Fer clic a ldquoOKrdquo
En finalitzar la configuracioacute del component de presentacioacute tornem a la pantalla del
portal i cal fer el seguumlent
1 Verificar que el disseny de la presentacioacute eacutes semblant al seguumlent
1
2
89
Configurarem el portlet superior central de la pagravegina perquegrave aquesta contingui el fil
drsquoAriadna
1 Accedir a ldquoObrir Plantillardquo
1 Editar el portlet central que hi ha a sobre del detall de tragravemit per configurar el fil
drsquoAriadna En aquest exemple el portlet eacutes ldquoFW_hilo_ariadnardquo
Escollirem el component de presentacioacute
1 Seleccionar el component de presentacioacute ldquoFil drsquoAriadnardquo
1
1
90
En la configuracioacute del component realitzarem les accions seguumlents
1 Inserir el camp ldquoAgraveliesrdquo
2 Inserir el camp ldquoCanalrdquo
3 Fer clic a la pestanya ldquoPresentacioacuterdquo i cercar la forma de presentacioacute
ldquofw_fp_filariadnardquo
1
91
513 Configuracioacute del detall drsquouna normativa SAC
En el detall de contingut configurat en el punt anterior fent clic sobre una normativa
veurem com ens redirigeix a la plantilla configurada al ldquodetall2rdquo drsquoaquesta pagravegina tal
com hem configurat a lrsquoapartat 231
1 Fer clic a la primera ldquoNormativa Aplicablerdquo
2
3
92
Aquest enllaccedil ens portaragrave al detall2 del canal on srsquoha de configurar el detall de
contingut SAC per tal que es mostri la normativa aplicable
Configurarem el portlet superior central de la pagravegina perquegrave aquesta contingui el fil
drsquoAriadna per a aixograve cal fer el seguumlent
1 Accedir a ldquoObrir Plantillardquo
1
93
1
94
1 Editar el portlet central que hi ha a sobre del detall de tragravemit per configurar el fil
drsquoAriadna En aquest exemple el portlet eacutes ldquofw_portlet_tramitrdquo
Escollirem el component de presentacioacute
1 Seleccionar el component de presentacioacute ldquoDetall de Contingut SACrdquo
En la configuracioacute del component realitzarem les accions seguumlents
1 Inserir el camp ldquoAgraveliesrdquo
2 Seleccionar el tipus de contingut ldquoDetall Tragravemitrdquo
1
95
3 Fer clic a la pestanya ldquoPresentacioacuterdquo i cercar la forma de presentacioacute
ldquofw_fp_sac_normativardquo
4 Fer clic al botoacute ldquoOKrdquo
Srsquoactualitzaragrave la pagravegina de VAP i es mostraragrave el detall de SAC
1
2
3
4
96
514 Validacioacute final de VAP
Finalment cal validar que els tragravemits es visualitzen correctament per a aixograve cal
1 Verificar que tenim els canals creats
2 Accedir al canal ldquoCanal Llistat tragravemitsrdquo i validar que es mostren els tragravemits
que hem associat al punt 22
1
97
A continuacioacute cal fer les comprovacions seguumlents
1 Accedir al detall del tragravemit compartit
2 Accedir al pas a pas del tragravemit i a la normativa de SAC
Exemple llistat de tragravemits compartits
2
1
98
Exemple detall de tragravemit compartit
Exemple pas a pas drsquoun tragravemit
2
2
99
Exemple normativa SAC
En el cas que no es visualitzin el llistat de tragravemits detall o pas a pas configurat
validar
1 Refrescar la Pagravegina
2 Els tragravemits estan associats al canal que esteacuten visualitzat punt 23
1 Refrescar la pagravegina
1
67
OVTDepartaments[NomCurtDepartaments][NomCurtOrganisme] TramitOVT
On NomCurtDepartaments correspon al nom curt del departament al que fa referencia
el nostre organisme
En aquest exemple es mostren tots els projectes de tragravemits de lrsquoOVT
Un cop localitzat el tragravemit de lrsquoOVT que volem compartir amb el nostre site accedirem
a lrsquoedicioacute del contingut i assignarem aquest contingut al canal del nostre site on es
vulgui mostrar Srsquoha de fer el seguumlent
1 Anar al contenidor de projectes on hi ha els continguts de GECO
Apareixeragrave lrsquoestructura de projectes a la qual teacute acceacutes lrsquousuari redactor Cal fer el
seguumlent (exemple Agegravencia Tributagraveria dins drsquoEconomia i Finances)
1 Seleccionar ldquoOVTrdquo
2 Seleccionar ldquoDepartamentsrdquo aquesta carpeta conteacute tots els tragravemits de lrsquoOVT
classificats per departaments
3 Seleccionar ldquoECOrdquo A lrsquousuari nomeacutes se li mostraragrave la carpeta del seu
departament
Si lrsquousuari no visualitza la carpeta dins del seu departament eacutes perquegrave no
srsquoha aplicat la poliacutetica de seguretat correctament Cal obrir un tiquet a Suport
gencat per tramitar aquests permisos AQUESTA CARPETA NOMEacuteS SERAgrave
VISIBLE PER ALS USUARIS AMB ROL REDACTOR
4 Seleccionar ldquoA_Agegravencia Tributagraveriardquo
5 Seleccionar ldquoTramitOVTrdquo
1
68
2
3
1
69
4
5
70
Apareixeragrave el llistat de continguts ldquoTragravemitOVTrdquo de lrsquoOVT de lrsquoAgegravencia Tributagraveria
Realitzarem les accions seguumlents
1 Seleccionar el tragravemit o els tragravemits que volem compartir en la web dorganisme
2 Fer clic a ldquoAssociarrdquo
2
1
71
Aquest proceacutes obriragrave una finestra Per seleccionar el site i canal on es volen mostrar
els tragravemits seleccionats realitzarem les accions seguumlents (cas site Generic)
1 Seleccionar el site ldquoGenericrdquo en el vostre cas el site del departament on es vol
mostrar el contingut ldquotragravemitrdquo
2 Navegar pels canals del Site Genegraveric fins al canal que srsquoha creat en el punt
ldquoLlistat de tragravemitsrdquo i seleccionar el quadre de verificacioacute
3 Fer clic a ldquoOKrdquo
1
72
2
3
73
41 Validar que la comparticioacute de continguts eacutes correcta
Accedim per VCM al canal que hem creat anteriorment al qual li acabem drsquoassignar
els continguts de tragravemits que ha de mostrar i fem el seguumlent
1 Anar al contenidor de portals
2 Seleccionar el Site ldquogenericrdquo
3 Seleccionar el canal ldquoHomerdquo
4 Seleccionar el canal ldquoCanal Llistat tragravemitsrdquo
1
2
3
74
4
75
Apareixeragrave el contingut assignat al canal ldquoCanal Llistat tragravemitsrdquo
En entrar trobarem el llistat seguumlent
1 Llistat del tragravemits de lrsquoOVT que srsquohan compartit amb el canal ldquoCanal Llistat
tragravemitsrdquo
2 Validar que els continguts que apareixen soacuten del tipus ldquoTramitOVTrdquo
En cas que al canal del site ldquoCanal Llistat tragravemitsrdquo no apareguin els continguts
tragravemits associats anteriorment cal repetir el pas 22
1 2
76
5 Configuracioacute al portal
Ara cal entrar al nostre site on tenim configurat el canal que hem creat en lrsquoapartat
anterior (21) i que ara configurarem a nivell de portal
51 Configuracioacute a Canal Llistat tragravemits
511 Configuracioacute de la llista de tragravemits
Farem clic a lrsquoenllaccedil ldquoCanal llistat tragravemitsrdquo de la ldquoHomerdquo i anirem a parar a una
pantalla com la que es mostra meacutes avall
Es pot apreciar que en el contingut de la pagravegina no hi ha res Aixograve eacutes perquegrave cal
configurar els portlets adequats ( )
1 Ens situarem sobre la icona ldquoOpcions de Pagraveginardquo
2 Seleccionarem ldquoObrir Plantillardquo ja que els portlets soacuten a nivell de Page
Ens apareixeragrave una pantalla com la que es mostra tot seguit i realitzarem les accions
seguumlents
1 Seleccionar el portlet de la part central de la pagravegina per configurar una ldquoLlista
automagravetica de contingutsrdquo
2
1
77
Tambeacute podem configurar una ldquoLlista manual de contingutsrdquo segons les
necessitats de cada usuari
78
Ens redirigiragrave cap a un formulari drsquoedicioacute que ens mostraragrave directament quina consulta
hem de configurar per mostrar els continguts i configurarem una consulta com la
seguumlent (evidentment segons les necessitats de cada usuari)
Ara tenim configurat que la pagravegina mostraragrave els tipus de contingut ldquoTramitOVTrdquo del
canal actual ordenats per la ldquoEacutes on-linerdquo en ordre descendent
Aixograve ens portaragrave a la pantalla principal on acabarem de completar la configuracioacute
1 Validar que en lrsquoapartat ldquoConsultardquo hi ha la configuracioacute que acabem drsquoafegir
2 Emplenar ldquoAgraveliesrdquo
3 En lrsquoapartat Forma de presentacioacute fer clic al botoacute ldquoCercar helliprdquo
79
Ens apareixeragrave la pantalla seguumlent
1 Fer clic a ldquoNavegacioacute per projectesrdquo
1
2
3
80
Ens canviaragrave la vista al format seguumlent
1 Navegarem per les carpetes fins a arribar a ldquoFramework Formes de
presentacioacute Site generic fw_fp_llistatramitsrdquo
2 Seleccionarem ldquofw_fp_llistatramitsrdquo
3 Farem clic a ldquoOKrdquo
1
1
81
En retornar a la pantalla principal cal
1 Validar que la forma de presentacioacute eacutes la que acabem de seleccionar
2 Fer clic a ldquoOKrdquo
1 (continuacioacute) 2
3
82
1
2
83
Aquest seragrave el nostre resultat a la pantalla del portal i cal fer el seguumlent
1 Verificar que apareixen els dos continguts que es van associar a aquest canal
1
84
512 Configuracioacute del detall del tragravemit i el pas a pas
En fer clic sobre una activitat veurem com ens redirigeix a la plantilla configurada al
ldquodetallrdquo drsquoaquesta pagravegina tal com la vam configurar en lrsquoapartat 231 cal fer el
seguumlent
1 Fer clic a la primera activitat
1
85
Ens sortiragrave la pagravegina de VAP del detall drsquoun contingut per configurar farem els
passos seguumlents
1 Ens situarem sobre la icona ldquoOpcions de Pagraveginardquo
2 Seleccionar ldquoObrir Plantillardquo ja que els portlets soacuten a nivell de Page
Ens apareixeragrave una pantalla com la que es mostra tot seguit i realitzarem les accions
seguumlents
1 Seleccionar el portlet de la part central de la pagravegina per configurar un ldquoDetall
de contingutrdquo i fer clic a ldquoEditarrdquo
Ens apareixeragrave la pantalla de seleccioacute de component de presentacioacute
1 Seleccionarem el component de presentacioacute ldquoDetall de contingutrdquo
1
2
1
86
Ens apareixeragrave la pantalla que es mostra tot seguit i realitzarem les accions seguumlents
1 Emplenar el camp ldquoAgraveliesrdquo
2 Canviar a la pestanya ldquoPresentacioacuterdquo
En fer clic a la pestanya obtindrem la imatge que es mostra tot seguit i realitzarem les
accions seguumlents
1 Cercarem una forma de presentacioacute fent clic a ldquoCercar helliprdquo
1
2
87
Quan aparegui la pantalla de cercador realitzarem una cerca de la forma de
presentacioacute que volem fer servir per a aixograve cal fer el seguumlent
1 Emplenar la caixa de text amb ldquofw_fp_tramitrdquo
2 Preacutemer ldquoCercarrdquo
3 Seleccionar la forma de presentacioacute de la caixa de resultats
4 Preacutemer ldquoOKrdquo
La forma de presentacioacute ldquofw_fp_tramitrdquo estagrave preparada per ldquomaquillarrdquo el contingut
dels tragravemits Tambeacute es pot fer servir una forma de presentacioacute personalitzada
segons es cregui convenient
1
1
2
3
4
88
En acabar tornarem a la pagravegina principal drsquoedicioacute i farem el seguumlent
1 Verificar que la forma de presentacioacute eacutes la que hem escollit
2 Fer clic a ldquoOKrdquo
En finalitzar la configuracioacute del component de presentacioacute tornem a la pantalla del
portal i cal fer el seguumlent
1 Verificar que el disseny de la presentacioacute eacutes semblant al seguumlent
1
2
89
Configurarem el portlet superior central de la pagravegina perquegrave aquesta contingui el fil
drsquoAriadna
1 Accedir a ldquoObrir Plantillardquo
1 Editar el portlet central que hi ha a sobre del detall de tragravemit per configurar el fil
drsquoAriadna En aquest exemple el portlet eacutes ldquoFW_hilo_ariadnardquo
Escollirem el component de presentacioacute
1 Seleccionar el component de presentacioacute ldquoFil drsquoAriadnardquo
1
1
90
En la configuracioacute del component realitzarem les accions seguumlents
1 Inserir el camp ldquoAgraveliesrdquo
2 Inserir el camp ldquoCanalrdquo
3 Fer clic a la pestanya ldquoPresentacioacuterdquo i cercar la forma de presentacioacute
ldquofw_fp_filariadnardquo
1
91
513 Configuracioacute del detall drsquouna normativa SAC
En el detall de contingut configurat en el punt anterior fent clic sobre una normativa
veurem com ens redirigeix a la plantilla configurada al ldquodetall2rdquo drsquoaquesta pagravegina tal
com hem configurat a lrsquoapartat 231
1 Fer clic a la primera ldquoNormativa Aplicablerdquo
2
3
92
Aquest enllaccedil ens portaragrave al detall2 del canal on srsquoha de configurar el detall de
contingut SAC per tal que es mostri la normativa aplicable
Configurarem el portlet superior central de la pagravegina perquegrave aquesta contingui el fil
drsquoAriadna per a aixograve cal fer el seguumlent
1 Accedir a ldquoObrir Plantillardquo
1
93
1
94
1 Editar el portlet central que hi ha a sobre del detall de tragravemit per configurar el fil
drsquoAriadna En aquest exemple el portlet eacutes ldquofw_portlet_tramitrdquo
Escollirem el component de presentacioacute
1 Seleccionar el component de presentacioacute ldquoDetall de Contingut SACrdquo
En la configuracioacute del component realitzarem les accions seguumlents
1 Inserir el camp ldquoAgraveliesrdquo
2 Seleccionar el tipus de contingut ldquoDetall Tragravemitrdquo
1
95
3 Fer clic a la pestanya ldquoPresentacioacuterdquo i cercar la forma de presentacioacute
ldquofw_fp_sac_normativardquo
4 Fer clic al botoacute ldquoOKrdquo
Srsquoactualitzaragrave la pagravegina de VAP i es mostraragrave el detall de SAC
1
2
3
4
96
514 Validacioacute final de VAP
Finalment cal validar que els tragravemits es visualitzen correctament per a aixograve cal
1 Verificar que tenim els canals creats
2 Accedir al canal ldquoCanal Llistat tragravemitsrdquo i validar que es mostren els tragravemits
que hem associat al punt 22
1
97
A continuacioacute cal fer les comprovacions seguumlents
1 Accedir al detall del tragravemit compartit
2 Accedir al pas a pas del tragravemit i a la normativa de SAC
Exemple llistat de tragravemits compartits
2
1
98
Exemple detall de tragravemit compartit
Exemple pas a pas drsquoun tragravemit
2
2
99
Exemple normativa SAC
En el cas que no es visualitzin el llistat de tragravemits detall o pas a pas configurat
validar
1 Refrescar la Pagravegina
2 Els tragravemits estan associats al canal que esteacuten visualitzat punt 23
1 Refrescar la pagravegina
1
68
2
3
1
69
4
5
70
Apareixeragrave el llistat de continguts ldquoTragravemitOVTrdquo de lrsquoOVT de lrsquoAgegravencia Tributagraveria
Realitzarem les accions seguumlents
1 Seleccionar el tragravemit o els tragravemits que volem compartir en la web dorganisme
2 Fer clic a ldquoAssociarrdquo
2
1
71
Aquest proceacutes obriragrave una finestra Per seleccionar el site i canal on es volen mostrar
els tragravemits seleccionats realitzarem les accions seguumlents (cas site Generic)
1 Seleccionar el site ldquoGenericrdquo en el vostre cas el site del departament on es vol
mostrar el contingut ldquotragravemitrdquo
2 Navegar pels canals del Site Genegraveric fins al canal que srsquoha creat en el punt
ldquoLlistat de tragravemitsrdquo i seleccionar el quadre de verificacioacute
3 Fer clic a ldquoOKrdquo
1
72
2
3
73
41 Validar que la comparticioacute de continguts eacutes correcta
Accedim per VCM al canal que hem creat anteriorment al qual li acabem drsquoassignar
els continguts de tragravemits que ha de mostrar i fem el seguumlent
1 Anar al contenidor de portals
2 Seleccionar el Site ldquogenericrdquo
3 Seleccionar el canal ldquoHomerdquo
4 Seleccionar el canal ldquoCanal Llistat tragravemitsrdquo
1
2
3
74
4
75
Apareixeragrave el contingut assignat al canal ldquoCanal Llistat tragravemitsrdquo
En entrar trobarem el llistat seguumlent
1 Llistat del tragravemits de lrsquoOVT que srsquohan compartit amb el canal ldquoCanal Llistat
tragravemitsrdquo
2 Validar que els continguts que apareixen soacuten del tipus ldquoTramitOVTrdquo
En cas que al canal del site ldquoCanal Llistat tragravemitsrdquo no apareguin els continguts
tragravemits associats anteriorment cal repetir el pas 22
1 2
76
5 Configuracioacute al portal
Ara cal entrar al nostre site on tenim configurat el canal que hem creat en lrsquoapartat
anterior (21) i que ara configurarem a nivell de portal
51 Configuracioacute a Canal Llistat tragravemits
511 Configuracioacute de la llista de tragravemits
Farem clic a lrsquoenllaccedil ldquoCanal llistat tragravemitsrdquo de la ldquoHomerdquo i anirem a parar a una
pantalla com la que es mostra meacutes avall
Es pot apreciar que en el contingut de la pagravegina no hi ha res Aixograve eacutes perquegrave cal
configurar els portlets adequats ( )
1 Ens situarem sobre la icona ldquoOpcions de Pagraveginardquo
2 Seleccionarem ldquoObrir Plantillardquo ja que els portlets soacuten a nivell de Page
Ens apareixeragrave una pantalla com la que es mostra tot seguit i realitzarem les accions
seguumlents
1 Seleccionar el portlet de la part central de la pagravegina per configurar una ldquoLlista
automagravetica de contingutsrdquo
2
1
77
Tambeacute podem configurar una ldquoLlista manual de contingutsrdquo segons les
necessitats de cada usuari
78
Ens redirigiragrave cap a un formulari drsquoedicioacute que ens mostraragrave directament quina consulta
hem de configurar per mostrar els continguts i configurarem una consulta com la
seguumlent (evidentment segons les necessitats de cada usuari)
Ara tenim configurat que la pagravegina mostraragrave els tipus de contingut ldquoTramitOVTrdquo del
canal actual ordenats per la ldquoEacutes on-linerdquo en ordre descendent
Aixograve ens portaragrave a la pantalla principal on acabarem de completar la configuracioacute
1 Validar que en lrsquoapartat ldquoConsultardquo hi ha la configuracioacute que acabem drsquoafegir
2 Emplenar ldquoAgraveliesrdquo
3 En lrsquoapartat Forma de presentacioacute fer clic al botoacute ldquoCercar helliprdquo
79
Ens apareixeragrave la pantalla seguumlent
1 Fer clic a ldquoNavegacioacute per projectesrdquo
1
2
3
80
Ens canviaragrave la vista al format seguumlent
1 Navegarem per les carpetes fins a arribar a ldquoFramework Formes de
presentacioacute Site generic fw_fp_llistatramitsrdquo
2 Seleccionarem ldquofw_fp_llistatramitsrdquo
3 Farem clic a ldquoOKrdquo
1
1
81
En retornar a la pantalla principal cal
1 Validar que la forma de presentacioacute eacutes la que acabem de seleccionar
2 Fer clic a ldquoOKrdquo
1 (continuacioacute) 2
3
82
1
2
83
Aquest seragrave el nostre resultat a la pantalla del portal i cal fer el seguumlent
1 Verificar que apareixen els dos continguts que es van associar a aquest canal
1
84
512 Configuracioacute del detall del tragravemit i el pas a pas
En fer clic sobre una activitat veurem com ens redirigeix a la plantilla configurada al
ldquodetallrdquo drsquoaquesta pagravegina tal com la vam configurar en lrsquoapartat 231 cal fer el
seguumlent
1 Fer clic a la primera activitat
1
85
Ens sortiragrave la pagravegina de VAP del detall drsquoun contingut per configurar farem els
passos seguumlents
1 Ens situarem sobre la icona ldquoOpcions de Pagraveginardquo
2 Seleccionar ldquoObrir Plantillardquo ja que els portlets soacuten a nivell de Page
Ens apareixeragrave una pantalla com la que es mostra tot seguit i realitzarem les accions
seguumlents
1 Seleccionar el portlet de la part central de la pagravegina per configurar un ldquoDetall
de contingutrdquo i fer clic a ldquoEditarrdquo
Ens apareixeragrave la pantalla de seleccioacute de component de presentacioacute
1 Seleccionarem el component de presentacioacute ldquoDetall de contingutrdquo
1
2
1
86
Ens apareixeragrave la pantalla que es mostra tot seguit i realitzarem les accions seguumlents
1 Emplenar el camp ldquoAgraveliesrdquo
2 Canviar a la pestanya ldquoPresentacioacuterdquo
En fer clic a la pestanya obtindrem la imatge que es mostra tot seguit i realitzarem les
accions seguumlents
1 Cercarem una forma de presentacioacute fent clic a ldquoCercar helliprdquo
1
2
87
Quan aparegui la pantalla de cercador realitzarem una cerca de la forma de
presentacioacute que volem fer servir per a aixograve cal fer el seguumlent
1 Emplenar la caixa de text amb ldquofw_fp_tramitrdquo
2 Preacutemer ldquoCercarrdquo
3 Seleccionar la forma de presentacioacute de la caixa de resultats
4 Preacutemer ldquoOKrdquo
La forma de presentacioacute ldquofw_fp_tramitrdquo estagrave preparada per ldquomaquillarrdquo el contingut
dels tragravemits Tambeacute es pot fer servir una forma de presentacioacute personalitzada
segons es cregui convenient
1
1
2
3
4
88
En acabar tornarem a la pagravegina principal drsquoedicioacute i farem el seguumlent
1 Verificar que la forma de presentacioacute eacutes la que hem escollit
2 Fer clic a ldquoOKrdquo
En finalitzar la configuracioacute del component de presentacioacute tornem a la pantalla del
portal i cal fer el seguumlent
1 Verificar que el disseny de la presentacioacute eacutes semblant al seguumlent
1
2
89
Configurarem el portlet superior central de la pagravegina perquegrave aquesta contingui el fil
drsquoAriadna
1 Accedir a ldquoObrir Plantillardquo
1 Editar el portlet central que hi ha a sobre del detall de tragravemit per configurar el fil
drsquoAriadna En aquest exemple el portlet eacutes ldquoFW_hilo_ariadnardquo
Escollirem el component de presentacioacute
1 Seleccionar el component de presentacioacute ldquoFil drsquoAriadnardquo
1
1
90
En la configuracioacute del component realitzarem les accions seguumlents
1 Inserir el camp ldquoAgraveliesrdquo
2 Inserir el camp ldquoCanalrdquo
3 Fer clic a la pestanya ldquoPresentacioacuterdquo i cercar la forma de presentacioacute
ldquofw_fp_filariadnardquo
1
91
513 Configuracioacute del detall drsquouna normativa SAC
En el detall de contingut configurat en el punt anterior fent clic sobre una normativa
veurem com ens redirigeix a la plantilla configurada al ldquodetall2rdquo drsquoaquesta pagravegina tal
com hem configurat a lrsquoapartat 231
1 Fer clic a la primera ldquoNormativa Aplicablerdquo
2
3
92
Aquest enllaccedil ens portaragrave al detall2 del canal on srsquoha de configurar el detall de
contingut SAC per tal que es mostri la normativa aplicable
Configurarem el portlet superior central de la pagravegina perquegrave aquesta contingui el fil
drsquoAriadna per a aixograve cal fer el seguumlent
1 Accedir a ldquoObrir Plantillardquo
1
93
1
94
1 Editar el portlet central que hi ha a sobre del detall de tragravemit per configurar el fil
drsquoAriadna En aquest exemple el portlet eacutes ldquofw_portlet_tramitrdquo
Escollirem el component de presentacioacute
1 Seleccionar el component de presentacioacute ldquoDetall de Contingut SACrdquo
En la configuracioacute del component realitzarem les accions seguumlents
1 Inserir el camp ldquoAgraveliesrdquo
2 Seleccionar el tipus de contingut ldquoDetall Tragravemitrdquo
1
95
3 Fer clic a la pestanya ldquoPresentacioacuterdquo i cercar la forma de presentacioacute
ldquofw_fp_sac_normativardquo
4 Fer clic al botoacute ldquoOKrdquo
Srsquoactualitzaragrave la pagravegina de VAP i es mostraragrave el detall de SAC
1
2
3
4
96
514 Validacioacute final de VAP
Finalment cal validar que els tragravemits es visualitzen correctament per a aixograve cal
1 Verificar que tenim els canals creats
2 Accedir al canal ldquoCanal Llistat tragravemitsrdquo i validar que es mostren els tragravemits
que hem associat al punt 22
1
97
A continuacioacute cal fer les comprovacions seguumlents
1 Accedir al detall del tragravemit compartit
2 Accedir al pas a pas del tragravemit i a la normativa de SAC
Exemple llistat de tragravemits compartits
2
1
98
Exemple detall de tragravemit compartit
Exemple pas a pas drsquoun tragravemit
2
2
99
Exemple normativa SAC
En el cas que no es visualitzin el llistat de tragravemits detall o pas a pas configurat
validar
1 Refrescar la Pagravegina
2 Els tragravemits estan associats al canal que esteacuten visualitzat punt 23
1 Refrescar la pagravegina
1
69
4
5
70
Apareixeragrave el llistat de continguts ldquoTragravemitOVTrdquo de lrsquoOVT de lrsquoAgegravencia Tributagraveria
Realitzarem les accions seguumlents
1 Seleccionar el tragravemit o els tragravemits que volem compartir en la web dorganisme
2 Fer clic a ldquoAssociarrdquo
2
1
71
Aquest proceacutes obriragrave una finestra Per seleccionar el site i canal on es volen mostrar
els tragravemits seleccionats realitzarem les accions seguumlents (cas site Generic)
1 Seleccionar el site ldquoGenericrdquo en el vostre cas el site del departament on es vol
mostrar el contingut ldquotragravemitrdquo
2 Navegar pels canals del Site Genegraveric fins al canal que srsquoha creat en el punt
ldquoLlistat de tragravemitsrdquo i seleccionar el quadre de verificacioacute
3 Fer clic a ldquoOKrdquo
1
72
2
3
73
41 Validar que la comparticioacute de continguts eacutes correcta
Accedim per VCM al canal que hem creat anteriorment al qual li acabem drsquoassignar
els continguts de tragravemits que ha de mostrar i fem el seguumlent
1 Anar al contenidor de portals
2 Seleccionar el Site ldquogenericrdquo
3 Seleccionar el canal ldquoHomerdquo
4 Seleccionar el canal ldquoCanal Llistat tragravemitsrdquo
1
2
3
74
4
75
Apareixeragrave el contingut assignat al canal ldquoCanal Llistat tragravemitsrdquo
En entrar trobarem el llistat seguumlent
1 Llistat del tragravemits de lrsquoOVT que srsquohan compartit amb el canal ldquoCanal Llistat
tragravemitsrdquo
2 Validar que els continguts que apareixen soacuten del tipus ldquoTramitOVTrdquo
En cas que al canal del site ldquoCanal Llistat tragravemitsrdquo no apareguin els continguts
tragravemits associats anteriorment cal repetir el pas 22
1 2
76
5 Configuracioacute al portal
Ara cal entrar al nostre site on tenim configurat el canal que hem creat en lrsquoapartat
anterior (21) i que ara configurarem a nivell de portal
51 Configuracioacute a Canal Llistat tragravemits
511 Configuracioacute de la llista de tragravemits
Farem clic a lrsquoenllaccedil ldquoCanal llistat tragravemitsrdquo de la ldquoHomerdquo i anirem a parar a una
pantalla com la que es mostra meacutes avall
Es pot apreciar que en el contingut de la pagravegina no hi ha res Aixograve eacutes perquegrave cal
configurar els portlets adequats ( )
1 Ens situarem sobre la icona ldquoOpcions de Pagraveginardquo
2 Seleccionarem ldquoObrir Plantillardquo ja que els portlets soacuten a nivell de Page
Ens apareixeragrave una pantalla com la que es mostra tot seguit i realitzarem les accions
seguumlents
1 Seleccionar el portlet de la part central de la pagravegina per configurar una ldquoLlista
automagravetica de contingutsrdquo
2
1
77
Tambeacute podem configurar una ldquoLlista manual de contingutsrdquo segons les
necessitats de cada usuari
78
Ens redirigiragrave cap a un formulari drsquoedicioacute que ens mostraragrave directament quina consulta
hem de configurar per mostrar els continguts i configurarem una consulta com la
seguumlent (evidentment segons les necessitats de cada usuari)
Ara tenim configurat que la pagravegina mostraragrave els tipus de contingut ldquoTramitOVTrdquo del
canal actual ordenats per la ldquoEacutes on-linerdquo en ordre descendent
Aixograve ens portaragrave a la pantalla principal on acabarem de completar la configuracioacute
1 Validar que en lrsquoapartat ldquoConsultardquo hi ha la configuracioacute que acabem drsquoafegir
2 Emplenar ldquoAgraveliesrdquo
3 En lrsquoapartat Forma de presentacioacute fer clic al botoacute ldquoCercar helliprdquo
79
Ens apareixeragrave la pantalla seguumlent
1 Fer clic a ldquoNavegacioacute per projectesrdquo
1
2
3
80
Ens canviaragrave la vista al format seguumlent
1 Navegarem per les carpetes fins a arribar a ldquoFramework Formes de
presentacioacute Site generic fw_fp_llistatramitsrdquo
2 Seleccionarem ldquofw_fp_llistatramitsrdquo
3 Farem clic a ldquoOKrdquo
1
1
81
En retornar a la pantalla principal cal
1 Validar que la forma de presentacioacute eacutes la que acabem de seleccionar
2 Fer clic a ldquoOKrdquo
1 (continuacioacute) 2
3
82
1
2
83
Aquest seragrave el nostre resultat a la pantalla del portal i cal fer el seguumlent
1 Verificar que apareixen els dos continguts que es van associar a aquest canal
1
84
512 Configuracioacute del detall del tragravemit i el pas a pas
En fer clic sobre una activitat veurem com ens redirigeix a la plantilla configurada al
ldquodetallrdquo drsquoaquesta pagravegina tal com la vam configurar en lrsquoapartat 231 cal fer el
seguumlent
1 Fer clic a la primera activitat
1
85
Ens sortiragrave la pagravegina de VAP del detall drsquoun contingut per configurar farem els
passos seguumlents
1 Ens situarem sobre la icona ldquoOpcions de Pagraveginardquo
2 Seleccionar ldquoObrir Plantillardquo ja que els portlets soacuten a nivell de Page
Ens apareixeragrave una pantalla com la que es mostra tot seguit i realitzarem les accions
seguumlents
1 Seleccionar el portlet de la part central de la pagravegina per configurar un ldquoDetall
de contingutrdquo i fer clic a ldquoEditarrdquo
Ens apareixeragrave la pantalla de seleccioacute de component de presentacioacute
1 Seleccionarem el component de presentacioacute ldquoDetall de contingutrdquo
1
2
1
86
Ens apareixeragrave la pantalla que es mostra tot seguit i realitzarem les accions seguumlents
1 Emplenar el camp ldquoAgraveliesrdquo
2 Canviar a la pestanya ldquoPresentacioacuterdquo
En fer clic a la pestanya obtindrem la imatge que es mostra tot seguit i realitzarem les
accions seguumlents
1 Cercarem una forma de presentacioacute fent clic a ldquoCercar helliprdquo
1
2
87
Quan aparegui la pantalla de cercador realitzarem una cerca de la forma de
presentacioacute que volem fer servir per a aixograve cal fer el seguumlent
1 Emplenar la caixa de text amb ldquofw_fp_tramitrdquo
2 Preacutemer ldquoCercarrdquo
3 Seleccionar la forma de presentacioacute de la caixa de resultats
4 Preacutemer ldquoOKrdquo
La forma de presentacioacute ldquofw_fp_tramitrdquo estagrave preparada per ldquomaquillarrdquo el contingut
dels tragravemits Tambeacute es pot fer servir una forma de presentacioacute personalitzada
segons es cregui convenient
1
1
2
3
4
88
En acabar tornarem a la pagravegina principal drsquoedicioacute i farem el seguumlent
1 Verificar que la forma de presentacioacute eacutes la que hem escollit
2 Fer clic a ldquoOKrdquo
En finalitzar la configuracioacute del component de presentacioacute tornem a la pantalla del
portal i cal fer el seguumlent
1 Verificar que el disseny de la presentacioacute eacutes semblant al seguumlent
1
2
89
Configurarem el portlet superior central de la pagravegina perquegrave aquesta contingui el fil
drsquoAriadna
1 Accedir a ldquoObrir Plantillardquo
1 Editar el portlet central que hi ha a sobre del detall de tragravemit per configurar el fil
drsquoAriadna En aquest exemple el portlet eacutes ldquoFW_hilo_ariadnardquo
Escollirem el component de presentacioacute
1 Seleccionar el component de presentacioacute ldquoFil drsquoAriadnardquo
1
1
90
En la configuracioacute del component realitzarem les accions seguumlents
1 Inserir el camp ldquoAgraveliesrdquo
2 Inserir el camp ldquoCanalrdquo
3 Fer clic a la pestanya ldquoPresentacioacuterdquo i cercar la forma de presentacioacute
ldquofw_fp_filariadnardquo
1
91
513 Configuracioacute del detall drsquouna normativa SAC
En el detall de contingut configurat en el punt anterior fent clic sobre una normativa
veurem com ens redirigeix a la plantilla configurada al ldquodetall2rdquo drsquoaquesta pagravegina tal
com hem configurat a lrsquoapartat 231
1 Fer clic a la primera ldquoNormativa Aplicablerdquo
2
3
92
Aquest enllaccedil ens portaragrave al detall2 del canal on srsquoha de configurar el detall de
contingut SAC per tal que es mostri la normativa aplicable
Configurarem el portlet superior central de la pagravegina perquegrave aquesta contingui el fil
drsquoAriadna per a aixograve cal fer el seguumlent
1 Accedir a ldquoObrir Plantillardquo
1
93
1
94
1 Editar el portlet central que hi ha a sobre del detall de tragravemit per configurar el fil
drsquoAriadna En aquest exemple el portlet eacutes ldquofw_portlet_tramitrdquo
Escollirem el component de presentacioacute
1 Seleccionar el component de presentacioacute ldquoDetall de Contingut SACrdquo
En la configuracioacute del component realitzarem les accions seguumlents
1 Inserir el camp ldquoAgraveliesrdquo
2 Seleccionar el tipus de contingut ldquoDetall Tragravemitrdquo
1
95
3 Fer clic a la pestanya ldquoPresentacioacuterdquo i cercar la forma de presentacioacute
ldquofw_fp_sac_normativardquo
4 Fer clic al botoacute ldquoOKrdquo
Srsquoactualitzaragrave la pagravegina de VAP i es mostraragrave el detall de SAC
1
2
3
4
96
514 Validacioacute final de VAP
Finalment cal validar que els tragravemits es visualitzen correctament per a aixograve cal
1 Verificar que tenim els canals creats
2 Accedir al canal ldquoCanal Llistat tragravemitsrdquo i validar que es mostren els tragravemits
que hem associat al punt 22
1
97
A continuacioacute cal fer les comprovacions seguumlents
1 Accedir al detall del tragravemit compartit
2 Accedir al pas a pas del tragravemit i a la normativa de SAC
Exemple llistat de tragravemits compartits
2
1
98
Exemple detall de tragravemit compartit
Exemple pas a pas drsquoun tragravemit
2
2
99
Exemple normativa SAC
En el cas que no es visualitzin el llistat de tragravemits detall o pas a pas configurat
validar
1 Refrescar la Pagravegina
2 Els tragravemits estan associats al canal que esteacuten visualitzat punt 23
1 Refrescar la pagravegina
1
70
Apareixeragrave el llistat de continguts ldquoTragravemitOVTrdquo de lrsquoOVT de lrsquoAgegravencia Tributagraveria
Realitzarem les accions seguumlents
1 Seleccionar el tragravemit o els tragravemits que volem compartir en la web dorganisme
2 Fer clic a ldquoAssociarrdquo
2
1
71
Aquest proceacutes obriragrave una finestra Per seleccionar el site i canal on es volen mostrar
els tragravemits seleccionats realitzarem les accions seguumlents (cas site Generic)
1 Seleccionar el site ldquoGenericrdquo en el vostre cas el site del departament on es vol
mostrar el contingut ldquotragravemitrdquo
2 Navegar pels canals del Site Genegraveric fins al canal que srsquoha creat en el punt
ldquoLlistat de tragravemitsrdquo i seleccionar el quadre de verificacioacute
3 Fer clic a ldquoOKrdquo
1
72
2
3
73
41 Validar que la comparticioacute de continguts eacutes correcta
Accedim per VCM al canal que hem creat anteriorment al qual li acabem drsquoassignar
els continguts de tragravemits que ha de mostrar i fem el seguumlent
1 Anar al contenidor de portals
2 Seleccionar el Site ldquogenericrdquo
3 Seleccionar el canal ldquoHomerdquo
4 Seleccionar el canal ldquoCanal Llistat tragravemitsrdquo
1
2
3
74
4
75
Apareixeragrave el contingut assignat al canal ldquoCanal Llistat tragravemitsrdquo
En entrar trobarem el llistat seguumlent
1 Llistat del tragravemits de lrsquoOVT que srsquohan compartit amb el canal ldquoCanal Llistat
tragravemitsrdquo
2 Validar que els continguts que apareixen soacuten del tipus ldquoTramitOVTrdquo
En cas que al canal del site ldquoCanal Llistat tragravemitsrdquo no apareguin els continguts
tragravemits associats anteriorment cal repetir el pas 22
1 2
76
5 Configuracioacute al portal
Ara cal entrar al nostre site on tenim configurat el canal que hem creat en lrsquoapartat
anterior (21) i que ara configurarem a nivell de portal
51 Configuracioacute a Canal Llistat tragravemits
511 Configuracioacute de la llista de tragravemits
Farem clic a lrsquoenllaccedil ldquoCanal llistat tragravemitsrdquo de la ldquoHomerdquo i anirem a parar a una
pantalla com la que es mostra meacutes avall
Es pot apreciar que en el contingut de la pagravegina no hi ha res Aixograve eacutes perquegrave cal
configurar els portlets adequats ( )
1 Ens situarem sobre la icona ldquoOpcions de Pagraveginardquo
2 Seleccionarem ldquoObrir Plantillardquo ja que els portlets soacuten a nivell de Page
Ens apareixeragrave una pantalla com la que es mostra tot seguit i realitzarem les accions
seguumlents
1 Seleccionar el portlet de la part central de la pagravegina per configurar una ldquoLlista
automagravetica de contingutsrdquo
2
1
77
Tambeacute podem configurar una ldquoLlista manual de contingutsrdquo segons les
necessitats de cada usuari
78
Ens redirigiragrave cap a un formulari drsquoedicioacute que ens mostraragrave directament quina consulta
hem de configurar per mostrar els continguts i configurarem una consulta com la
seguumlent (evidentment segons les necessitats de cada usuari)
Ara tenim configurat que la pagravegina mostraragrave els tipus de contingut ldquoTramitOVTrdquo del
canal actual ordenats per la ldquoEacutes on-linerdquo en ordre descendent
Aixograve ens portaragrave a la pantalla principal on acabarem de completar la configuracioacute
1 Validar que en lrsquoapartat ldquoConsultardquo hi ha la configuracioacute que acabem drsquoafegir
2 Emplenar ldquoAgraveliesrdquo
3 En lrsquoapartat Forma de presentacioacute fer clic al botoacute ldquoCercar helliprdquo
79
Ens apareixeragrave la pantalla seguumlent
1 Fer clic a ldquoNavegacioacute per projectesrdquo
1
2
3
80
Ens canviaragrave la vista al format seguumlent
1 Navegarem per les carpetes fins a arribar a ldquoFramework Formes de
presentacioacute Site generic fw_fp_llistatramitsrdquo
2 Seleccionarem ldquofw_fp_llistatramitsrdquo
3 Farem clic a ldquoOKrdquo
1
1
81
En retornar a la pantalla principal cal
1 Validar que la forma de presentacioacute eacutes la que acabem de seleccionar
2 Fer clic a ldquoOKrdquo
1 (continuacioacute) 2
3
82
1
2
83
Aquest seragrave el nostre resultat a la pantalla del portal i cal fer el seguumlent
1 Verificar que apareixen els dos continguts que es van associar a aquest canal
1
84
512 Configuracioacute del detall del tragravemit i el pas a pas
En fer clic sobre una activitat veurem com ens redirigeix a la plantilla configurada al
ldquodetallrdquo drsquoaquesta pagravegina tal com la vam configurar en lrsquoapartat 231 cal fer el
seguumlent
1 Fer clic a la primera activitat
1
85
Ens sortiragrave la pagravegina de VAP del detall drsquoun contingut per configurar farem els
passos seguumlents
1 Ens situarem sobre la icona ldquoOpcions de Pagraveginardquo
2 Seleccionar ldquoObrir Plantillardquo ja que els portlets soacuten a nivell de Page
Ens apareixeragrave una pantalla com la que es mostra tot seguit i realitzarem les accions
seguumlents
1 Seleccionar el portlet de la part central de la pagravegina per configurar un ldquoDetall
de contingutrdquo i fer clic a ldquoEditarrdquo
Ens apareixeragrave la pantalla de seleccioacute de component de presentacioacute
1 Seleccionarem el component de presentacioacute ldquoDetall de contingutrdquo
1
2
1
86
Ens apareixeragrave la pantalla que es mostra tot seguit i realitzarem les accions seguumlents
1 Emplenar el camp ldquoAgraveliesrdquo
2 Canviar a la pestanya ldquoPresentacioacuterdquo
En fer clic a la pestanya obtindrem la imatge que es mostra tot seguit i realitzarem les
accions seguumlents
1 Cercarem una forma de presentacioacute fent clic a ldquoCercar helliprdquo
1
2
87
Quan aparegui la pantalla de cercador realitzarem una cerca de la forma de
presentacioacute que volem fer servir per a aixograve cal fer el seguumlent
1 Emplenar la caixa de text amb ldquofw_fp_tramitrdquo
2 Preacutemer ldquoCercarrdquo
3 Seleccionar la forma de presentacioacute de la caixa de resultats
4 Preacutemer ldquoOKrdquo
La forma de presentacioacute ldquofw_fp_tramitrdquo estagrave preparada per ldquomaquillarrdquo el contingut
dels tragravemits Tambeacute es pot fer servir una forma de presentacioacute personalitzada
segons es cregui convenient
1
1
2
3
4
88
En acabar tornarem a la pagravegina principal drsquoedicioacute i farem el seguumlent
1 Verificar que la forma de presentacioacute eacutes la que hem escollit
2 Fer clic a ldquoOKrdquo
En finalitzar la configuracioacute del component de presentacioacute tornem a la pantalla del
portal i cal fer el seguumlent
1 Verificar que el disseny de la presentacioacute eacutes semblant al seguumlent
1
2
89
Configurarem el portlet superior central de la pagravegina perquegrave aquesta contingui el fil
drsquoAriadna
1 Accedir a ldquoObrir Plantillardquo
1 Editar el portlet central que hi ha a sobre del detall de tragravemit per configurar el fil
drsquoAriadna En aquest exemple el portlet eacutes ldquoFW_hilo_ariadnardquo
Escollirem el component de presentacioacute
1 Seleccionar el component de presentacioacute ldquoFil drsquoAriadnardquo
1
1
90
En la configuracioacute del component realitzarem les accions seguumlents
1 Inserir el camp ldquoAgraveliesrdquo
2 Inserir el camp ldquoCanalrdquo
3 Fer clic a la pestanya ldquoPresentacioacuterdquo i cercar la forma de presentacioacute
ldquofw_fp_filariadnardquo
1
91
513 Configuracioacute del detall drsquouna normativa SAC
En el detall de contingut configurat en el punt anterior fent clic sobre una normativa
veurem com ens redirigeix a la plantilla configurada al ldquodetall2rdquo drsquoaquesta pagravegina tal
com hem configurat a lrsquoapartat 231
1 Fer clic a la primera ldquoNormativa Aplicablerdquo
2
3
92
Aquest enllaccedil ens portaragrave al detall2 del canal on srsquoha de configurar el detall de
contingut SAC per tal que es mostri la normativa aplicable
Configurarem el portlet superior central de la pagravegina perquegrave aquesta contingui el fil
drsquoAriadna per a aixograve cal fer el seguumlent
1 Accedir a ldquoObrir Plantillardquo
1
93
1
94
1 Editar el portlet central que hi ha a sobre del detall de tragravemit per configurar el fil
drsquoAriadna En aquest exemple el portlet eacutes ldquofw_portlet_tramitrdquo
Escollirem el component de presentacioacute
1 Seleccionar el component de presentacioacute ldquoDetall de Contingut SACrdquo
En la configuracioacute del component realitzarem les accions seguumlents
1 Inserir el camp ldquoAgraveliesrdquo
2 Seleccionar el tipus de contingut ldquoDetall Tragravemitrdquo
1
95
3 Fer clic a la pestanya ldquoPresentacioacuterdquo i cercar la forma de presentacioacute
ldquofw_fp_sac_normativardquo
4 Fer clic al botoacute ldquoOKrdquo
Srsquoactualitzaragrave la pagravegina de VAP i es mostraragrave el detall de SAC
1
2
3
4
96
514 Validacioacute final de VAP
Finalment cal validar que els tragravemits es visualitzen correctament per a aixograve cal
1 Verificar que tenim els canals creats
2 Accedir al canal ldquoCanal Llistat tragravemitsrdquo i validar que es mostren els tragravemits
que hem associat al punt 22
1
97
A continuacioacute cal fer les comprovacions seguumlents
1 Accedir al detall del tragravemit compartit
2 Accedir al pas a pas del tragravemit i a la normativa de SAC
Exemple llistat de tragravemits compartits
2
1
98
Exemple detall de tragravemit compartit
Exemple pas a pas drsquoun tragravemit
2
2
99
Exemple normativa SAC
En el cas que no es visualitzin el llistat de tragravemits detall o pas a pas configurat
validar
1 Refrescar la Pagravegina
2 Els tragravemits estan associats al canal que esteacuten visualitzat punt 23
1 Refrescar la pagravegina
1
71
Aquest proceacutes obriragrave una finestra Per seleccionar el site i canal on es volen mostrar
els tragravemits seleccionats realitzarem les accions seguumlents (cas site Generic)
1 Seleccionar el site ldquoGenericrdquo en el vostre cas el site del departament on es vol
mostrar el contingut ldquotragravemitrdquo
2 Navegar pels canals del Site Genegraveric fins al canal que srsquoha creat en el punt
ldquoLlistat de tragravemitsrdquo i seleccionar el quadre de verificacioacute
3 Fer clic a ldquoOKrdquo
1
72
2
3
73
41 Validar que la comparticioacute de continguts eacutes correcta
Accedim per VCM al canal que hem creat anteriorment al qual li acabem drsquoassignar
els continguts de tragravemits que ha de mostrar i fem el seguumlent
1 Anar al contenidor de portals
2 Seleccionar el Site ldquogenericrdquo
3 Seleccionar el canal ldquoHomerdquo
4 Seleccionar el canal ldquoCanal Llistat tragravemitsrdquo
1
2
3
74
4
75
Apareixeragrave el contingut assignat al canal ldquoCanal Llistat tragravemitsrdquo
En entrar trobarem el llistat seguumlent
1 Llistat del tragravemits de lrsquoOVT que srsquohan compartit amb el canal ldquoCanal Llistat
tragravemitsrdquo
2 Validar que els continguts que apareixen soacuten del tipus ldquoTramitOVTrdquo
En cas que al canal del site ldquoCanal Llistat tragravemitsrdquo no apareguin els continguts
tragravemits associats anteriorment cal repetir el pas 22
1 2
76
5 Configuracioacute al portal
Ara cal entrar al nostre site on tenim configurat el canal que hem creat en lrsquoapartat
anterior (21) i que ara configurarem a nivell de portal
51 Configuracioacute a Canal Llistat tragravemits
511 Configuracioacute de la llista de tragravemits
Farem clic a lrsquoenllaccedil ldquoCanal llistat tragravemitsrdquo de la ldquoHomerdquo i anirem a parar a una
pantalla com la que es mostra meacutes avall
Es pot apreciar que en el contingut de la pagravegina no hi ha res Aixograve eacutes perquegrave cal
configurar els portlets adequats ( )
1 Ens situarem sobre la icona ldquoOpcions de Pagraveginardquo
2 Seleccionarem ldquoObrir Plantillardquo ja que els portlets soacuten a nivell de Page
Ens apareixeragrave una pantalla com la que es mostra tot seguit i realitzarem les accions
seguumlents
1 Seleccionar el portlet de la part central de la pagravegina per configurar una ldquoLlista
automagravetica de contingutsrdquo
2
1
77
Tambeacute podem configurar una ldquoLlista manual de contingutsrdquo segons les
necessitats de cada usuari
78
Ens redirigiragrave cap a un formulari drsquoedicioacute que ens mostraragrave directament quina consulta
hem de configurar per mostrar els continguts i configurarem una consulta com la
seguumlent (evidentment segons les necessitats de cada usuari)
Ara tenim configurat que la pagravegina mostraragrave els tipus de contingut ldquoTramitOVTrdquo del
canal actual ordenats per la ldquoEacutes on-linerdquo en ordre descendent
Aixograve ens portaragrave a la pantalla principal on acabarem de completar la configuracioacute
1 Validar que en lrsquoapartat ldquoConsultardquo hi ha la configuracioacute que acabem drsquoafegir
2 Emplenar ldquoAgraveliesrdquo
3 En lrsquoapartat Forma de presentacioacute fer clic al botoacute ldquoCercar helliprdquo
79
Ens apareixeragrave la pantalla seguumlent
1 Fer clic a ldquoNavegacioacute per projectesrdquo
1
2
3
80
Ens canviaragrave la vista al format seguumlent
1 Navegarem per les carpetes fins a arribar a ldquoFramework Formes de
presentacioacute Site generic fw_fp_llistatramitsrdquo
2 Seleccionarem ldquofw_fp_llistatramitsrdquo
3 Farem clic a ldquoOKrdquo
1
1
81
En retornar a la pantalla principal cal
1 Validar que la forma de presentacioacute eacutes la que acabem de seleccionar
2 Fer clic a ldquoOKrdquo
1 (continuacioacute) 2
3
82
1
2
83
Aquest seragrave el nostre resultat a la pantalla del portal i cal fer el seguumlent
1 Verificar que apareixen els dos continguts que es van associar a aquest canal
1
84
512 Configuracioacute del detall del tragravemit i el pas a pas
En fer clic sobre una activitat veurem com ens redirigeix a la plantilla configurada al
ldquodetallrdquo drsquoaquesta pagravegina tal com la vam configurar en lrsquoapartat 231 cal fer el
seguumlent
1 Fer clic a la primera activitat
1
85
Ens sortiragrave la pagravegina de VAP del detall drsquoun contingut per configurar farem els
passos seguumlents
1 Ens situarem sobre la icona ldquoOpcions de Pagraveginardquo
2 Seleccionar ldquoObrir Plantillardquo ja que els portlets soacuten a nivell de Page
Ens apareixeragrave una pantalla com la que es mostra tot seguit i realitzarem les accions
seguumlents
1 Seleccionar el portlet de la part central de la pagravegina per configurar un ldquoDetall
de contingutrdquo i fer clic a ldquoEditarrdquo
Ens apareixeragrave la pantalla de seleccioacute de component de presentacioacute
1 Seleccionarem el component de presentacioacute ldquoDetall de contingutrdquo
1
2
1
86
Ens apareixeragrave la pantalla que es mostra tot seguit i realitzarem les accions seguumlents
1 Emplenar el camp ldquoAgraveliesrdquo
2 Canviar a la pestanya ldquoPresentacioacuterdquo
En fer clic a la pestanya obtindrem la imatge que es mostra tot seguit i realitzarem les
accions seguumlents
1 Cercarem una forma de presentacioacute fent clic a ldquoCercar helliprdquo
1
2
87
Quan aparegui la pantalla de cercador realitzarem una cerca de la forma de
presentacioacute que volem fer servir per a aixograve cal fer el seguumlent
1 Emplenar la caixa de text amb ldquofw_fp_tramitrdquo
2 Preacutemer ldquoCercarrdquo
3 Seleccionar la forma de presentacioacute de la caixa de resultats
4 Preacutemer ldquoOKrdquo
La forma de presentacioacute ldquofw_fp_tramitrdquo estagrave preparada per ldquomaquillarrdquo el contingut
dels tragravemits Tambeacute es pot fer servir una forma de presentacioacute personalitzada
segons es cregui convenient
1
1
2
3
4
88
En acabar tornarem a la pagravegina principal drsquoedicioacute i farem el seguumlent
1 Verificar que la forma de presentacioacute eacutes la que hem escollit
2 Fer clic a ldquoOKrdquo
En finalitzar la configuracioacute del component de presentacioacute tornem a la pantalla del
portal i cal fer el seguumlent
1 Verificar que el disseny de la presentacioacute eacutes semblant al seguumlent
1
2
89
Configurarem el portlet superior central de la pagravegina perquegrave aquesta contingui el fil
drsquoAriadna
1 Accedir a ldquoObrir Plantillardquo
1 Editar el portlet central que hi ha a sobre del detall de tragravemit per configurar el fil
drsquoAriadna En aquest exemple el portlet eacutes ldquoFW_hilo_ariadnardquo
Escollirem el component de presentacioacute
1 Seleccionar el component de presentacioacute ldquoFil drsquoAriadnardquo
1
1
90
En la configuracioacute del component realitzarem les accions seguumlents
1 Inserir el camp ldquoAgraveliesrdquo
2 Inserir el camp ldquoCanalrdquo
3 Fer clic a la pestanya ldquoPresentacioacuterdquo i cercar la forma de presentacioacute
ldquofw_fp_filariadnardquo
1
91
513 Configuracioacute del detall drsquouna normativa SAC
En el detall de contingut configurat en el punt anterior fent clic sobre una normativa
veurem com ens redirigeix a la plantilla configurada al ldquodetall2rdquo drsquoaquesta pagravegina tal
com hem configurat a lrsquoapartat 231
1 Fer clic a la primera ldquoNormativa Aplicablerdquo
2
3
92
Aquest enllaccedil ens portaragrave al detall2 del canal on srsquoha de configurar el detall de
contingut SAC per tal que es mostri la normativa aplicable
Configurarem el portlet superior central de la pagravegina perquegrave aquesta contingui el fil
drsquoAriadna per a aixograve cal fer el seguumlent
1 Accedir a ldquoObrir Plantillardquo
1
93
1
94
1 Editar el portlet central que hi ha a sobre del detall de tragravemit per configurar el fil
drsquoAriadna En aquest exemple el portlet eacutes ldquofw_portlet_tramitrdquo
Escollirem el component de presentacioacute
1 Seleccionar el component de presentacioacute ldquoDetall de Contingut SACrdquo
En la configuracioacute del component realitzarem les accions seguumlents
1 Inserir el camp ldquoAgraveliesrdquo
2 Seleccionar el tipus de contingut ldquoDetall Tragravemitrdquo
1
95
3 Fer clic a la pestanya ldquoPresentacioacuterdquo i cercar la forma de presentacioacute
ldquofw_fp_sac_normativardquo
4 Fer clic al botoacute ldquoOKrdquo
Srsquoactualitzaragrave la pagravegina de VAP i es mostraragrave el detall de SAC
1
2
3
4
96
514 Validacioacute final de VAP
Finalment cal validar que els tragravemits es visualitzen correctament per a aixograve cal
1 Verificar que tenim els canals creats
2 Accedir al canal ldquoCanal Llistat tragravemitsrdquo i validar que es mostren els tragravemits
que hem associat al punt 22
1
97
A continuacioacute cal fer les comprovacions seguumlents
1 Accedir al detall del tragravemit compartit
2 Accedir al pas a pas del tragravemit i a la normativa de SAC
Exemple llistat de tragravemits compartits
2
1
98
Exemple detall de tragravemit compartit
Exemple pas a pas drsquoun tragravemit
2
2
99
Exemple normativa SAC
En el cas que no es visualitzin el llistat de tragravemits detall o pas a pas configurat
validar
1 Refrescar la Pagravegina
2 Els tragravemits estan associats al canal que esteacuten visualitzat punt 23
1 Refrescar la pagravegina
1
72
2
3
73
41 Validar que la comparticioacute de continguts eacutes correcta
Accedim per VCM al canal que hem creat anteriorment al qual li acabem drsquoassignar
els continguts de tragravemits que ha de mostrar i fem el seguumlent
1 Anar al contenidor de portals
2 Seleccionar el Site ldquogenericrdquo
3 Seleccionar el canal ldquoHomerdquo
4 Seleccionar el canal ldquoCanal Llistat tragravemitsrdquo
1
2
3
74
4
75
Apareixeragrave el contingut assignat al canal ldquoCanal Llistat tragravemitsrdquo
En entrar trobarem el llistat seguumlent
1 Llistat del tragravemits de lrsquoOVT que srsquohan compartit amb el canal ldquoCanal Llistat
tragravemitsrdquo
2 Validar que els continguts que apareixen soacuten del tipus ldquoTramitOVTrdquo
En cas que al canal del site ldquoCanal Llistat tragravemitsrdquo no apareguin els continguts
tragravemits associats anteriorment cal repetir el pas 22
1 2
76
5 Configuracioacute al portal
Ara cal entrar al nostre site on tenim configurat el canal que hem creat en lrsquoapartat
anterior (21) i que ara configurarem a nivell de portal
51 Configuracioacute a Canal Llistat tragravemits
511 Configuracioacute de la llista de tragravemits
Farem clic a lrsquoenllaccedil ldquoCanal llistat tragravemitsrdquo de la ldquoHomerdquo i anirem a parar a una
pantalla com la que es mostra meacutes avall
Es pot apreciar que en el contingut de la pagravegina no hi ha res Aixograve eacutes perquegrave cal
configurar els portlets adequats ( )
1 Ens situarem sobre la icona ldquoOpcions de Pagraveginardquo
2 Seleccionarem ldquoObrir Plantillardquo ja que els portlets soacuten a nivell de Page
Ens apareixeragrave una pantalla com la que es mostra tot seguit i realitzarem les accions
seguumlents
1 Seleccionar el portlet de la part central de la pagravegina per configurar una ldquoLlista
automagravetica de contingutsrdquo
2
1
77
Tambeacute podem configurar una ldquoLlista manual de contingutsrdquo segons les
necessitats de cada usuari
78
Ens redirigiragrave cap a un formulari drsquoedicioacute que ens mostraragrave directament quina consulta
hem de configurar per mostrar els continguts i configurarem una consulta com la
seguumlent (evidentment segons les necessitats de cada usuari)
Ara tenim configurat que la pagravegina mostraragrave els tipus de contingut ldquoTramitOVTrdquo del
canal actual ordenats per la ldquoEacutes on-linerdquo en ordre descendent
Aixograve ens portaragrave a la pantalla principal on acabarem de completar la configuracioacute
1 Validar que en lrsquoapartat ldquoConsultardquo hi ha la configuracioacute que acabem drsquoafegir
2 Emplenar ldquoAgraveliesrdquo
3 En lrsquoapartat Forma de presentacioacute fer clic al botoacute ldquoCercar helliprdquo
79
Ens apareixeragrave la pantalla seguumlent
1 Fer clic a ldquoNavegacioacute per projectesrdquo
1
2
3
80
Ens canviaragrave la vista al format seguumlent
1 Navegarem per les carpetes fins a arribar a ldquoFramework Formes de
presentacioacute Site generic fw_fp_llistatramitsrdquo
2 Seleccionarem ldquofw_fp_llistatramitsrdquo
3 Farem clic a ldquoOKrdquo
1
1
81
En retornar a la pantalla principal cal
1 Validar que la forma de presentacioacute eacutes la que acabem de seleccionar
2 Fer clic a ldquoOKrdquo
1 (continuacioacute) 2
3
82
1
2
83
Aquest seragrave el nostre resultat a la pantalla del portal i cal fer el seguumlent
1 Verificar que apareixen els dos continguts que es van associar a aquest canal
1
84
512 Configuracioacute del detall del tragravemit i el pas a pas
En fer clic sobre una activitat veurem com ens redirigeix a la plantilla configurada al
ldquodetallrdquo drsquoaquesta pagravegina tal com la vam configurar en lrsquoapartat 231 cal fer el
seguumlent
1 Fer clic a la primera activitat
1
85
Ens sortiragrave la pagravegina de VAP del detall drsquoun contingut per configurar farem els
passos seguumlents
1 Ens situarem sobre la icona ldquoOpcions de Pagraveginardquo
2 Seleccionar ldquoObrir Plantillardquo ja que els portlets soacuten a nivell de Page
Ens apareixeragrave una pantalla com la que es mostra tot seguit i realitzarem les accions
seguumlents
1 Seleccionar el portlet de la part central de la pagravegina per configurar un ldquoDetall
de contingutrdquo i fer clic a ldquoEditarrdquo
Ens apareixeragrave la pantalla de seleccioacute de component de presentacioacute
1 Seleccionarem el component de presentacioacute ldquoDetall de contingutrdquo
1
2
1
86
Ens apareixeragrave la pantalla que es mostra tot seguit i realitzarem les accions seguumlents
1 Emplenar el camp ldquoAgraveliesrdquo
2 Canviar a la pestanya ldquoPresentacioacuterdquo
En fer clic a la pestanya obtindrem la imatge que es mostra tot seguit i realitzarem les
accions seguumlents
1 Cercarem una forma de presentacioacute fent clic a ldquoCercar helliprdquo
1
2
87
Quan aparegui la pantalla de cercador realitzarem una cerca de la forma de
presentacioacute que volem fer servir per a aixograve cal fer el seguumlent
1 Emplenar la caixa de text amb ldquofw_fp_tramitrdquo
2 Preacutemer ldquoCercarrdquo
3 Seleccionar la forma de presentacioacute de la caixa de resultats
4 Preacutemer ldquoOKrdquo
La forma de presentacioacute ldquofw_fp_tramitrdquo estagrave preparada per ldquomaquillarrdquo el contingut
dels tragravemits Tambeacute es pot fer servir una forma de presentacioacute personalitzada
segons es cregui convenient
1
1
2
3
4
88
En acabar tornarem a la pagravegina principal drsquoedicioacute i farem el seguumlent
1 Verificar que la forma de presentacioacute eacutes la que hem escollit
2 Fer clic a ldquoOKrdquo
En finalitzar la configuracioacute del component de presentacioacute tornem a la pantalla del
portal i cal fer el seguumlent
1 Verificar que el disseny de la presentacioacute eacutes semblant al seguumlent
1
2
89
Configurarem el portlet superior central de la pagravegina perquegrave aquesta contingui el fil
drsquoAriadna
1 Accedir a ldquoObrir Plantillardquo
1 Editar el portlet central que hi ha a sobre del detall de tragravemit per configurar el fil
drsquoAriadna En aquest exemple el portlet eacutes ldquoFW_hilo_ariadnardquo
Escollirem el component de presentacioacute
1 Seleccionar el component de presentacioacute ldquoFil drsquoAriadnardquo
1
1
90
En la configuracioacute del component realitzarem les accions seguumlents
1 Inserir el camp ldquoAgraveliesrdquo
2 Inserir el camp ldquoCanalrdquo
3 Fer clic a la pestanya ldquoPresentacioacuterdquo i cercar la forma de presentacioacute
ldquofw_fp_filariadnardquo
1
91
513 Configuracioacute del detall drsquouna normativa SAC
En el detall de contingut configurat en el punt anterior fent clic sobre una normativa
veurem com ens redirigeix a la plantilla configurada al ldquodetall2rdquo drsquoaquesta pagravegina tal
com hem configurat a lrsquoapartat 231
1 Fer clic a la primera ldquoNormativa Aplicablerdquo
2
3
92
Aquest enllaccedil ens portaragrave al detall2 del canal on srsquoha de configurar el detall de
contingut SAC per tal que es mostri la normativa aplicable
Configurarem el portlet superior central de la pagravegina perquegrave aquesta contingui el fil
drsquoAriadna per a aixograve cal fer el seguumlent
1 Accedir a ldquoObrir Plantillardquo
1
93
1
94
1 Editar el portlet central que hi ha a sobre del detall de tragravemit per configurar el fil
drsquoAriadna En aquest exemple el portlet eacutes ldquofw_portlet_tramitrdquo
Escollirem el component de presentacioacute
1 Seleccionar el component de presentacioacute ldquoDetall de Contingut SACrdquo
En la configuracioacute del component realitzarem les accions seguumlents
1 Inserir el camp ldquoAgraveliesrdquo
2 Seleccionar el tipus de contingut ldquoDetall Tragravemitrdquo
1
95
3 Fer clic a la pestanya ldquoPresentacioacuterdquo i cercar la forma de presentacioacute
ldquofw_fp_sac_normativardquo
4 Fer clic al botoacute ldquoOKrdquo
Srsquoactualitzaragrave la pagravegina de VAP i es mostraragrave el detall de SAC
1
2
3
4
96
514 Validacioacute final de VAP
Finalment cal validar que els tragravemits es visualitzen correctament per a aixograve cal
1 Verificar que tenim els canals creats
2 Accedir al canal ldquoCanal Llistat tragravemitsrdquo i validar que es mostren els tragravemits
que hem associat al punt 22
1
97
A continuacioacute cal fer les comprovacions seguumlents
1 Accedir al detall del tragravemit compartit
2 Accedir al pas a pas del tragravemit i a la normativa de SAC
Exemple llistat de tragravemits compartits
2
1
98
Exemple detall de tragravemit compartit
Exemple pas a pas drsquoun tragravemit
2
2
99
Exemple normativa SAC
En el cas que no es visualitzin el llistat de tragravemits detall o pas a pas configurat
validar
1 Refrescar la Pagravegina
2 Els tragravemits estan associats al canal que esteacuten visualitzat punt 23
1 Refrescar la pagravegina
1
73
41 Validar que la comparticioacute de continguts eacutes correcta
Accedim per VCM al canal que hem creat anteriorment al qual li acabem drsquoassignar
els continguts de tragravemits que ha de mostrar i fem el seguumlent
1 Anar al contenidor de portals
2 Seleccionar el Site ldquogenericrdquo
3 Seleccionar el canal ldquoHomerdquo
4 Seleccionar el canal ldquoCanal Llistat tragravemitsrdquo
1
2
3
74
4
75
Apareixeragrave el contingut assignat al canal ldquoCanal Llistat tragravemitsrdquo
En entrar trobarem el llistat seguumlent
1 Llistat del tragravemits de lrsquoOVT que srsquohan compartit amb el canal ldquoCanal Llistat
tragravemitsrdquo
2 Validar que els continguts que apareixen soacuten del tipus ldquoTramitOVTrdquo
En cas que al canal del site ldquoCanal Llistat tragravemitsrdquo no apareguin els continguts
tragravemits associats anteriorment cal repetir el pas 22
1 2
76
5 Configuracioacute al portal
Ara cal entrar al nostre site on tenim configurat el canal que hem creat en lrsquoapartat
anterior (21) i que ara configurarem a nivell de portal
51 Configuracioacute a Canal Llistat tragravemits
511 Configuracioacute de la llista de tragravemits
Farem clic a lrsquoenllaccedil ldquoCanal llistat tragravemitsrdquo de la ldquoHomerdquo i anirem a parar a una
pantalla com la que es mostra meacutes avall
Es pot apreciar que en el contingut de la pagravegina no hi ha res Aixograve eacutes perquegrave cal
configurar els portlets adequats ( )
1 Ens situarem sobre la icona ldquoOpcions de Pagraveginardquo
2 Seleccionarem ldquoObrir Plantillardquo ja que els portlets soacuten a nivell de Page
Ens apareixeragrave una pantalla com la que es mostra tot seguit i realitzarem les accions
seguumlents
1 Seleccionar el portlet de la part central de la pagravegina per configurar una ldquoLlista
automagravetica de contingutsrdquo
2
1
77
Tambeacute podem configurar una ldquoLlista manual de contingutsrdquo segons les
necessitats de cada usuari
78
Ens redirigiragrave cap a un formulari drsquoedicioacute que ens mostraragrave directament quina consulta
hem de configurar per mostrar els continguts i configurarem una consulta com la
seguumlent (evidentment segons les necessitats de cada usuari)
Ara tenim configurat que la pagravegina mostraragrave els tipus de contingut ldquoTramitOVTrdquo del
canal actual ordenats per la ldquoEacutes on-linerdquo en ordre descendent
Aixograve ens portaragrave a la pantalla principal on acabarem de completar la configuracioacute
1 Validar que en lrsquoapartat ldquoConsultardquo hi ha la configuracioacute que acabem drsquoafegir
2 Emplenar ldquoAgraveliesrdquo
3 En lrsquoapartat Forma de presentacioacute fer clic al botoacute ldquoCercar helliprdquo
79
Ens apareixeragrave la pantalla seguumlent
1 Fer clic a ldquoNavegacioacute per projectesrdquo
1
2
3
80
Ens canviaragrave la vista al format seguumlent
1 Navegarem per les carpetes fins a arribar a ldquoFramework Formes de
presentacioacute Site generic fw_fp_llistatramitsrdquo
2 Seleccionarem ldquofw_fp_llistatramitsrdquo
3 Farem clic a ldquoOKrdquo
1
1
81
En retornar a la pantalla principal cal
1 Validar que la forma de presentacioacute eacutes la que acabem de seleccionar
2 Fer clic a ldquoOKrdquo
1 (continuacioacute) 2
3
82
1
2
83
Aquest seragrave el nostre resultat a la pantalla del portal i cal fer el seguumlent
1 Verificar que apareixen els dos continguts que es van associar a aquest canal
1
84
512 Configuracioacute del detall del tragravemit i el pas a pas
En fer clic sobre una activitat veurem com ens redirigeix a la plantilla configurada al
ldquodetallrdquo drsquoaquesta pagravegina tal com la vam configurar en lrsquoapartat 231 cal fer el
seguumlent
1 Fer clic a la primera activitat
1
85
Ens sortiragrave la pagravegina de VAP del detall drsquoun contingut per configurar farem els
passos seguumlents
1 Ens situarem sobre la icona ldquoOpcions de Pagraveginardquo
2 Seleccionar ldquoObrir Plantillardquo ja que els portlets soacuten a nivell de Page
Ens apareixeragrave una pantalla com la que es mostra tot seguit i realitzarem les accions
seguumlents
1 Seleccionar el portlet de la part central de la pagravegina per configurar un ldquoDetall
de contingutrdquo i fer clic a ldquoEditarrdquo
Ens apareixeragrave la pantalla de seleccioacute de component de presentacioacute
1 Seleccionarem el component de presentacioacute ldquoDetall de contingutrdquo
1
2
1
86
Ens apareixeragrave la pantalla que es mostra tot seguit i realitzarem les accions seguumlents
1 Emplenar el camp ldquoAgraveliesrdquo
2 Canviar a la pestanya ldquoPresentacioacuterdquo
En fer clic a la pestanya obtindrem la imatge que es mostra tot seguit i realitzarem les
accions seguumlents
1 Cercarem una forma de presentacioacute fent clic a ldquoCercar helliprdquo
1
2
87
Quan aparegui la pantalla de cercador realitzarem una cerca de la forma de
presentacioacute que volem fer servir per a aixograve cal fer el seguumlent
1 Emplenar la caixa de text amb ldquofw_fp_tramitrdquo
2 Preacutemer ldquoCercarrdquo
3 Seleccionar la forma de presentacioacute de la caixa de resultats
4 Preacutemer ldquoOKrdquo
La forma de presentacioacute ldquofw_fp_tramitrdquo estagrave preparada per ldquomaquillarrdquo el contingut
dels tragravemits Tambeacute es pot fer servir una forma de presentacioacute personalitzada
segons es cregui convenient
1
1
2
3
4
88
En acabar tornarem a la pagravegina principal drsquoedicioacute i farem el seguumlent
1 Verificar que la forma de presentacioacute eacutes la que hem escollit
2 Fer clic a ldquoOKrdquo
En finalitzar la configuracioacute del component de presentacioacute tornem a la pantalla del
portal i cal fer el seguumlent
1 Verificar que el disseny de la presentacioacute eacutes semblant al seguumlent
1
2
89
Configurarem el portlet superior central de la pagravegina perquegrave aquesta contingui el fil
drsquoAriadna
1 Accedir a ldquoObrir Plantillardquo
1 Editar el portlet central que hi ha a sobre del detall de tragravemit per configurar el fil
drsquoAriadna En aquest exemple el portlet eacutes ldquoFW_hilo_ariadnardquo
Escollirem el component de presentacioacute
1 Seleccionar el component de presentacioacute ldquoFil drsquoAriadnardquo
1
1
90
En la configuracioacute del component realitzarem les accions seguumlents
1 Inserir el camp ldquoAgraveliesrdquo
2 Inserir el camp ldquoCanalrdquo
3 Fer clic a la pestanya ldquoPresentacioacuterdquo i cercar la forma de presentacioacute
ldquofw_fp_filariadnardquo
1
91
513 Configuracioacute del detall drsquouna normativa SAC
En el detall de contingut configurat en el punt anterior fent clic sobre una normativa
veurem com ens redirigeix a la plantilla configurada al ldquodetall2rdquo drsquoaquesta pagravegina tal
com hem configurat a lrsquoapartat 231
1 Fer clic a la primera ldquoNormativa Aplicablerdquo
2
3
92
Aquest enllaccedil ens portaragrave al detall2 del canal on srsquoha de configurar el detall de
contingut SAC per tal que es mostri la normativa aplicable
Configurarem el portlet superior central de la pagravegina perquegrave aquesta contingui el fil
drsquoAriadna per a aixograve cal fer el seguumlent
1 Accedir a ldquoObrir Plantillardquo
1
93
1
94
1 Editar el portlet central que hi ha a sobre del detall de tragravemit per configurar el fil
drsquoAriadna En aquest exemple el portlet eacutes ldquofw_portlet_tramitrdquo
Escollirem el component de presentacioacute
1 Seleccionar el component de presentacioacute ldquoDetall de Contingut SACrdquo
En la configuracioacute del component realitzarem les accions seguumlents
1 Inserir el camp ldquoAgraveliesrdquo
2 Seleccionar el tipus de contingut ldquoDetall Tragravemitrdquo
1
95
3 Fer clic a la pestanya ldquoPresentacioacuterdquo i cercar la forma de presentacioacute
ldquofw_fp_sac_normativardquo
4 Fer clic al botoacute ldquoOKrdquo
Srsquoactualitzaragrave la pagravegina de VAP i es mostraragrave el detall de SAC
1
2
3
4
96
514 Validacioacute final de VAP
Finalment cal validar que els tragravemits es visualitzen correctament per a aixograve cal
1 Verificar que tenim els canals creats
2 Accedir al canal ldquoCanal Llistat tragravemitsrdquo i validar que es mostren els tragravemits
que hem associat al punt 22
1
97
A continuacioacute cal fer les comprovacions seguumlents
1 Accedir al detall del tragravemit compartit
2 Accedir al pas a pas del tragravemit i a la normativa de SAC
Exemple llistat de tragravemits compartits
2
1
98
Exemple detall de tragravemit compartit
Exemple pas a pas drsquoun tragravemit
2
2
99
Exemple normativa SAC
En el cas que no es visualitzin el llistat de tragravemits detall o pas a pas configurat
validar
1 Refrescar la Pagravegina
2 Els tragravemits estan associats al canal que esteacuten visualitzat punt 23
1 Refrescar la pagravegina
1
74
4
75
Apareixeragrave el contingut assignat al canal ldquoCanal Llistat tragravemitsrdquo
En entrar trobarem el llistat seguumlent
1 Llistat del tragravemits de lrsquoOVT que srsquohan compartit amb el canal ldquoCanal Llistat
tragravemitsrdquo
2 Validar que els continguts que apareixen soacuten del tipus ldquoTramitOVTrdquo
En cas que al canal del site ldquoCanal Llistat tragravemitsrdquo no apareguin els continguts
tragravemits associats anteriorment cal repetir el pas 22
1 2
76
5 Configuracioacute al portal
Ara cal entrar al nostre site on tenim configurat el canal que hem creat en lrsquoapartat
anterior (21) i que ara configurarem a nivell de portal
51 Configuracioacute a Canal Llistat tragravemits
511 Configuracioacute de la llista de tragravemits
Farem clic a lrsquoenllaccedil ldquoCanal llistat tragravemitsrdquo de la ldquoHomerdquo i anirem a parar a una
pantalla com la que es mostra meacutes avall
Es pot apreciar que en el contingut de la pagravegina no hi ha res Aixograve eacutes perquegrave cal
configurar els portlets adequats ( )
1 Ens situarem sobre la icona ldquoOpcions de Pagraveginardquo
2 Seleccionarem ldquoObrir Plantillardquo ja que els portlets soacuten a nivell de Page
Ens apareixeragrave una pantalla com la que es mostra tot seguit i realitzarem les accions
seguumlents
1 Seleccionar el portlet de la part central de la pagravegina per configurar una ldquoLlista
automagravetica de contingutsrdquo
2
1
77
Tambeacute podem configurar una ldquoLlista manual de contingutsrdquo segons les
necessitats de cada usuari
78
Ens redirigiragrave cap a un formulari drsquoedicioacute que ens mostraragrave directament quina consulta
hem de configurar per mostrar els continguts i configurarem una consulta com la
seguumlent (evidentment segons les necessitats de cada usuari)
Ara tenim configurat que la pagravegina mostraragrave els tipus de contingut ldquoTramitOVTrdquo del
canal actual ordenats per la ldquoEacutes on-linerdquo en ordre descendent
Aixograve ens portaragrave a la pantalla principal on acabarem de completar la configuracioacute
1 Validar que en lrsquoapartat ldquoConsultardquo hi ha la configuracioacute que acabem drsquoafegir
2 Emplenar ldquoAgraveliesrdquo
3 En lrsquoapartat Forma de presentacioacute fer clic al botoacute ldquoCercar helliprdquo
79
Ens apareixeragrave la pantalla seguumlent
1 Fer clic a ldquoNavegacioacute per projectesrdquo
1
2
3
80
Ens canviaragrave la vista al format seguumlent
1 Navegarem per les carpetes fins a arribar a ldquoFramework Formes de
presentacioacute Site generic fw_fp_llistatramitsrdquo
2 Seleccionarem ldquofw_fp_llistatramitsrdquo
3 Farem clic a ldquoOKrdquo
1
1
81
En retornar a la pantalla principal cal
1 Validar que la forma de presentacioacute eacutes la que acabem de seleccionar
2 Fer clic a ldquoOKrdquo
1 (continuacioacute) 2
3
82
1
2
83
Aquest seragrave el nostre resultat a la pantalla del portal i cal fer el seguumlent
1 Verificar que apareixen els dos continguts que es van associar a aquest canal
1
84
512 Configuracioacute del detall del tragravemit i el pas a pas
En fer clic sobre una activitat veurem com ens redirigeix a la plantilla configurada al
ldquodetallrdquo drsquoaquesta pagravegina tal com la vam configurar en lrsquoapartat 231 cal fer el
seguumlent
1 Fer clic a la primera activitat
1
85
Ens sortiragrave la pagravegina de VAP del detall drsquoun contingut per configurar farem els
passos seguumlents
1 Ens situarem sobre la icona ldquoOpcions de Pagraveginardquo
2 Seleccionar ldquoObrir Plantillardquo ja que els portlets soacuten a nivell de Page
Ens apareixeragrave una pantalla com la que es mostra tot seguit i realitzarem les accions
seguumlents
1 Seleccionar el portlet de la part central de la pagravegina per configurar un ldquoDetall
de contingutrdquo i fer clic a ldquoEditarrdquo
Ens apareixeragrave la pantalla de seleccioacute de component de presentacioacute
1 Seleccionarem el component de presentacioacute ldquoDetall de contingutrdquo
1
2
1
86
Ens apareixeragrave la pantalla que es mostra tot seguit i realitzarem les accions seguumlents
1 Emplenar el camp ldquoAgraveliesrdquo
2 Canviar a la pestanya ldquoPresentacioacuterdquo
En fer clic a la pestanya obtindrem la imatge que es mostra tot seguit i realitzarem les
accions seguumlents
1 Cercarem una forma de presentacioacute fent clic a ldquoCercar helliprdquo
1
2
87
Quan aparegui la pantalla de cercador realitzarem una cerca de la forma de
presentacioacute que volem fer servir per a aixograve cal fer el seguumlent
1 Emplenar la caixa de text amb ldquofw_fp_tramitrdquo
2 Preacutemer ldquoCercarrdquo
3 Seleccionar la forma de presentacioacute de la caixa de resultats
4 Preacutemer ldquoOKrdquo
La forma de presentacioacute ldquofw_fp_tramitrdquo estagrave preparada per ldquomaquillarrdquo el contingut
dels tragravemits Tambeacute es pot fer servir una forma de presentacioacute personalitzada
segons es cregui convenient
1
1
2
3
4
88
En acabar tornarem a la pagravegina principal drsquoedicioacute i farem el seguumlent
1 Verificar que la forma de presentacioacute eacutes la que hem escollit
2 Fer clic a ldquoOKrdquo
En finalitzar la configuracioacute del component de presentacioacute tornem a la pantalla del
portal i cal fer el seguumlent
1 Verificar que el disseny de la presentacioacute eacutes semblant al seguumlent
1
2
89
Configurarem el portlet superior central de la pagravegina perquegrave aquesta contingui el fil
drsquoAriadna
1 Accedir a ldquoObrir Plantillardquo
1 Editar el portlet central que hi ha a sobre del detall de tragravemit per configurar el fil
drsquoAriadna En aquest exemple el portlet eacutes ldquoFW_hilo_ariadnardquo
Escollirem el component de presentacioacute
1 Seleccionar el component de presentacioacute ldquoFil drsquoAriadnardquo
1
1
90
En la configuracioacute del component realitzarem les accions seguumlents
1 Inserir el camp ldquoAgraveliesrdquo
2 Inserir el camp ldquoCanalrdquo
3 Fer clic a la pestanya ldquoPresentacioacuterdquo i cercar la forma de presentacioacute
ldquofw_fp_filariadnardquo
1
91
513 Configuracioacute del detall drsquouna normativa SAC
En el detall de contingut configurat en el punt anterior fent clic sobre una normativa
veurem com ens redirigeix a la plantilla configurada al ldquodetall2rdquo drsquoaquesta pagravegina tal
com hem configurat a lrsquoapartat 231
1 Fer clic a la primera ldquoNormativa Aplicablerdquo
2
3
92
Aquest enllaccedil ens portaragrave al detall2 del canal on srsquoha de configurar el detall de
contingut SAC per tal que es mostri la normativa aplicable
Configurarem el portlet superior central de la pagravegina perquegrave aquesta contingui el fil
drsquoAriadna per a aixograve cal fer el seguumlent
1 Accedir a ldquoObrir Plantillardquo
1
93
1
94
1 Editar el portlet central que hi ha a sobre del detall de tragravemit per configurar el fil
drsquoAriadna En aquest exemple el portlet eacutes ldquofw_portlet_tramitrdquo
Escollirem el component de presentacioacute
1 Seleccionar el component de presentacioacute ldquoDetall de Contingut SACrdquo
En la configuracioacute del component realitzarem les accions seguumlents
1 Inserir el camp ldquoAgraveliesrdquo
2 Seleccionar el tipus de contingut ldquoDetall Tragravemitrdquo
1
95
3 Fer clic a la pestanya ldquoPresentacioacuterdquo i cercar la forma de presentacioacute
ldquofw_fp_sac_normativardquo
4 Fer clic al botoacute ldquoOKrdquo
Srsquoactualitzaragrave la pagravegina de VAP i es mostraragrave el detall de SAC
1
2
3
4
96
514 Validacioacute final de VAP
Finalment cal validar que els tragravemits es visualitzen correctament per a aixograve cal
1 Verificar que tenim els canals creats
2 Accedir al canal ldquoCanal Llistat tragravemitsrdquo i validar que es mostren els tragravemits
que hem associat al punt 22
1
97
A continuacioacute cal fer les comprovacions seguumlents
1 Accedir al detall del tragravemit compartit
2 Accedir al pas a pas del tragravemit i a la normativa de SAC
Exemple llistat de tragravemits compartits
2
1
98
Exemple detall de tragravemit compartit
Exemple pas a pas drsquoun tragravemit
2
2
99
Exemple normativa SAC
En el cas que no es visualitzin el llistat de tragravemits detall o pas a pas configurat
validar
1 Refrescar la Pagravegina
2 Els tragravemits estan associats al canal que esteacuten visualitzat punt 23
1 Refrescar la pagravegina
1
75
Apareixeragrave el contingut assignat al canal ldquoCanal Llistat tragravemitsrdquo
En entrar trobarem el llistat seguumlent
1 Llistat del tragravemits de lrsquoOVT que srsquohan compartit amb el canal ldquoCanal Llistat
tragravemitsrdquo
2 Validar que els continguts que apareixen soacuten del tipus ldquoTramitOVTrdquo
En cas que al canal del site ldquoCanal Llistat tragravemitsrdquo no apareguin els continguts
tragravemits associats anteriorment cal repetir el pas 22
1 2
76
5 Configuracioacute al portal
Ara cal entrar al nostre site on tenim configurat el canal que hem creat en lrsquoapartat
anterior (21) i que ara configurarem a nivell de portal
51 Configuracioacute a Canal Llistat tragravemits
511 Configuracioacute de la llista de tragravemits
Farem clic a lrsquoenllaccedil ldquoCanal llistat tragravemitsrdquo de la ldquoHomerdquo i anirem a parar a una
pantalla com la que es mostra meacutes avall
Es pot apreciar que en el contingut de la pagravegina no hi ha res Aixograve eacutes perquegrave cal
configurar els portlets adequats ( )
1 Ens situarem sobre la icona ldquoOpcions de Pagraveginardquo
2 Seleccionarem ldquoObrir Plantillardquo ja que els portlets soacuten a nivell de Page
Ens apareixeragrave una pantalla com la que es mostra tot seguit i realitzarem les accions
seguumlents
1 Seleccionar el portlet de la part central de la pagravegina per configurar una ldquoLlista
automagravetica de contingutsrdquo
2
1
77
Tambeacute podem configurar una ldquoLlista manual de contingutsrdquo segons les
necessitats de cada usuari
78
Ens redirigiragrave cap a un formulari drsquoedicioacute que ens mostraragrave directament quina consulta
hem de configurar per mostrar els continguts i configurarem una consulta com la
seguumlent (evidentment segons les necessitats de cada usuari)
Ara tenim configurat que la pagravegina mostraragrave els tipus de contingut ldquoTramitOVTrdquo del
canal actual ordenats per la ldquoEacutes on-linerdquo en ordre descendent
Aixograve ens portaragrave a la pantalla principal on acabarem de completar la configuracioacute
1 Validar que en lrsquoapartat ldquoConsultardquo hi ha la configuracioacute que acabem drsquoafegir
2 Emplenar ldquoAgraveliesrdquo
3 En lrsquoapartat Forma de presentacioacute fer clic al botoacute ldquoCercar helliprdquo
79
Ens apareixeragrave la pantalla seguumlent
1 Fer clic a ldquoNavegacioacute per projectesrdquo
1
2
3
80
Ens canviaragrave la vista al format seguumlent
1 Navegarem per les carpetes fins a arribar a ldquoFramework Formes de
presentacioacute Site generic fw_fp_llistatramitsrdquo
2 Seleccionarem ldquofw_fp_llistatramitsrdquo
3 Farem clic a ldquoOKrdquo
1
1
81
En retornar a la pantalla principal cal
1 Validar que la forma de presentacioacute eacutes la que acabem de seleccionar
2 Fer clic a ldquoOKrdquo
1 (continuacioacute) 2
3
82
1
2
83
Aquest seragrave el nostre resultat a la pantalla del portal i cal fer el seguumlent
1 Verificar que apareixen els dos continguts que es van associar a aquest canal
1
84
512 Configuracioacute del detall del tragravemit i el pas a pas
En fer clic sobre una activitat veurem com ens redirigeix a la plantilla configurada al
ldquodetallrdquo drsquoaquesta pagravegina tal com la vam configurar en lrsquoapartat 231 cal fer el
seguumlent
1 Fer clic a la primera activitat
1
85
Ens sortiragrave la pagravegina de VAP del detall drsquoun contingut per configurar farem els
passos seguumlents
1 Ens situarem sobre la icona ldquoOpcions de Pagraveginardquo
2 Seleccionar ldquoObrir Plantillardquo ja que els portlets soacuten a nivell de Page
Ens apareixeragrave una pantalla com la que es mostra tot seguit i realitzarem les accions
seguumlents
1 Seleccionar el portlet de la part central de la pagravegina per configurar un ldquoDetall
de contingutrdquo i fer clic a ldquoEditarrdquo
Ens apareixeragrave la pantalla de seleccioacute de component de presentacioacute
1 Seleccionarem el component de presentacioacute ldquoDetall de contingutrdquo
1
2
1
86
Ens apareixeragrave la pantalla que es mostra tot seguit i realitzarem les accions seguumlents
1 Emplenar el camp ldquoAgraveliesrdquo
2 Canviar a la pestanya ldquoPresentacioacuterdquo
En fer clic a la pestanya obtindrem la imatge que es mostra tot seguit i realitzarem les
accions seguumlents
1 Cercarem una forma de presentacioacute fent clic a ldquoCercar helliprdquo
1
2
87
Quan aparegui la pantalla de cercador realitzarem una cerca de la forma de
presentacioacute que volem fer servir per a aixograve cal fer el seguumlent
1 Emplenar la caixa de text amb ldquofw_fp_tramitrdquo
2 Preacutemer ldquoCercarrdquo
3 Seleccionar la forma de presentacioacute de la caixa de resultats
4 Preacutemer ldquoOKrdquo
La forma de presentacioacute ldquofw_fp_tramitrdquo estagrave preparada per ldquomaquillarrdquo el contingut
dels tragravemits Tambeacute es pot fer servir una forma de presentacioacute personalitzada
segons es cregui convenient
1
1
2
3
4
88
En acabar tornarem a la pagravegina principal drsquoedicioacute i farem el seguumlent
1 Verificar que la forma de presentacioacute eacutes la que hem escollit
2 Fer clic a ldquoOKrdquo
En finalitzar la configuracioacute del component de presentacioacute tornem a la pantalla del
portal i cal fer el seguumlent
1 Verificar que el disseny de la presentacioacute eacutes semblant al seguumlent
1
2
89
Configurarem el portlet superior central de la pagravegina perquegrave aquesta contingui el fil
drsquoAriadna
1 Accedir a ldquoObrir Plantillardquo
1 Editar el portlet central que hi ha a sobre del detall de tragravemit per configurar el fil
drsquoAriadna En aquest exemple el portlet eacutes ldquoFW_hilo_ariadnardquo
Escollirem el component de presentacioacute
1 Seleccionar el component de presentacioacute ldquoFil drsquoAriadnardquo
1
1
90
En la configuracioacute del component realitzarem les accions seguumlents
1 Inserir el camp ldquoAgraveliesrdquo
2 Inserir el camp ldquoCanalrdquo
3 Fer clic a la pestanya ldquoPresentacioacuterdquo i cercar la forma de presentacioacute
ldquofw_fp_filariadnardquo
1
91
513 Configuracioacute del detall drsquouna normativa SAC
En el detall de contingut configurat en el punt anterior fent clic sobre una normativa
veurem com ens redirigeix a la plantilla configurada al ldquodetall2rdquo drsquoaquesta pagravegina tal
com hem configurat a lrsquoapartat 231
1 Fer clic a la primera ldquoNormativa Aplicablerdquo
2
3
92
Aquest enllaccedil ens portaragrave al detall2 del canal on srsquoha de configurar el detall de
contingut SAC per tal que es mostri la normativa aplicable
Configurarem el portlet superior central de la pagravegina perquegrave aquesta contingui el fil
drsquoAriadna per a aixograve cal fer el seguumlent
1 Accedir a ldquoObrir Plantillardquo
1
93
1
94
1 Editar el portlet central que hi ha a sobre del detall de tragravemit per configurar el fil
drsquoAriadna En aquest exemple el portlet eacutes ldquofw_portlet_tramitrdquo
Escollirem el component de presentacioacute
1 Seleccionar el component de presentacioacute ldquoDetall de Contingut SACrdquo
En la configuracioacute del component realitzarem les accions seguumlents
1 Inserir el camp ldquoAgraveliesrdquo
2 Seleccionar el tipus de contingut ldquoDetall Tragravemitrdquo
1
95
3 Fer clic a la pestanya ldquoPresentacioacuterdquo i cercar la forma de presentacioacute
ldquofw_fp_sac_normativardquo
4 Fer clic al botoacute ldquoOKrdquo
Srsquoactualitzaragrave la pagravegina de VAP i es mostraragrave el detall de SAC
1
2
3
4
96
514 Validacioacute final de VAP
Finalment cal validar que els tragravemits es visualitzen correctament per a aixograve cal
1 Verificar que tenim els canals creats
2 Accedir al canal ldquoCanal Llistat tragravemitsrdquo i validar que es mostren els tragravemits
que hem associat al punt 22
1
97
A continuacioacute cal fer les comprovacions seguumlents
1 Accedir al detall del tragravemit compartit
2 Accedir al pas a pas del tragravemit i a la normativa de SAC
Exemple llistat de tragravemits compartits
2
1
98
Exemple detall de tragravemit compartit
Exemple pas a pas drsquoun tragravemit
2
2
99
Exemple normativa SAC
En el cas que no es visualitzin el llistat de tragravemits detall o pas a pas configurat
validar
1 Refrescar la Pagravegina
2 Els tragravemits estan associats al canal que esteacuten visualitzat punt 23
1 Refrescar la pagravegina
1
76
5 Configuracioacute al portal
Ara cal entrar al nostre site on tenim configurat el canal que hem creat en lrsquoapartat
anterior (21) i que ara configurarem a nivell de portal
51 Configuracioacute a Canal Llistat tragravemits
511 Configuracioacute de la llista de tragravemits
Farem clic a lrsquoenllaccedil ldquoCanal llistat tragravemitsrdquo de la ldquoHomerdquo i anirem a parar a una
pantalla com la que es mostra meacutes avall
Es pot apreciar que en el contingut de la pagravegina no hi ha res Aixograve eacutes perquegrave cal
configurar els portlets adequats ( )
1 Ens situarem sobre la icona ldquoOpcions de Pagraveginardquo
2 Seleccionarem ldquoObrir Plantillardquo ja que els portlets soacuten a nivell de Page
Ens apareixeragrave una pantalla com la que es mostra tot seguit i realitzarem les accions
seguumlents
1 Seleccionar el portlet de la part central de la pagravegina per configurar una ldquoLlista
automagravetica de contingutsrdquo
2
1
77
Tambeacute podem configurar una ldquoLlista manual de contingutsrdquo segons les
necessitats de cada usuari
78
Ens redirigiragrave cap a un formulari drsquoedicioacute que ens mostraragrave directament quina consulta
hem de configurar per mostrar els continguts i configurarem una consulta com la
seguumlent (evidentment segons les necessitats de cada usuari)
Ara tenim configurat que la pagravegina mostraragrave els tipus de contingut ldquoTramitOVTrdquo del
canal actual ordenats per la ldquoEacutes on-linerdquo en ordre descendent
Aixograve ens portaragrave a la pantalla principal on acabarem de completar la configuracioacute
1 Validar que en lrsquoapartat ldquoConsultardquo hi ha la configuracioacute que acabem drsquoafegir
2 Emplenar ldquoAgraveliesrdquo
3 En lrsquoapartat Forma de presentacioacute fer clic al botoacute ldquoCercar helliprdquo
79
Ens apareixeragrave la pantalla seguumlent
1 Fer clic a ldquoNavegacioacute per projectesrdquo
1
2
3
80
Ens canviaragrave la vista al format seguumlent
1 Navegarem per les carpetes fins a arribar a ldquoFramework Formes de
presentacioacute Site generic fw_fp_llistatramitsrdquo
2 Seleccionarem ldquofw_fp_llistatramitsrdquo
3 Farem clic a ldquoOKrdquo
1
1
81
En retornar a la pantalla principal cal
1 Validar que la forma de presentacioacute eacutes la que acabem de seleccionar
2 Fer clic a ldquoOKrdquo
1 (continuacioacute) 2
3
82
1
2
83
Aquest seragrave el nostre resultat a la pantalla del portal i cal fer el seguumlent
1 Verificar que apareixen els dos continguts que es van associar a aquest canal
1
84
512 Configuracioacute del detall del tragravemit i el pas a pas
En fer clic sobre una activitat veurem com ens redirigeix a la plantilla configurada al
ldquodetallrdquo drsquoaquesta pagravegina tal com la vam configurar en lrsquoapartat 231 cal fer el
seguumlent
1 Fer clic a la primera activitat
1
85
Ens sortiragrave la pagravegina de VAP del detall drsquoun contingut per configurar farem els
passos seguumlents
1 Ens situarem sobre la icona ldquoOpcions de Pagraveginardquo
2 Seleccionar ldquoObrir Plantillardquo ja que els portlets soacuten a nivell de Page
Ens apareixeragrave una pantalla com la que es mostra tot seguit i realitzarem les accions
seguumlents
1 Seleccionar el portlet de la part central de la pagravegina per configurar un ldquoDetall
de contingutrdquo i fer clic a ldquoEditarrdquo
Ens apareixeragrave la pantalla de seleccioacute de component de presentacioacute
1 Seleccionarem el component de presentacioacute ldquoDetall de contingutrdquo
1
2
1
86
Ens apareixeragrave la pantalla que es mostra tot seguit i realitzarem les accions seguumlents
1 Emplenar el camp ldquoAgraveliesrdquo
2 Canviar a la pestanya ldquoPresentacioacuterdquo
En fer clic a la pestanya obtindrem la imatge que es mostra tot seguit i realitzarem les
accions seguumlents
1 Cercarem una forma de presentacioacute fent clic a ldquoCercar helliprdquo
1
2
87
Quan aparegui la pantalla de cercador realitzarem una cerca de la forma de
presentacioacute que volem fer servir per a aixograve cal fer el seguumlent
1 Emplenar la caixa de text amb ldquofw_fp_tramitrdquo
2 Preacutemer ldquoCercarrdquo
3 Seleccionar la forma de presentacioacute de la caixa de resultats
4 Preacutemer ldquoOKrdquo
La forma de presentacioacute ldquofw_fp_tramitrdquo estagrave preparada per ldquomaquillarrdquo el contingut
dels tragravemits Tambeacute es pot fer servir una forma de presentacioacute personalitzada
segons es cregui convenient
1
1
2
3
4
88
En acabar tornarem a la pagravegina principal drsquoedicioacute i farem el seguumlent
1 Verificar que la forma de presentacioacute eacutes la que hem escollit
2 Fer clic a ldquoOKrdquo
En finalitzar la configuracioacute del component de presentacioacute tornem a la pantalla del
portal i cal fer el seguumlent
1 Verificar que el disseny de la presentacioacute eacutes semblant al seguumlent
1
2
89
Configurarem el portlet superior central de la pagravegina perquegrave aquesta contingui el fil
drsquoAriadna
1 Accedir a ldquoObrir Plantillardquo
1 Editar el portlet central que hi ha a sobre del detall de tragravemit per configurar el fil
drsquoAriadna En aquest exemple el portlet eacutes ldquoFW_hilo_ariadnardquo
Escollirem el component de presentacioacute
1 Seleccionar el component de presentacioacute ldquoFil drsquoAriadnardquo
1
1
90
En la configuracioacute del component realitzarem les accions seguumlents
1 Inserir el camp ldquoAgraveliesrdquo
2 Inserir el camp ldquoCanalrdquo
3 Fer clic a la pestanya ldquoPresentacioacuterdquo i cercar la forma de presentacioacute
ldquofw_fp_filariadnardquo
1
91
513 Configuracioacute del detall drsquouna normativa SAC
En el detall de contingut configurat en el punt anterior fent clic sobre una normativa
veurem com ens redirigeix a la plantilla configurada al ldquodetall2rdquo drsquoaquesta pagravegina tal
com hem configurat a lrsquoapartat 231
1 Fer clic a la primera ldquoNormativa Aplicablerdquo
2
3
92
Aquest enllaccedil ens portaragrave al detall2 del canal on srsquoha de configurar el detall de
contingut SAC per tal que es mostri la normativa aplicable
Configurarem el portlet superior central de la pagravegina perquegrave aquesta contingui el fil
drsquoAriadna per a aixograve cal fer el seguumlent
1 Accedir a ldquoObrir Plantillardquo
1
93
1
94
1 Editar el portlet central que hi ha a sobre del detall de tragravemit per configurar el fil
drsquoAriadna En aquest exemple el portlet eacutes ldquofw_portlet_tramitrdquo
Escollirem el component de presentacioacute
1 Seleccionar el component de presentacioacute ldquoDetall de Contingut SACrdquo
En la configuracioacute del component realitzarem les accions seguumlents
1 Inserir el camp ldquoAgraveliesrdquo
2 Seleccionar el tipus de contingut ldquoDetall Tragravemitrdquo
1
95
3 Fer clic a la pestanya ldquoPresentacioacuterdquo i cercar la forma de presentacioacute
ldquofw_fp_sac_normativardquo
4 Fer clic al botoacute ldquoOKrdquo
Srsquoactualitzaragrave la pagravegina de VAP i es mostraragrave el detall de SAC
1
2
3
4
96
514 Validacioacute final de VAP
Finalment cal validar que els tragravemits es visualitzen correctament per a aixograve cal
1 Verificar que tenim els canals creats
2 Accedir al canal ldquoCanal Llistat tragravemitsrdquo i validar que es mostren els tragravemits
que hem associat al punt 22
1
97
A continuacioacute cal fer les comprovacions seguumlents
1 Accedir al detall del tragravemit compartit
2 Accedir al pas a pas del tragravemit i a la normativa de SAC
Exemple llistat de tragravemits compartits
2
1
98
Exemple detall de tragravemit compartit
Exemple pas a pas drsquoun tragravemit
2
2
99
Exemple normativa SAC
En el cas que no es visualitzin el llistat de tragravemits detall o pas a pas configurat
validar
1 Refrescar la Pagravegina
2 Els tragravemits estan associats al canal que esteacuten visualitzat punt 23
1 Refrescar la pagravegina
1
77
Tambeacute podem configurar una ldquoLlista manual de contingutsrdquo segons les
necessitats de cada usuari
78
Ens redirigiragrave cap a un formulari drsquoedicioacute que ens mostraragrave directament quina consulta
hem de configurar per mostrar els continguts i configurarem una consulta com la
seguumlent (evidentment segons les necessitats de cada usuari)
Ara tenim configurat que la pagravegina mostraragrave els tipus de contingut ldquoTramitOVTrdquo del
canal actual ordenats per la ldquoEacutes on-linerdquo en ordre descendent
Aixograve ens portaragrave a la pantalla principal on acabarem de completar la configuracioacute
1 Validar que en lrsquoapartat ldquoConsultardquo hi ha la configuracioacute que acabem drsquoafegir
2 Emplenar ldquoAgraveliesrdquo
3 En lrsquoapartat Forma de presentacioacute fer clic al botoacute ldquoCercar helliprdquo
79
Ens apareixeragrave la pantalla seguumlent
1 Fer clic a ldquoNavegacioacute per projectesrdquo
1
2
3
80
Ens canviaragrave la vista al format seguumlent
1 Navegarem per les carpetes fins a arribar a ldquoFramework Formes de
presentacioacute Site generic fw_fp_llistatramitsrdquo
2 Seleccionarem ldquofw_fp_llistatramitsrdquo
3 Farem clic a ldquoOKrdquo
1
1
81
En retornar a la pantalla principal cal
1 Validar que la forma de presentacioacute eacutes la que acabem de seleccionar
2 Fer clic a ldquoOKrdquo
1 (continuacioacute) 2
3
82
1
2
83
Aquest seragrave el nostre resultat a la pantalla del portal i cal fer el seguumlent
1 Verificar que apareixen els dos continguts que es van associar a aquest canal
1
84
512 Configuracioacute del detall del tragravemit i el pas a pas
En fer clic sobre una activitat veurem com ens redirigeix a la plantilla configurada al
ldquodetallrdquo drsquoaquesta pagravegina tal com la vam configurar en lrsquoapartat 231 cal fer el
seguumlent
1 Fer clic a la primera activitat
1
85
Ens sortiragrave la pagravegina de VAP del detall drsquoun contingut per configurar farem els
passos seguumlents
1 Ens situarem sobre la icona ldquoOpcions de Pagraveginardquo
2 Seleccionar ldquoObrir Plantillardquo ja que els portlets soacuten a nivell de Page
Ens apareixeragrave una pantalla com la que es mostra tot seguit i realitzarem les accions
seguumlents
1 Seleccionar el portlet de la part central de la pagravegina per configurar un ldquoDetall
de contingutrdquo i fer clic a ldquoEditarrdquo
Ens apareixeragrave la pantalla de seleccioacute de component de presentacioacute
1 Seleccionarem el component de presentacioacute ldquoDetall de contingutrdquo
1
2
1
86
Ens apareixeragrave la pantalla que es mostra tot seguit i realitzarem les accions seguumlents
1 Emplenar el camp ldquoAgraveliesrdquo
2 Canviar a la pestanya ldquoPresentacioacuterdquo
En fer clic a la pestanya obtindrem la imatge que es mostra tot seguit i realitzarem les
accions seguumlents
1 Cercarem una forma de presentacioacute fent clic a ldquoCercar helliprdquo
1
2
87
Quan aparegui la pantalla de cercador realitzarem una cerca de la forma de
presentacioacute que volem fer servir per a aixograve cal fer el seguumlent
1 Emplenar la caixa de text amb ldquofw_fp_tramitrdquo
2 Preacutemer ldquoCercarrdquo
3 Seleccionar la forma de presentacioacute de la caixa de resultats
4 Preacutemer ldquoOKrdquo
La forma de presentacioacute ldquofw_fp_tramitrdquo estagrave preparada per ldquomaquillarrdquo el contingut
dels tragravemits Tambeacute es pot fer servir una forma de presentacioacute personalitzada
segons es cregui convenient
1
1
2
3
4
88
En acabar tornarem a la pagravegina principal drsquoedicioacute i farem el seguumlent
1 Verificar que la forma de presentacioacute eacutes la que hem escollit
2 Fer clic a ldquoOKrdquo
En finalitzar la configuracioacute del component de presentacioacute tornem a la pantalla del
portal i cal fer el seguumlent
1 Verificar que el disseny de la presentacioacute eacutes semblant al seguumlent
1
2
89
Configurarem el portlet superior central de la pagravegina perquegrave aquesta contingui el fil
drsquoAriadna
1 Accedir a ldquoObrir Plantillardquo
1 Editar el portlet central que hi ha a sobre del detall de tragravemit per configurar el fil
drsquoAriadna En aquest exemple el portlet eacutes ldquoFW_hilo_ariadnardquo
Escollirem el component de presentacioacute
1 Seleccionar el component de presentacioacute ldquoFil drsquoAriadnardquo
1
1
90
En la configuracioacute del component realitzarem les accions seguumlents
1 Inserir el camp ldquoAgraveliesrdquo
2 Inserir el camp ldquoCanalrdquo
3 Fer clic a la pestanya ldquoPresentacioacuterdquo i cercar la forma de presentacioacute
ldquofw_fp_filariadnardquo
1
91
513 Configuracioacute del detall drsquouna normativa SAC
En el detall de contingut configurat en el punt anterior fent clic sobre una normativa
veurem com ens redirigeix a la plantilla configurada al ldquodetall2rdquo drsquoaquesta pagravegina tal
com hem configurat a lrsquoapartat 231
1 Fer clic a la primera ldquoNormativa Aplicablerdquo
2
3
92
Aquest enllaccedil ens portaragrave al detall2 del canal on srsquoha de configurar el detall de
contingut SAC per tal que es mostri la normativa aplicable
Configurarem el portlet superior central de la pagravegina perquegrave aquesta contingui el fil
drsquoAriadna per a aixograve cal fer el seguumlent
1 Accedir a ldquoObrir Plantillardquo
1
93
1
94
1 Editar el portlet central que hi ha a sobre del detall de tragravemit per configurar el fil
drsquoAriadna En aquest exemple el portlet eacutes ldquofw_portlet_tramitrdquo
Escollirem el component de presentacioacute
1 Seleccionar el component de presentacioacute ldquoDetall de Contingut SACrdquo
En la configuracioacute del component realitzarem les accions seguumlents
1 Inserir el camp ldquoAgraveliesrdquo
2 Seleccionar el tipus de contingut ldquoDetall Tragravemitrdquo
1
95
3 Fer clic a la pestanya ldquoPresentacioacuterdquo i cercar la forma de presentacioacute
ldquofw_fp_sac_normativardquo
4 Fer clic al botoacute ldquoOKrdquo
Srsquoactualitzaragrave la pagravegina de VAP i es mostraragrave el detall de SAC
1
2
3
4
96
514 Validacioacute final de VAP
Finalment cal validar que els tragravemits es visualitzen correctament per a aixograve cal
1 Verificar que tenim els canals creats
2 Accedir al canal ldquoCanal Llistat tragravemitsrdquo i validar que es mostren els tragravemits
que hem associat al punt 22
1
97
A continuacioacute cal fer les comprovacions seguumlents
1 Accedir al detall del tragravemit compartit
2 Accedir al pas a pas del tragravemit i a la normativa de SAC
Exemple llistat de tragravemits compartits
2
1
98
Exemple detall de tragravemit compartit
Exemple pas a pas drsquoun tragravemit
2
2
99
Exemple normativa SAC
En el cas que no es visualitzin el llistat de tragravemits detall o pas a pas configurat
validar
1 Refrescar la Pagravegina
2 Els tragravemits estan associats al canal que esteacuten visualitzat punt 23
1 Refrescar la pagravegina
1
78
Ens redirigiragrave cap a un formulari drsquoedicioacute que ens mostraragrave directament quina consulta
hem de configurar per mostrar els continguts i configurarem una consulta com la
seguumlent (evidentment segons les necessitats de cada usuari)
Ara tenim configurat que la pagravegina mostraragrave els tipus de contingut ldquoTramitOVTrdquo del
canal actual ordenats per la ldquoEacutes on-linerdquo en ordre descendent
Aixograve ens portaragrave a la pantalla principal on acabarem de completar la configuracioacute
1 Validar que en lrsquoapartat ldquoConsultardquo hi ha la configuracioacute que acabem drsquoafegir
2 Emplenar ldquoAgraveliesrdquo
3 En lrsquoapartat Forma de presentacioacute fer clic al botoacute ldquoCercar helliprdquo
79
Ens apareixeragrave la pantalla seguumlent
1 Fer clic a ldquoNavegacioacute per projectesrdquo
1
2
3
80
Ens canviaragrave la vista al format seguumlent
1 Navegarem per les carpetes fins a arribar a ldquoFramework Formes de
presentacioacute Site generic fw_fp_llistatramitsrdquo
2 Seleccionarem ldquofw_fp_llistatramitsrdquo
3 Farem clic a ldquoOKrdquo
1
1
81
En retornar a la pantalla principal cal
1 Validar que la forma de presentacioacute eacutes la que acabem de seleccionar
2 Fer clic a ldquoOKrdquo
1 (continuacioacute) 2
3
82
1
2
83
Aquest seragrave el nostre resultat a la pantalla del portal i cal fer el seguumlent
1 Verificar que apareixen els dos continguts que es van associar a aquest canal
1
84
512 Configuracioacute del detall del tragravemit i el pas a pas
En fer clic sobre una activitat veurem com ens redirigeix a la plantilla configurada al
ldquodetallrdquo drsquoaquesta pagravegina tal com la vam configurar en lrsquoapartat 231 cal fer el
seguumlent
1 Fer clic a la primera activitat
1
85
Ens sortiragrave la pagravegina de VAP del detall drsquoun contingut per configurar farem els
passos seguumlents
1 Ens situarem sobre la icona ldquoOpcions de Pagraveginardquo
2 Seleccionar ldquoObrir Plantillardquo ja que els portlets soacuten a nivell de Page
Ens apareixeragrave una pantalla com la que es mostra tot seguit i realitzarem les accions
seguumlents
1 Seleccionar el portlet de la part central de la pagravegina per configurar un ldquoDetall
de contingutrdquo i fer clic a ldquoEditarrdquo
Ens apareixeragrave la pantalla de seleccioacute de component de presentacioacute
1 Seleccionarem el component de presentacioacute ldquoDetall de contingutrdquo
1
2
1
86
Ens apareixeragrave la pantalla que es mostra tot seguit i realitzarem les accions seguumlents
1 Emplenar el camp ldquoAgraveliesrdquo
2 Canviar a la pestanya ldquoPresentacioacuterdquo
En fer clic a la pestanya obtindrem la imatge que es mostra tot seguit i realitzarem les
accions seguumlents
1 Cercarem una forma de presentacioacute fent clic a ldquoCercar helliprdquo
1
2
87
Quan aparegui la pantalla de cercador realitzarem una cerca de la forma de
presentacioacute que volem fer servir per a aixograve cal fer el seguumlent
1 Emplenar la caixa de text amb ldquofw_fp_tramitrdquo
2 Preacutemer ldquoCercarrdquo
3 Seleccionar la forma de presentacioacute de la caixa de resultats
4 Preacutemer ldquoOKrdquo
La forma de presentacioacute ldquofw_fp_tramitrdquo estagrave preparada per ldquomaquillarrdquo el contingut
dels tragravemits Tambeacute es pot fer servir una forma de presentacioacute personalitzada
segons es cregui convenient
1
1
2
3
4
88
En acabar tornarem a la pagravegina principal drsquoedicioacute i farem el seguumlent
1 Verificar que la forma de presentacioacute eacutes la que hem escollit
2 Fer clic a ldquoOKrdquo
En finalitzar la configuracioacute del component de presentacioacute tornem a la pantalla del
portal i cal fer el seguumlent
1 Verificar que el disseny de la presentacioacute eacutes semblant al seguumlent
1
2
89
Configurarem el portlet superior central de la pagravegina perquegrave aquesta contingui el fil
drsquoAriadna
1 Accedir a ldquoObrir Plantillardquo
1 Editar el portlet central que hi ha a sobre del detall de tragravemit per configurar el fil
drsquoAriadna En aquest exemple el portlet eacutes ldquoFW_hilo_ariadnardquo
Escollirem el component de presentacioacute
1 Seleccionar el component de presentacioacute ldquoFil drsquoAriadnardquo
1
1
90
En la configuracioacute del component realitzarem les accions seguumlents
1 Inserir el camp ldquoAgraveliesrdquo
2 Inserir el camp ldquoCanalrdquo
3 Fer clic a la pestanya ldquoPresentacioacuterdquo i cercar la forma de presentacioacute
ldquofw_fp_filariadnardquo
1
91
513 Configuracioacute del detall drsquouna normativa SAC
En el detall de contingut configurat en el punt anterior fent clic sobre una normativa
veurem com ens redirigeix a la plantilla configurada al ldquodetall2rdquo drsquoaquesta pagravegina tal
com hem configurat a lrsquoapartat 231
1 Fer clic a la primera ldquoNormativa Aplicablerdquo
2
3
92
Aquest enllaccedil ens portaragrave al detall2 del canal on srsquoha de configurar el detall de
contingut SAC per tal que es mostri la normativa aplicable
Configurarem el portlet superior central de la pagravegina perquegrave aquesta contingui el fil
drsquoAriadna per a aixograve cal fer el seguumlent
1 Accedir a ldquoObrir Plantillardquo
1
93
1
94
1 Editar el portlet central que hi ha a sobre del detall de tragravemit per configurar el fil
drsquoAriadna En aquest exemple el portlet eacutes ldquofw_portlet_tramitrdquo
Escollirem el component de presentacioacute
1 Seleccionar el component de presentacioacute ldquoDetall de Contingut SACrdquo
En la configuracioacute del component realitzarem les accions seguumlents
1 Inserir el camp ldquoAgraveliesrdquo
2 Seleccionar el tipus de contingut ldquoDetall Tragravemitrdquo
1
95
3 Fer clic a la pestanya ldquoPresentacioacuterdquo i cercar la forma de presentacioacute
ldquofw_fp_sac_normativardquo
4 Fer clic al botoacute ldquoOKrdquo
Srsquoactualitzaragrave la pagravegina de VAP i es mostraragrave el detall de SAC
1
2
3
4
96
514 Validacioacute final de VAP
Finalment cal validar que els tragravemits es visualitzen correctament per a aixograve cal
1 Verificar que tenim els canals creats
2 Accedir al canal ldquoCanal Llistat tragravemitsrdquo i validar que es mostren els tragravemits
que hem associat al punt 22
1
97
A continuacioacute cal fer les comprovacions seguumlents
1 Accedir al detall del tragravemit compartit
2 Accedir al pas a pas del tragravemit i a la normativa de SAC
Exemple llistat de tragravemits compartits
2
1
98
Exemple detall de tragravemit compartit
Exemple pas a pas drsquoun tragravemit
2
2
99
Exemple normativa SAC
En el cas que no es visualitzin el llistat de tragravemits detall o pas a pas configurat
validar
1 Refrescar la Pagravegina
2 Els tragravemits estan associats al canal que esteacuten visualitzat punt 23
1 Refrescar la pagravegina
1
79
Ens apareixeragrave la pantalla seguumlent
1 Fer clic a ldquoNavegacioacute per projectesrdquo
1
2
3
80
Ens canviaragrave la vista al format seguumlent
1 Navegarem per les carpetes fins a arribar a ldquoFramework Formes de
presentacioacute Site generic fw_fp_llistatramitsrdquo
2 Seleccionarem ldquofw_fp_llistatramitsrdquo
3 Farem clic a ldquoOKrdquo
1
1
81
En retornar a la pantalla principal cal
1 Validar que la forma de presentacioacute eacutes la que acabem de seleccionar
2 Fer clic a ldquoOKrdquo
1 (continuacioacute) 2
3
82
1
2
83
Aquest seragrave el nostre resultat a la pantalla del portal i cal fer el seguumlent
1 Verificar que apareixen els dos continguts que es van associar a aquest canal
1
84
512 Configuracioacute del detall del tragravemit i el pas a pas
En fer clic sobre una activitat veurem com ens redirigeix a la plantilla configurada al
ldquodetallrdquo drsquoaquesta pagravegina tal com la vam configurar en lrsquoapartat 231 cal fer el
seguumlent
1 Fer clic a la primera activitat
1
85
Ens sortiragrave la pagravegina de VAP del detall drsquoun contingut per configurar farem els
passos seguumlents
1 Ens situarem sobre la icona ldquoOpcions de Pagraveginardquo
2 Seleccionar ldquoObrir Plantillardquo ja que els portlets soacuten a nivell de Page
Ens apareixeragrave una pantalla com la que es mostra tot seguit i realitzarem les accions
seguumlents
1 Seleccionar el portlet de la part central de la pagravegina per configurar un ldquoDetall
de contingutrdquo i fer clic a ldquoEditarrdquo
Ens apareixeragrave la pantalla de seleccioacute de component de presentacioacute
1 Seleccionarem el component de presentacioacute ldquoDetall de contingutrdquo
1
2
1
86
Ens apareixeragrave la pantalla que es mostra tot seguit i realitzarem les accions seguumlents
1 Emplenar el camp ldquoAgraveliesrdquo
2 Canviar a la pestanya ldquoPresentacioacuterdquo
En fer clic a la pestanya obtindrem la imatge que es mostra tot seguit i realitzarem les
accions seguumlents
1 Cercarem una forma de presentacioacute fent clic a ldquoCercar helliprdquo
1
2
87
Quan aparegui la pantalla de cercador realitzarem una cerca de la forma de
presentacioacute que volem fer servir per a aixograve cal fer el seguumlent
1 Emplenar la caixa de text amb ldquofw_fp_tramitrdquo
2 Preacutemer ldquoCercarrdquo
3 Seleccionar la forma de presentacioacute de la caixa de resultats
4 Preacutemer ldquoOKrdquo
La forma de presentacioacute ldquofw_fp_tramitrdquo estagrave preparada per ldquomaquillarrdquo el contingut
dels tragravemits Tambeacute es pot fer servir una forma de presentacioacute personalitzada
segons es cregui convenient
1
1
2
3
4
88
En acabar tornarem a la pagravegina principal drsquoedicioacute i farem el seguumlent
1 Verificar que la forma de presentacioacute eacutes la que hem escollit
2 Fer clic a ldquoOKrdquo
En finalitzar la configuracioacute del component de presentacioacute tornem a la pantalla del
portal i cal fer el seguumlent
1 Verificar que el disseny de la presentacioacute eacutes semblant al seguumlent
1
2
89
Configurarem el portlet superior central de la pagravegina perquegrave aquesta contingui el fil
drsquoAriadna
1 Accedir a ldquoObrir Plantillardquo
1 Editar el portlet central que hi ha a sobre del detall de tragravemit per configurar el fil
drsquoAriadna En aquest exemple el portlet eacutes ldquoFW_hilo_ariadnardquo
Escollirem el component de presentacioacute
1 Seleccionar el component de presentacioacute ldquoFil drsquoAriadnardquo
1
1
90
En la configuracioacute del component realitzarem les accions seguumlents
1 Inserir el camp ldquoAgraveliesrdquo
2 Inserir el camp ldquoCanalrdquo
3 Fer clic a la pestanya ldquoPresentacioacuterdquo i cercar la forma de presentacioacute
ldquofw_fp_filariadnardquo
1
91
513 Configuracioacute del detall drsquouna normativa SAC
En el detall de contingut configurat en el punt anterior fent clic sobre una normativa
veurem com ens redirigeix a la plantilla configurada al ldquodetall2rdquo drsquoaquesta pagravegina tal
com hem configurat a lrsquoapartat 231
1 Fer clic a la primera ldquoNormativa Aplicablerdquo
2
3
92
Aquest enllaccedil ens portaragrave al detall2 del canal on srsquoha de configurar el detall de
contingut SAC per tal que es mostri la normativa aplicable
Configurarem el portlet superior central de la pagravegina perquegrave aquesta contingui el fil
drsquoAriadna per a aixograve cal fer el seguumlent
1 Accedir a ldquoObrir Plantillardquo
1
93
1
94
1 Editar el portlet central que hi ha a sobre del detall de tragravemit per configurar el fil
drsquoAriadna En aquest exemple el portlet eacutes ldquofw_portlet_tramitrdquo
Escollirem el component de presentacioacute
1 Seleccionar el component de presentacioacute ldquoDetall de Contingut SACrdquo
En la configuracioacute del component realitzarem les accions seguumlents
1 Inserir el camp ldquoAgraveliesrdquo
2 Seleccionar el tipus de contingut ldquoDetall Tragravemitrdquo
1
95
3 Fer clic a la pestanya ldquoPresentacioacuterdquo i cercar la forma de presentacioacute
ldquofw_fp_sac_normativardquo
4 Fer clic al botoacute ldquoOKrdquo
Srsquoactualitzaragrave la pagravegina de VAP i es mostraragrave el detall de SAC
1
2
3
4
96
514 Validacioacute final de VAP
Finalment cal validar que els tragravemits es visualitzen correctament per a aixograve cal
1 Verificar que tenim els canals creats
2 Accedir al canal ldquoCanal Llistat tragravemitsrdquo i validar que es mostren els tragravemits
que hem associat al punt 22
1
97
A continuacioacute cal fer les comprovacions seguumlents
1 Accedir al detall del tragravemit compartit
2 Accedir al pas a pas del tragravemit i a la normativa de SAC
Exemple llistat de tragravemits compartits
2
1
98
Exemple detall de tragravemit compartit
Exemple pas a pas drsquoun tragravemit
2
2
99
Exemple normativa SAC
En el cas que no es visualitzin el llistat de tragravemits detall o pas a pas configurat
validar
1 Refrescar la Pagravegina
2 Els tragravemits estan associats al canal que esteacuten visualitzat punt 23
1 Refrescar la pagravegina
1
80
Ens canviaragrave la vista al format seguumlent
1 Navegarem per les carpetes fins a arribar a ldquoFramework Formes de
presentacioacute Site generic fw_fp_llistatramitsrdquo
2 Seleccionarem ldquofw_fp_llistatramitsrdquo
3 Farem clic a ldquoOKrdquo
1
1
81
En retornar a la pantalla principal cal
1 Validar que la forma de presentacioacute eacutes la que acabem de seleccionar
2 Fer clic a ldquoOKrdquo
1 (continuacioacute) 2
3
82
1
2
83
Aquest seragrave el nostre resultat a la pantalla del portal i cal fer el seguumlent
1 Verificar que apareixen els dos continguts que es van associar a aquest canal
1
84
512 Configuracioacute del detall del tragravemit i el pas a pas
En fer clic sobre una activitat veurem com ens redirigeix a la plantilla configurada al
ldquodetallrdquo drsquoaquesta pagravegina tal com la vam configurar en lrsquoapartat 231 cal fer el
seguumlent
1 Fer clic a la primera activitat
1
85
Ens sortiragrave la pagravegina de VAP del detall drsquoun contingut per configurar farem els
passos seguumlents
1 Ens situarem sobre la icona ldquoOpcions de Pagraveginardquo
2 Seleccionar ldquoObrir Plantillardquo ja que els portlets soacuten a nivell de Page
Ens apareixeragrave una pantalla com la que es mostra tot seguit i realitzarem les accions
seguumlents
1 Seleccionar el portlet de la part central de la pagravegina per configurar un ldquoDetall
de contingutrdquo i fer clic a ldquoEditarrdquo
Ens apareixeragrave la pantalla de seleccioacute de component de presentacioacute
1 Seleccionarem el component de presentacioacute ldquoDetall de contingutrdquo
1
2
1
86
Ens apareixeragrave la pantalla que es mostra tot seguit i realitzarem les accions seguumlents
1 Emplenar el camp ldquoAgraveliesrdquo
2 Canviar a la pestanya ldquoPresentacioacuterdquo
En fer clic a la pestanya obtindrem la imatge que es mostra tot seguit i realitzarem les
accions seguumlents
1 Cercarem una forma de presentacioacute fent clic a ldquoCercar helliprdquo
1
2
87
Quan aparegui la pantalla de cercador realitzarem una cerca de la forma de
presentacioacute que volem fer servir per a aixograve cal fer el seguumlent
1 Emplenar la caixa de text amb ldquofw_fp_tramitrdquo
2 Preacutemer ldquoCercarrdquo
3 Seleccionar la forma de presentacioacute de la caixa de resultats
4 Preacutemer ldquoOKrdquo
La forma de presentacioacute ldquofw_fp_tramitrdquo estagrave preparada per ldquomaquillarrdquo el contingut
dels tragravemits Tambeacute es pot fer servir una forma de presentacioacute personalitzada
segons es cregui convenient
1
1
2
3
4
88
En acabar tornarem a la pagravegina principal drsquoedicioacute i farem el seguumlent
1 Verificar que la forma de presentacioacute eacutes la que hem escollit
2 Fer clic a ldquoOKrdquo
En finalitzar la configuracioacute del component de presentacioacute tornem a la pantalla del
portal i cal fer el seguumlent
1 Verificar que el disseny de la presentacioacute eacutes semblant al seguumlent
1
2
89
Configurarem el portlet superior central de la pagravegina perquegrave aquesta contingui el fil
drsquoAriadna
1 Accedir a ldquoObrir Plantillardquo
1 Editar el portlet central que hi ha a sobre del detall de tragravemit per configurar el fil
drsquoAriadna En aquest exemple el portlet eacutes ldquoFW_hilo_ariadnardquo
Escollirem el component de presentacioacute
1 Seleccionar el component de presentacioacute ldquoFil drsquoAriadnardquo
1
1
90
En la configuracioacute del component realitzarem les accions seguumlents
1 Inserir el camp ldquoAgraveliesrdquo
2 Inserir el camp ldquoCanalrdquo
3 Fer clic a la pestanya ldquoPresentacioacuterdquo i cercar la forma de presentacioacute
ldquofw_fp_filariadnardquo
1
91
513 Configuracioacute del detall drsquouna normativa SAC
En el detall de contingut configurat en el punt anterior fent clic sobre una normativa
veurem com ens redirigeix a la plantilla configurada al ldquodetall2rdquo drsquoaquesta pagravegina tal
com hem configurat a lrsquoapartat 231
1 Fer clic a la primera ldquoNormativa Aplicablerdquo
2
3
92
Aquest enllaccedil ens portaragrave al detall2 del canal on srsquoha de configurar el detall de
contingut SAC per tal que es mostri la normativa aplicable
Configurarem el portlet superior central de la pagravegina perquegrave aquesta contingui el fil
drsquoAriadna per a aixograve cal fer el seguumlent
1 Accedir a ldquoObrir Plantillardquo
1
93
1
94
1 Editar el portlet central que hi ha a sobre del detall de tragravemit per configurar el fil
drsquoAriadna En aquest exemple el portlet eacutes ldquofw_portlet_tramitrdquo
Escollirem el component de presentacioacute
1 Seleccionar el component de presentacioacute ldquoDetall de Contingut SACrdquo
En la configuracioacute del component realitzarem les accions seguumlents
1 Inserir el camp ldquoAgraveliesrdquo
2 Seleccionar el tipus de contingut ldquoDetall Tragravemitrdquo
1
95
3 Fer clic a la pestanya ldquoPresentacioacuterdquo i cercar la forma de presentacioacute
ldquofw_fp_sac_normativardquo
4 Fer clic al botoacute ldquoOKrdquo
Srsquoactualitzaragrave la pagravegina de VAP i es mostraragrave el detall de SAC
1
2
3
4
96
514 Validacioacute final de VAP
Finalment cal validar que els tragravemits es visualitzen correctament per a aixograve cal
1 Verificar que tenim els canals creats
2 Accedir al canal ldquoCanal Llistat tragravemitsrdquo i validar que es mostren els tragravemits
que hem associat al punt 22
1
97
A continuacioacute cal fer les comprovacions seguumlents
1 Accedir al detall del tragravemit compartit
2 Accedir al pas a pas del tragravemit i a la normativa de SAC
Exemple llistat de tragravemits compartits
2
1
98
Exemple detall de tragravemit compartit
Exemple pas a pas drsquoun tragravemit
2
2
99
Exemple normativa SAC
En el cas que no es visualitzin el llistat de tragravemits detall o pas a pas configurat
validar
1 Refrescar la Pagravegina
2 Els tragravemits estan associats al canal que esteacuten visualitzat punt 23
1 Refrescar la pagravegina
1
81
En retornar a la pantalla principal cal
1 Validar que la forma de presentacioacute eacutes la que acabem de seleccionar
2 Fer clic a ldquoOKrdquo
1 (continuacioacute) 2
3
82
1
2
83
Aquest seragrave el nostre resultat a la pantalla del portal i cal fer el seguumlent
1 Verificar que apareixen els dos continguts que es van associar a aquest canal
1
84
512 Configuracioacute del detall del tragravemit i el pas a pas
En fer clic sobre una activitat veurem com ens redirigeix a la plantilla configurada al
ldquodetallrdquo drsquoaquesta pagravegina tal com la vam configurar en lrsquoapartat 231 cal fer el
seguumlent
1 Fer clic a la primera activitat
1
85
Ens sortiragrave la pagravegina de VAP del detall drsquoun contingut per configurar farem els
passos seguumlents
1 Ens situarem sobre la icona ldquoOpcions de Pagraveginardquo
2 Seleccionar ldquoObrir Plantillardquo ja que els portlets soacuten a nivell de Page
Ens apareixeragrave una pantalla com la que es mostra tot seguit i realitzarem les accions
seguumlents
1 Seleccionar el portlet de la part central de la pagravegina per configurar un ldquoDetall
de contingutrdquo i fer clic a ldquoEditarrdquo
Ens apareixeragrave la pantalla de seleccioacute de component de presentacioacute
1 Seleccionarem el component de presentacioacute ldquoDetall de contingutrdquo
1
2
1
86
Ens apareixeragrave la pantalla que es mostra tot seguit i realitzarem les accions seguumlents
1 Emplenar el camp ldquoAgraveliesrdquo
2 Canviar a la pestanya ldquoPresentacioacuterdquo
En fer clic a la pestanya obtindrem la imatge que es mostra tot seguit i realitzarem les
accions seguumlents
1 Cercarem una forma de presentacioacute fent clic a ldquoCercar helliprdquo
1
2
87
Quan aparegui la pantalla de cercador realitzarem una cerca de la forma de
presentacioacute que volem fer servir per a aixograve cal fer el seguumlent
1 Emplenar la caixa de text amb ldquofw_fp_tramitrdquo
2 Preacutemer ldquoCercarrdquo
3 Seleccionar la forma de presentacioacute de la caixa de resultats
4 Preacutemer ldquoOKrdquo
La forma de presentacioacute ldquofw_fp_tramitrdquo estagrave preparada per ldquomaquillarrdquo el contingut
dels tragravemits Tambeacute es pot fer servir una forma de presentacioacute personalitzada
segons es cregui convenient
1
1
2
3
4
88
En acabar tornarem a la pagravegina principal drsquoedicioacute i farem el seguumlent
1 Verificar que la forma de presentacioacute eacutes la que hem escollit
2 Fer clic a ldquoOKrdquo
En finalitzar la configuracioacute del component de presentacioacute tornem a la pantalla del
portal i cal fer el seguumlent
1 Verificar que el disseny de la presentacioacute eacutes semblant al seguumlent
1
2
89
Configurarem el portlet superior central de la pagravegina perquegrave aquesta contingui el fil
drsquoAriadna
1 Accedir a ldquoObrir Plantillardquo
1 Editar el portlet central que hi ha a sobre del detall de tragravemit per configurar el fil
drsquoAriadna En aquest exemple el portlet eacutes ldquoFW_hilo_ariadnardquo
Escollirem el component de presentacioacute
1 Seleccionar el component de presentacioacute ldquoFil drsquoAriadnardquo
1
1
90
En la configuracioacute del component realitzarem les accions seguumlents
1 Inserir el camp ldquoAgraveliesrdquo
2 Inserir el camp ldquoCanalrdquo
3 Fer clic a la pestanya ldquoPresentacioacuterdquo i cercar la forma de presentacioacute
ldquofw_fp_filariadnardquo
1
91
513 Configuracioacute del detall drsquouna normativa SAC
En el detall de contingut configurat en el punt anterior fent clic sobre una normativa
veurem com ens redirigeix a la plantilla configurada al ldquodetall2rdquo drsquoaquesta pagravegina tal
com hem configurat a lrsquoapartat 231
1 Fer clic a la primera ldquoNormativa Aplicablerdquo
2
3
92
Aquest enllaccedil ens portaragrave al detall2 del canal on srsquoha de configurar el detall de
contingut SAC per tal que es mostri la normativa aplicable
Configurarem el portlet superior central de la pagravegina perquegrave aquesta contingui el fil
drsquoAriadna per a aixograve cal fer el seguumlent
1 Accedir a ldquoObrir Plantillardquo
1
93
1
94
1 Editar el portlet central que hi ha a sobre del detall de tragravemit per configurar el fil
drsquoAriadna En aquest exemple el portlet eacutes ldquofw_portlet_tramitrdquo
Escollirem el component de presentacioacute
1 Seleccionar el component de presentacioacute ldquoDetall de Contingut SACrdquo
En la configuracioacute del component realitzarem les accions seguumlents
1 Inserir el camp ldquoAgraveliesrdquo
2 Seleccionar el tipus de contingut ldquoDetall Tragravemitrdquo
1
95
3 Fer clic a la pestanya ldquoPresentacioacuterdquo i cercar la forma de presentacioacute
ldquofw_fp_sac_normativardquo
4 Fer clic al botoacute ldquoOKrdquo
Srsquoactualitzaragrave la pagravegina de VAP i es mostraragrave el detall de SAC
1
2
3
4
96
514 Validacioacute final de VAP
Finalment cal validar que els tragravemits es visualitzen correctament per a aixograve cal
1 Verificar que tenim els canals creats
2 Accedir al canal ldquoCanal Llistat tragravemitsrdquo i validar que es mostren els tragravemits
que hem associat al punt 22
1
97
A continuacioacute cal fer les comprovacions seguumlents
1 Accedir al detall del tragravemit compartit
2 Accedir al pas a pas del tragravemit i a la normativa de SAC
Exemple llistat de tragravemits compartits
2
1
98
Exemple detall de tragravemit compartit
Exemple pas a pas drsquoun tragravemit
2
2
99
Exemple normativa SAC
En el cas que no es visualitzin el llistat de tragravemits detall o pas a pas configurat
validar
1 Refrescar la Pagravegina
2 Els tragravemits estan associats al canal que esteacuten visualitzat punt 23
1 Refrescar la pagravegina
1
82
1
2
83
Aquest seragrave el nostre resultat a la pantalla del portal i cal fer el seguumlent
1 Verificar que apareixen els dos continguts que es van associar a aquest canal
1
84
512 Configuracioacute del detall del tragravemit i el pas a pas
En fer clic sobre una activitat veurem com ens redirigeix a la plantilla configurada al
ldquodetallrdquo drsquoaquesta pagravegina tal com la vam configurar en lrsquoapartat 231 cal fer el
seguumlent
1 Fer clic a la primera activitat
1
85
Ens sortiragrave la pagravegina de VAP del detall drsquoun contingut per configurar farem els
passos seguumlents
1 Ens situarem sobre la icona ldquoOpcions de Pagraveginardquo
2 Seleccionar ldquoObrir Plantillardquo ja que els portlets soacuten a nivell de Page
Ens apareixeragrave una pantalla com la que es mostra tot seguit i realitzarem les accions
seguumlents
1 Seleccionar el portlet de la part central de la pagravegina per configurar un ldquoDetall
de contingutrdquo i fer clic a ldquoEditarrdquo
Ens apareixeragrave la pantalla de seleccioacute de component de presentacioacute
1 Seleccionarem el component de presentacioacute ldquoDetall de contingutrdquo
1
2
1
86
Ens apareixeragrave la pantalla que es mostra tot seguit i realitzarem les accions seguumlents
1 Emplenar el camp ldquoAgraveliesrdquo
2 Canviar a la pestanya ldquoPresentacioacuterdquo
En fer clic a la pestanya obtindrem la imatge que es mostra tot seguit i realitzarem les
accions seguumlents
1 Cercarem una forma de presentacioacute fent clic a ldquoCercar helliprdquo
1
2
87
Quan aparegui la pantalla de cercador realitzarem una cerca de la forma de
presentacioacute que volem fer servir per a aixograve cal fer el seguumlent
1 Emplenar la caixa de text amb ldquofw_fp_tramitrdquo
2 Preacutemer ldquoCercarrdquo
3 Seleccionar la forma de presentacioacute de la caixa de resultats
4 Preacutemer ldquoOKrdquo
La forma de presentacioacute ldquofw_fp_tramitrdquo estagrave preparada per ldquomaquillarrdquo el contingut
dels tragravemits Tambeacute es pot fer servir una forma de presentacioacute personalitzada
segons es cregui convenient
1
1
2
3
4
88
En acabar tornarem a la pagravegina principal drsquoedicioacute i farem el seguumlent
1 Verificar que la forma de presentacioacute eacutes la que hem escollit
2 Fer clic a ldquoOKrdquo
En finalitzar la configuracioacute del component de presentacioacute tornem a la pantalla del
portal i cal fer el seguumlent
1 Verificar que el disseny de la presentacioacute eacutes semblant al seguumlent
1
2
89
Configurarem el portlet superior central de la pagravegina perquegrave aquesta contingui el fil
drsquoAriadna
1 Accedir a ldquoObrir Plantillardquo
1 Editar el portlet central que hi ha a sobre del detall de tragravemit per configurar el fil
drsquoAriadna En aquest exemple el portlet eacutes ldquoFW_hilo_ariadnardquo
Escollirem el component de presentacioacute
1 Seleccionar el component de presentacioacute ldquoFil drsquoAriadnardquo
1
1
90
En la configuracioacute del component realitzarem les accions seguumlents
1 Inserir el camp ldquoAgraveliesrdquo
2 Inserir el camp ldquoCanalrdquo
3 Fer clic a la pestanya ldquoPresentacioacuterdquo i cercar la forma de presentacioacute
ldquofw_fp_filariadnardquo
1
91
513 Configuracioacute del detall drsquouna normativa SAC
En el detall de contingut configurat en el punt anterior fent clic sobre una normativa
veurem com ens redirigeix a la plantilla configurada al ldquodetall2rdquo drsquoaquesta pagravegina tal
com hem configurat a lrsquoapartat 231
1 Fer clic a la primera ldquoNormativa Aplicablerdquo
2
3
92
Aquest enllaccedil ens portaragrave al detall2 del canal on srsquoha de configurar el detall de
contingut SAC per tal que es mostri la normativa aplicable
Configurarem el portlet superior central de la pagravegina perquegrave aquesta contingui el fil
drsquoAriadna per a aixograve cal fer el seguumlent
1 Accedir a ldquoObrir Plantillardquo
1
93
1
94
1 Editar el portlet central que hi ha a sobre del detall de tragravemit per configurar el fil
drsquoAriadna En aquest exemple el portlet eacutes ldquofw_portlet_tramitrdquo
Escollirem el component de presentacioacute
1 Seleccionar el component de presentacioacute ldquoDetall de Contingut SACrdquo
En la configuracioacute del component realitzarem les accions seguumlents
1 Inserir el camp ldquoAgraveliesrdquo
2 Seleccionar el tipus de contingut ldquoDetall Tragravemitrdquo
1
95
3 Fer clic a la pestanya ldquoPresentacioacuterdquo i cercar la forma de presentacioacute
ldquofw_fp_sac_normativardquo
4 Fer clic al botoacute ldquoOKrdquo
Srsquoactualitzaragrave la pagravegina de VAP i es mostraragrave el detall de SAC
1
2
3
4
96
514 Validacioacute final de VAP
Finalment cal validar que els tragravemits es visualitzen correctament per a aixograve cal
1 Verificar que tenim els canals creats
2 Accedir al canal ldquoCanal Llistat tragravemitsrdquo i validar que es mostren els tragravemits
que hem associat al punt 22
1
97
A continuacioacute cal fer les comprovacions seguumlents
1 Accedir al detall del tragravemit compartit
2 Accedir al pas a pas del tragravemit i a la normativa de SAC
Exemple llistat de tragravemits compartits
2
1
98
Exemple detall de tragravemit compartit
Exemple pas a pas drsquoun tragravemit
2
2
99
Exemple normativa SAC
En el cas que no es visualitzin el llistat de tragravemits detall o pas a pas configurat
validar
1 Refrescar la Pagravegina
2 Els tragravemits estan associats al canal que esteacuten visualitzat punt 23
1 Refrescar la pagravegina
1
83
Aquest seragrave el nostre resultat a la pantalla del portal i cal fer el seguumlent
1 Verificar que apareixen els dos continguts que es van associar a aquest canal
1
84
512 Configuracioacute del detall del tragravemit i el pas a pas
En fer clic sobre una activitat veurem com ens redirigeix a la plantilla configurada al
ldquodetallrdquo drsquoaquesta pagravegina tal com la vam configurar en lrsquoapartat 231 cal fer el
seguumlent
1 Fer clic a la primera activitat
1
85
Ens sortiragrave la pagravegina de VAP del detall drsquoun contingut per configurar farem els
passos seguumlents
1 Ens situarem sobre la icona ldquoOpcions de Pagraveginardquo
2 Seleccionar ldquoObrir Plantillardquo ja que els portlets soacuten a nivell de Page
Ens apareixeragrave una pantalla com la que es mostra tot seguit i realitzarem les accions
seguumlents
1 Seleccionar el portlet de la part central de la pagravegina per configurar un ldquoDetall
de contingutrdquo i fer clic a ldquoEditarrdquo
Ens apareixeragrave la pantalla de seleccioacute de component de presentacioacute
1 Seleccionarem el component de presentacioacute ldquoDetall de contingutrdquo
1
2
1
86
Ens apareixeragrave la pantalla que es mostra tot seguit i realitzarem les accions seguumlents
1 Emplenar el camp ldquoAgraveliesrdquo
2 Canviar a la pestanya ldquoPresentacioacuterdquo
En fer clic a la pestanya obtindrem la imatge que es mostra tot seguit i realitzarem les
accions seguumlents
1 Cercarem una forma de presentacioacute fent clic a ldquoCercar helliprdquo
1
2
87
Quan aparegui la pantalla de cercador realitzarem una cerca de la forma de
presentacioacute que volem fer servir per a aixograve cal fer el seguumlent
1 Emplenar la caixa de text amb ldquofw_fp_tramitrdquo
2 Preacutemer ldquoCercarrdquo
3 Seleccionar la forma de presentacioacute de la caixa de resultats
4 Preacutemer ldquoOKrdquo
La forma de presentacioacute ldquofw_fp_tramitrdquo estagrave preparada per ldquomaquillarrdquo el contingut
dels tragravemits Tambeacute es pot fer servir una forma de presentacioacute personalitzada
segons es cregui convenient
1
1
2
3
4
88
En acabar tornarem a la pagravegina principal drsquoedicioacute i farem el seguumlent
1 Verificar que la forma de presentacioacute eacutes la que hem escollit
2 Fer clic a ldquoOKrdquo
En finalitzar la configuracioacute del component de presentacioacute tornem a la pantalla del
portal i cal fer el seguumlent
1 Verificar que el disseny de la presentacioacute eacutes semblant al seguumlent
1
2
89
Configurarem el portlet superior central de la pagravegina perquegrave aquesta contingui el fil
drsquoAriadna
1 Accedir a ldquoObrir Plantillardquo
1 Editar el portlet central que hi ha a sobre del detall de tragravemit per configurar el fil
drsquoAriadna En aquest exemple el portlet eacutes ldquoFW_hilo_ariadnardquo
Escollirem el component de presentacioacute
1 Seleccionar el component de presentacioacute ldquoFil drsquoAriadnardquo
1
1
90
En la configuracioacute del component realitzarem les accions seguumlents
1 Inserir el camp ldquoAgraveliesrdquo
2 Inserir el camp ldquoCanalrdquo
3 Fer clic a la pestanya ldquoPresentacioacuterdquo i cercar la forma de presentacioacute
ldquofw_fp_filariadnardquo
1
91
513 Configuracioacute del detall drsquouna normativa SAC
En el detall de contingut configurat en el punt anterior fent clic sobre una normativa
veurem com ens redirigeix a la plantilla configurada al ldquodetall2rdquo drsquoaquesta pagravegina tal
com hem configurat a lrsquoapartat 231
1 Fer clic a la primera ldquoNormativa Aplicablerdquo
2
3
92
Aquest enllaccedil ens portaragrave al detall2 del canal on srsquoha de configurar el detall de
contingut SAC per tal que es mostri la normativa aplicable
Configurarem el portlet superior central de la pagravegina perquegrave aquesta contingui el fil
drsquoAriadna per a aixograve cal fer el seguumlent
1 Accedir a ldquoObrir Plantillardquo
1
93
1
94
1 Editar el portlet central que hi ha a sobre del detall de tragravemit per configurar el fil
drsquoAriadna En aquest exemple el portlet eacutes ldquofw_portlet_tramitrdquo
Escollirem el component de presentacioacute
1 Seleccionar el component de presentacioacute ldquoDetall de Contingut SACrdquo
En la configuracioacute del component realitzarem les accions seguumlents
1 Inserir el camp ldquoAgraveliesrdquo
2 Seleccionar el tipus de contingut ldquoDetall Tragravemitrdquo
1
95
3 Fer clic a la pestanya ldquoPresentacioacuterdquo i cercar la forma de presentacioacute
ldquofw_fp_sac_normativardquo
4 Fer clic al botoacute ldquoOKrdquo
Srsquoactualitzaragrave la pagravegina de VAP i es mostraragrave el detall de SAC
1
2
3
4
96
514 Validacioacute final de VAP
Finalment cal validar que els tragravemits es visualitzen correctament per a aixograve cal
1 Verificar que tenim els canals creats
2 Accedir al canal ldquoCanal Llistat tragravemitsrdquo i validar que es mostren els tragravemits
que hem associat al punt 22
1
97
A continuacioacute cal fer les comprovacions seguumlents
1 Accedir al detall del tragravemit compartit
2 Accedir al pas a pas del tragravemit i a la normativa de SAC
Exemple llistat de tragravemits compartits
2
1
98
Exemple detall de tragravemit compartit
Exemple pas a pas drsquoun tragravemit
2
2
99
Exemple normativa SAC
En el cas que no es visualitzin el llistat de tragravemits detall o pas a pas configurat
validar
1 Refrescar la Pagravegina
2 Els tragravemits estan associats al canal que esteacuten visualitzat punt 23
1 Refrescar la pagravegina
1
84
512 Configuracioacute del detall del tragravemit i el pas a pas
En fer clic sobre una activitat veurem com ens redirigeix a la plantilla configurada al
ldquodetallrdquo drsquoaquesta pagravegina tal com la vam configurar en lrsquoapartat 231 cal fer el
seguumlent
1 Fer clic a la primera activitat
1
85
Ens sortiragrave la pagravegina de VAP del detall drsquoun contingut per configurar farem els
passos seguumlents
1 Ens situarem sobre la icona ldquoOpcions de Pagraveginardquo
2 Seleccionar ldquoObrir Plantillardquo ja que els portlets soacuten a nivell de Page
Ens apareixeragrave una pantalla com la que es mostra tot seguit i realitzarem les accions
seguumlents
1 Seleccionar el portlet de la part central de la pagravegina per configurar un ldquoDetall
de contingutrdquo i fer clic a ldquoEditarrdquo
Ens apareixeragrave la pantalla de seleccioacute de component de presentacioacute
1 Seleccionarem el component de presentacioacute ldquoDetall de contingutrdquo
1
2
1
86
Ens apareixeragrave la pantalla que es mostra tot seguit i realitzarem les accions seguumlents
1 Emplenar el camp ldquoAgraveliesrdquo
2 Canviar a la pestanya ldquoPresentacioacuterdquo
En fer clic a la pestanya obtindrem la imatge que es mostra tot seguit i realitzarem les
accions seguumlents
1 Cercarem una forma de presentacioacute fent clic a ldquoCercar helliprdquo
1
2
87
Quan aparegui la pantalla de cercador realitzarem una cerca de la forma de
presentacioacute que volem fer servir per a aixograve cal fer el seguumlent
1 Emplenar la caixa de text amb ldquofw_fp_tramitrdquo
2 Preacutemer ldquoCercarrdquo
3 Seleccionar la forma de presentacioacute de la caixa de resultats
4 Preacutemer ldquoOKrdquo
La forma de presentacioacute ldquofw_fp_tramitrdquo estagrave preparada per ldquomaquillarrdquo el contingut
dels tragravemits Tambeacute es pot fer servir una forma de presentacioacute personalitzada
segons es cregui convenient
1
1
2
3
4
88
En acabar tornarem a la pagravegina principal drsquoedicioacute i farem el seguumlent
1 Verificar que la forma de presentacioacute eacutes la que hem escollit
2 Fer clic a ldquoOKrdquo
En finalitzar la configuracioacute del component de presentacioacute tornem a la pantalla del
portal i cal fer el seguumlent
1 Verificar que el disseny de la presentacioacute eacutes semblant al seguumlent
1
2
89
Configurarem el portlet superior central de la pagravegina perquegrave aquesta contingui el fil
drsquoAriadna
1 Accedir a ldquoObrir Plantillardquo
1 Editar el portlet central que hi ha a sobre del detall de tragravemit per configurar el fil
drsquoAriadna En aquest exemple el portlet eacutes ldquoFW_hilo_ariadnardquo
Escollirem el component de presentacioacute
1 Seleccionar el component de presentacioacute ldquoFil drsquoAriadnardquo
1
1
90
En la configuracioacute del component realitzarem les accions seguumlents
1 Inserir el camp ldquoAgraveliesrdquo
2 Inserir el camp ldquoCanalrdquo
3 Fer clic a la pestanya ldquoPresentacioacuterdquo i cercar la forma de presentacioacute
ldquofw_fp_filariadnardquo
1
91
513 Configuracioacute del detall drsquouna normativa SAC
En el detall de contingut configurat en el punt anterior fent clic sobre una normativa
veurem com ens redirigeix a la plantilla configurada al ldquodetall2rdquo drsquoaquesta pagravegina tal
com hem configurat a lrsquoapartat 231
1 Fer clic a la primera ldquoNormativa Aplicablerdquo
2
3
92
Aquest enllaccedil ens portaragrave al detall2 del canal on srsquoha de configurar el detall de
contingut SAC per tal que es mostri la normativa aplicable
Configurarem el portlet superior central de la pagravegina perquegrave aquesta contingui el fil
drsquoAriadna per a aixograve cal fer el seguumlent
1 Accedir a ldquoObrir Plantillardquo
1
93
1
94
1 Editar el portlet central que hi ha a sobre del detall de tragravemit per configurar el fil
drsquoAriadna En aquest exemple el portlet eacutes ldquofw_portlet_tramitrdquo
Escollirem el component de presentacioacute
1 Seleccionar el component de presentacioacute ldquoDetall de Contingut SACrdquo
En la configuracioacute del component realitzarem les accions seguumlents
1 Inserir el camp ldquoAgraveliesrdquo
2 Seleccionar el tipus de contingut ldquoDetall Tragravemitrdquo
1
95
3 Fer clic a la pestanya ldquoPresentacioacuterdquo i cercar la forma de presentacioacute
ldquofw_fp_sac_normativardquo
4 Fer clic al botoacute ldquoOKrdquo
Srsquoactualitzaragrave la pagravegina de VAP i es mostraragrave el detall de SAC
1
2
3
4
96
514 Validacioacute final de VAP
Finalment cal validar que els tragravemits es visualitzen correctament per a aixograve cal
1 Verificar que tenim els canals creats
2 Accedir al canal ldquoCanal Llistat tragravemitsrdquo i validar que es mostren els tragravemits
que hem associat al punt 22
1
97
A continuacioacute cal fer les comprovacions seguumlents
1 Accedir al detall del tragravemit compartit
2 Accedir al pas a pas del tragravemit i a la normativa de SAC
Exemple llistat de tragravemits compartits
2
1
98
Exemple detall de tragravemit compartit
Exemple pas a pas drsquoun tragravemit
2
2
99
Exemple normativa SAC
En el cas que no es visualitzin el llistat de tragravemits detall o pas a pas configurat
validar
1 Refrescar la Pagravegina
2 Els tragravemits estan associats al canal que esteacuten visualitzat punt 23
1 Refrescar la pagravegina
1
85
Ens sortiragrave la pagravegina de VAP del detall drsquoun contingut per configurar farem els
passos seguumlents
1 Ens situarem sobre la icona ldquoOpcions de Pagraveginardquo
2 Seleccionar ldquoObrir Plantillardquo ja que els portlets soacuten a nivell de Page
Ens apareixeragrave una pantalla com la que es mostra tot seguit i realitzarem les accions
seguumlents
1 Seleccionar el portlet de la part central de la pagravegina per configurar un ldquoDetall
de contingutrdquo i fer clic a ldquoEditarrdquo
Ens apareixeragrave la pantalla de seleccioacute de component de presentacioacute
1 Seleccionarem el component de presentacioacute ldquoDetall de contingutrdquo
1
2
1
86
Ens apareixeragrave la pantalla que es mostra tot seguit i realitzarem les accions seguumlents
1 Emplenar el camp ldquoAgraveliesrdquo
2 Canviar a la pestanya ldquoPresentacioacuterdquo
En fer clic a la pestanya obtindrem la imatge que es mostra tot seguit i realitzarem les
accions seguumlents
1 Cercarem una forma de presentacioacute fent clic a ldquoCercar helliprdquo
1
2
87
Quan aparegui la pantalla de cercador realitzarem una cerca de la forma de
presentacioacute que volem fer servir per a aixograve cal fer el seguumlent
1 Emplenar la caixa de text amb ldquofw_fp_tramitrdquo
2 Preacutemer ldquoCercarrdquo
3 Seleccionar la forma de presentacioacute de la caixa de resultats
4 Preacutemer ldquoOKrdquo
La forma de presentacioacute ldquofw_fp_tramitrdquo estagrave preparada per ldquomaquillarrdquo el contingut
dels tragravemits Tambeacute es pot fer servir una forma de presentacioacute personalitzada
segons es cregui convenient
1
1
2
3
4
88
En acabar tornarem a la pagravegina principal drsquoedicioacute i farem el seguumlent
1 Verificar que la forma de presentacioacute eacutes la que hem escollit
2 Fer clic a ldquoOKrdquo
En finalitzar la configuracioacute del component de presentacioacute tornem a la pantalla del
portal i cal fer el seguumlent
1 Verificar que el disseny de la presentacioacute eacutes semblant al seguumlent
1
2
89
Configurarem el portlet superior central de la pagravegina perquegrave aquesta contingui el fil
drsquoAriadna
1 Accedir a ldquoObrir Plantillardquo
1 Editar el portlet central que hi ha a sobre del detall de tragravemit per configurar el fil
drsquoAriadna En aquest exemple el portlet eacutes ldquoFW_hilo_ariadnardquo
Escollirem el component de presentacioacute
1 Seleccionar el component de presentacioacute ldquoFil drsquoAriadnardquo
1
1
90
En la configuracioacute del component realitzarem les accions seguumlents
1 Inserir el camp ldquoAgraveliesrdquo
2 Inserir el camp ldquoCanalrdquo
3 Fer clic a la pestanya ldquoPresentacioacuterdquo i cercar la forma de presentacioacute
ldquofw_fp_filariadnardquo
1
91
513 Configuracioacute del detall drsquouna normativa SAC
En el detall de contingut configurat en el punt anterior fent clic sobre una normativa
veurem com ens redirigeix a la plantilla configurada al ldquodetall2rdquo drsquoaquesta pagravegina tal
com hem configurat a lrsquoapartat 231
1 Fer clic a la primera ldquoNormativa Aplicablerdquo
2
3
92
Aquest enllaccedil ens portaragrave al detall2 del canal on srsquoha de configurar el detall de
contingut SAC per tal que es mostri la normativa aplicable
Configurarem el portlet superior central de la pagravegina perquegrave aquesta contingui el fil
drsquoAriadna per a aixograve cal fer el seguumlent
1 Accedir a ldquoObrir Plantillardquo
1
93
1
94
1 Editar el portlet central que hi ha a sobre del detall de tragravemit per configurar el fil
drsquoAriadna En aquest exemple el portlet eacutes ldquofw_portlet_tramitrdquo
Escollirem el component de presentacioacute
1 Seleccionar el component de presentacioacute ldquoDetall de Contingut SACrdquo
En la configuracioacute del component realitzarem les accions seguumlents
1 Inserir el camp ldquoAgraveliesrdquo
2 Seleccionar el tipus de contingut ldquoDetall Tragravemitrdquo
1
95
3 Fer clic a la pestanya ldquoPresentacioacuterdquo i cercar la forma de presentacioacute
ldquofw_fp_sac_normativardquo
4 Fer clic al botoacute ldquoOKrdquo
Srsquoactualitzaragrave la pagravegina de VAP i es mostraragrave el detall de SAC
1
2
3
4
96
514 Validacioacute final de VAP
Finalment cal validar que els tragravemits es visualitzen correctament per a aixograve cal
1 Verificar que tenim els canals creats
2 Accedir al canal ldquoCanal Llistat tragravemitsrdquo i validar que es mostren els tragravemits
que hem associat al punt 22
1
97
A continuacioacute cal fer les comprovacions seguumlents
1 Accedir al detall del tragravemit compartit
2 Accedir al pas a pas del tragravemit i a la normativa de SAC
Exemple llistat de tragravemits compartits
2
1
98
Exemple detall de tragravemit compartit
Exemple pas a pas drsquoun tragravemit
2
2
99
Exemple normativa SAC
En el cas que no es visualitzin el llistat de tragravemits detall o pas a pas configurat
validar
1 Refrescar la Pagravegina
2 Els tragravemits estan associats al canal que esteacuten visualitzat punt 23
1 Refrescar la pagravegina
1
86
Ens apareixeragrave la pantalla que es mostra tot seguit i realitzarem les accions seguumlents
1 Emplenar el camp ldquoAgraveliesrdquo
2 Canviar a la pestanya ldquoPresentacioacuterdquo
En fer clic a la pestanya obtindrem la imatge que es mostra tot seguit i realitzarem les
accions seguumlents
1 Cercarem una forma de presentacioacute fent clic a ldquoCercar helliprdquo
1
2
87
Quan aparegui la pantalla de cercador realitzarem una cerca de la forma de
presentacioacute que volem fer servir per a aixograve cal fer el seguumlent
1 Emplenar la caixa de text amb ldquofw_fp_tramitrdquo
2 Preacutemer ldquoCercarrdquo
3 Seleccionar la forma de presentacioacute de la caixa de resultats
4 Preacutemer ldquoOKrdquo
La forma de presentacioacute ldquofw_fp_tramitrdquo estagrave preparada per ldquomaquillarrdquo el contingut
dels tragravemits Tambeacute es pot fer servir una forma de presentacioacute personalitzada
segons es cregui convenient
1
1
2
3
4
88
En acabar tornarem a la pagravegina principal drsquoedicioacute i farem el seguumlent
1 Verificar que la forma de presentacioacute eacutes la que hem escollit
2 Fer clic a ldquoOKrdquo
En finalitzar la configuracioacute del component de presentacioacute tornem a la pantalla del
portal i cal fer el seguumlent
1 Verificar que el disseny de la presentacioacute eacutes semblant al seguumlent
1
2
89
Configurarem el portlet superior central de la pagravegina perquegrave aquesta contingui el fil
drsquoAriadna
1 Accedir a ldquoObrir Plantillardquo
1 Editar el portlet central que hi ha a sobre del detall de tragravemit per configurar el fil
drsquoAriadna En aquest exemple el portlet eacutes ldquoFW_hilo_ariadnardquo
Escollirem el component de presentacioacute
1 Seleccionar el component de presentacioacute ldquoFil drsquoAriadnardquo
1
1
90
En la configuracioacute del component realitzarem les accions seguumlents
1 Inserir el camp ldquoAgraveliesrdquo
2 Inserir el camp ldquoCanalrdquo
3 Fer clic a la pestanya ldquoPresentacioacuterdquo i cercar la forma de presentacioacute
ldquofw_fp_filariadnardquo
1
91
513 Configuracioacute del detall drsquouna normativa SAC
En el detall de contingut configurat en el punt anterior fent clic sobre una normativa
veurem com ens redirigeix a la plantilla configurada al ldquodetall2rdquo drsquoaquesta pagravegina tal
com hem configurat a lrsquoapartat 231
1 Fer clic a la primera ldquoNormativa Aplicablerdquo
2
3
92
Aquest enllaccedil ens portaragrave al detall2 del canal on srsquoha de configurar el detall de
contingut SAC per tal que es mostri la normativa aplicable
Configurarem el portlet superior central de la pagravegina perquegrave aquesta contingui el fil
drsquoAriadna per a aixograve cal fer el seguumlent
1 Accedir a ldquoObrir Plantillardquo
1
93
1
94
1 Editar el portlet central que hi ha a sobre del detall de tragravemit per configurar el fil
drsquoAriadna En aquest exemple el portlet eacutes ldquofw_portlet_tramitrdquo
Escollirem el component de presentacioacute
1 Seleccionar el component de presentacioacute ldquoDetall de Contingut SACrdquo
En la configuracioacute del component realitzarem les accions seguumlents
1 Inserir el camp ldquoAgraveliesrdquo
2 Seleccionar el tipus de contingut ldquoDetall Tragravemitrdquo
1
95
3 Fer clic a la pestanya ldquoPresentacioacuterdquo i cercar la forma de presentacioacute
ldquofw_fp_sac_normativardquo
4 Fer clic al botoacute ldquoOKrdquo
Srsquoactualitzaragrave la pagravegina de VAP i es mostraragrave el detall de SAC
1
2
3
4
96
514 Validacioacute final de VAP
Finalment cal validar que els tragravemits es visualitzen correctament per a aixograve cal
1 Verificar que tenim els canals creats
2 Accedir al canal ldquoCanal Llistat tragravemitsrdquo i validar que es mostren els tragravemits
que hem associat al punt 22
1
97
A continuacioacute cal fer les comprovacions seguumlents
1 Accedir al detall del tragravemit compartit
2 Accedir al pas a pas del tragravemit i a la normativa de SAC
Exemple llistat de tragravemits compartits
2
1
98
Exemple detall de tragravemit compartit
Exemple pas a pas drsquoun tragravemit
2
2
99
Exemple normativa SAC
En el cas que no es visualitzin el llistat de tragravemits detall o pas a pas configurat
validar
1 Refrescar la Pagravegina
2 Els tragravemits estan associats al canal que esteacuten visualitzat punt 23
1 Refrescar la pagravegina
1
87
Quan aparegui la pantalla de cercador realitzarem una cerca de la forma de
presentacioacute que volem fer servir per a aixograve cal fer el seguumlent
1 Emplenar la caixa de text amb ldquofw_fp_tramitrdquo
2 Preacutemer ldquoCercarrdquo
3 Seleccionar la forma de presentacioacute de la caixa de resultats
4 Preacutemer ldquoOKrdquo
La forma de presentacioacute ldquofw_fp_tramitrdquo estagrave preparada per ldquomaquillarrdquo el contingut
dels tragravemits Tambeacute es pot fer servir una forma de presentacioacute personalitzada
segons es cregui convenient
1
1
2
3
4
88
En acabar tornarem a la pagravegina principal drsquoedicioacute i farem el seguumlent
1 Verificar que la forma de presentacioacute eacutes la que hem escollit
2 Fer clic a ldquoOKrdquo
En finalitzar la configuracioacute del component de presentacioacute tornem a la pantalla del
portal i cal fer el seguumlent
1 Verificar que el disseny de la presentacioacute eacutes semblant al seguumlent
1
2
89
Configurarem el portlet superior central de la pagravegina perquegrave aquesta contingui el fil
drsquoAriadna
1 Accedir a ldquoObrir Plantillardquo
1 Editar el portlet central que hi ha a sobre del detall de tragravemit per configurar el fil
drsquoAriadna En aquest exemple el portlet eacutes ldquoFW_hilo_ariadnardquo
Escollirem el component de presentacioacute
1 Seleccionar el component de presentacioacute ldquoFil drsquoAriadnardquo
1
1
90
En la configuracioacute del component realitzarem les accions seguumlents
1 Inserir el camp ldquoAgraveliesrdquo
2 Inserir el camp ldquoCanalrdquo
3 Fer clic a la pestanya ldquoPresentacioacuterdquo i cercar la forma de presentacioacute
ldquofw_fp_filariadnardquo
1
91
513 Configuracioacute del detall drsquouna normativa SAC
En el detall de contingut configurat en el punt anterior fent clic sobre una normativa
veurem com ens redirigeix a la plantilla configurada al ldquodetall2rdquo drsquoaquesta pagravegina tal
com hem configurat a lrsquoapartat 231
1 Fer clic a la primera ldquoNormativa Aplicablerdquo
2
3
92
Aquest enllaccedil ens portaragrave al detall2 del canal on srsquoha de configurar el detall de
contingut SAC per tal que es mostri la normativa aplicable
Configurarem el portlet superior central de la pagravegina perquegrave aquesta contingui el fil
drsquoAriadna per a aixograve cal fer el seguumlent
1 Accedir a ldquoObrir Plantillardquo
1
93
1
94
1 Editar el portlet central que hi ha a sobre del detall de tragravemit per configurar el fil
drsquoAriadna En aquest exemple el portlet eacutes ldquofw_portlet_tramitrdquo
Escollirem el component de presentacioacute
1 Seleccionar el component de presentacioacute ldquoDetall de Contingut SACrdquo
En la configuracioacute del component realitzarem les accions seguumlents
1 Inserir el camp ldquoAgraveliesrdquo
2 Seleccionar el tipus de contingut ldquoDetall Tragravemitrdquo
1
95
3 Fer clic a la pestanya ldquoPresentacioacuterdquo i cercar la forma de presentacioacute
ldquofw_fp_sac_normativardquo
4 Fer clic al botoacute ldquoOKrdquo
Srsquoactualitzaragrave la pagravegina de VAP i es mostraragrave el detall de SAC
1
2
3
4
96
514 Validacioacute final de VAP
Finalment cal validar que els tragravemits es visualitzen correctament per a aixograve cal
1 Verificar que tenim els canals creats
2 Accedir al canal ldquoCanal Llistat tragravemitsrdquo i validar que es mostren els tragravemits
que hem associat al punt 22
1
97
A continuacioacute cal fer les comprovacions seguumlents
1 Accedir al detall del tragravemit compartit
2 Accedir al pas a pas del tragravemit i a la normativa de SAC
Exemple llistat de tragravemits compartits
2
1
98
Exemple detall de tragravemit compartit
Exemple pas a pas drsquoun tragravemit
2
2
99
Exemple normativa SAC
En el cas que no es visualitzin el llistat de tragravemits detall o pas a pas configurat
validar
1 Refrescar la Pagravegina
2 Els tragravemits estan associats al canal que esteacuten visualitzat punt 23
1 Refrescar la pagravegina
1
88
En acabar tornarem a la pagravegina principal drsquoedicioacute i farem el seguumlent
1 Verificar que la forma de presentacioacute eacutes la que hem escollit
2 Fer clic a ldquoOKrdquo
En finalitzar la configuracioacute del component de presentacioacute tornem a la pantalla del
portal i cal fer el seguumlent
1 Verificar que el disseny de la presentacioacute eacutes semblant al seguumlent
1
2
89
Configurarem el portlet superior central de la pagravegina perquegrave aquesta contingui el fil
drsquoAriadna
1 Accedir a ldquoObrir Plantillardquo
1 Editar el portlet central que hi ha a sobre del detall de tragravemit per configurar el fil
drsquoAriadna En aquest exemple el portlet eacutes ldquoFW_hilo_ariadnardquo
Escollirem el component de presentacioacute
1 Seleccionar el component de presentacioacute ldquoFil drsquoAriadnardquo
1
1
90
En la configuracioacute del component realitzarem les accions seguumlents
1 Inserir el camp ldquoAgraveliesrdquo
2 Inserir el camp ldquoCanalrdquo
3 Fer clic a la pestanya ldquoPresentacioacuterdquo i cercar la forma de presentacioacute
ldquofw_fp_filariadnardquo
1
91
513 Configuracioacute del detall drsquouna normativa SAC
En el detall de contingut configurat en el punt anterior fent clic sobre una normativa
veurem com ens redirigeix a la plantilla configurada al ldquodetall2rdquo drsquoaquesta pagravegina tal
com hem configurat a lrsquoapartat 231
1 Fer clic a la primera ldquoNormativa Aplicablerdquo
2
3
92
Aquest enllaccedil ens portaragrave al detall2 del canal on srsquoha de configurar el detall de
contingut SAC per tal que es mostri la normativa aplicable
Configurarem el portlet superior central de la pagravegina perquegrave aquesta contingui el fil
drsquoAriadna per a aixograve cal fer el seguumlent
1 Accedir a ldquoObrir Plantillardquo
1
93
1
94
1 Editar el portlet central que hi ha a sobre del detall de tragravemit per configurar el fil
drsquoAriadna En aquest exemple el portlet eacutes ldquofw_portlet_tramitrdquo
Escollirem el component de presentacioacute
1 Seleccionar el component de presentacioacute ldquoDetall de Contingut SACrdquo
En la configuracioacute del component realitzarem les accions seguumlents
1 Inserir el camp ldquoAgraveliesrdquo
2 Seleccionar el tipus de contingut ldquoDetall Tragravemitrdquo
1
95
3 Fer clic a la pestanya ldquoPresentacioacuterdquo i cercar la forma de presentacioacute
ldquofw_fp_sac_normativardquo
4 Fer clic al botoacute ldquoOKrdquo
Srsquoactualitzaragrave la pagravegina de VAP i es mostraragrave el detall de SAC
1
2
3
4
96
514 Validacioacute final de VAP
Finalment cal validar que els tragravemits es visualitzen correctament per a aixograve cal
1 Verificar que tenim els canals creats
2 Accedir al canal ldquoCanal Llistat tragravemitsrdquo i validar que es mostren els tragravemits
que hem associat al punt 22
1
97
A continuacioacute cal fer les comprovacions seguumlents
1 Accedir al detall del tragravemit compartit
2 Accedir al pas a pas del tragravemit i a la normativa de SAC
Exemple llistat de tragravemits compartits
2
1
98
Exemple detall de tragravemit compartit
Exemple pas a pas drsquoun tragravemit
2
2
99
Exemple normativa SAC
En el cas que no es visualitzin el llistat de tragravemits detall o pas a pas configurat
validar
1 Refrescar la Pagravegina
2 Els tragravemits estan associats al canal que esteacuten visualitzat punt 23
1 Refrescar la pagravegina
1
89
Configurarem el portlet superior central de la pagravegina perquegrave aquesta contingui el fil
drsquoAriadna
1 Accedir a ldquoObrir Plantillardquo
1 Editar el portlet central que hi ha a sobre del detall de tragravemit per configurar el fil
drsquoAriadna En aquest exemple el portlet eacutes ldquoFW_hilo_ariadnardquo
Escollirem el component de presentacioacute
1 Seleccionar el component de presentacioacute ldquoFil drsquoAriadnardquo
1
1
90
En la configuracioacute del component realitzarem les accions seguumlents
1 Inserir el camp ldquoAgraveliesrdquo
2 Inserir el camp ldquoCanalrdquo
3 Fer clic a la pestanya ldquoPresentacioacuterdquo i cercar la forma de presentacioacute
ldquofw_fp_filariadnardquo
1
91
513 Configuracioacute del detall drsquouna normativa SAC
En el detall de contingut configurat en el punt anterior fent clic sobre una normativa
veurem com ens redirigeix a la plantilla configurada al ldquodetall2rdquo drsquoaquesta pagravegina tal
com hem configurat a lrsquoapartat 231
1 Fer clic a la primera ldquoNormativa Aplicablerdquo
2
3
92
Aquest enllaccedil ens portaragrave al detall2 del canal on srsquoha de configurar el detall de
contingut SAC per tal que es mostri la normativa aplicable
Configurarem el portlet superior central de la pagravegina perquegrave aquesta contingui el fil
drsquoAriadna per a aixograve cal fer el seguumlent
1 Accedir a ldquoObrir Plantillardquo
1
93
1
94
1 Editar el portlet central que hi ha a sobre del detall de tragravemit per configurar el fil
drsquoAriadna En aquest exemple el portlet eacutes ldquofw_portlet_tramitrdquo
Escollirem el component de presentacioacute
1 Seleccionar el component de presentacioacute ldquoDetall de Contingut SACrdquo
En la configuracioacute del component realitzarem les accions seguumlents
1 Inserir el camp ldquoAgraveliesrdquo
2 Seleccionar el tipus de contingut ldquoDetall Tragravemitrdquo
1
95
3 Fer clic a la pestanya ldquoPresentacioacuterdquo i cercar la forma de presentacioacute
ldquofw_fp_sac_normativardquo
4 Fer clic al botoacute ldquoOKrdquo
Srsquoactualitzaragrave la pagravegina de VAP i es mostraragrave el detall de SAC
1
2
3
4
96
514 Validacioacute final de VAP
Finalment cal validar que els tragravemits es visualitzen correctament per a aixograve cal
1 Verificar que tenim els canals creats
2 Accedir al canal ldquoCanal Llistat tragravemitsrdquo i validar que es mostren els tragravemits
que hem associat al punt 22
1
97
A continuacioacute cal fer les comprovacions seguumlents
1 Accedir al detall del tragravemit compartit
2 Accedir al pas a pas del tragravemit i a la normativa de SAC
Exemple llistat de tragravemits compartits
2
1
98
Exemple detall de tragravemit compartit
Exemple pas a pas drsquoun tragravemit
2
2
99
Exemple normativa SAC
En el cas que no es visualitzin el llistat de tragravemits detall o pas a pas configurat
validar
1 Refrescar la Pagravegina
2 Els tragravemits estan associats al canal que esteacuten visualitzat punt 23
1 Refrescar la pagravegina
1
90
En la configuracioacute del component realitzarem les accions seguumlents
1 Inserir el camp ldquoAgraveliesrdquo
2 Inserir el camp ldquoCanalrdquo
3 Fer clic a la pestanya ldquoPresentacioacuterdquo i cercar la forma de presentacioacute
ldquofw_fp_filariadnardquo
1
91
513 Configuracioacute del detall drsquouna normativa SAC
En el detall de contingut configurat en el punt anterior fent clic sobre una normativa
veurem com ens redirigeix a la plantilla configurada al ldquodetall2rdquo drsquoaquesta pagravegina tal
com hem configurat a lrsquoapartat 231
1 Fer clic a la primera ldquoNormativa Aplicablerdquo
2
3
92
Aquest enllaccedil ens portaragrave al detall2 del canal on srsquoha de configurar el detall de
contingut SAC per tal que es mostri la normativa aplicable
Configurarem el portlet superior central de la pagravegina perquegrave aquesta contingui el fil
drsquoAriadna per a aixograve cal fer el seguumlent
1 Accedir a ldquoObrir Plantillardquo
1
93
1
94
1 Editar el portlet central que hi ha a sobre del detall de tragravemit per configurar el fil
drsquoAriadna En aquest exemple el portlet eacutes ldquofw_portlet_tramitrdquo
Escollirem el component de presentacioacute
1 Seleccionar el component de presentacioacute ldquoDetall de Contingut SACrdquo
En la configuracioacute del component realitzarem les accions seguumlents
1 Inserir el camp ldquoAgraveliesrdquo
2 Seleccionar el tipus de contingut ldquoDetall Tragravemitrdquo
1
95
3 Fer clic a la pestanya ldquoPresentacioacuterdquo i cercar la forma de presentacioacute
ldquofw_fp_sac_normativardquo
4 Fer clic al botoacute ldquoOKrdquo
Srsquoactualitzaragrave la pagravegina de VAP i es mostraragrave el detall de SAC
1
2
3
4
96
514 Validacioacute final de VAP
Finalment cal validar que els tragravemits es visualitzen correctament per a aixograve cal
1 Verificar que tenim els canals creats
2 Accedir al canal ldquoCanal Llistat tragravemitsrdquo i validar que es mostren els tragravemits
que hem associat al punt 22
1
97
A continuacioacute cal fer les comprovacions seguumlents
1 Accedir al detall del tragravemit compartit
2 Accedir al pas a pas del tragravemit i a la normativa de SAC
Exemple llistat de tragravemits compartits
2
1
98
Exemple detall de tragravemit compartit
Exemple pas a pas drsquoun tragravemit
2
2
99
Exemple normativa SAC
En el cas que no es visualitzin el llistat de tragravemits detall o pas a pas configurat
validar
1 Refrescar la Pagravegina
2 Els tragravemits estan associats al canal que esteacuten visualitzat punt 23
1 Refrescar la pagravegina
1
91
513 Configuracioacute del detall drsquouna normativa SAC
En el detall de contingut configurat en el punt anterior fent clic sobre una normativa
veurem com ens redirigeix a la plantilla configurada al ldquodetall2rdquo drsquoaquesta pagravegina tal
com hem configurat a lrsquoapartat 231
1 Fer clic a la primera ldquoNormativa Aplicablerdquo
2
3
92
Aquest enllaccedil ens portaragrave al detall2 del canal on srsquoha de configurar el detall de
contingut SAC per tal que es mostri la normativa aplicable
Configurarem el portlet superior central de la pagravegina perquegrave aquesta contingui el fil
drsquoAriadna per a aixograve cal fer el seguumlent
1 Accedir a ldquoObrir Plantillardquo
1
93
1
94
1 Editar el portlet central que hi ha a sobre del detall de tragravemit per configurar el fil
drsquoAriadna En aquest exemple el portlet eacutes ldquofw_portlet_tramitrdquo
Escollirem el component de presentacioacute
1 Seleccionar el component de presentacioacute ldquoDetall de Contingut SACrdquo
En la configuracioacute del component realitzarem les accions seguumlents
1 Inserir el camp ldquoAgraveliesrdquo
2 Seleccionar el tipus de contingut ldquoDetall Tragravemitrdquo
1
95
3 Fer clic a la pestanya ldquoPresentacioacuterdquo i cercar la forma de presentacioacute
ldquofw_fp_sac_normativardquo
4 Fer clic al botoacute ldquoOKrdquo
Srsquoactualitzaragrave la pagravegina de VAP i es mostraragrave el detall de SAC
1
2
3
4
96
514 Validacioacute final de VAP
Finalment cal validar que els tragravemits es visualitzen correctament per a aixograve cal
1 Verificar que tenim els canals creats
2 Accedir al canal ldquoCanal Llistat tragravemitsrdquo i validar que es mostren els tragravemits
que hem associat al punt 22
1
97
A continuacioacute cal fer les comprovacions seguumlents
1 Accedir al detall del tragravemit compartit
2 Accedir al pas a pas del tragravemit i a la normativa de SAC
Exemple llistat de tragravemits compartits
2
1
98
Exemple detall de tragravemit compartit
Exemple pas a pas drsquoun tragravemit
2
2
99
Exemple normativa SAC
En el cas que no es visualitzin el llistat de tragravemits detall o pas a pas configurat
validar
1 Refrescar la Pagravegina
2 Els tragravemits estan associats al canal que esteacuten visualitzat punt 23
1 Refrescar la pagravegina
1
92
Aquest enllaccedil ens portaragrave al detall2 del canal on srsquoha de configurar el detall de
contingut SAC per tal que es mostri la normativa aplicable
Configurarem el portlet superior central de la pagravegina perquegrave aquesta contingui el fil
drsquoAriadna per a aixograve cal fer el seguumlent
1 Accedir a ldquoObrir Plantillardquo
1
93
1
94
1 Editar el portlet central que hi ha a sobre del detall de tragravemit per configurar el fil
drsquoAriadna En aquest exemple el portlet eacutes ldquofw_portlet_tramitrdquo
Escollirem el component de presentacioacute
1 Seleccionar el component de presentacioacute ldquoDetall de Contingut SACrdquo
En la configuracioacute del component realitzarem les accions seguumlents
1 Inserir el camp ldquoAgraveliesrdquo
2 Seleccionar el tipus de contingut ldquoDetall Tragravemitrdquo
1
95
3 Fer clic a la pestanya ldquoPresentacioacuterdquo i cercar la forma de presentacioacute
ldquofw_fp_sac_normativardquo
4 Fer clic al botoacute ldquoOKrdquo
Srsquoactualitzaragrave la pagravegina de VAP i es mostraragrave el detall de SAC
1
2
3
4
96
514 Validacioacute final de VAP
Finalment cal validar que els tragravemits es visualitzen correctament per a aixograve cal
1 Verificar que tenim els canals creats
2 Accedir al canal ldquoCanal Llistat tragravemitsrdquo i validar que es mostren els tragravemits
que hem associat al punt 22
1
97
A continuacioacute cal fer les comprovacions seguumlents
1 Accedir al detall del tragravemit compartit
2 Accedir al pas a pas del tragravemit i a la normativa de SAC
Exemple llistat de tragravemits compartits
2
1
98
Exemple detall de tragravemit compartit
Exemple pas a pas drsquoun tragravemit
2
2
99
Exemple normativa SAC
En el cas que no es visualitzin el llistat de tragravemits detall o pas a pas configurat
validar
1 Refrescar la Pagravegina
2 Els tragravemits estan associats al canal que esteacuten visualitzat punt 23
1 Refrescar la pagravegina
1
93
1
94
1 Editar el portlet central que hi ha a sobre del detall de tragravemit per configurar el fil
drsquoAriadna En aquest exemple el portlet eacutes ldquofw_portlet_tramitrdquo
Escollirem el component de presentacioacute
1 Seleccionar el component de presentacioacute ldquoDetall de Contingut SACrdquo
En la configuracioacute del component realitzarem les accions seguumlents
1 Inserir el camp ldquoAgraveliesrdquo
2 Seleccionar el tipus de contingut ldquoDetall Tragravemitrdquo
1
95
3 Fer clic a la pestanya ldquoPresentacioacuterdquo i cercar la forma de presentacioacute
ldquofw_fp_sac_normativardquo
4 Fer clic al botoacute ldquoOKrdquo
Srsquoactualitzaragrave la pagravegina de VAP i es mostraragrave el detall de SAC
1
2
3
4
96
514 Validacioacute final de VAP
Finalment cal validar que els tragravemits es visualitzen correctament per a aixograve cal
1 Verificar que tenim els canals creats
2 Accedir al canal ldquoCanal Llistat tragravemitsrdquo i validar que es mostren els tragravemits
que hem associat al punt 22
1
97
A continuacioacute cal fer les comprovacions seguumlents
1 Accedir al detall del tragravemit compartit
2 Accedir al pas a pas del tragravemit i a la normativa de SAC
Exemple llistat de tragravemits compartits
2
1
98
Exemple detall de tragravemit compartit
Exemple pas a pas drsquoun tragravemit
2
2
99
Exemple normativa SAC
En el cas que no es visualitzin el llistat de tragravemits detall o pas a pas configurat
validar
1 Refrescar la Pagravegina
2 Els tragravemits estan associats al canal que esteacuten visualitzat punt 23
1 Refrescar la pagravegina
1
94
1 Editar el portlet central que hi ha a sobre del detall de tragravemit per configurar el fil
drsquoAriadna En aquest exemple el portlet eacutes ldquofw_portlet_tramitrdquo
Escollirem el component de presentacioacute
1 Seleccionar el component de presentacioacute ldquoDetall de Contingut SACrdquo
En la configuracioacute del component realitzarem les accions seguumlents
1 Inserir el camp ldquoAgraveliesrdquo
2 Seleccionar el tipus de contingut ldquoDetall Tragravemitrdquo
1
95
3 Fer clic a la pestanya ldquoPresentacioacuterdquo i cercar la forma de presentacioacute
ldquofw_fp_sac_normativardquo
4 Fer clic al botoacute ldquoOKrdquo
Srsquoactualitzaragrave la pagravegina de VAP i es mostraragrave el detall de SAC
1
2
3
4
96
514 Validacioacute final de VAP
Finalment cal validar que els tragravemits es visualitzen correctament per a aixograve cal
1 Verificar que tenim els canals creats
2 Accedir al canal ldquoCanal Llistat tragravemitsrdquo i validar que es mostren els tragravemits
que hem associat al punt 22
1
97
A continuacioacute cal fer les comprovacions seguumlents
1 Accedir al detall del tragravemit compartit
2 Accedir al pas a pas del tragravemit i a la normativa de SAC
Exemple llistat de tragravemits compartits
2
1
98
Exemple detall de tragravemit compartit
Exemple pas a pas drsquoun tragravemit
2
2
99
Exemple normativa SAC
En el cas que no es visualitzin el llistat de tragravemits detall o pas a pas configurat
validar
1 Refrescar la Pagravegina
2 Els tragravemits estan associats al canal que esteacuten visualitzat punt 23
1 Refrescar la pagravegina
1
95
3 Fer clic a la pestanya ldquoPresentacioacuterdquo i cercar la forma de presentacioacute
ldquofw_fp_sac_normativardquo
4 Fer clic al botoacute ldquoOKrdquo
Srsquoactualitzaragrave la pagravegina de VAP i es mostraragrave el detall de SAC
1
2
3
4
96
514 Validacioacute final de VAP
Finalment cal validar que els tragravemits es visualitzen correctament per a aixograve cal
1 Verificar que tenim els canals creats
2 Accedir al canal ldquoCanal Llistat tragravemitsrdquo i validar que es mostren els tragravemits
que hem associat al punt 22
1
97
A continuacioacute cal fer les comprovacions seguumlents
1 Accedir al detall del tragravemit compartit
2 Accedir al pas a pas del tragravemit i a la normativa de SAC
Exemple llistat de tragravemits compartits
2
1
98
Exemple detall de tragravemit compartit
Exemple pas a pas drsquoun tragravemit
2
2
99
Exemple normativa SAC
En el cas que no es visualitzin el llistat de tragravemits detall o pas a pas configurat
validar
1 Refrescar la Pagravegina
2 Els tragravemits estan associats al canal que esteacuten visualitzat punt 23
1 Refrescar la pagravegina
1
96
514 Validacioacute final de VAP
Finalment cal validar que els tragravemits es visualitzen correctament per a aixograve cal
1 Verificar que tenim els canals creats
2 Accedir al canal ldquoCanal Llistat tragravemitsrdquo i validar que es mostren els tragravemits
que hem associat al punt 22
1
97
A continuacioacute cal fer les comprovacions seguumlents
1 Accedir al detall del tragravemit compartit
2 Accedir al pas a pas del tragravemit i a la normativa de SAC
Exemple llistat de tragravemits compartits
2
1
98
Exemple detall de tragravemit compartit
Exemple pas a pas drsquoun tragravemit
2
2
99
Exemple normativa SAC
En el cas que no es visualitzin el llistat de tragravemits detall o pas a pas configurat
validar
1 Refrescar la Pagravegina
2 Els tragravemits estan associats al canal que esteacuten visualitzat punt 23
1 Refrescar la pagravegina
1
97
A continuacioacute cal fer les comprovacions seguumlents
1 Accedir al detall del tragravemit compartit
2 Accedir al pas a pas del tragravemit i a la normativa de SAC
Exemple llistat de tragravemits compartits
2
1
98
Exemple detall de tragravemit compartit
Exemple pas a pas drsquoun tragravemit
2
2
99
Exemple normativa SAC
En el cas que no es visualitzin el llistat de tragravemits detall o pas a pas configurat
validar
1 Refrescar la Pagravegina
2 Els tragravemits estan associats al canal que esteacuten visualitzat punt 23
1 Refrescar la pagravegina
1
98
Exemple detall de tragravemit compartit
Exemple pas a pas drsquoun tragravemit
2
2
99
Exemple normativa SAC
En el cas que no es visualitzin el llistat de tragravemits detall o pas a pas configurat
validar
1 Refrescar la Pagravegina
2 Els tragravemits estan associats al canal que esteacuten visualitzat punt 23
1 Refrescar la pagravegina
1
99
Exemple normativa SAC
En el cas que no es visualitzin el llistat de tragravemits detall o pas a pas configurat
validar
1 Refrescar la Pagravegina
2 Els tragravemits estan associats al canal que esteacuten visualitzat punt 23
1 Refrescar la pagravegina
1