Aneu a la barra d'eines

Inserció iframe, script i altres tags HTML en PortalEdu

El passat 14 d’abril PortalEdu es va actualitzar  a WordPress 5 i això entre moltes millores ha dut un canvi important a l’hora d’inserir codi HTML per embeure contingut d’altres serveis. Per motius de seguretat, tot contingut HTML que continga etiquetes com script, iframe, !DOCTYPE html, head, body, form, etc. està bloquejat per defecte per WordPress, ja que permetria la injecció de … Llegir més…

Notícies PortalEdu

El passat 15 d’abril de 2021 es van produir dues novetats importants en la plataforma PortalEdu. D’una banda, s’ha actualitzat la versió de WordPress, programari que fa funcionar la plataforma, passant ara a operar sobre la versió 5. D’altra banda, i s’ha activat una secció de notícies i novetats en el portal principal sobre la plataforma. D’aquesta manera, es continuen fent passos per tal d’implantar PortalEdu, en un temps raonable, a tots els llocs web de centres educatius de l’àmbit de la GVA. Podeu trobar més informació sobre aquestes novetats  i altres que apareixen en la secció en els següents enllaços:
✔️ Activada la secció de novetats: 🔗 https://portal.edu.gva.es/portal/va/noticies-novetats/

Llegir més…

Contingut multimèdia i configuració d’idioma a PortalEdu

Els arxius que pugeu a PortalEdu s’organitzen en l’apartat Mèdia del tauler, per tal d’aclarir el funcionament dels idiomes en aquests arxius, una qüestió que sovint crea confusions,  compartim aquest article el qual esperem que vos servisca per a tindre clar el seu funcionament. En primer a tindre present és que un mèdia en PortalEdu és un registre de base de dades … Llegir més…

Rols i gestió d’usuaris en PortalEdu

WordPress organitza els/les participants a la creació/manteniment de la web en ROLS, els quals tenen permisos i responsabilitats diferents. El que s’ha procurat a Portal.edu és ‘traduir’ els noms dels rols existents a WordPress, als perfils d’usuari que ens trobarem als centres. D’aquesta manera, en el nostre portal, tenim els següents rols creats: Direcció. Té accés a totes les característiques del portal. … Llegir més…

Menús en PortalEdu

Tots/es sabem exactament a què ens referim quan parlem dels menús d’una web, i la seua importància, ja que… Són la via d’accés al contingut dels llocs web. Part fonamental del disseny d’una pàgina. Ben planificats, els menús poden ser un recurs molt útil. Mal dissenyats seran un obstacle per a la navegació, la usabilitat i la responsividad. Heu de tindre en … Llegir més…

Afegir un PDF en una pàgina o entrada de PortalEdu

Els documents en format PDF s’han convertit en un estàndard de document digital molt pràctic i molt usat per diverses raons. Una d’elles, possiblement molt poderosa, és que són un substitut dels documents en paper molt similar en aspecte a ells i, per tant, molt assimilable per una gran quantitat d’usuaris.

Hi ha moltes aplicacions amb les quals podem llegir el format PDF, entre les quals s’inclouen la majoria de navegadors web més utilitzats en l’actualitat, però el format PDF no és el més adequat per a ser mostrat per un navegador web. Això fa que quan vulguem incloure en el nostre lloc web un document en aquest format, tinguem dubtes de com fer-ho, ja que en PortalEdu tenim diverses formes de mostrar el document.

En primer lloc, cal pujar el fitxer en format PDF a la mediateca, això es fa de la mateixa forma que podríem pujar una imatge o un vídeo: anant al Tauler»Mèdia»Afegeix.

Una vegada tenim el PDF en la mediateca, haurem de crear una nova pàgina o entrada i inserir el PDF. A continuació explicarem 3 opcions diferents per incloure el PDF en l’entrada o pàgina: Inserir el PDF mitjançant el connector que es diu pdf-embedder; inserir-lo mitjançant el  shortcode de WordPress iframe o enllaçant el PDF per a la seua descàrrega.

Inserir el PDF mitjançant el connector pdf-embeder

Aquesta és la forma més senzilla de fer-ho ja que el connector pdf-embedder està ja instal·lat en PortalEdu i permet inserir el PDF com si fóra un fitxer multimèdia qualsevol, és a dir, es fa clic al botó “Afegeix un mèdia”, se selecciona l’arxiu des de la mediateca i ja està. L’editor mostrarà un codi amb l’URL del PDF i alguns paràmetres. El resultat, una vegada publiquem l’entrada, es veurà com un marc dins del qual es mostrarà un visor amb el contingut del PDF i una barra d’eines per canviar de pàgina i fer zoom. L’avantatge d’aquest mètode és que el marc s’adapta al tipus i mida del dispositiu des del qual es llig la pàgina. L’inconvenient és que la barra d’eines que inclou el visor és molt simplificada i no es pot, per exemple, forçar la descàrrega del document. El codi que s’insereix en l’editor admet el paràmetres width=’500‘ per tal de controlar l’amplada del marc en píxels.

Codi que s’insereix si afegim un mèdia en format PDF
Vista de l’entrada amb el visor de PDF

Inserir el PDF mitjançant iframe

Per evitar l’inconvenient de la simplicitat de la barra d’eines, podem aprofitar que la majoria dels navegadors actuals (Firefox, Chrome, Edge, Safari) tenen un visor de fitxers PDF integrat (amb les funcions típiques de descarregar, ampliar, passar de pàgina o imprimir) i  podem inserir el PDF amb el shortcode de WordPress iframe. Per fer això només cal copiar el codi anterior i substituir la paraula pdf-embedder per iframe, i substituir el paràmetre url= per src=. L’inconvenient és que si es visita la pàgina des d’un navegador incompatible amb la lectura de fitxers PDF, l’usuari no veurà el document, ni tan sols un enllaç per a descàrrega.

Codi per inserir un PDF amb iframe
Vista del PDF des del visor inclòs en Firefox.

Enllaçar el PDF per a la seua descàrrega

Aquesta és la forma més compatible amb tota classe de dispositius, ja que només caldrà fer clic en l’enllaç i els navegadors amb visors compatibles mostraran el PDF, en canvi, els navegadors més antics descarregaran l’arxiu al disc del dispositiu per poder obrir-lo amb una altra aplicació. Cal conéixer l’URL del PDF (la qual podem obtenir visitant l’arxiu en la mediateca) i enllaçar-la a qualsevol part de l’entrada o pàgina. Podem enllaçar el PDF amb un clic a determinades paraules o amb un clic a una imatge predissenyada d’un botó de descàrrega.

Enllaçant un PDF

Probablement la millor opció siga una combinació d’aquest últim mètode (enllaçar el PDF) amb algun dels dos anteriors (inserir-lo).

Llegir més…

Novetats Portal.EDU curs 2020-2021

Aquestes són les principals novetats de la Plataforma corporativa de Conselleria Portal.EDU per a la creació de pàgines web de centre per al proper curs 2020-2021: A principi del curs 2020-21 continuarem amb restriccions d’alta en PortalEdu. Només es realitzaran altes en les següents circumstàncies. Centres sense web Aquells centres que no disposen de pàgina web en cap de les Plataformes que … Llegir més…

Formes d’inserir un vídeo de Youtube en una entrada de Portal.EDU

Si volem inserir un vídeo, hi ha diverses formes per a fer-ho:

1. Podem apegar l’enllaç

Tan senzill com copiar l’URL del vídeo des de la barra d’adreces del navegador (o des del botó de “compartir” que mostra YouTube) i apegar-lo en la part de l’entrada on vulgueu que aparega. Portal.EDU detectarà que és un vídeo de YouTube i mostrarà el reproductor amb el vídeo inserit. Aquesta opció mostrarà el vídeo però no podrem controlar cap paràmetre com ara la mida del marc dins del qual es mostrarà el vídeo.

2. Amb un codi d’inserció

Les plataformes de vídeo més usades ens solen oferir un codi HTML amb l’etiqueta <iframe> amb diferents paràmetres però aquesta etiqueta no funciona en Portal.EDU. Cal transformar el codi que ens proporciona la plataforma de vídeo en un shortcode de WordPress. Com?

  1. Visiteu el vídeo en la mateixa plataforma YouTube i premeu en el botó “Comparteix”.
  2. Feu clic en el botó “Insereix” i copieu el codi proporcionat
  3. Substituïu els caràcters menor i major de l’etiqueta iframe (<>) pels caràcters obrir i tancar claudàtors([]), a continuació esborreu el tancament de l’etiqueta </iframe>.

Un exemple: imagineu que volem inserir aquest vídeo sobre com fer una entrada en Portal.EDU. Haurem de fer clic en “Comparteix” i després en “insereix”; allí, copiar el codi que apareix fent clic en copiar:

Després, l’apeguem en la nostra entrada del portal i el modifiquem fins que quede de la següent manera:

Podem modificar el valor dels paràmetres amplària (width) i alçària (height) per a variar la grandària del marc on apareixerà el vídeo

3. Amb l’editor Visual

Si utilitzem l’editor visual (Beaver Builder), existeix un mòdul concret per a inserir un vídeo. L’afegim i en “Tipus de vídeo” seleccionem “Incrusta” (en lloc de “Mediateca”). Aleshores només haurem d’apegar l’URL del vídeo. En la pestanya “avançat” Podrem configurar, igual com en la resta de mòduls, paràmetres d’espaiat, visibilitat, animació, etc.

 

Llegir més…

Videotutorials de Portal.EDU

Molts centres han començat a esprémer la plataforma Portal.EDU amb els seus llocs web en marxa; hem elaborat alguns tutorials bàsics per a utilitzar-la. En aquesta entrada teniu un llistat de tots els que hi ha. També estem preparant una pàgina renovada amb la informació sobre Portal.EDU en la qual inclourem els videotutorials agrupats per seccions.

Portal.EDU

Portal.EDU – Primers passos

Tutorial que mostra el funcionament del portal educatiu de la Generalitat Valenciana basat en la tecnologia WordPress. Alfredo Vicente ens mostra els aspectes bàsics del tauler i la configuració bàsica de la pàgina del centre.

Llegir més…

Portal.EDU – Inici de sessió i problemes derivats

Vídeo que explica en 40 segons com iniciar sessió en la plataforma Portal.EDU de la Generalitat. Després s’hi indica què cal fer en cas de tindre problemes per a entrar.

Llegir més…

Portal.EDU – Creació d’una entrada

Expliquem la creació i publicació d’entrades en Portal.EDU amb l’editor simple de WordPress; com afegir una entrada, qüestions bàsiques de l’editor (negreta, cursiva, capçaleres, llistes, creació d’un enllaç) i els paràmetres d’estat, visibilitat i publicació de l’entrada. També s’explica com incloure l’entrada en una categoria.

Llegir més…

Portal.EDU – Inserció d’una imatge en una entrada

Tutorial de #CvTIC que explica la forma d’afegir una imatge en una entrada del lloc web.

Llegir més…

Portal.EDU – Traducció d’una entrada de forma ràpida amb el Salt

Tutorial de #CvTIC que explica, per a un lloc bilingüe, com crear la traducció d’una entrada a l’altre idioma oficial amb el complement “Traduccions Salt”

Llegir més…

Portal.EDU – Creació d’entrades amb l’editor clàssic


Videotutorial sobre el funcionament de la Plataforma per a la gestió i realització de pàgines web mitjançant l’eina Portal.EDU de la Conselleria d’Educació, que ens explica com crear i publicar entrades utilitzant l’editor HTML clàssic.

Llegir més…

Portal.EDU – Creació de pàgines amb l’editor clàssic

Videotutorial sobre el funcionament de la Plataforma per a la gestió i realització de pàgines web mitjançant l’eina Portal.EDU de la Conselleria d’Educació, que ens explica com crear pàgines utilitzant l’editor HTML clàssic.

 

Llegir més…

Portal.EDU – Configuració general de la Plataforma

 Videotutorial sobre el funcionament de la Plataforma per a la gestió i realització de pàgines web mitjançant l’eina Portal.EDU de la Conselleria d’Educació, que ens explica com realitzar la configuració bàsica dels diferents apartats de Portal.EDU.

Llegir més…

Portal.EDU – Creació de Menús

Videotutorial sobre el funcionament de la Plataforma per a la gestió i realització de pàgines web mitjançant l’eina Portal.EDU de la Conselleria d’Educació, que ens explica com crear i gestionar de manera fàcil els Menús de la pàgina web.

Llegir més…

Portal.EDU – Afegir Categories i etiquetes

Videotutorial sobre el funcionament de la Plataforma per a la gestió i realització de pàgines web mitjançant la ferramenta Portal.EDU de la Conselleria d’educació que ens explica com incloure i gestionar les diferents categories i etiquetes que formen part d’una pàgina web.

Llegir més…

Portal.EDU – Incloure idiomes en la pàgina

Videotutorial sobre el funcionament de la Plataforma per a la gestió i realització de pàgines web mitjançant la ferramenta Portal.EDU de la Conselleria d’educació que ens explica com incloure i gestionar els idiomes de la pàgina de Portal.EDU.

Llegir més…

Portal.EDU – Utilització de la Mediateca (Biblioteca de recursos)

Videotutorial sobre el funcionament de la Plataforma per a la gestió i realització de pàgines web mitjançant la ferramenta Portal.EDU de la Conselleria d’educació que ens explica com crear i gestionar de manera fàcil els Menús de la pàgina web.

Llegir més…

Portal.EDU – Ginys/ Widgets

Videotutorial sobre el funcionament de la Plataforma per a la gestió i realització de pàgines web mitjançant la ferramenta Portal.EDU de la Conselleria d’educació que ens explica com funcionen i com podem incloure ginys i widgets en la nostra pàgina.

Llegir més…

Portal.EDU – Plugins: Informació del centre

Videotutorial sobre el funcionament de la Plataforma per a la gestió i realització de pàgines web mitjançant la ferramenta Portal.EDU de la Conselleria d’educació que ens explica com incloure el plugin desenvolupat per a la pàgina: Informació del centre.

Llegir més…

Portal.EDU – Plugins: Add to any

Videotutorial sobre el funcionament de la Plataforma per a la gestió i realització de pàgines web mitjançant la ferramenta Portal.EDU de la Conselleria d’educació que ens explica com incloure el plugin desenvolupat per a la pàgina: Add to any.

Llegir més…

Portal.EDU – Lloc offline

Videotutorial sobre el funcionament de la Plataforma per a la gestió i realització de pàgines web mitjançant la ferramenta Portal.EDU de la Conselleria d’educació que ens explica com configurar la pàgina per a indicar que el lloc està fora de servei temporalment.

Llegir més…

Portal.EDU – Error 404

Videotutorial sobre el funcionament de la Plataforma per a la gestió i realització de pàgines web mitjançant la ferramenta Portal.EDU de la Conselleria d’educació que ens explica com configurar la pàgina d’error 404 per indicar una errada en la cerca de la pàgina

Llegir més…

Portal.EDU – Plugin: Reserva d’aules i espais del centre

Videotutorial sobre el funcionament de la Plataforma per a la gestió i realització de pàgines web mitjançant la ferramenta Portal.EDU de la Conselleria d’educació que ens explica com utilitzar el connector instal·lat a la pàgina de wordpress de reserva d’espais i aules del centre.

Llegir més…

Portal.EDU – Plugins: formularis

Videotutorial sobre el funcionament de la Plataforma per a la gestió i realització de pàgines web mitjançant la ferramenta Portal.EDU de la Conselleria d’educació que ens explica com utilitzar el connector instal·lat a la pàgina de wordpress de Formularis, per recollir informació i suggerències dels visitants de la pàgina 

Llegir més…


Aquest article va ser publicat per primera vegada en el butlletí CvTIC núm 22. Podeu trobar més videotutorials en aquesta pàgina de la secció Aules. Podeu explorar més butlletins en Aquesta Pàgina.

 

Comparteix

Actualització Portal.EDU març 2020

En la vesprada del 10/03/2020 es va dur a terme una actualització de PortalEdu, que inclou els següent canvis: Resolució errors • S’han resolt diversos errors de sincronització d’usuaris ◦ Sincronització de professorat en manera massiva i en manera selectiva • Extensió BeaverBuilder (editor visual) ◦ S’han corregit diversos errors de traducció ◦ Corregits diversos errors en temps d’edició • S’han resolt error … Llegir més…