![Page 1: GESTOR DE CONTINGUTS ORACLE WEBCENTER SITES PER A … · •Quan enganxem contingut d’una font externa (web, editor de textos) cal netejar el text de codi HTML. •Copiar/enganxar](https://reader034.vdocumento.com/reader034/viewer/2022043010/5fa1b33b95e78a79233f823d/html5/thumbnails/1.jpg)
GESTOR DE CONTINGUTS ORACLE WEBCENTER SITES PER A EXTRANET
Sessions de formació
![Page 2: GESTOR DE CONTINGUTS ORACLE WEBCENTER SITES PER A … · •Quan enganxem contingut d’una font externa (web, editor de textos) cal netejar el text de codi HTML. •Copiar/enganxar](https://reader034.vdocumento.com/reader034/viewer/2022043010/5fa1b33b95e78a79233f823d/html5/thumbnails/2.jpg)
QUÈ ÉS UNA WEB – PROPÒSIT I CREACIÓ
“Conjunt de pàgines web que una organització, una empresa o una persona pública posa a disposició dels usuaris.“
2
![Page 3: GESTOR DE CONTINGUTS ORACLE WEBCENTER SITES PER A … · •Quan enganxem contingut d’una font externa (web, editor de textos) cal netejar el text de codi HTML. •Copiar/enganxar](https://reader034.vdocumento.com/reader034/viewer/2022043010/5fa1b33b95e78a79233f823d/html5/thumbnails/3.jpg)
PROCÉS DE CREACIÓ D’UNA WEB
1. Identificació dels objectius i propòsit de la web
3
2. Definició de l’arquitectura i wireframing
![Page 4: GESTOR DE CONTINGUTS ORACLE WEBCENTER SITES PER A … · •Quan enganxem contingut d’una font externa (web, editor de textos) cal netejar el text de codi HTML. •Copiar/enganxar](https://reader034.vdocumento.com/reader034/viewer/2022043010/5fa1b33b95e78a79233f823d/html5/thumbnails/4.jpg)
PROCÉS DE CREACIÓ D’UNA WEB
3. Disseny elements visuals
4
4. Desenvolupament
5. Proves
7. Manteniment
6. Llançament
![Page 5: GESTOR DE CONTINGUTS ORACLE WEBCENTER SITES PER A … · •Quan enganxem contingut d’una font externa (web, editor de textos) cal netejar el text de codi HTML. •Copiar/enganxar](https://reader034.vdocumento.com/reader034/viewer/2022043010/5fa1b33b95e78a79233f823d/html5/thumbnails/5.jpg)
REDACCIÓ PER AL WEB
Abans de començar a redactar...
5
Què vull explicar?
A quin públic m’adreço?
Què vull aconseguir?
![Page 6: GESTOR DE CONTINGUTS ORACLE WEBCENTER SITES PER A … · •Quan enganxem contingut d’una font externa (web, editor de textos) cal netejar el text de codi HTML. •Copiar/enganxar](https://reader034.vdocumento.com/reader034/viewer/2022043010/5fa1b33b95e78a79233f823d/html5/thumbnails/6.jpg)
REDACCIÓ PER AL WEB
• Menys és MÉS
6
Textos curts
Una idea per paràgraf
Estil directe
Llenguatge senzill
Titulars
• Contingut descriptiu
Títols descriptius
Prioritzar paraules clau
El més rellevant, primer
Títol dels enllaços
Evitar elements complementaris (taules, imatges amb text)
![Page 7: GESTOR DE CONTINGUTS ORACLE WEBCENTER SITES PER A … · •Quan enganxem contingut d’una font externa (web, editor de textos) cal netejar el text de codi HTML. •Copiar/enganxar](https://reader034.vdocumento.com/reader034/viewer/2022043010/5fa1b33b95e78a79233f823d/html5/thumbnails/7.jpg)
REDACCIÓ PER AL WEB
Revisió ortogràfica
Textos en altres idiomes
Ús no sexista del llenguatge
Nomenclatures
7
• Qualitat, no quantitat
![Page 8: GESTOR DE CONTINGUTS ORACLE WEBCENTER SITES PER A … · •Quan enganxem contingut d’una font externa (web, editor de textos) cal netejar el text de codi HTML. •Copiar/enganxar](https://reader034.vdocumento.com/reader034/viewer/2022043010/5fa1b33b95e78a79233f823d/html5/thumbnails/8.jpg)
IMATGE CORPORATIVA
8
![Page 9: GESTOR DE CONTINGUTS ORACLE WEBCENTER SITES PER A … · •Quan enganxem contingut d’una font externa (web, editor de textos) cal netejar el text de codi HTML. •Copiar/enganxar](https://reader034.vdocumento.com/reader034/viewer/2022043010/5fa1b33b95e78a79233f823d/html5/thumbnails/9.jpg)
IMATGE CORPORATIVA
9
![Page 10: GESTOR DE CONTINGUTS ORACLE WEBCENTER SITES PER A … · •Quan enganxem contingut d’una font externa (web, editor de textos) cal netejar el text de codi HTML. •Copiar/enganxar](https://reader034.vdocumento.com/reader034/viewer/2022043010/5fa1b33b95e78a79233f823d/html5/thumbnails/10.jpg)
IMATGE CORPORATIVA
10
![Page 11: GESTOR DE CONTINGUTS ORACLE WEBCENTER SITES PER A … · •Quan enganxem contingut d’una font externa (web, editor de textos) cal netejar el text de codi HTML. •Copiar/enganxar](https://reader034.vdocumento.com/reader034/viewer/2022043010/5fa1b33b95e78a79233f823d/html5/thumbnails/11.jpg)
GESTOR DE CONTINGUTS
11
Elaborar, publicar i actualitzar continguts.
![Page 12: GESTOR DE CONTINGUTS ORACLE WEBCENTER SITES PER A … · •Quan enganxem contingut d’una font externa (web, editor de textos) cal netejar el text de codi HTML. •Copiar/enganxar](https://reader034.vdocumento.com/reader034/viewer/2022043010/5fa1b33b95e78a79233f823d/html5/thumbnails/12.jpg)
GESTOR DE CONTINGUTS
12
![Page 13: GESTOR DE CONTINGUTS ORACLE WEBCENTER SITES PER A … · •Quan enganxem contingut d’una font externa (web, editor de textos) cal netejar el text de codi HTML. •Copiar/enganxar](https://reader034.vdocumento.com/reader034/viewer/2022043010/5fa1b33b95e78a79233f823d/html5/thumbnails/13.jpg)
CONEIXENT L’ECOSISTEMA ORACLE
L’ecosistema Oracle WCS resideix en tres mons connectats però separats entre ells.
13
Desenvolupament Edició (webedit) Producció (www)
![Page 14: GESTOR DE CONTINGUTS ORACLE WEBCENTER SITES PER A … · •Quan enganxem contingut d’una font externa (web, editor de textos) cal netejar el text de codi HTML. •Copiar/enganxar](https://reader034.vdocumento.com/reader034/viewer/2022043010/5fa1b33b95e78a79233f823d/html5/thumbnails/14.jpg)
CONEIXENT L’ECOSISTEMA ORACLE
Asset: Contingut que es publica a una pàgina (p.e. un enllaç o una imatge)
14
Atributs(camps)
Associacions
de contingut
Plantilla *(visualització)
ID únic
ASSET
Estat
![Page 15: GESTOR DE CONTINGUTS ORACLE WEBCENTER SITES PER A … · •Quan enganxem contingut d’una font externa (web, editor de textos) cal netejar el text de codi HTML. •Copiar/enganxar](https://reader034.vdocumento.com/reader034/viewer/2022043010/5fa1b33b95e78a79233f823d/html5/thumbnails/15.jpg)
CONEIXENT L’ECOSISTEMA ORACLE
• Enllaç
• Document
• Imatge
• Notícia
• Text genèric
• Agenda
• Col·lecció
• Multillenguatge
• Pàgina
• Menú dreta
15
Assets més comuns
![Page 16: GESTOR DE CONTINGUTS ORACLE WEBCENTER SITES PER A … · •Quan enganxem contingut d’una font externa (web, editor de textos) cal netejar el text de codi HTML. •Copiar/enganxar](https://reader034.vdocumento.com/reader034/viewer/2022043010/5fa1b33b95e78a79233f823d/html5/thumbnails/16.jpg)
UAB.CAT: PÀGINES I ELS SEUS ELEMENTS
Disseny modular a partir de plantilles.
16
![Page 18: GESTOR DE CONTINGUTS ORACLE WEBCENTER SITES PER A … · •Quan enganxem contingut d’una font externa (web, editor de textos) cal netejar el text de codi HTML. •Copiar/enganxar](https://reader034.vdocumento.com/reader034/viewer/2022043010/5fa1b33b95e78a79233f823d/html5/thumbnails/18.jpg)
18
Notícies
Actes
d’agenda
Vídeos
PORTADA
(HOME)
![Page 19: GESTOR DE CONTINGUTS ORACLE WEBCENTER SITES PER A … · •Quan enganxem contingut d’una font externa (web, editor de textos) cal netejar el text de codi HTML. •Copiar/enganxar](https://reader034.vdocumento.com/reader034/viewer/2022043010/5fa1b33b95e78a79233f823d/html5/thumbnails/19.jpg)
19
Enllaços
Textos genèrics
PORTADA
(HOME)
![Page 20: GESTOR DE CONTINGUTS ORACLE WEBCENTER SITES PER A … · •Quan enganxem contingut d’una font externa (web, editor de textos) cal netejar el text de codi HTML. •Copiar/enganxar](https://reader034.vdocumento.com/reader034/viewer/2022043010/5fa1b33b95e78a79233f823d/html5/thumbnails/20.jpg)
20
Col·leccions
PORTADA
(HOME)
![Page 21: GESTOR DE CONTINGUTS ORACLE WEBCENTER SITES PER A … · •Quan enganxem contingut d’una font externa (web, editor de textos) cal netejar el text de codi HTML. •Copiar/enganxar](https://reader034.vdocumento.com/reader034/viewer/2022043010/5fa1b33b95e78a79233f823d/html5/thumbnails/21.jpg)
21
CAPÇALERA
PRINCIPAL
O COS
PEU
PORTADA
(HOME)
![Page 23: GESTOR DE CONTINGUTS ORACLE WEBCENTER SITES PER A … · •Quan enganxem contingut d’una font externa (web, editor de textos) cal netejar el text de codi HTML. •Copiar/enganxar](https://reader034.vdocumento.com/reader034/viewer/2022043010/5fa1b33b95e78a79233f823d/html5/thumbnails/23.jpg)
23
SEMIPORTADA
Imatges
Avisos
![Page 24: GESTOR DE CONTINGUTS ORACLE WEBCENTER SITES PER A … · •Quan enganxem contingut d’una font externa (web, editor de textos) cal netejar el text de codi HTML. •Copiar/enganxar](https://reader034.vdocumento.com/reader034/viewer/2022043010/5fa1b33b95e78a79233f823d/html5/thumbnails/24.jpg)
24
SEMIPORTADA
Enllaços
Imatges
Avisos
![Page 25: GESTOR DE CONTINGUTS ORACLE WEBCENTER SITES PER A … · •Quan enganxem contingut d’una font externa (web, editor de textos) cal netejar el text de codi HTML. •Copiar/enganxar](https://reader034.vdocumento.com/reader034/viewer/2022043010/5fa1b33b95e78a79233f823d/html5/thumbnails/25.jpg)
25
SEMIPORTADA
Textos genèrics
![Page 26: GESTOR DE CONTINGUTS ORACLE WEBCENTER SITES PER A … · •Quan enganxem contingut d’una font externa (web, editor de textos) cal netejar el text de codi HTML. •Copiar/enganxar](https://reader034.vdocumento.com/reader034/viewer/2022043010/5fa1b33b95e78a79233f823d/html5/thumbnails/26.jpg)
26
SEMIPORTADA
Col·leccions
![Page 27: GESTOR DE CONTINGUTS ORACLE WEBCENTER SITES PER A … · •Quan enganxem contingut d’una font externa (web, editor de textos) cal netejar el text de codi HTML. •Copiar/enganxar](https://reader034.vdocumento.com/reader034/viewer/2022043010/5fa1b33b95e78a79233f823d/html5/thumbnails/27.jpg)
27
SEMIPORTADACAPÇALERA
PRINCIPAL
O COS
PEU
![Page 29: GESTOR DE CONTINGUTS ORACLE WEBCENTER SITES PER A … · •Quan enganxem contingut d’una font externa (web, editor de textos) cal netejar el text de codi HTML. •Copiar/enganxar](https://reader034.vdocumento.com/reader034/viewer/2022043010/5fa1b33b95e78a79233f823d/html5/thumbnails/29.jpg)
29
PÀGINA
INTERIOR
Enllaços
Imatges
![Page 30: GESTOR DE CONTINGUTS ORACLE WEBCENTER SITES PER A … · •Quan enganxem contingut d’una font externa (web, editor de textos) cal netejar el text de codi HTML. •Copiar/enganxar](https://reader034.vdocumento.com/reader034/viewer/2022043010/5fa1b33b95e78a79233f823d/html5/thumbnails/30.jpg)
30
PÀGINA
INTERIOR
Textos genèrics
![Page 31: GESTOR DE CONTINGUTS ORACLE WEBCENTER SITES PER A … · •Quan enganxem contingut d’una font externa (web, editor de textos) cal netejar el text de codi HTML. •Copiar/enganxar](https://reader034.vdocumento.com/reader034/viewer/2022043010/5fa1b33b95e78a79233f823d/html5/thumbnails/31.jpg)
31
PÀGINA
INTERIOR
Col·leccions
![Page 32: GESTOR DE CONTINGUTS ORACLE WEBCENTER SITES PER A … · •Quan enganxem contingut d’una font externa (web, editor de textos) cal netejar el text de codi HTML. •Copiar/enganxar](https://reader034.vdocumento.com/reader034/viewer/2022043010/5fa1b33b95e78a79233f823d/html5/thumbnails/32.jpg)
32
PÀGINA
INTERIOR
Breadcrumbs
Menú esquerre
Contingut central
Menú dreta
![Page 33: GESTOR DE CONTINGUTS ORACLE WEBCENTER SITES PER A … · •Quan enganxem contingut d’una font externa (web, editor de textos) cal netejar el text de codi HTML. •Copiar/enganxar](https://reader034.vdocumento.com/reader034/viewer/2022043010/5fa1b33b95e78a79233f823d/html5/thumbnails/33.jpg)
33
PÀGINA
INTERIORCAPÇALERA
PRINCIPAL
O COS
PEU
![Page 35: GESTOR DE CONTINGUTS ORACLE WEBCENTER SITES PER A … · •Quan enganxem contingut d’una font externa (web, editor de textos) cal netejar el text de codi HTML. •Copiar/enganxar](https://reader034.vdocumento.com/reader034/viewer/2022043010/5fa1b33b95e78a79233f823d/html5/thumbnails/35.jpg)
INTERFÍCIE DE TREBALL
35
Barra de menú superior
Panell lateral
Zona de continguts
![Page 36: GESTOR DE CONTINGUTS ORACLE WEBCENTER SITES PER A … · •Quan enganxem contingut d’una font externa (web, editor de textos) cal netejar el text de codi HTML. •Copiar/enganxar](https://reader034.vdocumento.com/reader034/viewer/2022043010/5fa1b33b95e78a79233f823d/html5/thumbnails/36.jpg)
INTERFÍCIE DE TREBALLBARRA DE MENÚ SUPERIOR
36
Perfil d’usuari
Menú principalOcultar barra superior
Selector de site
Desconnexió
![Page 37: GESTOR DE CONTINGUTS ORACLE WEBCENTER SITES PER A … · •Quan enganxem contingut d’una font externa (web, editor de textos) cal netejar el text de codi HTML. •Copiar/enganxar](https://reader034.vdocumento.com/reader034/viewer/2022043010/5fa1b33b95e78a79233f823d/html5/thumbnails/37.jpg)
INTERFÍCIE DE TREBALLBARRA DE MENÚ SUPERIOR
37
![Page 38: GESTOR DE CONTINGUTS ORACLE WEBCENTER SITES PER A … · •Quan enganxem contingut d’una font externa (web, editor de textos) cal netejar el text de codi HTML. •Copiar/enganxar](https://reader034.vdocumento.com/reader034/viewer/2022043010/5fa1b33b95e78a79233f823d/html5/thumbnails/38.jpg)
INTERFÍCIE DE TREBALLBARRA DE MENÚ SUPERIOR
38
![Page 39: GESTOR DE CONTINGUTS ORACLE WEBCENTER SITES PER A … · •Quan enganxem contingut d’una font externa (web, editor de textos) cal netejar el text de codi HTML. •Copiar/enganxar](https://reader034.vdocumento.com/reader034/viewer/2022043010/5fa1b33b95e78a79233f823d/html5/thumbnails/39.jpg)
INTERFÍCIE DE TREBALLBARRA DE MENÚ SUPERIOR
39
![Page 40: GESTOR DE CONTINGUTS ORACLE WEBCENTER SITES PER A … · •Quan enganxem contingut d’una font externa (web, editor de textos) cal netejar el text de codi HTML. •Copiar/enganxar](https://reader034.vdocumento.com/reader034/viewer/2022043010/5fa1b33b95e78a79233f823d/html5/thumbnails/40.jpg)
INTERFÍCIE DE TREBALLPANELL LATERAL
40
Navegació gràfica per l’estructura de pàgines del site
Pàgines que actualment no es troben col·locades a l’arbre del site
![Page 41: GESTOR DE CONTINGUTS ORACLE WEBCENTER SITES PER A … · •Quan enganxem contingut d’una font externa (web, editor de textos) cal netejar el text de codi HTML. •Copiar/enganxar](https://reader034.vdocumento.com/reader034/viewer/2022043010/5fa1b33b95e78a79233f823d/html5/thumbnails/41.jpg)
INTERFÍCIE DE TREBALLPANELL LATERAL
41
Generat a partir dels assets que consultem durant la mateixa sessió
Confeccionat a mida que anem marcant com a favorits els assets més freqüents
![Page 42: GESTOR DE CONTINGUTS ORACLE WEBCENTER SITES PER A … · •Quan enganxem contingut d’una font externa (web, editor de textos) cal netejar el text de codi HTML. •Copiar/enganxar](https://reader034.vdocumento.com/reader034/viewer/2022043010/5fa1b33b95e78a79233f823d/html5/thumbnails/42.jpg)
INTERFÍCIE DE TREBALLZONA DE CONTINGUTS
42
Pestanyes de treball Cercador d’assets
Barra d’acció
Zona principal
de treball
![Page 43: GESTOR DE CONTINGUTS ORACLE WEBCENTER SITES PER A … · •Quan enganxem contingut d’una font externa (web, editor de textos) cal netejar el text de codi HTML. •Copiar/enganxar](https://reader034.vdocumento.com/reader034/viewer/2022043010/5fa1b33b95e78a79233f823d/html5/thumbnails/43.jpg)
INTERFÍCIE DE TREBALLZONA DE CONTINGUTS
43
![Page 44: GESTOR DE CONTINGUTS ORACLE WEBCENTER SITES PER A … · •Quan enganxem contingut d’una font externa (web, editor de textos) cal netejar el text de codi HTML. •Copiar/enganxar](https://reader034.vdocumento.com/reader034/viewer/2022043010/5fa1b33b95e78a79233f823d/html5/thumbnails/44.jpg)
INTERFÍCIE DE TREBALL
• Cada lloc web al sistema correspon a un site a Oracle.
• L’accés és individual per usuariamb uns determinants permisos.
• Un usuari només té accés alssites als quals ha estat donatd’alta.
• Cal previsualitzar tots els canvis a l’entorn d’edició WEBEDIT abans de publicar contingut.
• Normalment es fa als assets pàgina.
Obrir vista prèvia
Menú Ver > Vista prèvia a nova finestra
44
![Page 45: GESTOR DE CONTINGUTS ORACLE WEBCENTER SITES PER A … · •Quan enganxem contingut d’una font externa (web, editor de textos) cal netejar el text de codi HTML. •Copiar/enganxar](https://reader034.vdocumento.com/reader034/viewer/2022043010/5fa1b33b95e78a79233f823d/html5/thumbnails/45.jpg)
FLUXE DE TREBALL D’EDICIÓ
Accés a
Oracle
Creació
asset
Edició
asset
Formulari
asset
Previsualització
a webedit
Visualització
correcta?
NOSIPublicar
asset?
Aprovar per
a publicació
SI
Visualització
www
Visualització
correcta?
NO
45
![Page 46: GESTOR DE CONTINGUTS ORACLE WEBCENTER SITES PER A … · •Quan enganxem contingut d’una font externa (web, editor de textos) cal netejar el text de codi HTML. •Copiar/enganxar](https://reader034.vdocumento.com/reader034/viewer/2022043010/5fa1b33b95e78a79233f823d/html5/thumbnails/46.jpg)
PRÀCTICA DE CREACIÓ D’ASSETS
ASSET ENLLAÇ
• Tres tipus d’asset enllaç: document, intern i extern.
• Prefixe recomanat: EN_
46
![Page 47: GESTOR DE CONTINGUTS ORACLE WEBCENTER SITES PER A … · •Quan enganxem contingut d’una font externa (web, editor de textos) cal netejar el text de codi HTML. •Copiar/enganxar](https://reader034.vdocumento.com/reader034/viewer/2022043010/5fa1b33b95e78a79233f823d/html5/thumbnails/47.jpg)
PRÀCTICA DE CREACIÓ D’ASSETS
ASSET DOCUMENT
• Permet publicar documents per a consulta i/o descàrrega.
• Prioritzar sempre informació textual al web.
• Si s’ha de publicar com a document, fer-ho en format PDF.
• Prefixe recomanat: DOC_
47
![Page 48: GESTOR DE CONTINGUTS ORACLE WEBCENTER SITES PER A … · •Quan enganxem contingut d’una font externa (web, editor de textos) cal netejar el text de codi HTML. •Copiar/enganxar](https://reader034.vdocumento.com/reader034/viewer/2022043010/5fa1b33b95e78a79233f823d/html5/thumbnails/48.jpg)
PRÀCTICA DE CREACIÓ D’ASSETS
ASSET ENLLAÇ
• Tres tipus d’asset enllaç: document, intern i extern.
• Prefixe recomanat: EN_DOC_
48
![Page 49: GESTOR DE CONTINGUTS ORACLE WEBCENTER SITES PER A … · •Quan enganxem contingut d’una font externa (web, editor de textos) cal netejar el text de codi HTML. •Copiar/enganxar](https://reader034.vdocumento.com/reader034/viewer/2022043010/5fa1b33b95e78a79233f823d/html5/thumbnails/49.jpg)
PRÀCTICA DE CREACIÓ D’ASSETS
ASSET IMATGE
• Crear l’asset sempre a partir d’imatges amb les dimensions amb què volem que es visualitzin al web.
• Evitar imatges més grans, ja que penalitzen temps de càrrega i rendiment del sistema.
• Algunes eines d’ajut:
• Prefixe recomanat: IMG_
49
![Page 50: GESTOR DE CONTINGUTS ORACLE WEBCENTER SITES PER A … · •Quan enganxem contingut d’una font externa (web, editor de textos) cal netejar el text de codi HTML. •Copiar/enganxar](https://reader034.vdocumento.com/reader034/viewer/2022043010/5fa1b33b95e78a79233f823d/html5/thumbnails/50.jpg)
PRÀCTICA DE CREACIÓ D’ASSETS
NOTES SOBRE DRETS D’AUTOR
• No tot el que trobem publicat a Internet el podem fer servir a plaer.
• Buscarem contingut lliure de drets o amb llicències d’ús lliure (com per exemple Creative Commons).
• Propietat intel·lectual i accés obert.
50
Dipòsit Digital de Documents (UAB)
Bancs d’imatges gratuïts (p.e. pexels.com)
Google imatges (opcions de cerca relatives a llicència)
![Page 51: GESTOR DE CONTINGUTS ORACLE WEBCENTER SITES PER A … · •Quan enganxem contingut d’una font externa (web, editor de textos) cal netejar el text de codi HTML. •Copiar/enganxar](https://reader034.vdocumento.com/reader034/viewer/2022043010/5fa1b33b95e78a79233f823d/html5/thumbnails/51.jpg)
PRÀCTICA DE CREACIÓ D’ASSETS
ASSET NOTÍCIA
• Un dels assets més complexos que tractarem.
• Dos tipus: notícia i notícia importada.
• Cal tenir en compte les nostres recomanacions per redactar textos pel web.
• Possibilitat d’incorporar vídeo del repositori institucional (PUMUKIT).
• Prefixe recomanat: AAMMDD_ (data notícia)
51
![Page 52: GESTOR DE CONTINGUTS ORACLE WEBCENTER SITES PER A … · •Quan enganxem contingut d’una font externa (web, editor de textos) cal netejar el text de codi HTML. •Copiar/enganxar](https://reader034.vdocumento.com/reader034/viewer/2022043010/5fa1b33b95e78a79233f823d/html5/thumbnails/52.jpg)
PRÀCTICA DE CREACIÓ D’ASSETS
EDITOR DE TEXT
• Editor de text HTML WYSIWYG: CKEditor.
• Permet afegir format (HTML, CSS).
• Quan enganxem contingut d’una font externa (web, editor de textos) cal netejar el text de codi HTML.
• Copiar/enganxar previ a un editor de text pla (Bloc de notes).
52
![Page 53: GESTOR DE CONTINGUTS ORACLE WEBCENTER SITES PER A … · •Quan enganxem contingut d’una font externa (web, editor de textos) cal netejar el text de codi HTML. •Copiar/enganxar](https://reader034.vdocumento.com/reader034/viewer/2022043010/5fa1b33b95e78a79233f823d/html5/thumbnails/53.jpg)
PRÀCTICA DE CREACIÓ D’ASSETS
EDITOR DE TEXT
53
Eines de format
![Page 54: GESTOR DE CONTINGUTS ORACLE WEBCENTER SITES PER A … · •Quan enganxem contingut d’una font externa (web, editor de textos) cal netejar el text de codi HTML. •Copiar/enganxar](https://reader034.vdocumento.com/reader034/viewer/2022043010/5fa1b33b95e78a79233f823d/html5/thumbnails/54.jpg)
PRÀCTICA DE CREACIÓ D’ASSETS
EDITOR DE TEXT
54
Eines de contingut addicional
![Page 55: GESTOR DE CONTINGUTS ORACLE WEBCENTER SITES PER A … · •Quan enganxem contingut d’una font externa (web, editor de textos) cal netejar el text de codi HTML. •Copiar/enganxar](https://reader034.vdocumento.com/reader034/viewer/2022043010/5fa1b33b95e78a79233f823d/html5/thumbnails/55.jpg)
PRÀCTICA DE CREACIÓ D’ASSETS
EDITOR DE TEXT
55
Neteja de codi font importat per error
![Page 56: GESTOR DE CONTINGUTS ORACLE WEBCENTER SITES PER A … · •Quan enganxem contingut d’una font externa (web, editor de textos) cal netejar el text de codi HTML. •Copiar/enganxar](https://reader034.vdocumento.com/reader034/viewer/2022043010/5fa1b33b95e78a79233f823d/html5/thumbnails/56.jpg)
PRÀCTICA DE CREACIÓ D’ASSETS
EDITOR DE TEXT
56
Marcar text en un segon idioma (p.e. anglicismes)
![Page 57: GESTOR DE CONTINGUTS ORACLE WEBCENTER SITES PER A … · •Quan enganxem contingut d’una font externa (web, editor de textos) cal netejar el text de codi HTML. •Copiar/enganxar](https://reader034.vdocumento.com/reader034/viewer/2022043010/5fa1b33b95e78a79233f823d/html5/thumbnails/57.jpg)
PRÀCTICA DE CREACIÓ D’ASSETS
EDITOR DE TEXT
57
Altres eines
![Page 58: GESTOR DE CONTINGUTS ORACLE WEBCENTER SITES PER A … · •Quan enganxem contingut d’una font externa (web, editor de textos) cal netejar el text de codi HTML. •Copiar/enganxar](https://reader034.vdocumento.com/reader034/viewer/2022043010/5fa1b33b95e78a79233f823d/html5/thumbnails/58.jpg)
PRÀCTICA DE CREACIÓ D’ASSETS
ASSET COL·LECCIÓ
• Conjunt d’assets del mateix tipus agrupats i ordenats per l’usuari.
• Es poden fer de diversos tipus d’assets.
• L’acció per editar els elements d’una col·lecció és Crear col·lecció.
• Per afegir nous assets a la col·lecció una query ens retornarà un llistat.
• La query més habitual retornarà assets modificats la darrera setmana.
• Prefixe recomanat: COL_
58
![Page 59: GESTOR DE CONTINGUTS ORACLE WEBCENTER SITES PER A … · •Quan enganxem contingut d’una font externa (web, editor de textos) cal netejar el text de codi HTML. •Copiar/enganxar](https://reader034.vdocumento.com/reader034/viewer/2022043010/5fa1b33b95e78a79233f823d/html5/thumbnails/59.jpg)
PRÀCTICA DE CREACIÓ D’ASSETS
ASSET MULTILLENGUATGE
• Cadena de text en tres idiomes.
• Ens permet gestionar títols i textos en les seves versions.
• Prefixe recomanat: ML_
59
![Page 60: GESTOR DE CONTINGUTS ORACLE WEBCENTER SITES PER A … · •Quan enganxem contingut d’una font externa (web, editor de textos) cal netejar el text de codi HTML. •Copiar/enganxar](https://reader034.vdocumento.com/reader034/viewer/2022043010/5fa1b33b95e78a79233f823d/html5/thumbnails/60.jpg)
PRÀCTICA DE CREACIÓ D’ASSETS
ASSET AGENDA (ACTIVITAT)
• Similar a l’asset notícia però amb menys atributs.
• Prefixe recomanat: AAMMDD_ (data esdeveniment)
60
![Page 61: GESTOR DE CONTINGUTS ORACLE WEBCENTER SITES PER A … · •Quan enganxem contingut d’una font externa (web, editor de textos) cal netejar el text de codi HTML. •Copiar/enganxar](https://reader034.vdocumento.com/reader034/viewer/2022043010/5fa1b33b95e78a79233f823d/html5/thumbnails/61.jpg)
PRÀCTICA DE CREACIÓ D’ASSETS
ASSET TEXT GENÈRIC
• La majoria d’informació al web es publica en format text genèric.
• Prefixe recomanat: TG_
61
![Page 62: GESTOR DE CONTINGUTS ORACLE WEBCENTER SITES PER A … · •Quan enganxem contingut d’una font externa (web, editor de textos) cal netejar el text de codi HTML. •Copiar/enganxar](https://reader034.vdocumento.com/reader034/viewer/2022043010/5fa1b33b95e78a79233f823d/html5/thumbnails/62.jpg)
CERCADOR D’ASSETS
62
• Cerca per coincidència exacta insensible a majúscules
• Cerca per un sol tipus d’asset o per qualsevol (defecte)
• Existeixen caràcters comodí per a refinar les cerques (? * ~)
• La cerca avançada permet trobar assets pel seu ID o per altres propietats
• Guardar cerques.
Per exemple: qualsevol asset modificat per mi la darrera setmana
![Page 63: GESTOR DE CONTINGUTS ORACLE WEBCENTER SITES PER A … · •Quan enganxem contingut d’una font externa (web, editor de textos) cal netejar el text de codi HTML. •Copiar/enganxar](https://reader034.vdocumento.com/reader034/viewer/2022043010/5fa1b33b95e78a79233f823d/html5/thumbnails/63.jpg)
ASSET PÀGINA
63
Descripció de
la pàgina
![Page 64: GESTOR DE CONTINGUTS ORACLE WEBCENTER SITES PER A … · •Quan enganxem contingut d’una font externa (web, editor de textos) cal netejar el text de codi HTML. •Copiar/enganxar](https://reader034.vdocumento.com/reader034/viewer/2022043010/5fa1b33b95e78a79233f823d/html5/thumbnails/64.jpg)
ASSET PÀGINA
64
Categories de pàgina
Títol menú esquerre
Section
front
![Page 65: GESTOR DE CONTINGUTS ORACLE WEBCENTER SITES PER A … · •Quan enganxem contingut d’una font externa (web, editor de textos) cal netejar el text de codi HTML. •Copiar/enganxar](https://reader034.vdocumento.com/reader034/viewer/2022043010/5fa1b33b95e78a79233f823d/html5/thumbnails/65.jpg)
ASSET PÀGINA
65
Associacions de contingut
Text genèric
Menú de la
dreta
![Page 66: GESTOR DE CONTINGUTS ORACLE WEBCENTER SITES PER A … · •Quan enganxem contingut d’una font externa (web, editor de textos) cal netejar el text de codi HTML. •Copiar/enganxar](https://reader034.vdocumento.com/reader034/viewer/2022043010/5fa1b33b95e78a79233f823d/html5/thumbnails/66.jpg)
ASSET PÀGINA
66
Arbre de pàgines
![Page 67: GESTOR DE CONTINGUTS ORACLE WEBCENTER SITES PER A … · •Quan enganxem contingut d’una font externa (web, editor de textos) cal netejar el text de codi HTML. •Copiar/enganxar](https://reader034.vdocumento.com/reader034/viewer/2022043010/5fa1b33b95e78a79233f823d/html5/thumbnails/67.jpg)
VARIANTS DE CONTINGUT CENTRAL
Pàgina interior estàndard
67
![Page 68: GESTOR DE CONTINGUTS ORACLE WEBCENTER SITES PER A … · •Quan enganxem contingut d’una font externa (web, editor de textos) cal netejar el text de codi HTML. •Copiar/enganxar](https://reader034.vdocumento.com/reader034/viewer/2022043010/5fa1b33b95e78a79233f823d/html5/thumbnails/68.jpg)
VARIANTS DE CONTINGUT CENTRAL
Pàgina interior amb text genèric + textos genèrics desplegables
68
![Page 69: GESTOR DE CONTINGUTS ORACLE WEBCENTER SITES PER A … · •Quan enganxem contingut d’una font externa (web, editor de textos) cal netejar el text de codi HTML. •Copiar/enganxar](https://reader034.vdocumento.com/reader034/viewer/2022043010/5fa1b33b95e78a79233f823d/html5/thumbnails/69.jpg)
VARIANTS DE CONTINGUT CENTRAL
Pàgina textos genèrics en capsetes
69
![Page 70: GESTOR DE CONTINGUTS ORACLE WEBCENTER SITES PER A … · •Quan enganxem contingut d’una font externa (web, editor de textos) cal netejar el text de codi HTML. •Copiar/enganxar](https://reader034.vdocumento.com/reader034/viewer/2022043010/5fa1b33b95e78a79233f823d/html5/thumbnails/70.jpg)
VARIANTS DE CONTINGUT CENTRAL
Pàgina de galeria d’imatges
70
![Page 71: GESTOR DE CONTINGUTS ORACLE WEBCENTER SITES PER A … · •Quan enganxem contingut d’una font externa (web, editor de textos) cal netejar el text de codi HTML. •Copiar/enganxar](https://reader034.vdocumento.com/reader034/viewer/2022043010/5fa1b33b95e78a79233f823d/html5/thumbnails/71.jpg)
PRÀCTICA DE CREACIÓ D’ASSETS
ASSET PÀGINA
• És un asset base en la navegació pel nostre lloc web.
• Alguns dels seus atributs (p.e. categoria), en modifiquen la visualització final.
• Per previsualitzar una pàgina cal que aquesta estigui col·locada a l’arbre de pàgines del site.
• Sufixe recomanat: _<idioma> (p.e. Historia_de_la_UAB_WEB_ca)
71
![Page 72: GESTOR DE CONTINGUTS ORACLE WEBCENTER SITES PER A … · •Quan enganxem contingut d’una font externa (web, editor de textos) cal netejar el text de codi HTML. •Copiar/enganxar](https://reader034.vdocumento.com/reader034/viewer/2022043010/5fa1b33b95e78a79233f823d/html5/thumbnails/72.jpg)
PRÀCTICA DE CREACIÓ D’ASSETS
ASSET ENLLAÇ
• Tres tipus d’asset enllaç: document, intern i extern.
• Prefixe recomanat: EN_
72
![Page 73: GESTOR DE CONTINGUTS ORACLE WEBCENTER SITES PER A … · •Quan enganxem contingut d’una font externa (web, editor de textos) cal netejar el text de codi HTML. •Copiar/enganxar](https://reader034.vdocumento.com/reader034/viewer/2022043010/5fa1b33b95e78a79233f823d/html5/thumbnails/73.jpg)
PRÀCTICA DE CREACIÓ D’ASSETS
ASSET MENÚ DRETA
• Encarregat de mostrar el menú lateral dret a les pàgines interiors.
• S’hi poden afegir assets de molts tipus.
• Herència del menú dreta a les pàgines filles.
• Prefixe recomanat: MD_
73
![Page 74: GESTOR DE CONTINGUTS ORACLE WEBCENTER SITES PER A … · •Quan enganxem contingut d’una font externa (web, editor de textos) cal netejar el text de codi HTML. •Copiar/enganxar](https://reader034.vdocumento.com/reader034/viewer/2022043010/5fa1b33b95e78a79233f823d/html5/thumbnails/74.jpg)
PUBLICACIÓ D’ASSETS
74
• Comprovar visualització del resultat final a webedit.
Aquesta acció pot fer retirar de manera involuntària
un asset enviat a publicació
• Si tot és correcte, aprovarem per a publicar l’asset o assets editats.
• Es pot desfer l’enviament a la cua d’un asset editant el mateixsempre i quan no hagi iniciat la publicació.
• Els assets aprovats van a la cua de publicació.
• La cua de publicació s’executa periòdicament en base a un horariprogramat.
• En el moment en què es llença una cua de publicació, els assetspresents són publicats a l’entorn de producció i visibles per tothom(cercadors inclosos).
![Page 75: GESTOR DE CONTINGUTS ORACLE WEBCENTER SITES PER A … · •Quan enganxem contingut d’una font externa (web, editor de textos) cal netejar el text de codi HTML. •Copiar/enganxar](https://reader034.vdocumento.com/reader034/viewer/2022043010/5fa1b33b95e78a79233f823d/html5/thumbnails/75.jpg)
Elaborar contingut accessible per a tots els usuaris independentment de les seves capacitats.
ACCESSIBILITAT WEB
75
• Visuals (ceguesa, visibilitat reduïda, daltonisme)
6,8%5,73%
Idescat 2019 INE 2018
• Cognitives, d’aprenentatge i neurològiques (salut mental, autisme, dislèxia, epilèpsia)
• Auditives (sordesa, dificultats auditives)
• Físiques i motores (paràlisi, amputació)
• Parla (mudesa, tartamudesa)
![Page 76: GESTOR DE CONTINGUTS ORACLE WEBCENTER SITES PER A … · •Quan enganxem contingut d’una font externa (web, editor de textos) cal netejar el text de codi HTML. •Copiar/enganxar](https://reader034.vdocumento.com/reader034/viewer/2022043010/5fa1b33b95e78a79233f823d/html5/thumbnails/76.jpg)
• Text alternatiu de les imatges.
ACCESSIBILITAT WEB
76
• Màxim contrast color de lletra – color de fons (també aplica a imatges).
• Enllaços descriptius
• Codi HTML o XML amagat al contingut que importem.
Directiva europea accessibilitat de llocs
web i aplicacions mòbils
Setembre
2020
• Taules amb encapçalament
• Semàntica de la pàgina.
![Page 77: GESTOR DE CONTINGUTS ORACLE WEBCENTER SITES PER A … · •Quan enganxem contingut d’una font externa (web, editor de textos) cal netejar el text de codi HTML. •Copiar/enganxar](https://reader034.vdocumento.com/reader034/viewer/2022043010/5fa1b33b95e78a79233f823d/html5/thumbnails/77.jpg)
CONSELLS PER L’EDICIÓ DE CONTINGUTS WEB
Recursos en el cas que necessitem ajuda
77
Consultar el manual del gestor de continguts
(disponible al blog dels editors)
Consultar la documentació
del blog dels editors
![Page 78: GESTOR DE CONTINGUTS ORACLE WEBCENTER SITES PER A … · •Quan enganxem contingut d’una font externa (web, editor de textos) cal netejar el text de codi HTML. •Copiar/enganxar](https://reader034.vdocumento.com/reader034/viewer/2022043010/5fa1b33b95e78a79233f823d/html5/thumbnails/78.jpg)
CONSELLS PER L’EDICIÓ DE CONTINGUTS WEB
Recursos en el cas que necessitem ajuda
78
Consultar a altres companyes
Contactar amb el CAS
935812100 | [email protected]
Contactar amb l’equip web: [email protected]
![Page 79: GESTOR DE CONTINGUTS ORACLE WEBCENTER SITES PER A … · •Quan enganxem contingut d’una font externa (web, editor de textos) cal netejar el text de codi HTML. •Copiar/enganxar](https://reader034.vdocumento.com/reader034/viewer/2022043010/5fa1b33b95e78a79233f823d/html5/thumbnails/79.jpg)
CONSELLS PER L’EDICIÓ DE CONTINGUTS WEB
• No fer servir caràcters especials a determinats camps:
79
Al nom dels fitxers
Al camp part final de la URL del document
• Tot asset al sistema té un identificador numèric únic (ID) que ens pot ajudar a localitzar contingut.
• Servei de formularis institucional: e-Formularis.
![Page 80: GESTOR DE CONTINGUTS ORACLE WEBCENTER SITES PER A … · •Quan enganxem contingut d’una font externa (web, editor de textos) cal netejar el text de codi HTML. •Copiar/enganxar](https://reader034.vdocumento.com/reader034/viewer/2022043010/5fa1b33b95e78a79233f823d/html5/thumbnails/80.jpg)
ACLARIMENT DE DUBTES
80
![Page 81: GESTOR DE CONTINGUTS ORACLE WEBCENTER SITES PER A … · •Quan enganxem contingut d’una font externa (web, editor de textos) cal netejar el text de codi HTML. •Copiar/enganxar](https://reader034.vdocumento.com/reader034/viewer/2022043010/5fa1b33b95e78a79233f823d/html5/thumbnails/81.jpg)
CONCLUSIONS
81
![Page 82: GESTOR DE CONTINGUTS ORACLE WEBCENTER SITES PER A … · •Quan enganxem contingut d’una font externa (web, editor de textos) cal netejar el text de codi HTML. •Copiar/enganxar](https://reader034.vdocumento.com/reader034/viewer/2022043010/5fa1b33b95e78a79233f823d/html5/thumbnails/82.jpg)
GESTOR DE CONTINGUTS ORACLE WEBCENTER SITES PER A EXTRANET
Sessions de formació
MOLTES GRÀCIES!