Inhaltsverzeichnis
Präsentieren mit impress.js
Es gibt viele Softwareprogramme, die dich beim Präsentieren unterstützen. Meistens wird PowerPoint oder Impress von OpenOffice bzw. LibreOffice genannt. Es gibt aber durchaus interessante Alternativen, die einen anderen Ansatz wählen. Geht auf die Webseiten und schaut euch die Demos an.
An dieser Stelle möchte ich euch impress.js näher vorstellen.
Hier ein Beispiel: impress.js
Vorbereitung
impress.js ist benötigt zum Präsentieren einen aktuellen Browser. Mit älteren Browsern funktioniert es nicht. Ladet euch die zip-Datei von impress.js herunter: https://github.com/bartaz/impress.js/
Den Link für die zip-Datei musste ich erst auf der Seite etwas suchen.
Nachdem ihr die Datei entpackt habt, befinden sich auf eurem Rechner mehrere Dateien. Eine konkrete Anleitung für impress.js gibt es nicht. Die Handhabung von impress.js ist in den Dateien als Kommentare vermerkt. Die Kommentare in index.html genügen. Wer sich nicht durch die Kommentare durcharbeiten will, kann bei Amazon ein Buch über impress.js erwerben, oder diese einführende Anleitung hier durcharbeiten.
Impress.js basiert auf JavaScript und CSS. Um die Funktionen nutzen zu können, müsst ihr die vorgegebene JavaScript und eine beliebige CSS Datei einbinden.
Einbinden der nötigen Dateien / einfache CSS Datei
Folien / Slides erstellen
Alle Folien werden über <div> Tags dargestellt.
Hier findet ihr genauere Informationen.
Positionieren der Slides im "Raum"
Um impress.js sinnvoll zu nutzen, verteilst du deine Slides (Folien) im „Raum“. Hier kannst du nachlesen, wie das geht:
Positionieren der Folien
Eine Übersicht von alle Folien erstellen
Es ist durchaus sinnvoll, eine Übersichtsfolie zu erstellen. Somit kannst du sehen, wie deine Folien angeordnet sind.
Übersichtsfolie
Sichtbarkeit der Folien
Es sind immer alle Folien sichtbar. Wenn du möchtest, kannst du das ändern:
Sichtbarkeit der Folien
Sonstiges
Hier noch ein paar weitere Features:
Weitere Features
Fertige Beispiele
Hier sind einige Beispiele aus dem Buch „Building Impressive Presentations with impress.js“ von Rakhitha Ratnayake erschienen im Published by Packt Publishing Verlag http://packtpub.com 2013
Auftrag
Vorgaben
- Schau dir einige Besipiele an: https://github.com/bartaz/impress.js/wiki/Examples-and-demos
- Erstelle eine leere Präsentation bestehend aus 6 Folien mit Blindtext (http://www.loremipsum.de/)
- Formatiere die Folien optisch ansprechend
- Animiere die Folien mit impress.js (du kannst weitere Features von impress.js nutzen).
Beachte dabei aber die Dokumentationsvorgabe.
Dokumentation
- Schreibe auf, welche css Eigenschaften du für deine Folien verwendest und was jede einzelne bewirkt
- Notiere welche Attribute du zum Animieren verwendet hast und was diese bewirken.
Hebe Funktionen deutlich hervor, die wir im Unterricht nicht besprochen haben.