Preguntes més freqüents

Nodes funciona sobre WordPress i per tant, treballa amb els seus elements clàssics. Els elements que poden ajudar-nos a establir la nostra estructura de continguts són:

• Entrades (també es poden dir Notícies o Articles). 
  • En principi, estan pensades per els esdeveniments (sortides, xerrades, celebracions, avisos, premis, etc.).
  • Les entrades incorporen informació sobre l'autor i la data.
  • Les entrades es poden classificar utilitzant Categories i Etiquetes.
  • Es poden mostrar varies entrades juntes si tenen la mateixa categoria en el que es denomina Pàgina de categoria.
  • Es poden mostrar varies entrades juntes si tenen una mateixa etiqueta en el que es denomina Pàgina de etiqueta.
  • Les entrades no es poden relacionar jeràrquicament.

• Pàgines: seria més correcte dir pàgina simple, però per abreviar es diu pàgina.
  • Aquest tipus de pàgina web està pensada per mostrar contingut que no canvia gaire (Història del centre, Instal·lacions, etc.) i/o contingut jerarquitzat.
  • No mostra informació sobre la data ni l'autor.
  • No es poden classificar fent servir Etiquetes ni Categories.
  • Permet establir una jerarquia de pàgines. Dins d'una pàgina mare, es poden mostrar enllaços a subpàgines de manera automàtica definint com atribut de la pàgina una Plantilla de tipus Barra esquerra (Subpàgines). Per exemple, a la subpàgina On som: 

• Categories:
  • Permeten classificar les entrades (articles) en conceptes generals (ESO, Batxillerat, Cicles, etc). Normalment aquests grups generals tenen moltes entrades.
  • Una entrada pot ser classificada en 1 o més categories.
  • Es poden mostrar varies entrades juntes si tenen una mateixa categoria en el que denominem Pàgina de categoria.

• Etiquetes:
  • Permeten caracteritzar les entrades en conceptes més concretes, específics (Audiovisuals, Sortides, Viatge d'estudis etc)
  • Una entrada pot ser classificada amb 1 o més etiquetes.
  • Es poden mostrar varies entrades juntes si tenen una mateixa etiqueta en el que denominem  Pàgina de etiqueta.

EXEMPLE: Un article que parla sobre un taller de radio que es va fer a Sant Jordi en els nivells d'ESO i Batxillerat es podria classificar com:

• Categories: ESO, Batxillerat
• Etiquetes: Sant Jordi, Radio, Taller

• Pàgina de categories 
  • Es generen automàticament a partir de les entrades (articles) d'una mateixa categoria.
  • Es poden enllaçar als menús.

• Pàgina d'etiquetes
  • Es generen automàticament a partir de les entrades d'una mateixa etiqueta.
  • Es poden enllaçar als menús.

• Menús: Un menú esta format per enllaços. Aquest enllaços poden apuntar a:
  • Pàgines: enllaça a una Pàgina
  • Categories: enllaça a una Pàgina de categoria (d'articles)
  • Enllaços: enllaça a una adreça web (URL). Aquest URL pot ser una pàgina web externa o interna (una article, per exemple)

Els menús no reflexen cap estructura jeràrquica de pàgines, etiquetes ni categories. Si voleu replicar la estructura de pàginas i subpàgines en un menú, s'ha de fer manualment.   

• Ginys: a nivell estructural, els ginys es poden utilitzar per mostrar Menús. 
• S'ha de triar un giny de tipus Menú personalitzat
  

Més informació sobre menús i ginys

Ja de manera més específica, a Nodes podem trobar:

• Pàgina d'inici: és una Pàgina una mica especial. Esta formada per una combinació de:

1. Una Pàgina simple que podeu triar a Aparença | Personalitza | Pàgina d'inici | Pàgina d'inici i es mostra al principi de la pàgina d'inici. Aquesta pàgina ha de tenir com atribut una plantilla de tipus Portada.
   
   
2. Una Pàgina de categoria on es mostren els articles amb la categoria que trieu a Aparença | Personalitza | Pàgina d'inici | Categoria d'articles. Es mostra després de la pàgina definida en el punt 1.

• Blocs d'estudis, de nivell i d'aula: en realitat no són blocs si no Pàgines de categoria. El "bloc" d'ESO 1A és simplement una Pàgina de categoria amb articles marcats a la categoria "ESO1A". La descripció de la categoria es mostra a l'inici de la pàgina, de manera que es pot definir qualsevol contingut html (calendaris, vídeos, etc) abans dels articles.

Nodes no incorpora cap mòdul com a sistema de reserves. El mòduls gratuïts disponibles a WordPress com a sistema de reserves (Booking) no ofereixen un bon equilibri entre funcionalitats i facilitats d'ús. Com a solució senzilla i prou funcional s'ha optat per implementar un sistema basat en Google Forms, Google Calendar i Google App Scripting.

Com funciona

A l'enviar una reserva mitjançant el formulari, es genera automàticament un esdeveniment al calendari associat. A la descripció de l'esdeveniment es mostra l'usuari i el moment en que s'ha fet la reserva. Si el recurs no està ocupat, es marca la reserva al calendari amb un asterisc. Si el recurs ja està ocupat, la nova reserva és registrada igualment però sense asterisc. Això indica que està "a la cua". En cas de que hi hagi més d'una reserva a la cua, el moment en que s'ha fet la reserva (registrat a la descripció) determina, lògicament, l'ordre de prioritat. Per fer reserves periòdiques o eliminar reserves és necessari accedir directament al calendari amb permisos d'administració (Coordinador TAC del centre, Cap d'estudis, etc.)

Podeu veure una demostració a http://agora.xtec.cat/nodes/reserva-de-recursos/ (per veure el formulari de reserves, heu d'estar autenticats amb el vostre compte usuari@xtec.cat)

Instruccions per fer el vostre sistema de reserves:

Pas 1. Crea un calendari públic

Pas 2. Guarda l'identificador del calendari. El pots obtenir a Configuració, apartat Adreça del calendari, ID de calendari. 

Pas 3. Obre el següent document i ves a Fitxer | Fes-ne una còpia. Pots posar-li de nom "Reserves Institut" o "Reserves Escola". Aquest document és un full de càlcul que té un formulari i un script associat.

https://docs.google.com/spreadsheets/d/1I64dAuDxKYxuvprbZtgDIAcXR57Q0Ad_u_C4AG6Qy-0/edit?usp=sharing

Pas 4. Tanca el document original (per evitar confusions) i vés a la còpia que has creat en el punt anterior. Dins del teu document, vés a Formulari | Edita Formulari. Defineix els elements del camp Aula o recurs que necessiteu en el vostre centre.

Pas 5. El següent pas és vincular el teu Formulari/full de càlcul de reserves amb el calendari. Al segon full (Configuració) del teu full de càlcul, defineix l'identificador del calendari que has guardat abans.

Pas 6. Ara hem d'activar un disparador que generarà un esdeveniment al calendari cada vegada que algú fagi una reserva amb el formulari que hem definit. Per activar el disparador has d'anar a al menú superior i fer clic a Reserves | Activar.

Pas 7. Ja només queda inserir el formulari i el calendari a la teva pàgina web. Copia el contingut generat a Codi de calendari+formulari i enganxa'l a la teva pàgina. Pots modificar l'alçada i amplada del calendari i formulari per a ajustar-los a les dimensions de la teva pàgina.

• A Google Calendar heu copiar l'identificador del calendari.
  
  
  
   
• Recordeu que el calendari ha de ser públic, si no ho és, no funcionarà.
  
  

De vegades pot ser útil, per organitzar els menús, afegir elements que no estiguin vinculats a cap pàgina o categoria. Per exemple, l'element de primer nivell PROJECTES: 

PROJECTES

• Hort
• Radio
• Revista
• etc...

Si voleu que PROJECTES no tingui cap vincle a cap pàgina o categoria, heu d'afegir al menú un element de tipus Enllaç on l'adreça de l'enllaç sigui # 

El carrusel és un recurs molt útil però també molt cridaner i que pot ralentitzar la càrrega de la vostra pàgina. Aquí teniu algunes bones pràctiques:  

1. En general, us recomanem carregar les diapositives des d'un àlbum extern. El carrusel de Nodes permet utilitzar Picasa i Google+ Fotos com a font externa. A part de l'estalvi d'espai, us permetrà reaprofitar els àlbums per publicar-los en altres espais si és necessari.
   
   
2. Excepció a la primera recomanació: si teniu un carrusel de capçalera o un carrusel de presentació del centre a primera pàgina, es preferible carregar les diapositives des de la mediateca. Encara que Picasa i Google+ fotos són molt fiables, pels carrusels "crítics" pot ser convenient no dependre de la connexió amb aquest serveis. 
   
   
3. Podeu tenir varis carrusels a la mateixa pàgina però es recomanable no tenir més d'un carrusel amb reproducció automàtica a la vegada. Això produeix estrès visual en el visitant que no sap on mirar i si mira un dels carrusels, té els altres generant soroll visual. 
   
   
4. Augmenteu els temps de durada de la diapositiva. És molt estressant no tenir temps de llegir una imatge. 8 segons és una bona durada de referència. Si el visitant troba que va lent, pot passar a la següent diapositiva amb les fletxes. 
   
   
5. Les imatges han de ser petites o mitjanes, de 1024px d'amplada com a màxim. Si teniu molts carrusels amb imatges molt grans, la pàgina trigarà molt en carregar-se. Per exemple: 10 carrusels on cada carrusel té 10 imatges de 2MB cadascuna són... 200MB de càrrega de pàgina!!! 
   
   
6. Encara que implica una mica de feina, si veieu que la vostre pàgina principal triga en carregar, canvieu la opció de "mostra el contingut sencer" en aquelles entrades antigues que continguin un carrusel. La idea és mostrar carrusel només en les entrades noves. 
   
   
7. Us recomanem l'opció d'ajust de la imatge que diu Retalla (recomanat). Si les fotos són horitzontals (panoràmiques) i poseu una alçada propera a les fotos, fa un ajust bastant bo. En el cas de que tingueu moltes fotos en format vertical, la millor opció és la Original.
   
   
8. L'opció d'ajust de la imatge que diu Estira és, en general, una opció dolenta. Només si les vostres fotos s'aproximen molt a l'amplada del carrusel, és pot provar, però en general, no es recomanable mostrar fotos estirades a la web.

En general, el procediment óptim per incloure carrusels a les vostres noticies és:

1. Publicar la noticia amb el carrusel i la casella de Mostra el contingut sencer marcada. El carrusel es mostrarà a la portada (i/o la pàgina de categoria/asociada). A la mateixa noticia afegir una foto destacada i un resum (de moment, amb la casella abans marcada, no es mostrarà ni la foto ni el resum però ens vindran bé per després).
   
   
2. Quan la noticia perd actualitat, editar la noticia i simplement desmarcar la casella Mostra el contingut sencer. Ara la noticia mostrarà el resum i la foto destacada a portada (amagant el carrusel). Si entrem a la noticia, veurem el contingut sencer de l'article (com sempre) on està el carrusel. 

Amb aquesta edició mínima (marcar i desmarcar la casella de Mostra el contingut sencer) podem tenir el millor en cada moment. 

A certes pàgines pot ser interessant tenir un menú personalitzat a un bloc lateral. Per fer-ho, només cal que creeu aquest menú i l'afegiu des de l'apartat Ginys del WordPress.

Podeu trobar com crear el Giny de menú personalitat a l'Ajuda de XTECBlocs.

• Si voleu afegir el giny a la pàgina principal, heu d'inserir el giny a la zona de ginys Portada (barra esquerra) o Portada (barra dreta)
  
  
• Si voleu afegir el giny a una pàgina de categoria, heu d'inserir el giny a la zona de ginys Categories (barra esquerra)
  
  
• Per la resta de pàgines i articles, la zona de ginys és simplement Barra esquerra o Barra dreta.

Si voleu que un giny és mostri només a una pàgina o categoria concreta, heu d'establir la seva visibilitat amb el botó Visibilitat. 

Properament....

Índex

• Configuració al Moodle
• Configuració a Nodes
• Accés a Nodes amb usuaris del Moodle
• Accés a Nodes des del Moodle

Configuració al Moodle

Accediu amb l'usuari "admin" al vostre Moodle i aneu a Administració del lloc | Servidor | Configuració del proveïdor OAuth i feu clic a Afegir nou client:

A continuació ompliu els camps següents i feu clic a Desa els canvis.

• Identificador de client: nodes
• URL de redirecció:
  • http://agora.xtec.cat/nomdelcentre/wp-content/plugins/wordpress-social-login/hybridauth/?hauth.done=Moodle
  • http://agora.educat1x1.cat/nomdelcentre/wp-content/plugins/wordpress-social-login/hybridauth/?hauth.done=Moodle
• Tipus de concessió: authorization_code
• Abast: user_info

A la pantalla següent, copieu la Clau secreta de client, la necessitareu per posar-la en el moment de configurar Nodes.

Configuració a Nodes

Accediu al vostre Nodes amb l'usuari "admin" i aneu a l'apartat Paràmetres | WP Social Login. Ompliu els camps següents i feu clic a Save Settings.

• Enabled: Yes
• Application ID: nodes
• Application Secret: La copiada en el punt anterior
• Application URL: L'adreça web del Moodle (sense la barra del final)
  • http://agora.xtec.cat/nomdelcentre/moodle
    o si teniu una adreça 1x1:
  • http://agora.educat1x1.cat/nomdelcentre/moodle

Accés a Nodes amb usuaris del Moodle

Un cop configurat quan accediu a Nodes i feu clic a Entra per autenticar-vos, apareixerà la icona de Moodle, feu-hi clic.

A continuació, apareixerà la pantalla d'autenticació de Moodle, un cop hàgiu posat les dades d'accés, el sistema us demanarà permís. Feu clic a Confirma.

Accés a Nodes des del Moodle

Un cop configurades totes dues plataformes, des del Moodle també podreu accedir a Nodes fent clic a l'enllaç Entra a Nodes que trobareu al bloc Navegació.

 Accediu a l’apartat Aparença | Menús.

• Feu clic dins del bloc Pàgines, Enllaços o Categories al contingut que vulgueu vol incorporar al Menu superior i feu clic sobre el botó Afegeix al menú:

  • A la maqueta, els títols del primer nivell s’han especificat amb lletres majúscules.

  • La resta d’ítems conserven el nom del contingut al que fan referència.

• Al final de la pàgina, a l'apartat Paràmetres del menú heu de marcar l’opció Main menú per tal que el menú aparegui.
• Finalment feu clic sobre el botó Desa els canvis.
  

  
  

Podeu trobar més informació sobre la creació de menús a l'apartat Els menús del lloc web d'Ajuda de XTECBlocs.

La imatge o imatges de capçalera són una part fonamental de l'estètica i la identitat del vostre web.

Algunes recomanacions: 

• En principi, els motius més clàssics són: la façana del centre, el pati, les instal·lacions, l'interior dels passadissos, l'interior d'alguna classe amb alumnes treballant, etc.
  
  
• També podeu provar amb motius més universals relacionats amb la escola i un enfoc més artístic. Exemple.  
  
  
• Una altra alternativa és utilitzar il·lustracions i dibuixos amb motius escolars. 
  
  
• Tant si poseu una fotografia o un carrusel, és recomanable mostrar només una fotografia a la vegada. El disseny de capçalera de nodes implica que la imatge ha de ser molt panoràmica. No sempre és senzill realitzar o triar una foto amb aquest format però val la pena.  
  
  
• La web carregarà més ràpid si utilitzeu una sola fotografia enlloc d'un carrusel. Si teniu una bona imatge representativa del centre, és la millor opció.   

• Si trieu un carrusel com a capçalera, us recomanem que mostreu només una fotografia a la vegada i que no canviï automàticament. Els canvis de diapositiva, sobretot si es fan ràpidament, distreu al visitant i provoquen irritació. 
  • Comportament de la imatge: Retalla per ajustar
  • Llisca automàticament sobre la diapositiva següent: No
  • Alçada del carrusel: 179
  • Amaga els botons de navegació, mostra'ls quan el ratolí passi per sobre: Sí
  • Activa la paginació: No
    
    
• Si teniu clar que voleu presentar una seqüència de diapositives però no voleu cap ordre, pot ser una bona idea que cada recarrega de pàgina es mostri una diapositiva diferent:
  • Diapositives aleatòries: Sí
    
    
• Si decidiu tenir un carrusel on les fotografies vagin canviant automàticament, us recomanem que el paràmetre Segons entre el canvi de diapositives sigui com a mínim de 15 segons. Una freqüència de canvi més alta distreu al visitant i provoca irritació després d'una poca estona.