TEMA 1


T1 pag 1 Portada

Darrera actualització: Martes Agosto 30, 2022 15:37:35 GMT-0000 ...page...

PortalEdu. El nou portal docent


A partir del curs 2019-2020, els centres i el professorat no universitaris, depenents de la Conselleria, tindran a la seua disposició un nou portal educatiu. En ell es podran allotjar tant els lloc webs dels CEIP, IES, EOI..., com el blogs docents personals, de manera semblant (no igual), al que fa actualment Mestre a Casa. Aquesta nova plataforma s'anomenarà PortalEdu, i les principals motivacions per al seu desenvolupament, han sigut:

 

  • Oferir un entorn més actualitzat que l'actual, renunciant a tecnologies obsoletes, com ara Flash, i oferint una aparença més moderna.
  • Evitar problemes de seguretat derivats de l'us de versions antigues, utilitzant un entorn fàcilment actualitzable i de manera transparent als usuaris.
  • Millorar l'ús de la web com eina de dinamització de centres i docents.
  • Oferir una ferramenta senzilla i coneguda que oferisca els recursos adients
  • Donar suport a la línia de treball de la Conselleria, afavorint l'us de software lliure en comptes de software propietari.
  • Promoure les bones pràctiques en el tractament de la informació i la seua publicació al blog del docent o al web d'un centre educatiu. Sempre respectant la normativa vigent relacionada.


Aquest material té com a objectiu principal acostar-nos a les possibilitats que ens va a oferir Portal.EDU, conéixer que és i que no és el nou portal, a més de plantejar estratègies de treball col·laboratiu per tal d'aconseguir, publicar i mantindre una web útil i actualitzada.

Captura 1  

Darrera actualització: Martes Agosto 30, 2022 15:37:35 GMT-0000 ...page...

Un poc d'història


Inicialment (estem parlant dels primers anys de la dècada dels 2000), cada centre allotjava en uns servidors de la Conselleria (linucentres/intercentres... si sou veterans/nes vos sonaran) la seua pròpia web. Es permetia qualsevol tipus de contingut web, molta gent inclús feia 'a mà' la web del centre, ja que en eixa època els gestors de continguts no estaven tan desenvolupats com actualment. Aquesta estratègia donava molts problemes a l'hora d'actualitzar i gestionar eixos servidors ja que, amb eixa diversitat de plataformes instal·lades, les configuracions que funcionaven per a uns, fallaven per a uns altres.

Per a solucionar aquest problema, es va decidir unificar l'allotjament dels llocs web dels centres i dels docents en un únic gestor de continguts. D'aquesta manera, i des de l'any 2007, la Conselleria ha oferit el portal Mestre a Casa (anteriorment anomenant Escola Lliurex).
T1 Pag3 Mestreacasa

Cal dir que, com a primera ferramenta en un entorn web 2.0, més col·laboratiu i participatiu, va funcionar de manera satisfactòria durant un període de temps molt ample. Això va permetre als centres i als docents, començar a veure la web com l'eina pràctica de publicació i dinamització, que en realitat és.

Tanmateix, en els últims anys, la demanda d'una actualització en el funcionament d'aquest portal a anat creixent, en la mateixa mesura que l'ús, per part dels centres, de la plataforma, ha anat baixant. Actualment, es calcula que uns 900 centres de la nostra comunitat utilitzen Mestre a Casa amb certa regularitat. Això equival només a un 50% del total de centres de titularitat pública.

Si, finalment, tenim en compte la normativa actual, la qual impedeix publicar qualsevol informació o imatge del nostre alumnat en servidors externs, queda clara l'obligatorietat d'una revisió del sistema que s'oferia per allotjar i gestionar la web dels centres educatius i dels seus docents.

Per tot això, des del Servei d'Informàtica per als Centres Educatius, s'ha optat per Wordpress com alternativa. Es tracta, sense dubte, d'una eina actual, de codi lliure i àmpliament utilitzada, en la que molts/es docents ja acumulen experiència prèvia d'ús.

El nom del portal web, desenvolupat i mantingut amb Wordpress, per la Conselleria d'Educació, Investigació, Cultura i Esport, és PortalEdu i, com ja hem comentat abans, estarà disponible per a tots els centres i docents, a partir del curs 2019-2020.

Fins ací, una 'minilliçó' d'història que contextualitza el punt en els que ens trobem, en relació amb les webs dels centres educatius i dels blogs dels seus docents. Pot ser un bon resum per a entendre perquè estàs fent aquesta formació, i per començar ja a centrar la nostra atenció en el CMS (gestor de continguts) que, a partir del curs vinent, serà la nostra eina de treball, si volem fer pública qualsevol informació del centre o de la nostra tasca docent.

¿CMS?
Al llarg de tot el punt, s'ens ha colat diferents vegades, un concepte que potser no conegues. Els CMS. ¿En que consisteix un CMS? Doncs un CMS (Content Management System en anglés), o gestor de continguts, és...

...un programari de gestió de continguts, que permet elaborar-los, publicar-los i actualitzar-los. S'utilitza especialment per a gestionar pàgines web, ja siguin blogs o d'ús general. Viquipèdia

Darrera actualització: Martes Agosto 30, 2022 15:37:35 GMT-0000 ...page...

Qué es això del WordPress?


Si tens un blog personal, una web dedicada a un projecte educatiu o a una afició (gastronomia, papiroflèxia...), és molt probable que ja estigues emprant Wordpress, encara que no conegues eixa paraula. En cas contrari, dir-te que, bàsicament és la ferramenta més utilitzada actualment per al desenvolupament dels continguts de la web.

Inicialment concebut com a gestor de blogs (veure la secció del blog docent), Wordpress ha anat evolucionant cap al que es coneix actualment com a CMS (Sistema Gestor de Continguts en anglés), amb capacitat per allotjar llocs web més complexos. Des de la seua primera versió, de l'any 2003 fins l'actualitat, la seua popularitat ha anat creixent fins a ser el suport de gran part de la web. Així, i d'acord amb w3techs, el 45'5% de les pàgines d'Internet estan desenvolupades sense l'ajuda de cap CMS, en la resta, Worpress s'imposa clarament com l'alternativa mes popular:

Captura 2  


¿A què és deguda eixa adolescència tan exitosa? Bàsicament a tres aspectes en els quals WP destaca sobre la resta:

  1. Dinamisme: Entorn orientat al contingut, amb organització cronològica de la informació i avantatges de cara al posicionament en els buscadors.
  2. Simplicitat: No requereix coneixements previs de programació ni disseny web. La seua corba d'aprenentatge es molt reduïda.
  3. Col·laboratiu: Estructura que afavoreix el treball en grup, incorpora ferramentes d'interacció amb els usuaris del nostre lloc.


¿Significa això que WordPress és perfecte? Probablement no, segurament no és l'entorn que més possibilitats de configuració proporciona, ni la ferramenta que ofereix la millor gestió de recursos pujats a la web (fitxers, imatges... comprovarem que les opcions d'organització, de fet, són molt reduïdes) i finalment, NO és un gestor de formació, amb WordPress no podrem organitzar cursos, amb repositoris de materials ni avaluacions, per això la GVA ofereix altres alternatives (aules.edu.gva.es) .

Si més no, podem afirmar que WordPress és un gestor de continguts que permet muntar un lloc web, i mantindre'l actualitzat, de manera senzilla. Per això, nosaltres podrem, com a docents, utilitzar-lo des de diferents perspectives:

  • La web de centre.
  • El blog personal docent.
  • Blog d'aula
  • Lloc web d'un projecte educatiu


En aquesta formació anem a centrar-nos en el primer punt, el muntatge de la web del nostre centre. Encara que caldria dir que si acabem sent capaços d'elaborar una web de centre, el desenvolupament del nostre blog docent, o qualsevol altra realitat educativa on puga ser útil la utilització d'un lloc web, serà una tasca quasi trivial.

En tot cas, i per continuar endavant , el primer que necessitem, és conéixer com accedir a la plataforma. En el següent punt el veurem..

Darrera actualització: Martes Agosto 30, 2022 15:37:35 GMT-0000 ...page...

Accés a la plataforma


Si bé la plataforma està ja disponible en la seua adreça "portal.edu.gva.es" , per a la seua visita com a usuari/a anònim/a. El que necessiteu, com a desenvolupadors/es d'una web, és tindre un accés amb els permisos corresponents per a editar, organitzar, modificar o esborrar. Tranquil·litat, que no haureu de memoritzar massa per recordar l'URL per autenticar-se... l'únic requisit és tindre l'usuari corresponent a la plataforma creat i actiu.

Captura 3  

Com podré accedir a Portal.Edu?

 

  • Té dos mètodes per a arribar a la pantalla de login:
  1. Amb un clic en el botó que apareix a dalt en la part dreta, anomenat "Accedir" Acceder  
  2. Escrivint l'URL: portal.edu.gva.es/login
  • Incloent les teues dades. Inicialment, seràn les següents:

Nom d'usuari: El teu usuari de correu electrònic de la Conselleria (La teua adreça de correu sense @gva.es)
La mateixa amb que accedeixes a la resta de serveis de la Generalitat (nòmines, Itaca, Compte formació...). Pots canviar-la si vols, editant el teu perfil.

Contrasenya: La mateixa amb que accedeixes a la resta de serveis de la Generalitat (nòmines, Itaca, Compte formació...). Pots canviar-la si vols, editant el teu perfil.

Davant qualsevol incidència amb l'accés, Portal.Edu ofereix un senzill sistema de reinici de contrasenya, mitjançant l'enviament d'un correu al teu compte de @gva.es.

Captura 4  

 

Atenció! Per al curs actual...
Atés que ens trobem en les fases inicials de posada en marxa de la plataforma, alguns aspectes de la mateixa encara no estan configurats completament amb les seues característiques finals. Un d'aquests aspectes és la validació de l'usuari/a.

Actualment, per a poder obtindre una contrasenya d'accés a la plataforma, has d'introduir el teu nom d'usuari/a (La teua direcció de correu sense @gva.es ) i accedir al sistema de reinici de contrasenya que s'ha explicat anteriorment.

Rebràs un correu electrònic en el teu compte de correu gva amb un enllaç amb el qual podràs incloure la contrasenya que desitges.
T1 Pag5 4 Correugva

Si tot ha anat bé, ja teniu davant la vostra sessió oberta al portal. La finestra inicial és allò que en Wordpress anomenem TAULER (en anglés dashboard o back-end), des d'ací podreu gestionar tots els elements o funcions que tingueu disponibles amb els vostres permisos (ja parlarem dels permisos més endavant en el curs). Depenent de a què tens autorització, veuràs unes coses o altres. Aquesta pantalla no és accessible per al públic en general. Des del tauler també es pot accedir a la part pública de la web (front-end), a la que té accés qualsevol visitant del nostre lloc. Si esteu validats amb les vostres dades veureu algunes opcions de gestió a la part de dalt.

Captura 5  

::
Captura 6  

::

 


L'aparença d'una i altra és prou diferent, anirem acostumant-nos amb la pràctica i aprendrem que podem fer en cadascuna. El primer, que hauríem de conéixer, són les opcions que tindrem per a generar continguts. D'això parlem en el següent apartat...

Darrera actualització: Martes Agosto 30, 2022 15:37:35 GMT-0000 ...page...

Creació de continguts


Tal i i com hem comentat en el punt 'Què és aixó del Wordpress', una de les principals característiques d'aquest CMS, és que està orientat a la generació senzilla de contingut. L'objectiu és fer possible la publicació de informació en Internet a persones sense coneixements de disseny web, HTML o CSS. El treball de Wordpress, precisament, és estalviar-te el tindre que conèixer el significat d'eixos acrònims, per fer una bona web. Per al disseny dels teus continguts, tens dues opcions, la creació d'entrades o bé de pàgines . De moment no veurem quines són les diferències entre elles, ja ho farem més endavant.

Captura 7  

En qualsevol cas, Wordpress mostra el seu dissenyador per defecte, el denominat Gutenberg(Editor de blocs). Un editor que permet modificar per complet tot el contingut de la nostra web, dividit en blocs per a facilitar la seua edició. Cada peça de contingut en l'editor, des d'un paràgraf fins a una galeria d'imatges o un titular, és el seu propi bloc. I igual que els blocs físics, els blocs de WordPress poden afegir-se, organitzar-se i reorganitzar-se, la qual cosa permet als usuaris crear continguts rics en mitjans i dissenys de llocs d'una manera visualment intuïtiva.

Captura 8  

Si volem anar una mica més enllà, en la complexitat del nostre disseny de continguts, PortalEdu incorpora un altre ferramenta. Es tracta d'un editor prou més complex i amb més opcions d'organització que l'editor clàssic que acabem de veure. A aquesta eina l'hem anomenada Editor visual.

Captura 9  

Aquest editor visual es un programa que s'anomena Beaver Builder, i es una extensió (plugin en anglés) de Wordpress, instalada a PortalEdu. Ens va a permetre ampliar les opcions de disseny de les nostres pàgines. La seua fiilosofia és la que es coneix com WYSIWYG, en la qual es treballa d'una manera molt més visual, arrossegant elements a la part de la pantalla on volem ubicar-los.

Captura 10  

Abans de començar a utilitzar-lo, has de tindre en compte algunes qüestions:

  1. És una extensió (o plugin) instal·lada en PortalEdu. Si tens algun compte creat en Wordpress.com o en altra web gestionada amb Worpress, és probable que no tingues l'opció d'editar amb Beaver Builder, al no estar instal·lat.
  2. No estàs obligat/da a fer ús d'aquest editor. Si prefereixes continuar amb el clàssic, cap problema.


No és objectiu d'aquest material l'oferir un curs complet de Beaver Builder, en la web oficial del plugin teniu una molt bona documentació, a partir de la qual podeu començar a treballar. Fins on arribeu ja es una qüestió de pràctica.

A més de la documentació per l'editor visual, si necessites una maneta en PortalEdu, Wordpress ofereix una ajuda molt útil que tens sempre ubicada en la part superior de la pantalla, t'informarà de les diferents opcions que tens en pantalla en eixe moment.
 

Captura 11  


A continuació t'oferim la possibilitat de fer una tasca per començar a conèixer com vas a treballar en el nou portal.

TASCA 1: Provant l'editor visual
Si vols fer-te una idea de com treballa Beaver Builder, tens a la web del plugin una secció per poder fer 'pràctiques' amb les diferents opcions que ofereix. Podria ser una bona manera de començar a acostumar-se a, per exemple, inserir primer les columnes on volem organitzar els elements, i després ficar els continguts que vulguem, sense 'embrutar' el lloc web del nostre centre.

Web de proves de Beaver Builder (Secció de creació de pàgines)

::T1 Pga6 7 Beaverbuilder
Recorda que únicament podràs realitzar proves de disseny de continguts. No tindràs possibilitat de guardar el teu treball per a reutilitzar-lo posteriorment.::



Darrera actualització: Martes Agosto 30, 2022 15:37:35 GMT-0000 ...page...

Present i futur de la plataforma


Com s'ha comentat en la part de l'accés a la plataforma, Portal.Edu es troba en les primeres fases de desenvolupament, per tant algunes funcionalitats no estan totalment perfilades, i unes altres ni tan sols són accessibles hui dia. Haureu de tindre una mica de paciència per a poder treballar amb totes les funcionalitats actives.

T1 Pag7 Coming Soon


En aquest curs tractarem majoritàriament de mostrar-vos els elements que ja podeu utilitzar, però també donarem algun avanç de coses que us arribareu a trobar actives en el mitjà termini, una vegada que Portal.edu estiga accessible per a tots els centres públics de la nostra comunitat.

En les diferents tasques optatives, i pràctiques obligatòries, utilitzarem com a referència la web d'un centre educatiu, però pròximament PortalEdu, oferirà la possibilitat de desenvolupar i publicar el nostre blog docent personal.

D'altra banda, els elements que anirem coneixent al llarg d'aquesta formació, són independents de l'estructura de la web en la qual anem a fer ús d'ells. Això significa que les eines que aprendreu a usar us serviran, tant si voleu muntar la web del vostre centre educatiu, com si esteu completant el vostre blog docent personal o un lloc web de qualsevol altre tipus, relacionat amb la docència.

En el Tema 2 analitzarem algunes qüestions prèvies al desenvolupament d'un lloc web. Aquest anàlisi és, segurament, una de les tasques més importants, i que marcarà la viabilitat del vostre projecte. Si hem de plantejar una web docent com un treball col·laboratiu i a llarg termini, abans de començar a crear contingut en Wordpress, haurem de planificar un poc el que volem aconseguir.

Abans de passar al tema següent, recorda realitzar la Pràctica 1, per comprovar que el teu accés a PortalEdu és correcte