SlideShare a Scribd company logo
1 of 24
Download to read offline
Entwicklung von ILIAS touch und Erfahrungen Dipl.-Inf. Fred Neumann Institut für Lern-Innovation Friedrich-Alexander-Universität Erlangen-Nürnberg [email_address] www.fim.uni-erlangen.de 8. Fernausbildungskongress der Bundeswehr, Hamburg, 7. September 2011
Agenda ,[object Object],[object Object],[object Object],[object Object],[object Object]
Institut für Lern-Innovation ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Ziele bei der Entwicklung von ILIAS touch ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Technische Überlegungen ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Frameworks: Beispiele ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
JQuery Mobile ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
JQuery mobile Browser Support jquerymobile.com/gbs (6.9.2011)
JQuery mobile: Beispiel
Einbindung des Frameworks Normaler Request-Zyklus .js Template {...} Template {...} Template {...} .css css js html css js www... ?
Einbindung des Frameworks .js Template {...} Template {...} Template {...} .css css js html css js www... Skin-Anpassung: beschränkte Möglichkeiten
Einbindung des Frameworks .js Template {...} Template {...} Template {...} .css css js html css js www... Mobiles GUI: Programmieraufwand GUI +
Einbindung des Frameworks Transformation: flexibel, mittlerer Aufwand .js .css css js + .css XSL html css js www... Template {...} Template {...} Template {...}
XSL-Transformation ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
XSL-Transformation: Beispiel ,[object Object],[object Object],[object Object]
Beispiel: Schreibtisch konventionell
Beispiel: Schreibtisch mobil
Beispiel: Menüs als Unterseiten
Erfahrungen ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Mobiler Skin der Hochschule Luzern ,[object Object],[object Object],[object Object],[object Object]
Vergleich der Datenmengen (in KB) Simon Mohr, Hochschule Luzern (www.ilias.de/docu/goto_docu_cat_2354.html)
Wrapping mit PhoneGap ,[object Object],[object Object],[object Object],www.phonegap.com
Wrapping: Beispiel ,[object Object],[object Object],[object Object],Alle Ansätze sind prinzipiell kombinierbar!
Vielen Dank für Ihre Aufmerksamkeit! [email_address] www.fim.uni-erlangen.de

More Related Content

Viewers also liked

"7th Remote Device Monitoring Summit
"7th Remote Device Monitoring Summit"7th Remote Device Monitoring Summit
"7th Remote Device Monitoring Summitcassie111
 
Surfospilot quickscan voice4_o_sim
Surfospilot quickscan voice4_o_simSurfospilot quickscan voice4_o_sim
Surfospilot quickscan voice4_o_simTon Koenraad
 
Mobile marketing - Mahesh Gangurde
Mobile marketing - Mahesh GangurdeMobile marketing - Mahesh Gangurde
Mobile marketing - Mahesh GangurdeMahesh Gangurde
 
presentaciondeburgosvital
presentaciondeburgosvitalpresentaciondeburgosvital
presentaciondeburgosvitalburgosvital
 
Mpb innovative problem_solving
Mpb innovative problem_solvingMpb innovative problem_solving
Mpb innovative problem_solvingLola Keyes
 
Mada Population
Mada PopulationMada Population
Mada Populationpriteeg
 
Boletín de novedades. libros, dvd y música. setiembre 2013
Boletín de novedades. libros, dvd y música. setiembre 2013Boletín de novedades. libros, dvd y música. setiembre 2013
Boletín de novedades. libros, dvd y música. setiembre 2013Bibliotecadicoruna
 
Utsav Mahendra : Planning the Service Environment
Utsav Mahendra : Planning the  Service Environment Utsav Mahendra : Planning the  Service Environment
Utsav Mahendra : Planning the Service Environment Utsav Mahendra
 
Adrian Kingwell, Mezzo Labs - App Analytics
Adrian Kingwell, Mezzo Labs - App AnalyticsAdrian Kingwell, Mezzo Labs - App Analytics
Adrian Kingwell, Mezzo Labs - App AnalyticsMezzo Labs
 
We know your next 1000 Customers! Predictive Lead Management am Beispiel der ...
We know your next 1000 Customers! Predictive Lead Management am Beispiel der ...We know your next 1000 Customers! Predictive Lead Management am Beispiel der ...
We know your next 1000 Customers! Predictive Lead Management am Beispiel der ...Rising Media Ltd.
 
media studies house style
media studies house stylemedia studies house style
media studies house styleshadiorr
 
Facebook Marketing | Global Pages & Parent Child - Die Lösung von Facebook fü...
Facebook Marketing | Global Pages & Parent Child - Die Lösung von Facebook fü...Facebook Marketing | Global Pages & Parent Child - Die Lösung von Facebook fü...
Facebook Marketing | Global Pages & Parent Child - Die Lösung von Facebook fü...Hutter Consult AG
 
Gap. Apertura de tiendas en España
Gap. Apertura de tiendas en EspañaGap. Apertura de tiendas en España
Gap. Apertura de tiendas en EspañaIon Velasco
 
Die Inbound-Marketing-Methode Leseprobe Kapitel 6
Die Inbound-Marketing-Methode Leseprobe Kapitel 6Die Inbound-Marketing-Methode Leseprobe Kapitel 6
Die Inbound-Marketing-Methode Leseprobe Kapitel 6BurdaDirect
 
Představení YouTube Brand Lift surveys, H1.cz | Lukáš Král
Představení YouTube Brand Lift surveys, H1.cz | Lukáš KrálPředstavení YouTube Brand Lift surveys, H1.cz | Lukáš Král
Představení YouTube Brand Lift surveys, H1.cz | Lukáš KrálLukáš Král
 

Viewers also liked (18)

"7th Remote Device Monitoring Summit
"7th Remote Device Monitoring Summit"7th Remote Device Monitoring Summit
"7th Remote Device Monitoring Summit
 
Surfospilot quickscan voice4_o_sim
Surfospilot quickscan voice4_o_simSurfospilot quickscan voice4_o_sim
Surfospilot quickscan voice4_o_sim
 
Mobile marketing - Mahesh Gangurde
Mobile marketing - Mahesh GangurdeMobile marketing - Mahesh Gangurde
Mobile marketing - Mahesh Gangurde
 
presentaciondeburgosvital
presentaciondeburgosvitalpresentaciondeburgosvital
presentaciondeburgosvital
 
2na. edició de la mostra teatral matarranya íntim mont roig matarranya 1 2 3 ...
2na. edició de la mostra teatral matarranya íntim mont roig matarranya 1 2 3 ...2na. edició de la mostra teatral matarranya íntim mont roig matarranya 1 2 3 ...
2na. edició de la mostra teatral matarranya íntim mont roig matarranya 1 2 3 ...
 
Mpb innovative problem_solving
Mpb innovative problem_solvingMpb innovative problem_solving
Mpb innovative problem_solving
 
Mada Population
Mada PopulationMada Population
Mada Population
 
Boletín de novedades. libros, dvd y música. setiembre 2013
Boletín de novedades. libros, dvd y música. setiembre 2013Boletín de novedades. libros, dvd y música. setiembre 2013
Boletín de novedades. libros, dvd y música. setiembre 2013
 
Utsav Mahendra : Planning the Service Environment
Utsav Mahendra : Planning the  Service Environment Utsav Mahendra : Planning the  Service Environment
Utsav Mahendra : Planning the Service Environment
 
Hba powerpoint
Hba powerpointHba powerpoint
Hba powerpoint
 
Adrian Kingwell, Mezzo Labs - App Analytics
Adrian Kingwell, Mezzo Labs - App AnalyticsAdrian Kingwell, Mezzo Labs - App Analytics
Adrian Kingwell, Mezzo Labs - App Analytics
 
We know your next 1000 Customers! Predictive Lead Management am Beispiel der ...
We know your next 1000 Customers! Predictive Lead Management am Beispiel der ...We know your next 1000 Customers! Predictive Lead Management am Beispiel der ...
We know your next 1000 Customers! Predictive Lead Management am Beispiel der ...
 
media studies house style
media studies house stylemedia studies house style
media studies house style
 
Facebook Marketing | Global Pages & Parent Child - Die Lösung von Facebook fü...
Facebook Marketing | Global Pages & Parent Child - Die Lösung von Facebook fü...Facebook Marketing | Global Pages & Parent Child - Die Lösung von Facebook fü...
Facebook Marketing | Global Pages & Parent Child - Die Lösung von Facebook fü...
 
Firmenauskunft Asien
Firmenauskunft Asien Firmenauskunft Asien
Firmenauskunft Asien
 
Gap. Apertura de tiendas en España
Gap. Apertura de tiendas en EspañaGap. Apertura de tiendas en España
Gap. Apertura de tiendas en España
 
Die Inbound-Marketing-Methode Leseprobe Kapitel 6
Die Inbound-Marketing-Methode Leseprobe Kapitel 6Die Inbound-Marketing-Methode Leseprobe Kapitel 6
Die Inbound-Marketing-Methode Leseprobe Kapitel 6
 
Představení YouTube Brand Lift surveys, H1.cz | Lukáš Král
Představení YouTube Brand Lift surveys, H1.cz | Lukáš KrálPředstavení YouTube Brand Lift surveys, H1.cz | Lukáš Král
Představení YouTube Brand Lift surveys, H1.cz | Lukáš Král
 

Similar to Entwicklung von ILIAS touch und Erfahrungen

Dnug dresden blend 5. 5. 2010
Dnug dresden blend 5. 5. 2010Dnug dresden blend 5. 5. 2010
Dnug dresden blend 5. 5. 2010SharepointUGDD
 
DNUG Dresden Blend
DNUG Dresden BlendDNUG Dresden Blend
DNUG Dresden BlendMartin Hey
 
Universal Theme vs. APEX mobile
Universal Theme vs. APEX mobileUniversal Theme vs. APEX mobile
Universal Theme vs. APEX mobileSteven Grzbielok
 
Teamarbeit 2.0 (PTF 2008)
Teamarbeit 2.0 (PTF 2008) Teamarbeit 2.0 (PTF 2008)
Teamarbeit 2.0 (PTF 2008) Thomas Koch
 
German Web Usability Training
German Web Usability TrainingGerman Web Usability Training
German Web Usability TrainingPaulina
 
Top 10 Internet Trends 2001
Top 10 Internet Trends 2001Top 10 Internet Trends 2001
Top 10 Internet Trends 2001Jürg Stuker
 
Going Mobile: Überblick über Mobile Web
Going Mobile: Überblick über Mobile WebGoing Mobile: Überblick über Mobile Web
Going Mobile: Überblick über Mobile Webch.ch
 
UI Design Patterns für Navigationssysteme auf mobilen Geräten
UI Design Patterns für Navigationssysteme auf mobilen GerätenUI Design Patterns für Navigationssysteme auf mobilen Geräten
UI Design Patterns für Navigationssysteme auf mobilen GerätenRainer Gibbert
 
Vielfalt vs. Abstraktion - Der Jakobsweg der modellbasierten GUI-Entwicklung
Vielfalt vs. Abstraktion - Der Jakobsweg der modellbasierten GUI-EntwicklungVielfalt vs. Abstraktion - Der Jakobsweg der modellbasierten GUI-Entwicklung
Vielfalt vs. Abstraktion - Der Jakobsweg der modellbasierten GUI-EntwicklungBenjamin Schmid
 
Webpräsenz und Amazon und Google als Herausforderung? Webpräsenz und Katalog...
 Webpräsenz und Amazon und Google als Herausforderung? Webpräsenz und Katalog... Webpräsenz und Amazon und Google als Herausforderung? Webpräsenz und Katalog...
Webpräsenz und Amazon und Google als Herausforderung? Webpräsenz und Katalog...Martin Blenkle
 
Authoring Management
Authoring ManagementAuthoring Management
Authoring Managementvzimmermann
 
20120207 prs ib_js_libraries_v02
20120207 prs ib_js_libraries_v0220120207 prs ib_js_libraries_v02
20120207 prs ib_js_libraries_v02Chris Palatinus
 
Templates, Code & Tools
Templates, Code & ToolsTemplates, Code & Tools
Templates, Code & ToolsUlrich Krause
 

Similar to Entwicklung von ILIAS touch und Erfahrungen (20)

Ia 2009
Ia 2009Ia 2009
Ia 2009
 
Ia 2009
Ia 2009Ia 2009
Ia 2009
 
User Interface Patterns at IA09 Conference
User Interface Patterns at IA09 Conference User Interface Patterns at IA09 Conference
User Interface Patterns at IA09 Conference
 
ILIAS touch - Konzeption und Evaluation einer mobilen Benutzeroberfläche unte...
ILIAS touch - Konzeption und Evaluation einer mobilen Benutzeroberfläche unte...ILIAS touch - Konzeption und Evaluation einer mobilen Benutzeroberfläche unte...
ILIAS touch - Konzeption und Evaluation einer mobilen Benutzeroberfläche unte...
 
Dnug dresden blend 5. 5. 2010
Dnug dresden blend 5. 5. 2010Dnug dresden blend 5. 5. 2010
Dnug dresden blend 5. 5. 2010
 
DNUG Dresden Blend
DNUG Dresden BlendDNUG Dresden Blend
DNUG Dresden Blend
 
GUIs mit Expression Blend
GUIs mit Expression BlendGUIs mit Expression Blend
GUIs mit Expression Blend
 
Universal Theme vs. APEX mobile
Universal Theme vs. APEX mobileUniversal Theme vs. APEX mobile
Universal Theme vs. APEX mobile
 
Teamarbeit 2.0 (PTF 2008)
Teamarbeit 2.0 (PTF 2008) Teamarbeit 2.0 (PTF 2008)
Teamarbeit 2.0 (PTF 2008)
 
Web-Tools für das Studium
Web-Tools für das StudiumWeb-Tools für das Studium
Web-Tools für das Studium
 
Webtools studium
Webtools studiumWebtools studium
Webtools studium
 
German Web Usability Training
German Web Usability TrainingGerman Web Usability Training
German Web Usability Training
 
Top 10 Internet Trends 2001
Top 10 Internet Trends 2001Top 10 Internet Trends 2001
Top 10 Internet Trends 2001
 
Going Mobile: Überblick über Mobile Web
Going Mobile: Überblick über Mobile WebGoing Mobile: Überblick über Mobile Web
Going Mobile: Überblick über Mobile Web
 
UI Design Patterns für Navigationssysteme auf mobilen Geräten
UI Design Patterns für Navigationssysteme auf mobilen GerätenUI Design Patterns für Navigationssysteme auf mobilen Geräten
UI Design Patterns für Navigationssysteme auf mobilen Geräten
 
Vielfalt vs. Abstraktion - Der Jakobsweg der modellbasierten GUI-Entwicklung
Vielfalt vs. Abstraktion - Der Jakobsweg der modellbasierten GUI-EntwicklungVielfalt vs. Abstraktion - Der Jakobsweg der modellbasierten GUI-Entwicklung
Vielfalt vs. Abstraktion - Der Jakobsweg der modellbasierten GUI-Entwicklung
 
Webpräsenz und Amazon und Google als Herausforderung? Webpräsenz und Katalog...
 Webpräsenz und Amazon und Google als Herausforderung? Webpräsenz und Katalog... Webpräsenz und Amazon und Google als Herausforderung? Webpräsenz und Katalog...
Webpräsenz und Amazon und Google als Herausforderung? Webpräsenz und Katalog...
 
Authoring Management
Authoring ManagementAuthoring Management
Authoring Management
 
20120207 prs ib_js_libraries_v02
20120207 prs ib_js_libraries_v0220120207 prs ib_js_libraries_v02
20120207 prs ib_js_libraries_v02
 
Templates, Code & Tools
Templates, Code & ToolsTemplates, Code & Tools
Templates, Code & Tools
 

More from Wirtschaftspädagogik & Personalentwicklung (FAU)

More from Wirtschaftspädagogik & Personalentwicklung (FAU) (20)

Übergang von der Berufsbildung an die Hochschule
Übergang von der Berufsbildung an die HochschuleÜbergang von der Berufsbildung an die Hochschule
Übergang von der Berufsbildung an die Hochschule
 
Wirtschaftsunterricht gestalten. Die Abbildungen zur 2. Auflage
Wirtschaftsunterricht gestalten. Die Abbildungen zur 2. AuflageWirtschaftsunterricht gestalten. Die Abbildungen zur 2. Auflage
Wirtschaftsunterricht gestalten. Die Abbildungen zur 2. Auflage
 
Wirtschaftsschule: Übergänge gestalten
Wirtschaftsschule: Übergänge gestaltenWirtschaftsschule: Übergänge gestalten
Wirtschaftsschule: Übergänge gestalten
 
Gewinnung, Bindung und Entwicklung von Fachkräftenachwuchs im dualen System d...
Gewinnung, Bindung und Entwicklungvon Fachkräftenachwuchs im dualen System d...Gewinnung, Bindung und Entwicklungvon Fachkräftenachwuchs im dualen System d...
Gewinnung, Bindung und Entwicklung von Fachkräftenachwuchs im dualen System d...
 
Kontaktlehrertreffen 2013
Kontaktlehrertreffen 2013Kontaktlehrertreffen 2013
Kontaktlehrertreffen 2013
 
Berufsbildung: Erfolge und Perspektiven
Berufsbildung: Erfolge und PerspektivenBerufsbildung: Erfolge und Perspektiven
Berufsbildung: Erfolge und Perspektiven
 
Kaufmännische Bildung an Hochschulen
Kaufmännische Bildung an HochschulenKaufmännische Bildung an Hochschulen
Kaufmännische Bildung an Hochschulen
 
Übergang an die Hochschule: Hinweise für Schülerinnen und Schüler berufl. Sch...
Übergang an die Hochschule: Hinweise für Schülerinnen und Schüler berufl. Sch...Übergang an die Hochschule: Hinweise für Schülerinnen und Schüler berufl. Sch...
Übergang an die Hochschule: Hinweise für Schülerinnen und Schüler berufl. Sch...
 
Wilbers: Attraktivität der Dualen Berufsausbildung
Wilbers: Attraktivität der Dualen BerufsausbildungWilbers: Attraktivität der Dualen Berufsausbildung
Wilbers: Attraktivität der Dualen Berufsausbildung
 
Wirtschaftsunterricht gestalten: Die Abbildungen
Wirtschaftsunterricht gestalten: Die AbbildungenWirtschaftsunterricht gestalten: Die Abbildungen
Wirtschaftsunterricht gestalten: Die Abbildungen
 
Kompetenzorientierung
KompetenzorientierungKompetenzorientierung
Kompetenzorientierung
 
Zukunft Wirtschaftsschule, Festakt Städt. Riemerschmid-Wirtschaftsschule, Mün...
Zukunft Wirtschaftsschule, Festakt Städt. Riemerschmid-Wirtschaftsschule, Mün...Zukunft Wirtschaftsschule, Festakt Städt. Riemerschmid-Wirtschaftsschule, Mün...
Zukunft Wirtschaftsschule, Festakt Städt. Riemerschmid-Wirtschaftsschule, Mün...
 
Qualitätsmangement als katalysator der schulentwicklung
Qualitätsmangement als katalysator der schulentwicklungQualitätsmangement als katalysator der schulentwicklung
Qualitätsmangement als katalysator der schulentwicklung
 
Wilbers Wirtschaftsschule Reformprozess
Wilbers Wirtschaftsschule ReformprozessWilbers Wirtschaftsschule Reformprozess
Wilbers Wirtschaftsschule Reformprozess
 
Beratung Uebergang Hochschule Schüler und Schüler beruflicher Schulen
Beratung Uebergang Hochschule Schüler und Schüler beruflicher SchulenBeratung Uebergang Hochschule Schüler und Schüler beruflicher Schulen
Beratung Uebergang Hochschule Schüler und Schüler beruflicher Schulen
 
Schulentwicklungstag 2011: Inhaltliche Einleitung
Schulentwicklungstag 2011: Inhaltliche EinleitungSchulentwicklungstag 2011: Inhaltliche Einleitung
Schulentwicklungstag 2011: Inhaltliche Einleitung
 
Professional Learning Communities als Keimzelle von Qualitätskultur
Professional Learning Communities als Keimzelle von QualitätskulturProfessional Learning Communities als Keimzelle von Qualitätskultur
Professional Learning Communities als Keimzelle von Qualitätskultur
 
Umgang mit Widerständen beim Change
Umgang mit Widerständen beim ChangeUmgang mit Widerständen beim Change
Umgang mit Widerständen beim Change
 
Übungsfirmenmesse rosenheim Entwickungsperspektiven wirtschaftsschule
Übungsfirmenmesse rosenheim Entwickungsperspektiven wirtschaftsschuleÜbungsfirmenmesse rosenheim Entwickungsperspektiven wirtschaftsschule
Übungsfirmenmesse rosenheim Entwickungsperspektiven wirtschaftsschule
 
Pro Dual - Stärkung der Dualen Berufsausbldung in Mittelfranken
Pro Dual - Stärkung der Dualen Berufsausbldung in MittelfrankenPro Dual - Stärkung der Dualen Berufsausbldung in Mittelfranken
Pro Dual - Stärkung der Dualen Berufsausbldung in Mittelfranken
 

Entwicklung von ILIAS touch und Erfahrungen