En el següent article anem a fer una ullada a Reveal.js. Amb aquest programari tindrem la possibilitat de crear presentacions utilitzant HTML i CSS. Es tracta d'un marc de presentació HTML de codi obert, amb el qual qualsevol usuari amb un navegador web podrà crear presentacions, a més de poder utilitzar totes les funcions que ofereix el marc de forma gratuïta.
La configuració bàsica és només per crear presentacions. La configuració completa ens va a donar accés a totes les funcions i complements de reveal.js, A les notes de l'orador, així com a les tasques de desenvolupament necessàries per fer canvis a la font.
Les presentacions realitzades amb reveal.js es basen en tecnologies web obertes. Això vol dir que qualsevol cosa que puguem fer a la web, hauríem de poder fer-la també en la nostra presentació. Podrem canviar els estils amb CSS, incloure una pàgina web externa usant un iframe o afegir el nostre propi comportament personalitzat utilitzant la API de JavaScript que ofereixen.
Aquest marc ve amb una àmplia gamma de característiques que inclouen diapositives niades, compatibilitat amb Markdown, Animació automàtica, exportació de PDF, notes de l'orador, compatibilitat amb LaTeX i codi ressaltat de sintaxi.
Reveal.js a Ubuntu 20.04
Abans de començar la instal·lació de Reveal.js serà necessari que instal·lem primer alguns paquets necessaris. Per fer això anem a haver d'obrir una terminal (Ctrl + Alt + T) i executar-hi la següent comanda:
sudo apt install curl gnupg2 unzip git
El següent pas que necessitarem donar és instal·lar NodeJS versió 14, Tot i que de la versió 10 en endavant també hauria de funcionar. Per això hem d'afegir el repositori de nodejs, la qual cosa podrem fer escrivint a la mateixa terminal:
curl -sL https://deb.nodesource.com/setup_14.x | sudo bash -
Això iniciarà tot el procés d'afegir el repositori juntament amb el seu clau GPG. Un cop finalitzat el procés, ja podem instal·lar NodeJS amb la següent comanda:
sudo apt install nodejs
Quan finalitzi la instal·lació, podrem verificar la versió instal·lada de NodeJS executant la següent comanda:
node -v
Descarregar i instal·lar Reveal.js
Arribats fins aquí, és hora d'iniciar la descàrrega. Per fer això, anem a clonar el repositori de Reveal.js utilitzant Git. Per fer-ho no tindrem més d'obrir una terminal (Ctrl + Alt + T) i executar la següent comanda:
git clone https://github.com/hakimel/reveal.js.git
Quan es realitzi la clonació, en el nostre equip trobarem una carpeta anomenada revel.js. Per accedir-hi i instal·lar l'aplicació, No tindrem més que utilitzar els següents comandaments a la terminal (Ctrl + Alt + T):
cd reveal.js sudo npm install
Una vegada que s'instal·lin totes les dependències de l'aplicació, ja podem executar-la utilitzant la següent comanda:
npm start
L'anterior comando ens va a indicar que el servei es prestarà a través del port 8000, que és el port per defecte, juntament amb l'adreça IP de servidor. Ara, només haurem de obrir el nostre navegador web favorit i dirigir-nos a http://ip-servidor:8000. En aquesta direcció veurem la presentació per defecte de reveal.js, la qual cosa ens va a indicar que la instal·lació ha estat un èxit.
També podrem canviar el port usant -Port de la següent manera:
npm start -- --port=8001
Un cop reveal.js estigui instal·lat, resulta recomanable consultar les guies de opcions de Markup i de configuració per posar a punt aquest marc. Per obtenir més informació sobre com instal·lar reveal.js, els usuaris també podem consultar la pàgina en GitHub del projecte.
Reveal.js és una alternativa a PowerPoint per crear presentacions, que podem utilitzar en educació o fins i tot a la feina. Seguint les instruccions d'aquest article, qualsevol usuari podrà instal·lar aquest programa en un sistema Ubuntu 20.04. Qualsevol pot crear presentacions fantàstiques utilitzant HTML i CSS.
Si vols saber més sobre com utilitzar aquesta aplicació, a la pàgina web de el projecte, els usuaris podrem consultar la documentació oficial. En ella el seu creador ens mostra com podem treballar amb aquesta eina de manera molt senzilla i ràpida.
Si t'interessa poder gaudir dels beneficis de reveal.js sense haver d'escriure HTML o Markdown, el creador també ens ofereix la possibilitat de provar slides.com. Aquest és un editor visual i una plataforma amb totes les funcions de reveal.js.