Präsentationstitel – Untergeordnete Folien – Hier eine Auflistung:



Präsentationstitel – Untergeordnete Folien – Hier eine Auflistung:

1 6


OC-HTML5-Presentation


On Github Ineffective / OC-HTML5-Presentation

Präsentationstitel

Erika Mustermann & Max Mustermann

Installation:

npm install -g yonpm installgrunt servelocalhost:8000

Control from smartphone

scan QR Code on right

Mobile Ready! Pull window small or try on smartphone/tablet

1Lorem ipsum

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore.

Probleme mit dem ausdrucken der Folien?

-->pdf-export

Untergeordnete Folien

Folien könnnen untergeordnet werden um z. B. tiefer ins Thema einzusteigen.

h2 heading

zum navigieren einfach 'oben' oder 'unten' klicken.

h3 heading

und so weiter!

Hier eine Auflistung:

  • Ein Punkt nach
  • dem anderen
  • <li class="fragment">punkt</li>

Eine andere Auflistung

eins zwei drei

Powerpoint

Wer sieht da nicht rot?

<section data-state="alert">
<section data-state="soothe">
<section data-state="blackout">
<section data-state="whiteout">
<section data-state="cobalt">
<section data-state="mint">
<section data-state="submerge">
<section data-state="sunset">
<section data-state="lila">

Steuern Sie mit Links zwischen den einzelnen Folien

Dies sieht dann so aus: Link

Markdown support

 
    <section data-markdown>
        <script type="text/template">
            ## Idee

            * Automatisierung der Beleuchtung in Gebäuden
            * Speziell Licht in Gemeinschaftsräumen sowie privaten Räumen anhand von Events ein/ausschalten
            * Events in Form von Bewohner kommt an / verlässt das Gebäude
        </script>
    </section>
                 

Idee

  • Automatisierung der Beleuchtung in Gebäuden
  • Speziell Licht in Gemeinschaftsräumen sowie privaten Räumen anhand von Events ein/ausschalten
  • Events in Form von Bewohner kommt an / verlässt das Gebäude

Markdown kann syntax highlights

            <section data-markdown>
                <script type="text/template">
                    ### Loading native libraries in Java

                    ```java

        try {
            System.out.println("Loading Native Libraries:: Path: " + System.getProperty("java.library.path"));
            //loading a library, there are two ways. but it only gets loaded once so doesnt matter if done twice here
            System.loadLibrary("RCSwitchAdapter");
            System.load("/usr/local/lib/libRCSwitchAdapter.so");
            System.out.println("Loading Native Libraries:: loading librarys worked");
            workingNativeCode = true;
        } catch (UnsatisfiedLinkError e) {
            e.printStackTrace();
        }

        }
    }
                    ```
                </script>
            </section> 

Java syntax highlights

        try {
            System.out.println("Loading Native Libraries:: Path: " + System.getProperty("java.library.path"));
            //loading a library, there are two ways. but it only gets loaded once so doesnt matter if done twice here
            System.loadLibrary("RCSwitchAdapter");
            System.load("/usr/local/lib/libRCSwitchAdapter.so");
            System.out.println("Loading Native Libraries:: loading librarys worked");
            workingNativeCode = true;
        } catch (UnsatisfiedLinkError e) {
            e.printStackTrace();
        }

        }
    }

Präsentationen leben von Bildern und Medien

Number one place of reference:

Githubseite von RevealJSRevealJS Website

Weitere Konfigurationen:

revealjsConfig.js

for settings see here: git config desc

Hier ein paar Highlights

Klicken Sie sich einfach durch:

wachsen

schrumpfen

Roll-in

Fade-out

Rot

Grün

Blau

Webcam oder externe Kamera Zugriff via HTML5

Ideal für Demozwecke

(Funktioniert nur mit lokalem Server)

Käffchen?

Wenn Sie eine kleine Pause einlegen wollen, reicht es die Taste 'b' zu drücken und die Präsentation färbt sich schwarz.

Bei Fragen:

Pascal Brokmeier (PBR)

Wer mir einen gefallen tun will  ★ das Repo auf Github, damit ich sehe ob und wie viel die Vorlage genutzt wird. Auch sind Updates dann besser zu verteilen.