Post on 23-Feb-2016
description
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
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
Technische Universität München
3
Einführung – Bring Dich Ein!
BDE! Mobile – 23.05.2011
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
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
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
Technische Universität München
7
Einführung – HTML5
• Framework Sencha Touch
BDE! Mobile – 23.05.2011
Technische Universität München
8
Projektablauf
• UCAN-Modell– Technology trigger
BDE! Mobile – 23.05.2011
HTML5
Feldstudie 1 Feldstudie 2
Technische Universität München
9
Projektablauf – Initial Idea
• Initial Idea– Literaturrecherche– technische Möglichkeiten untersuchen– Anforderungsanalyse
BDE! Mobile – 23.05.2011
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
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
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
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
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
Technische Universität München
15
Live-Präsentation der mobilen Anwendung
BDE! Mobile – 23.05.2011
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