1. ILIAS mobile
ILIAS Conference 2011 Berne
Simon Moor, Hochschule Luzern
Fabian Schmid, studer + raimann ag

2. Inhalt & Ablauf
• Mobile Learning
• Mobile Devices
• 3 Ansätze
• Mobile ILIAS Tests (on- und offline)
• ILIAS mobile von Simon Moor
• ILIAS SkinTransformer
• Diskussion

3. Mobile Learning
• Einsatzszenarios
• Dateien verwalten
• Quiz/Selbsttests
• Informationen abrufen
• Warum mobile
Versionen?
• Authoring?

5. Mobile Devices

6. Unterschiedliche Möglichkeiten
• Klassisches ILIAS HTML / CSS Template optimiert
für kleine Bildschirme
• Native App: Spezifische iPhone- und Android-App
• Content mittels Wrapper darstellen
• ILIAS-Erweiterungen/Anpassungen

7. Mobile ILIAS Test

8. Bsp. klassisches Template

9. Bsp. native App
• Keine einheitliche Plattform, App muss für Android,
iOS, Blackberry etc. einzeln entwickelt werden.
• Kommunikation mit ILIAS muss gewährleistet
werden, bspw. Download von Testdaten.
•  Kein Vorteil gegenüber Wrapper.
• Sehr hohe Kosten!

10. Bsp. mittels Wrapper

11. Mobile ILIAS offline Test
• PhoneGap 1.0
• SCORM
• Unterstützte
Plattformen
• iOS
• Android
• BBOS
• HP WebOS
• WP7
• Symbian

12. Unterstützte Features

13. PhoneGap

14. Kommunikation zu ILIAS
• Offline-Modus
• Daten laden/senden
• JSON
• SOAP

15. ILIAS Mobile
IT Services
Simon Moor
Applikationsentwickler
T direkt +41 41 228 40 10
simon.moor@hslu.ch
Luzern

16. ILIAS Mobile
- Gedanken
- Implementierung
- Statistik / Nutzung
- Vergleich Datenmenge
- Fazit -> Diskussion
Folie 16

17. Gedanken
- Einfach zu bedienen
- Wenig Datenverkehr (Geschwindigkeit / Kontingent Mobile Verbindungen)
- Grundidee: Webordner Ansicht für Handy optimieren
- jQuery Mobile: Touch-optimiertes Web Framework für Smartphones
- bietet viele Funktionen bereits an: Knöpfe, Listen, Sliders, ……
- Kompatibel mit Apple iOS, Android, Windows Mobile, ……
Folie 17

18. Implementierung
- Eigene PHP-Klassen, unabhängig vom ILIAS-System
- Nur Standard-Schnittstellen zu ILIAS
Folie 18

19. Login
Folie 19

20. Introscreen
Folie 20

21. Schreibtisch
Folie 21

22. Magazin
Folie 22

23. Ordner
Folie 23

24. PDF
Folie 24

25. Karte
Folie 25

26. Karte mit User
Folie 26

27. Vergleich der Datenmenge (in kB)
1413.2
1400
1200
1000
800
600 524.9 499.2
389.1
400
244.1
196.1
200
43.2
4.8
0
Loginseite Login Magazin Total
ILIAS Standard ILIAS Mobile
Folie 27

28. Statistik / Nutzung
- Zwischen 6.6. und 15.8. Total 1415 Zugriffe auf ILIAS Mobile
- Durchschnittlich 20 Zugriffe pro Tag
- Vorher:
ca. 2.1% aller Aufrufe von ILIAS Standard Schreibtisch mit mobilen Geräten
- Nach Aufschaltung ILIAS Mobile:
ca. 1.1% aller Aufrufe von ILIAS Standard Schreibtisch mit mobilen Geräten
- Div. Feedback von Studenten erhalten, nur Positives sowie kleine
Anregungen
Folie 28

29. Fazit
- Studenten benutzen ILIAS Mobile und sind zufrieden (Nur pos. Feedback
erhalten)
- Vorgestellte Version kann produktiv eingesetzt werden, deckt aber noch
nicht alle ILIAS Objekte ab
- Übungen/Tests, Forum, Glossar, Mediacast, Wiki
- Ergänzt die Erweiterung MobileSkin von studer+raimann perfekt
- Navigation bis zum Objekt mit ILIAS Mobile
- Aufruf Objekt mit Mobilansicht studer+raimann
Folie 29

30. ILIAS SkinTransformer
• Fred Neumann (Uni Erlangen)
• ilSkinTransformer für ILIAS 4.1
• Kombination aus Skin und Plugin
• Einsetzbar für viele GUI-Anpassungen

31. ILIAS SkinTransformer jquery.js
main.xsl jquery.css
Mobile skin
tpl.forums
tpl.main mobile
_threads_view forum.xsl
.xml .css
.html
SkinTransformer
(UIHook plugin) Mobile
ilSkinTransformer page
ILIAS GUI
ilias.php ilObjForumGUI ilTemplateGUI
ILIAS base
ilObjForum

32. ILIAS SkinTransformer

33. ILIAS SkinTransformer

34. Diskussionspunkte
1. Bedürfnis für einen mobilen Skin vorhanden?
Welche Szenarien sind vorstellbar.
2. Soll die gesamte ILIAS-Struktur oder nur einzelne
Module für mobile Geräte optimiert werden?
3. HTML-Template für kleine Bildschirme oder
Umsetzung mittels WebApp-Framework.
4. Eigene Erfahrungen, bekannte Umsetzungen
(PHZH mobile?)