technische universität münchen bde! mobile entwicklung einer mobilen webanwendung für einen auf...
TRANSCRIPT
![Page 1: Technische Universität München BDE! Mobile Entwicklung einer mobilen Webanwendung für einen auf ältere Menschen zugeschnittenen sozialen Marktplatz Bearbeiter:](https://reader036.vdocuments.pub/reader036/viewer/2022062512/55204d7549795902118c9f0e/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 Foris
Fabian Franzelin
Betreuer:Sebastian Esch
Philip Koene
Felix Köbler
![Page 2: Technische Universität München BDE! Mobile Entwicklung einer mobilen Webanwendung für einen auf ältere Menschen zugeschnittenen sozialen Marktplatz Bearbeiter:](https://reader036.vdocuments.pub/reader036/viewer/2022062512/55204d7549795902118c9f0e/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: Technische Universität München BDE! Mobile Entwicklung einer mobilen Webanwendung für einen auf ältere Menschen zugeschnittenen sozialen Marktplatz Bearbeiter:](https://reader036.vdocuments.pub/reader036/viewer/2022062512/55204d7549795902118c9f0e/html5/thumbnails/3.jpg)
Technische Universität München
3
Einführung – Bring Dich Ein!
BDE! Mobile – 23.05.2011
![Page 4: Technische Universität München BDE! Mobile Entwicklung einer mobilen Webanwendung für einen auf ältere Menschen zugeschnittenen sozialen Marktplatz Bearbeiter:](https://reader036.vdocuments.pub/reader036/viewer/2022062512/55204d7549795902118c9f0e/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: Technische Universität München BDE! Mobile Entwicklung einer mobilen Webanwendung für einen auf ältere Menschen zugeschnittenen sozialen Marktplatz Bearbeiter:](https://reader036.vdocuments.pub/reader036/viewer/2022062512/55204d7549795902118c9f0e/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: Technische Universität München BDE! Mobile Entwicklung einer mobilen Webanwendung für einen auf ältere Menschen zugeschnittenen sozialen Marktplatz Bearbeiter:](https://reader036.vdocuments.pub/reader036/viewer/2022062512/55204d7549795902118c9f0e/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: Technische Universität München BDE! Mobile Entwicklung einer mobilen Webanwendung für einen auf ältere Menschen zugeschnittenen sozialen Marktplatz Bearbeiter:](https://reader036.vdocuments.pub/reader036/viewer/2022062512/55204d7549795902118c9f0e/html5/thumbnails/7.jpg)
Technische Universität München
7
Einführung – HTML5
• Framework Sencha Touch
BDE! Mobile – 23.05.2011
![Page 8: Technische Universität München BDE! Mobile Entwicklung einer mobilen Webanwendung für einen auf ältere Menschen zugeschnittenen sozialen Marktplatz Bearbeiter:](https://reader036.vdocuments.pub/reader036/viewer/2022062512/55204d7549795902118c9f0e/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: Technische Universität München BDE! Mobile Entwicklung einer mobilen Webanwendung für einen auf ältere Menschen zugeschnittenen sozialen Marktplatz Bearbeiter:](https://reader036.vdocuments.pub/reader036/viewer/2022062512/55204d7549795902118c9f0e/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: Technische Universität München BDE! Mobile Entwicklung einer mobilen Webanwendung für einen auf ältere Menschen zugeschnittenen sozialen Marktplatz Bearbeiter:](https://reader036.vdocuments.pub/reader036/viewer/2022062512/55204d7549795902118c9f0e/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: Technische Universität München BDE! Mobile Entwicklung einer mobilen Webanwendung für einen auf ältere Menschen zugeschnittenen sozialen Marktplatz Bearbeiter:](https://reader036.vdocuments.pub/reader036/viewer/2022062512/55204d7549795902118c9f0e/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: Technische Universität München BDE! Mobile Entwicklung einer mobilen Webanwendung für einen auf ältere Menschen zugeschnittenen sozialen Marktplatz Bearbeiter:](https://reader036.vdocuments.pub/reader036/viewer/2022062512/55204d7549795902118c9f0e/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: Technische Universität München BDE! Mobile Entwicklung einer mobilen Webanwendung für einen auf ältere Menschen zugeschnittenen sozialen Marktplatz Bearbeiter:](https://reader036.vdocuments.pub/reader036/viewer/2022062512/55204d7549795902118c9f0e/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: Technische Universität München BDE! Mobile Entwicklung einer mobilen Webanwendung für einen auf ältere Menschen zugeschnittenen sozialen Marktplatz Bearbeiter:](https://reader036.vdocuments.pub/reader036/viewer/2022062512/55204d7549795902118c9f0e/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: Technische Universität München BDE! Mobile Entwicklung einer mobilen Webanwendung für einen auf ältere Menschen zugeschnittenen sozialen Marktplatz Bearbeiter:](https://reader036.vdocuments.pub/reader036/viewer/2022062512/55204d7549795902118c9f0e/html5/thumbnails/15.jpg)
Technische Universität München
15
Live-Präsentation der mobilen Anwendung
BDE! Mobile – 23.05.2011
![Page 16: Technische Universität München BDE! Mobile Entwicklung einer mobilen Webanwendung für einen auf ältere Menschen zugeschnittenen sozialen Marktplatz Bearbeiter:](https://reader036.vdocuments.pub/reader036/viewer/2022062512/55204d7549795902118c9f0e/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