Adobe Captivate & HTML5. E- und M-Learning aus einem Guss!?

Adobe Captivate & HTML5 E- und M-Learning aus einem Guss!?

Martin Uhrig Dipl.-Technikredakteur (FH) Trainer, Berater & Autor

Einführung in Captivate & Beispiele Neuerungen in Captivate 6 Einführung M-Learning & Besonderheiten Technische Planung Nicht-interaktive Projekte: MP4 Interaktive Projekte: HTML5 Agenda

Beispiele

VIDEODEMO mit Schwenk-&-Zoom-Funktion

DESIGNS mit neuem Folienmasterkonzept

INTERAKTIONEN vordefinierte Bausteine

PERSONEN Darsteller, virtuelle Lernbegleiter,...

NEUE QUIZFUNKTIONEN Vortest, Verzweigungsabhängigkeit, Straf- & Teilpunkte,...

HTML5 Neues natives Ausgabeformat

SMARTFORMEN Vektorbasiert, standardisierbar, interaktiv,...

NEUE DESIGNFUNKTIONEN Texteffekte, Reflektionen, Textränder, Aufzählungszeichen,...

HYPERLINKS Texte verlinken

OBJEKTGRUPPIERUNG Übersicht schaffen, Produktivität steigern,...

OPTIMIERTE SCHNITTSTELLEN SCORM, AICC, PowerPoint...

Veranlassung E- & M-Learning aus einem Guss

Besonderheiten mobiler Projekte Kleine Lernmodule

Besonderheiten mobiler Projekte Selbstbestimmtes Lernen

Besonderheiten mobiler Projekte Navigation

Besonderheiten mobiler Projekte Abfragen

The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog. Besonderheiten mobiler Projekte Lesbarkeit von Texten

Besonderheiten mobiler Projekte Texteingaben

Einführung in Captivate & Beispiele Neuerungen in Captivate 6 Einführung M-Learning Technische Planung Nicht-interaktive Projekte: MP4 Interaktive Projekte: HTML5 Agenda

PUBLIKATIONSFORMAT(E) ZIELGERÄTE PLATTFORM(EN) AUFLÖSUNG INTERAKTIVITÄT Übersicht: Technische Planung E- & M-Learning aus einem Guss

Webseite (Internet/In tranet) Lokale Version (Download / CD) Videoportal (z. B. Youtube) LMS Laptop Desktop Smartphones Tablets Technische Rahmenbedingungen Zielgeräte & -plattformen

Android BlackBerry OS Symbian Windows Phone ios Technische Rahmenbedingungen Zielgeräte & -plattformen Mobile Endgeräte

13,6 1,6 0,9 0,5 0,5 Apple Samsung Amazon RIM ASUS Tablet-Absatz weltweit in Mio Stück, 1. Quartal 2012 Quelle: statista (Stand: 22.10.2012) http://de.statista.com/statistik/daten/studie/225940/umfrage/weltweiter-absatz-von-tablets/ Technische Rahmenbedingungen Zielgeräte & -plattformen Mobile Endgeräte

22% 7% 3% 4% 24% 40% GOOGLE (Android) NOKIA (Symbian) APPLE (ios) MICROSOFT (Windows Phone) RIM (Blackberry OS) Sonstige Smartphone-Betriebssysteme in Deutschland, Verteilung in %, 1. Quartal 2012 Quelle: BITKOM (Stand: 24.10.2012) http://www.bitkom.org/de/markt_statistik/64046_72316.aspx/ Technische Rahmenbedingungen Zielgeräte & -plattformen Mobile Endgeräte

Android BlackBerry OS Symbian Windows Phone ios Technische Rahmenbedingungen Zielgeräte & -plattformen Mobile Endgeräte

Laptops Tablets Smartphones Kleinstes 16:9-Format: 1366 x 768 Kleinstes 16:10-Format: 1280 x 800 ipad 1 & 2, ipad mini: 1024 x 768 ipad 3: 2048 x 1536 Samsung Galaxy Tab 1024 x 600 Kleinstes 16:9-Format 800 x 480 Kleinstes 4:3-Format: 800 x 600 iphone 3: 480 x 320 iphone 4: 960 x 640 iphone 5: 1136 x 640 Blackberry: 480 x 320 Samsung Galaxy: 480 x 800 Auflösungsermittlung

Auflösungsermittlung Beispiel

Auflösungsermittlung Tipp

1024 x 768 Auflösung ipad

1920 x 1080 Auflösung Desktop-PC

Auflösung optimieren Schwenken & Zoomen

Auflösung optimieren Beispiel: Schwenken & Zoomen

Auflösung optimieren Skalierbarer HTML-Inhalt

Auflösung optimieren Wiedergabeleisten-Widgets

Technische Planung Produktion Publikation MP4 Workflow Nicht-interaktive Projekte

Bereitstellung über YouTube

Technische Planung Produktion Publikation Workflow Interaktive Projekte

HTML5 - Einschränkungen

HTML5-Tracker

Veröffentlichung Einstellung Lernplattformen

Veröffentlichung Ausgabe-Einstellungen

ab ios5 Veröffentlichung Browser- und Geräteunterstützung

Praxisbeispiel HTML5

Weiterführendes HTML5 lokal

Weiterführendes App-Erstellung über PhoneGap

Weiterführendes App-Erstellung

ISBN: 978-3-8442-2846-5 http://www.tecwriter.de/wordpress/ Referenzmaterial

Noch Fragen? uhrig@tecwriter.de www.tecwriter.de

"Die in dieser Präsentation verwendeten Bilddaten stammen von folgenden Fotografen bzw. aus folgenden Bildarchiven:" Folie 9: Business Hour Glass ZINQ Stock #38799747 - Fotolia.com Folie 24: Time to Learn - Clock iqoncept #21613441 - Fotolia.com View inside train cabin Henlisatho #22711985 - Fotolia.com Westbahnhof, Budapest, Menschen warten auf dem Bahnsteig Jörg Hackemann #15600739 - Fotolia.com Folie 28: touching screen xjbxjhxm #17002606 - Fotolia.com Folien 16, 23, 25, 28, 42, 44, 51, 62: Illustration - Touch Tablet PC oder Mobile Geräte, Isolated On White adamson #6759943-123rf.com Folien 25, 45: Vector TV features and specifications icon set Taras Livyy #30271319 - Fotolia.com Folien 39, 56, 57: HTML5 Mark + Wordmark - http://www.w3.org/html/logo/#downloads (Stand: 16.01.2013) Folie 54: http://www.youtube.com/watch?v=uz5cj9e67ki (Stand: 16.01.2013) Folie 65: PhoneGap Package - http://phonegap.com/about/artwork/ (Stand: 16.01.2013) Folie 66: Diagram - PhoneGap Build - http://phonegap.com/about/artwork/ (Stand: 16.01.2013) Bildnachweise