SlideShare une entreprise Scribd logo
1  sur  16
ILIAS Mobile
Treffen SIG Mobile, 25. Januar 2012
           Fabian Schmid

       studer + raimann ag
Inhalt & Ablauf
• 2 Ansätze – 1 Framework: jQuery Mobile
• Mobile ILIAS HSLU
  (Simon Moor)
• SkinTransformer und MobileSkin
  (Fred Neumann, Fabian Schmid)
jQuery Mobile
• Baut auf jQuery auf
  (wird in ILIAS bereits
  genutzt)
• Optimierte
  Darstellung für
  mobile Geräte
• Viele unterstützte
  Plattformen
Mobile ILIAS (HSLU)
•   Grundidee: Webordner Ansicht für Handy
    optimieren
•   Einfach zu bedienen
•   Wenig Datenverkehr (Geschwindigkeit / Kontingent
    Mobile Verbindungen)
•   Eigene PHP-Klassen, unabhängig vom ILIAS-
    System
•   Nur Standard-Schnittstellen zu ILIAS
Mobile ILIAS (HSLU)
                                                               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
Nutzung
•   Sommer 2011: Zwischen 6 und 16 Nutzer
    täglich.
•   Seit Dezember 2011: 40-50 ILIAS Mobile Benutzern
    pro Tag.
•   Nutzung der „normalen“ ILIAS-Installation mit
    mobilen Geräten ging um ca. 2% zurück.
Feedbacks
Das esch kuul :-)                     Wie Dir Peter Hofer bestätigen wird, motze
   Gute Sache!                            ich gerne mal über ILIAS. Aber Eure
Gruss                                     mobile Version ist ein Knaller. Knall!
Reto Amsler per E-Mail 29.07.2011     Freundliche Grüsse
                                          Peter Fischer
Monile ilias ist super!               Peter Fischer, Dozent HSLU Wirtschaft per
Andreas Egli per E-Mail 20.09.2011        E-Mail 2.11.2011


Super!                                ILIAS mobile finde ich eine sehr gute Lösung.
   Vielen Dank.                           Einfach, aber total zweckmässig, und
                                          zudem mit sehr guter Performance.
Michael Blankenagel                       Besser, als die "normale" Lösung. Ich
   Dozent HSLU W                          arbeite mit einem IPad und benutzte die
Michael Blankenagel, Dozent HSLU          Applikation zum direkten Studium, ohne
   Wirtschaft per E-Mail 15.10.2011       kiloweise Unterlagen herumschleppen zu
                                          müssen.
                                      Christian Zanoli per E-Mail 18.11.2011
SkinTransformer und
MobileSkin
SkinTransformer         MobileSkin
• ILIAS-Plugin          • Für mobile Geräte
  (UserInterface)         optimierte ILIAS-Skin
• Ermöglichst             in Verbindung mit
  StyleSwitch             SkinTransformer
• Verarbeitet
  Transformation


Entwickelt von Fred Neumann, Uni Erlangen
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
Zukunftsblicke
•   Verbindung der beiden Ansätze
•   + Schnellere Navigation der HSLU
•   + Grössere Vielfalt, weniger Wartungsaufwand des
    SkinTransformers

Contenu connexe

En vedette

Lasinteligenciamultiples
LasinteligenciamultiplesLasinteligenciamultiples
Lasinteligenciamultiplesmarianita316
 
Die richtige identifizierung
Die richtige identifizierungDie richtige identifizierung
Die richtige identifizierungrufenacht
 
Linked Open Library Data
Linked Open Library DataLinked Open Library Data
Linked Open Library Datawenkbruno
 
Bildergeschichten interaktiv auf_i_pad-erzählen14
Bildergeschichten interaktiv auf_i_pad-erzählen14Bildergeschichten interaktiv auf_i_pad-erzählen14
Bildergeschichten interaktiv auf_i_pad-erzählen14Heike Roegler
 
Weihnachtspräsente für kunden 2015
Weihnachtspräsente für kunden  2015Weihnachtspräsente für kunden  2015
Weihnachtspräsente für kunden 2015Christian Fischer
 
Geschenke und Mitbringsel für Personen im Ausland | Umfrage 2014
Geschenke und Mitbringsel für Personen im Ausland | Umfrage 2014Geschenke und Mitbringsel für Personen im Ausland | Umfrage 2014
Geschenke und Mitbringsel für Personen im Ausland | Umfrage 2014kontakt_tutilbun
 
viZaar24 Leckortung online Präsentation
viZaar24 Leckortung online PräsentationviZaar24 Leckortung online Präsentation
viZaar24 Leckortung online PräsentationThomas Drost
 
Presentatie En Suite
Presentatie En SuitePresentatie En Suite
Presentatie En SuiteBakkerr
 
eBusiness Lösung - Erklärvideo Mittels kurzer Videos komplexe Themen leicht v...
eBusiness Lösung - Erklärvideo Mittels kurzer Videos komplexe Themen leicht v...eBusiness Lösung - Erklärvideo Mittels kurzer Videos komplexe Themen leicht v...
eBusiness Lösung - Erklärvideo Mittels kurzer Videos komplexe Themen leicht v...eBusiness-Lotse Darmstadt-Dieburg
 

En vedette (15)

Lasinteligenciamultiples
LasinteligenciamultiplesLasinteligenciamultiples
Lasinteligenciamultiples
 
Dresden #5
Dresden #5Dresden #5
Dresden #5
 
Die richtige identifizierung
Die richtige identifizierungDie richtige identifizierung
Die richtige identifizierung
 
Riegler WIKI - metras
Riegler WIKI - metrasRiegler WIKI - metras
Riegler WIKI - metras
 
Linked Open Library Data
Linked Open Library DataLinked Open Library Data
Linked Open Library Data
 
Glueckliches.neujahr!
Glueckliches.neujahr!Glueckliches.neujahr!
Glueckliches.neujahr!
 
Bildergeschichten interaktiv auf_i_pad-erzählen14
Bildergeschichten interaktiv auf_i_pad-erzählen14Bildergeschichten interaktiv auf_i_pad-erzählen14
Bildergeschichten interaktiv auf_i_pad-erzählen14
 
E businesslotse meinungsmacher_im_web_april_2013
E businesslotse meinungsmacher_im_web_april_2013E businesslotse meinungsmacher_im_web_april_2013
E businesslotse meinungsmacher_im_web_april_2013
 
Web 2.0
Web 2.0Web 2.0
Web 2.0
 
MAS PAISAJES
MAS PAISAJESMAS PAISAJES
MAS PAISAJES
 
Weihnachtspräsente für kunden 2015
Weihnachtspräsente für kunden  2015Weihnachtspräsente für kunden  2015
Weihnachtspräsente für kunden 2015
 
Geschenke und Mitbringsel für Personen im Ausland | Umfrage 2014
Geschenke und Mitbringsel für Personen im Ausland | Umfrage 2014Geschenke und Mitbringsel für Personen im Ausland | Umfrage 2014
Geschenke und Mitbringsel für Personen im Ausland | Umfrage 2014
 
viZaar24 Leckortung online Präsentation
viZaar24 Leckortung online PräsentationviZaar24 Leckortung online Präsentation
viZaar24 Leckortung online Präsentation
 
Presentatie En Suite
Presentatie En SuitePresentatie En Suite
Presentatie En Suite
 
eBusiness Lösung - Erklärvideo Mittels kurzer Videos komplexe Themen leicht v...
eBusiness Lösung - Erklärvideo Mittels kurzer Videos komplexe Themen leicht v...eBusiness Lösung - Erklärvideo Mittels kurzer Videos komplexe Themen leicht v...
eBusiness Lösung - Erklärvideo Mittels kurzer Videos komplexe Themen leicht v...
 

ILIAS mobile

  • 1. ILIAS Mobile Treffen SIG Mobile, 25. Januar 2012 Fabian Schmid studer + raimann ag
  • 2. Inhalt & Ablauf • 2 Ansätze – 1 Framework: jQuery Mobile • Mobile ILIAS HSLU (Simon Moor) • SkinTransformer und MobileSkin (Fred Neumann, Fabian Schmid)
  • 3. jQuery Mobile • Baut auf jQuery auf (wird in ILIAS bereits genutzt) • Optimierte Darstellung für mobile Geräte • Viele unterstützte Plattformen
  • 4.
  • 5. Mobile ILIAS (HSLU) • Grundidee: Webordner Ansicht für Handy optimieren • Einfach zu bedienen • Wenig Datenverkehr (Geschwindigkeit / Kontingent Mobile Verbindungen) • Eigene PHP-Klassen, unabhängig vom ILIAS- System • Nur Standard-Schnittstellen zu ILIAS
  • 6. Mobile ILIAS (HSLU) 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
  • 7.
  • 8.
  • 9. Nutzung • Sommer 2011: Zwischen 6 und 16 Nutzer täglich. • Seit Dezember 2011: 40-50 ILIAS Mobile Benutzern pro Tag. • Nutzung der „normalen“ ILIAS-Installation mit mobilen Geräten ging um ca. 2% zurück.
  • 10. Feedbacks Das esch kuul :-) Wie Dir Peter Hofer bestätigen wird, motze Gute Sache! ich gerne mal über ILIAS. Aber Eure Gruss mobile Version ist ein Knaller. Knall! Reto Amsler per E-Mail 29.07.2011 Freundliche Grüsse Peter Fischer Monile ilias ist super! Peter Fischer, Dozent HSLU Wirtschaft per Andreas Egli per E-Mail 20.09.2011 E-Mail 2.11.2011 Super! ILIAS mobile finde ich eine sehr gute Lösung. Vielen Dank. Einfach, aber total zweckmässig, und zudem mit sehr guter Performance. Michael Blankenagel Besser, als die "normale" Lösung. Ich Dozent HSLU W arbeite mit einem IPad und benutzte die Michael Blankenagel, Dozent HSLU Applikation zum direkten Studium, ohne Wirtschaft per E-Mail 15.10.2011 kiloweise Unterlagen herumschleppen zu müssen. Christian Zanoli per E-Mail 18.11.2011
  • 11. SkinTransformer und MobileSkin SkinTransformer MobileSkin • ILIAS-Plugin • Für mobile Geräte (UserInterface) optimierte ILIAS-Skin • Ermöglichst in Verbindung mit StyleSwitch SkinTransformer • Verarbeitet Transformation Entwickelt von Fred Neumann, Uni Erlangen
  • 12.
  • 13. 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
  • 14.
  • 15.
  • 16. Zukunftsblicke • Verbindung der beiden Ansätze • + Schnellere Navigation der HSLU • + Grössere Vielfalt, weniger Wartungsaufwand des SkinTransformers