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 Foris

Fabian Franzelin

Betreuer:Sebastian Esch

Philip Koene

Felix 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