moodle-kurse für den zugang auf mobilen geräten fit machen · 2013-09-09 · moodle app auf...
TRANSCRIPT
![Page 1: Moodle-Kurse für den Zugang auf mobilen Geräten fit machen · 2013-09-09 · Moodle App auf Tablet/ Smartphone [3] Standard Design Clean aktivieren [1] Eigenes Design . Argumente](https://reader033.vdocuments.net/reader033/viewer/2022043007/5f94bbf0b5ec5366e5523263/html5/thumbnails/1.jpg)
Moodle-Kurse für den Zugang auf mobilen Geräten fit machen
Christian Schlegel | Swiss Moodle Moot 2013
![Page 2: Moodle-Kurse für den Zugang auf mobilen Geräten fit machen · 2013-09-09 · Moodle App auf Tablet/ Smartphone [3] Standard Design Clean aktivieren [1] Eigenes Design . Argumente](https://reader033.vdocuments.net/reader033/viewer/2022043007/5f94bbf0b5ec5366e5523263/html5/thumbnails/2.jpg)
Wie mache ich meine Moodlekurse fit für den Zugang mit mobilen Geräten?
Themeeinstellungen, Anpassungen
Welche Einschränkungen gibt es?
Welche Lösungsansätze?
Best Practice: Beispiele optimierter Kurse für Tablets/Smartphones
![Page 3: Moodle-Kurse für den Zugang auf mobilen Geräten fit machen · 2013-09-09 · Moodle App auf Tablet/ Smartphone [3] Standard Design Clean aktivieren [1] Eigenes Design . Argumente](https://reader033.vdocuments.net/reader033/viewer/2022043007/5f94bbf0b5ec5366e5523263/html5/thumbnails/3.jpg)
Welche Erfahrungen haben Sie gemacht?
Tablets im Einsatz?
Rückmeldungen der Anwender?
Welche Moodleversion nutzen Sie?
![Page 4: Moodle-Kurse für den Zugang auf mobilen Geräten fit machen · 2013-09-09 · Moodle App auf Tablet/ Smartphone [3] Standard Design Clean aktivieren [1] Eigenes Design . Argumente](https://reader033.vdocuments.net/reader033/viewer/2022043007/5f94bbf0b5ec5366e5523263/html5/thumbnails/4.jpg)
Lösungsansätze
[1]
Eigenes Design für
mobile Geräte
optimieren
[2]
Moodle App auf Tablet/
Smartphone
[3]
Standard Design Clean
aktivieren
![Page 5: Moodle-Kurse für den Zugang auf mobilen Geräten fit machen · 2013-09-09 · Moodle App auf Tablet/ Smartphone [3] Standard Design Clean aktivieren [1] Eigenes Design . Argumente](https://reader033.vdocuments.net/reader033/viewer/2022043007/5f94bbf0b5ec5366e5523263/html5/thumbnails/5.jpg)
[1] Eigenes Design
![Page 6: Moodle-Kurse für den Zugang auf mobilen Geräten fit machen · 2013-09-09 · Moodle App auf Tablet/ Smartphone [3] Standard Design Clean aktivieren [1] Eigenes Design . Argumente](https://reader033.vdocuments.net/reader033/viewer/2022043007/5f94bbf0b5ec5366e5523263/html5/thumbnails/6.jpg)
![Page 7: Moodle-Kurse für den Zugang auf mobilen Geräten fit machen · 2013-09-09 · Moodle App auf Tablet/ Smartphone [3] Standard Design Clean aktivieren [1] Eigenes Design . Argumente](https://reader033.vdocuments.net/reader033/viewer/2022043007/5f94bbf0b5ec5366e5523263/html5/thumbnails/7.jpg)
Argumente für [1] eigenes Design
Vorteile
Passt zu CI/CD
Nachteile
Sehr aufwändig
Technisches Knowhow nötig
Muss bei Moodle-Updates immer gepflegt werden
![Page 8: Moodle-Kurse für den Zugang auf mobilen Geräten fit machen · 2013-09-09 · Moodle App auf Tablet/ Smartphone [3] Standard Design Clean aktivieren [1] Eigenes Design . Argumente](https://reader033.vdocuments.net/reader033/viewer/2022043007/5f94bbf0b5ec5366e5523263/html5/thumbnails/8.jpg)
[2] Moodle App
![Page 9: Moodle-Kurse für den Zugang auf mobilen Geräten fit machen · 2013-09-09 · Moodle App auf Tablet/ Smartphone [3] Standard Design Clean aktivieren [1] Eigenes Design . Argumente](https://reader033.vdocuments.net/reader033/viewer/2022043007/5f94bbf0b5ec5366e5523263/html5/thumbnails/9.jpg)
Moodle Mobile App
Android
Android 2.1 oder höher
iOS
iOS 4.3 oder höher
![Page 10: Moodle-Kurse für den Zugang auf mobilen Geräten fit machen · 2013-09-09 · Moodle App auf Tablet/ Smartphone [3] Standard Design Clean aktivieren [1] Eigenes Design . Argumente](https://reader033.vdocuments.net/reader033/viewer/2022043007/5f94bbf0b5ec5366e5523263/html5/thumbnails/10.jpg)
Voraussetzungen Moodle Mobile Apps
![Page 11: Moodle-Kurse für den Zugang auf mobilen Geräten fit machen · 2013-09-09 · Moodle App auf Tablet/ Smartphone [3] Standard Design Clean aktivieren [1] Eigenes Design . Argumente](https://reader033.vdocuments.net/reader033/viewer/2022043007/5f94bbf0b5ec5366e5523263/html5/thumbnails/11.jpg)
![Page 12: Moodle-Kurse für den Zugang auf mobilen Geräten fit machen · 2013-09-09 · Moodle App auf Tablet/ Smartphone [3] Standard Design Clean aktivieren [1] Eigenes Design . Argumente](https://reader033.vdocuments.net/reader033/viewer/2022043007/5f94bbf0b5ec5366e5523263/html5/thumbnails/12.jpg)
Argumente für [2] Moodle App
Vorteile
Sehr geringe Bandbreite nötig, braucht wenig Datenvolumen des Mobil-Abos
Auf Server schnell eingerichtet
Nachteile
Beschränkte Möglichkeiten
Konfiguration auf Endgeräten nötig
![Page 13: Moodle-Kurse für den Zugang auf mobilen Geräten fit machen · 2013-09-09 · Moodle App auf Tablet/ Smartphone [3] Standard Design Clean aktivieren [1] Eigenes Design . Argumente](https://reader033.vdocuments.net/reader033/viewer/2022043007/5f94bbf0b5ec5366e5523263/html5/thumbnails/13.jpg)
[3] Design Clean
![Page 14: Moodle-Kurse für den Zugang auf mobilen Geräten fit machen · 2013-09-09 · Moodle App auf Tablet/ Smartphone [3] Standard Design Clean aktivieren [1] Eigenes Design . Argumente](https://reader033.vdocuments.net/reader033/viewer/2022043007/5f94bbf0b5ec5366e5523263/html5/thumbnails/14.jpg)
Voraussetzungen
Ab Moodle 2.4
Clean Theme, basiert auf Twitter Bootstramp
Essentials Theme, noch unstabil, vielversprechend
Ab Moodle 2.2
MyMobile, besonders für Smartphones geeignet
Bei Tablets besser Standardoberfläche
![Page 15: Moodle-Kurse für den Zugang auf mobilen Geräten fit machen · 2013-09-09 · Moodle App auf Tablet/ Smartphone [3] Standard Design Clean aktivieren [1] Eigenes Design . Argumente](https://reader033.vdocuments.net/reader033/viewer/2022043007/5f94bbf0b5ec5366e5523263/html5/thumbnails/15.jpg)
Theme Auswahlmöglichkeiten
Name Einsatz
Default Standard Desktop Rechner
Legacy schlank, geringe Ladezeiten
Mobile Smartphones
Tablet 7’’, 10’’ Tablets, iPads, Android Geräte
![Page 16: Moodle-Kurse für den Zugang auf mobilen Geräten fit machen · 2013-09-09 · Moodle App auf Tablet/ Smartphone [3] Standard Design Clean aktivieren [1] Eigenes Design . Argumente](https://reader033.vdocuments.net/reader033/viewer/2022043007/5f94bbf0b5ec5366e5523263/html5/thumbnails/16.jpg)
Anpassungsmöglichkeiten Clean
Navigationsleiste invertieren
Logo einfügen
Eigenes CSS, Formatierungen überschreiben
Fusszeile
![Page 17: Moodle-Kurse für den Zugang auf mobilen Geräten fit machen · 2013-09-09 · Moodle App auf Tablet/ Smartphone [3] Standard Design Clean aktivieren [1] Eigenes Design . Argumente](https://reader033.vdocuments.net/reader033/viewer/2022043007/5f94bbf0b5ec5366e5523263/html5/thumbnails/17.jpg)
Beispiel Android Tablet
![Page 18: Moodle-Kurse für den Zugang auf mobilen Geräten fit machen · 2013-09-09 · Moodle App auf Tablet/ Smartphone [3] Standard Design Clean aktivieren [1] Eigenes Design . Argumente](https://reader033.vdocuments.net/reader033/viewer/2022043007/5f94bbf0b5ec5366e5523263/html5/thumbnails/18.jpg)
Beispiel iPhone 5
![Page 19: Moodle-Kurse für den Zugang auf mobilen Geräten fit machen · 2013-09-09 · Moodle App auf Tablet/ Smartphone [3] Standard Design Clean aktivieren [1] Eigenes Design . Argumente](https://reader033.vdocuments.net/reader033/viewer/2022043007/5f94bbf0b5ec5366e5523263/html5/thumbnails/19.jpg)
Checkliste für Kursinhalte
Struktur reduzieren > möglichst nur ein Abschnitt anzeigen lassen (Ladezeiten)
Saubere Inhalte (HTML , CSS) speziell bei Inhalten aus Office Programmen usw.
![Page 20: Moodle-Kurse für den Zugang auf mobilen Geräten fit machen · 2013-09-09 · Moodle App auf Tablet/ Smartphone [3] Standard Design Clean aktivieren [1] Eigenes Design . Argumente](https://reader033.vdocuments.net/reader033/viewer/2022043007/5f94bbf0b5ec5366e5523263/html5/thumbnails/20.jpg)
Checkliste für Kursinhalte
Vorsicht mit speziellen Inhalten: Tabellen
Mediaplayer (Video, Audio)
Testen verschiedene Geräten Auflösungen testen
![Page 21: Moodle-Kurse für den Zugang auf mobilen Geräten fit machen · 2013-09-09 · Moodle App auf Tablet/ Smartphone [3] Standard Design Clean aktivieren [1] Eigenes Design . Argumente](https://reader033.vdocuments.net/reader033/viewer/2022043007/5f94bbf0b5ec5366e5523263/html5/thumbnails/21.jpg)
Argumente für [3] Clean Design
Vorteile
Schlank und schnell
Wird vom Moodle-Team gepflegt
Funktioniert auf den meisten Geräten
Nachteile
Nur beschränkte Anpassungen möglich, sonst wird es sehr aufwändig
![Page 22: Moodle-Kurse für den Zugang auf mobilen Geräten fit machen · 2013-09-09 · Moodle App auf Tablet/ Smartphone [3] Standard Design Clean aktivieren [1] Eigenes Design . Argumente](https://reader033.vdocuments.net/reader033/viewer/2022043007/5f94bbf0b5ec5366e5523263/html5/thumbnails/22.jpg)
Links, Literatur
Diese Präsentation runterladen https://www.dropbox.com/s/7cy1jttt8q48pog/Moodle_fuer_mobile_Geraete_20130906.pdf
Zum Theme Clean http://www.somerandomthoughts.com/blog/2013/05/08/moodle-2-5-and-the-bootstrap-based-theme-clean/
Zum Theme Essential https://moodle.org/plugins/view.php?plugin=theme_essential
![Page 23: Moodle-Kurse für den Zugang auf mobilen Geräten fit machen · 2013-09-09 · Moodle App auf Tablet/ Smartphone [3] Standard Design Clean aktivieren [1] Eigenes Design . Argumente](https://reader033.vdocuments.net/reader033/viewer/2022043007/5f94bbf0b5ec5366e5523263/html5/thumbnails/23.jpg)
Herzlichen Dank…
für Ihre Aufmerksamkeit.
Fragen an
Christian Schlegel [email protected] @chschlegel