Bearbeiter: Christian Brennstuhl Edwin Foris Fabian Franzelin
description
Transcript of Bearbeiter: Christian Brennstuhl Edwin Foris Fabian Franzelin
![Page 1: Bearbeiter: Christian Brennstuhl Edwin Foris Fabian Franzelin](https://reader035.fdocument.pub/reader035/viewer/2022062218/5681635c550346895dd41fbf/html5/thumbnails/1.jpg)
Technische Universität München
BDE! Mobile – 23.05.2011
BDE! MobileEntwicklung einer mobilen Webanwendung für einen auf
ältere Menschen zugeschnittenen sozialen Marktplatz
Bearbeiter:Christian Brennstuhl
Edwin ForisFabian Franzelin
Betreuer:Sebastian Esch
Philip KoeneFelix Köbler
![Page 2: Bearbeiter: Christian Brennstuhl Edwin Foris Fabian Franzelin](https://reader035.fdocument.pub/reader035/viewer/2022062218/5681635c550346895dd41fbf/html5/thumbnails/2.jpg)
Technische Universität München
2
Agenda
• Einführung– Motivation und Problemstellung 3min– Forschungsfragen 1min– HTML5 2min
• Projektablauf 5min• Ergebnisse
– Feldstudien 2min – Technisches Fazit 1min
• Live-Präsentation 5min• Ausblick 1min
BDE! Mobile – 23.05.2011
![Page 3: Bearbeiter: Christian Brennstuhl Edwin Foris Fabian Franzelin](https://reader035.fdocument.pub/reader035/viewer/2022062218/5681635c550346895dd41fbf/html5/thumbnails/3.jpg)
Technische Universität München
3
Einführung – Bring Dich Ein!
BDE! Mobile – 23.05.2011
![Page 4: Bearbeiter: Christian Brennstuhl Edwin Foris Fabian Franzelin](https://reader035.fdocument.pub/reader035/viewer/2022062218/5681635c550346895dd41fbf/html5/thumbnails/4.jpg)
Technische Universität München
4
Einführung – Motivation und Problemstellung
• Optimierte mobile Nutzung– Plattformunabhängigkeit– Priorität auf Kernfunktionalität– Performanz
• Location based services– Umgebungssuche nach Wünschen– Kartenansicht– Routenberechnung
• User oriented Design– Schriftgröße– Wiedererkennbarkeit zur Webplattform
BDE! Mobile – 23.05.2011
![Page 5: Bearbeiter: Christian Brennstuhl Edwin Foris Fabian Franzelin](https://reader035.fdocument.pub/reader035/viewer/2022062218/5681635c550346895dd41fbf/html5/thumbnails/5.jpg)
Technische Universität München
5
Einführung - Forschungsfragen• Forschungsfrage 1
– Was sind funktionelle und nicht-funktionelle Anforderungen an die mobile Anwendung?
– Welche zusätzlichen Funktionen sind in der mobilen Anwendung wünschenswert?
• Forschungsfrage 2– Wie lassen sich das Design und die Bedienung der mobilen Anwendung optimal
an ältere Menschen anpassen?
• Forschungsfrage 3– Ist der sich noch in der Entwicklung befindende HTML5-Standard für die mobile
Webentwicklung geeignet? – Lassen sich die ortsbezogenen Funktionen und das Interaktionsdesign mit Hilfe
von HTML5 sinnvoll umsetzen?
BDE! Mobile – 23.05.2011
![Page 6: Bearbeiter: Christian Brennstuhl Edwin Foris Fabian Franzelin](https://reader035.fdocument.pub/reader035/viewer/2022062218/5681635c550346895dd41fbf/html5/thumbnails/6.jpg)
Technische Universität München
6
Einführung – HTML5
• HTML5-Standard (in der Entwicklung):– Neue HTML-Tags (Video und Audio)– Erweiterte Javascript Funktionalität (Geolocation und neue
Events)– Erweitere Designmöglichkeiten (CSS3)
• Forschungsaspekt• Plattformunabhängigkeit• Verwendete HTML5 Elemente
– Zugriff auf Geodaten des Mobiltelefons– Local Storage– Zusätzliche Events (onorientationchange)
BDE! Mobile – 23.05.2011
![Page 7: Bearbeiter: Christian Brennstuhl Edwin Foris Fabian Franzelin](https://reader035.fdocument.pub/reader035/viewer/2022062218/5681635c550346895dd41fbf/html5/thumbnails/7.jpg)
Technische Universität München
7
Einführung – HTML5
• Framework Sencha Touch
BDE! Mobile – 23.05.2011
![Page 8: Bearbeiter: Christian Brennstuhl Edwin Foris Fabian Franzelin](https://reader035.fdocument.pub/reader035/viewer/2022062218/5681635c550346895dd41fbf/html5/thumbnails/8.jpg)
Technische Universität München
8
Projektablauf
• UCAN-Modell– Technology trigger
BDE! Mobile – 23.05.2011
HTML5
Feldstudie 1 Feldstudie 2
![Page 9: Bearbeiter: Christian Brennstuhl Edwin Foris Fabian Franzelin](https://reader035.fdocument.pub/reader035/viewer/2022062218/5681635c550346895dd41fbf/html5/thumbnails/9.jpg)
Technische Universität München
9
Projektablauf – Initial Idea
• Initial Idea– Literaturrecherche– technische Möglichkeiten untersuchen– Anforderungsanalyse
BDE! Mobile – 23.05.2011
![Page 10: Bearbeiter: Christian Brennstuhl Edwin Foris Fabian Franzelin](https://reader035.fdocument.pub/reader035/viewer/2022062218/5681635c550346895dd41fbf/html5/thumbnails/10.jpg)
Technische Universität München
10
Projektablauf – Low Fidelity Prototype
• Low Fidelity Prototype – Design Prototype entwickeln– verschiedene technische Möglichkeiten testen– erste Feldstudie vorbereiten (Fragebögen, Szenarien)
• Evaluierung durch erste Feldstudie
– <Bilder von Mockups>
BDE! Mobile – 23.05.2011
![Page 11: Bearbeiter: Christian Brennstuhl Edwin Foris Fabian Franzelin](https://reader035.fdocument.pub/reader035/viewer/2022062218/5681635c550346895dd41fbf/html5/thumbnails/11.jpg)
Technische Universität München
11
Projektablauf – Working Prototype
• Working Prototype – Prototyp entwickeln (Kernfunkionen)– Prototyp entwickeln (optionale Zusatzfunktion bzw. Zeitlicher
Puffer für Kernfunktionen)– zweite Feldstudie vorbereiten (Fragebögen, Szenarien)
• Evaluierung durch zweite Feldstudie
BDE! Mobile – 23.05.2011
![Page 12: Bearbeiter: Christian Brennstuhl Edwin Foris Fabian Franzelin](https://reader035.fdocument.pub/reader035/viewer/2022062218/5681635c550346895dd41fbf/html5/thumbnails/12.jpg)
Technische Universität München
12
Projektablauf – Final Product
• Final Product – bestehende Funktionalität verfeinern – Fehler beheben (Ausgiebiges Testen)– wenig aufwändige Zusatzfunktionen implementieren
• Evaluierung durch Benutzertest
BDE! Mobile – 23.05.2011
![Page 13: Bearbeiter: Christian Brennstuhl Edwin Foris Fabian Franzelin](https://reader035.fdocument.pub/reader035/viewer/2022062218/5681635c550346895dd41fbf/html5/thumbnails/13.jpg)
Technische Universität München
13
Ergebnisse - Feldstudien
• Organisation, Aufbau und Ablauf der Feldstudien• Umgang älterer Menschen mit neuer Technologie• Ergebnisse der Gruppendiskussion
– Konzept von BDE! allgemein– Bedarf einer mobilen Anwendung
BDE! Mobile – 23.05.2011
![Page 14: Bearbeiter: Christian Brennstuhl Edwin Foris Fabian Franzelin](https://reader035.fdocument.pub/reader035/viewer/2022062218/5681635c550346895dd41fbf/html5/thumbnails/14.jpg)
Technische Universität München
14
Ergebnisse – Technisches Fazit
• Kritische Auseinandersetzung mit Sencha Touch:• HTML 5 Standard in Entwicklung und noch nicht
abgeschlossen– Unterschiedliche Interpretation von HTML 5 auf
unterschiedlichen Browsern: Beispiel Durchreichung der Events auf verschiedene divs
• Parallele Weiterentwicklung der Webplattform– Z.B Meine Angebote und Ereignisse hinzugefügt
BDE! Mobile – 23.05.2011
![Page 15: Bearbeiter: Christian Brennstuhl Edwin Foris Fabian Franzelin](https://reader035.fdocument.pub/reader035/viewer/2022062218/5681635c550346895dd41fbf/html5/thumbnails/15.jpg)
Technische Universität München
15
Live-Präsentation der mobilen Anwendung
BDE! Mobile – 23.05.2011
![Page 16: Bearbeiter: Christian Brennstuhl Edwin Foris Fabian Franzelin](https://reader035.fdocument.pub/reader035/viewer/2022062218/5681635c550346895dd41fbf/html5/thumbnails/16.jpg)
Technische Universität München
16
Ausblick
• Erweiterbarkeit– Caching (gesamte Anwendung im local storage)– Unterstützung kommerzieller Dienstleister– PhoneGAP evtl. erwähnen -> damit lässt sich Sencha Touch als
Hybridanwendung integrieren– Beschleunigungssensor verwenden: Durch schütteln des
Smartphones wählt man einen Wunsch zufällig aus
• Längerer Acceptance Test• Zukunftsaussicht: mobile Anwendungen wichtiger als
Desktop-Anwendungen?
BDE! Mobile – 23.05.2011