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

La present entrada és una còpia parcial de l’obra amb el títol «Butlletí CvTIC núm. 24» publicada originalment en el portal antigament disponible a https://portal.edu.gva.es/cvtic/ i amb llicència Creative Commons de Reconeixement-CompartirIgual 4.0 Internacional.
Creat a partir d’una obra disponible a https://portal.edu.gva.es/cvtic/

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).

Llegiu més

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

La present entrada és una còpia parcial de l’obra amb el títol «Butlletí CvTIC núm. 23» publicada originalment en el portal antigament disponible a https://portal.edu.gva.es/cvtic/ i amb llicència Creative Commons de Reconeixement-CompartirIgual 4.0 Internacional.
Creat a partir d’una obra disponible a https://portal.edu.gva.es/cvtic/

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. PortalEdu 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 Guttemberg

Si utilitzem l’editor Guttemberg, existeix un mòdul concret per a inserir un vídeo. L’afegim i en «Insereix des d’un URL només haurem d’apegar l’URL del vídeo.

Llegiu més

"edutictac.es