Prezentacje w PowerPointcie są be. Przeglądając materiały z różnych konferencji możesz zobaczyć, że obecnie wielu prelegentów nie korzysta już z PowerPointa.
…i nie chodzi tu o alternatywne oprogramowanie na systemy Mac.
Dobrze jest mieć prezentację wystawioną na świat. Co więcej, jeszcze lepiej byłoby, gdyby sama prezentacja była stroną internetową.
Taka prezentacja mogłaby być oglądana z telefonu i tabletu.
Jak się okazuje zalet jest nawet więcej:
- Łatwo zaktualizować prezentację używając prostego edytora tekstu.
- Pliki mogą być hostowane w sieci.
- Łatwo udostępniać taką prezentację, gdyż widz nie potrzebuje oprogramowania, by ją oglądać.
- Nie jest to PowePoint więc publiczność będzie zachwycona twoimi zdolnościami
Są także pewne wady:
- Musisz posiadać pewne zdolności, aby obsługiwać pliki CSS, HTML, JavaScript.
- Pozycjonowanie elementów i efekty przejścia są ograniczone
- Prawie brak notatek pobocznych. Niektórzy z nich korzystają w Power Poincie, w trakcie prezentacji
Jednakże nie są to poważne wady. Zwłaszcza jeśli jesteś programistą, który wie , że publiczność chce od ciebie wiedzy, a nie wybuchowych efektów przejścia każdej linijki tekstu.
Istnieją 4 sposoby na stworzenie prezentacji HTML.
Google Slides Template
Google ma swój własny wzór prezentacji HTML5. Jest on prosty w porównaniu do następnych systemów, które omówię. Jest on ograniczony. Prezentacja może iść tylko od lewej do prawej.
Slajdy są oparte na sekcjach i artykułach.
Tutaj możesz pobrać kod demo.
https://github.com/slideshow-templates/slideshow-google-html5-slides
Sam wykorzystałem ten wzór w swojej prezentacji o Csharpie 6.0.
Impress.js
Jak sama nazwa wskazuje ten typ prezentacji ma robić wrażenie. Został on stworzony na podobieństwo komercyjnego produktu prezi.com. Pozwala na tworzenie slajdów na osi trójwymiarowej.
Efekty przejścia pomiędzy słowami w prezentacji robią więc wrażenie.
Slajdy są zdefiniowane w elemencie DIV wraz z atrybutami data określającymi lokację x, y, z i punkt obrócenia.
Ciężko zwizualizować sobie te wartości. Ten typ prezentacji nie nadaję się do prezentacji kodu w C#.
Jest to jednak fajny system do pokazania grupy wspaniałych cytatów wielkich ludzi.
https://github.com/impress/impress.js
Deck.js
Deck.js jest jednym z pierwszych systemów prezentacyjnych opartych na HTML5.
Jego działanie jest zbliżone do Google Template. Posiada swoją dokumentację
http://imakewebthings.github.com/deck.js/docs
Shower
Slajdy w Shower wyglądają bardzo podobnie do tych z prezentacji PowerPoint.
Ma on jednak wadę. Ze wszystkich tutaj podanych przykładów jest najbardziej skomplikowany. Slajdy są deklarowane poprzez sekcję wewnątrz elementu div, który ma kolejnego diva, a ten zawiera swój header i zawartość.
https://github.com/shower/shower
Reveal.js
Osobiście planuje go użyć w następnej prezentacji. Wielu prelegentów korzysta z tego systemu. Slajdy mogą być pozycjonowane horyzontalnie i wertykalnie.
Łatwo też zmienić lub dodać do slajdów efekty przy użyciu CSS.
Slajdy są zadeklarowane w tagu section.
Reveal.js daje opcję przejścia 3D.
