Lage en enkel presentasjon 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... :)