Lage en enkel presentasjon med reveal.js

Mon 04 November 2013

Jeg har lenge hatt utfordringen med presentasjoner og versjonskontroll. Jeg har prøvd flere alternativer og her kommer er en rask gjenomgang av hvordan du kan komme igang med reveal.js.

Hva er reveal.js?

Reveal.js er et javascript rammeverk som lar deg skrive presentasjonene dine i markdown. Markdown er et text -> html konverteringsverktøy som gjør det mulig å skrive tekst som så blir konvertert til strukturert (x)html for visning.

Du kan lese alt du trenger å vite om Markdown på denne siden: http://daringfireball.net/projects/markdown/basics

Hvordan installere reveal.js?

Reveal.js er som nevnt et javascript rammeverk, så installasjon er ganske enkelt.

  • Last ned reveal.js filene til arbeidsmappen din.

Du finner siste versjon på følgende lenke: https://github.com/hakimel/reveal.js/releases/

Eventuelt kan du laste ned master.zip direkte fra gitrepoet: https://github.com/hakimel/reveal.js/archive/master.zip

  • Ta utgangspunkt index.html for utvikling av presentasjonen din.

Du finner kodeeksempler i index.html filen.

Basic syntax

  • Hver slide er en section
  • Du kan bruke vanlig html kode, <h3>, <p>, <ul> osv.
  • Bilder settes inn med <img src="adressen_til_bildet">
  • Lenker settes inn med <a href="lenke_adresse">

Den enkleste måten å se hva du har av muligheter er å kikke i index.html filen som du fikk ved installasjon. Denne inneholder alle de elementene du trenger å vite om for å komme godt igang.

Fordeler med reveal.js

? Hvorfor skal en bruke reveal.js?

? Er det ikke mye enklere å bruke powerpoint eller keynote?

  • Ved å bruke reveal.js eller lignende har du hele presentasjonen din i et rent tekstformat, åpent og lesbart uten å måtte bruke dyr, lisensiert programvare.
  • Ved å bruke reveal.js eller lignende har du mulighet til å putte prosjektet ditt i versjonskontroll siden det kun er snakk om ren tekst. Dette gjør det også enkelt å samarbeide på en presentasjon.
  • Ved å bruke reveal.js eller lignende trenger du kun en nettleser for å vise presentasjonen din. Dette kan være greit dersom du skal på konferanse og ikke får bruke eget utstyr.
  • Om du sjekker inn presentasjonen din på github vil du kunne nå den så lenge du har tilkobling til nett.
  • Det blir enkelt å dele presentasjonen din med tilhørere som ønsker å ha en kopi i etterkant. Du trenger ikke konvertere til pdf, eller sende pptx filer på mail.
  • Du kan lage en QR kode på slutten av presentasjonen din med lenke til presentasjonen. Tilhørerene kan ta bilde av denne, og så har de mulighet til å se / dele presentasjonen din i etterkant.

Se det i aksjon

Den beste måten å få et inntrykk på er å se det i aksjon.

Utvikleren av reveal.js har en demo-side der du kan se noen av mulighetene: http://lab.hakim.se/reveal-js/

Kildekoden til demoen er altså index.html filen du fikk ved installasjon: https://github.com/hakimel/reveal.js/blob/master/index.html

Dette var kort om et alternativ måte å lage presentasjoner på. Jeg ser for meg at en bedrift vil kunne lage en eller flere reveal.js maler som ligger klare til utsjekk i et internt versjonskontrollsystem. Disse vil da typisk settes opp med bedriftens logo, farger, fonttyper osv.

Man kan da enkelt sjekke ut bedriftsmalen når man skal igang å "kode" presentasjonen sin.

Lykke til... :)