23
Moodle-Kurse für den Zugang auf mobilen Geräten fit machen Christian Schlegel | Swiss Moodle Moot 2013

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

  • Upload
    others

  • View
    1

  • Download
    0

Embed Size (px)

Citation preview

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

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

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

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

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

[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
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

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

[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

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

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
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

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

[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

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

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

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

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

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

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

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

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

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

Herzlichen Dank…

für Ihre Aufmerksamkeit.

Fragen an

Christian Schlegel [email protected] @chschlegel