application development for mobile and ubiquitous ...ts2/admuc/seminar1314/final/group01.pdf ·...
TRANSCRIPT
![Page 1: Application Development for Mobile and Ubiquitous ...ts2/admuc/seminar1314/final/group01.pdf · Application Development - Final Presentation . Pit falls and Experiences iPad has its](https://reader033.vdocuments.mx/reader033/viewer/2022042318/5f077a567e708231d41d2deb/html5/thumbnails/1.jpg)
Department of Computer Science Institute for System Architecture, Chair for Computer Networks
GroupNo. 1
Team: Andreas Hippler, Friedemann Wulff-Woesten
Application Development for Mobile and Ubiquitous Computing
Seminar Task
Final Presentation
![Page 2: Application Development for Mobile and Ubiquitous ...ts2/admuc/seminar1314/final/group01.pdf · Application Development - Final Presentation . Pit falls and Experiences iPad has its](https://reader033.vdocuments.mx/reader033/viewer/2022042318/5f077a567e708231d41d2deb/html5/thumbnails/2.jpg)
New UI
!2
Splash Screens
![Page 3: Application Development for Mobile and Ubiquitous ...ts2/admuc/seminar1314/final/group01.pdf · Application Development - Final Presentation . Pit falls and Experiences iPad has its](https://reader033.vdocuments.mx/reader033/viewer/2022042318/5f077a567e708231d41d2deb/html5/thumbnails/3.jpg)
Implemented Use Cases
!3
Search for lift for specific date/time and location
Application Development - Final Presentation
![Page 4: Application Development for Mobile and Ubiquitous ...ts2/admuc/seminar1314/final/group01.pdf · Application Development - Final Presentation . Pit falls and Experiences iPad has its](https://reader033.vdocuments.mx/reader033/viewer/2022042318/5f077a567e708231d41d2deb/html5/thumbnails/4.jpg)
Implemented Use Cases
!4
View details for specific lift
Application Development - Final Presentation
![Page 5: Application Development for Mobile and Ubiquitous ...ts2/admuc/seminar1314/final/group01.pdf · Application Development - Final Presentation . Pit falls and Experiences iPad has its](https://reader033.vdocuments.mx/reader033/viewer/2022042318/5f077a567e708231d41d2deb/html5/thumbnails/5.jpg)
Implemented Use Cases
!5
Contact driver (SMS, email, telephone)
Application Development - Final Presentation
![Page 6: Application Development for Mobile and Ubiquitous ...ts2/admuc/seminar1314/final/group01.pdf · Application Development - Final Presentation . Pit falls and Experiences iPad has its](https://reader033.vdocuments.mx/reader033/viewer/2022042318/5f077a567e708231d41d2deb/html5/thumbnails/6.jpg)
Implemented Use Cases
!6
View last queries (now with autocompletion for new destinations)
Application Development - Final Presentation
![Page 7: Application Development for Mobile and Ubiquitous ...ts2/admuc/seminar1314/final/group01.pdf · Application Development - Final Presentation . Pit falls and Experiences iPad has its](https://reader033.vdocuments.mx/reader033/viewer/2022042318/5f077a567e708231d41d2deb/html5/thumbnails/7.jpg)
Implemented Use Cases
!7
Add lift to bookmarks
Application Development - Final Presentation
![Page 8: Application Development for Mobile and Ubiquitous ...ts2/admuc/seminar1314/final/group01.pdf · Application Development - Final Presentation . Pit falls and Experiences iPad has its](https://reader033.vdocuments.mx/reader033/viewer/2022042318/5f077a567e708231d41d2deb/html5/thumbnails/8.jpg)
Implemented Use Cases
!8
Add lift to calendar
Application Development - Final Presentation
![Page 9: Application Development for Mobile and Ubiquitous ...ts2/admuc/seminar1314/final/group01.pdf · Application Development - Final Presentation . Pit falls and Experiences iPad has its](https://reader033.vdocuments.mx/reader033/viewer/2022042318/5f077a567e708231d41d2deb/html5/thumbnails/9.jpg)
Implemented Use Cases
!9
Share lift with friends (screenshots from real 4S)
Application Development - Final Presentation
![Page 10: Application Development for Mobile and Ubiquitous ...ts2/admuc/seminar1314/final/group01.pdf · Application Development - Final Presentation . Pit falls and Experiences iPad has its](https://reader033.vdocuments.mx/reader033/viewer/2022042318/5f077a567e708231d41d2deb/html5/thumbnails/10.jpg)
Implemented Use Cases
One more thing…
!10Application Development - Final Presentation
![Page 11: Application Development for Mobile and Ubiquitous ...ts2/admuc/seminar1314/final/group01.pdf · Application Development - Final Presentation . Pit falls and Experiences iPad has its](https://reader033.vdocuments.mx/reader033/viewer/2022042318/5f077a567e708231d41d2deb/html5/thumbnails/11.jpg)
!11
![Page 12: Application Development for Mobile and Ubiquitous ...ts2/admuc/seminar1314/final/group01.pdf · Application Development - Final Presentation . Pit falls and Experiences iPad has its](https://reader033.vdocuments.mx/reader033/viewer/2022042318/5f077a567e708231d41d2deb/html5/thumbnails/12.jpg)
!12
![Page 13: Application Development for Mobile and Ubiquitous ...ts2/admuc/seminar1314/final/group01.pdf · Application Development - Final Presentation . Pit falls and Experiences iPad has its](https://reader033.vdocuments.mx/reader033/viewer/2022042318/5f077a567e708231d41d2deb/html5/thumbnails/13.jpg)
!13
![Page 14: Application Development for Mobile and Ubiquitous ...ts2/admuc/seminar1314/final/group01.pdf · Application Development - Final Presentation . Pit falls and Experiences iPad has its](https://reader033.vdocuments.mx/reader033/viewer/2022042318/5f077a567e708231d41d2deb/html5/thumbnails/14.jpg)
!14
![Page 15: Application Development for Mobile and Ubiquitous ...ts2/admuc/seminar1314/final/group01.pdf · Application Development - Final Presentation . Pit falls and Experiences iPad has its](https://reader033.vdocuments.mx/reader033/viewer/2022042318/5f077a567e708231d41d2deb/html5/thumbnails/15.jpg)
!15
![Page 16: Application Development for Mobile and Ubiquitous ...ts2/admuc/seminar1314/final/group01.pdf · Application Development - Final Presentation . Pit falls and Experiences iPad has its](https://reader033.vdocuments.mx/reader033/viewer/2022042318/5f077a567e708231d41d2deb/html5/thumbnails/16.jpg)
!16
![Page 17: Application Development for Mobile and Ubiquitous ...ts2/admuc/seminar1314/final/group01.pdf · Application Development - Final Presentation . Pit falls and Experiences iPad has its](https://reader033.vdocuments.mx/reader033/viewer/2022042318/5f077a567e708231d41d2deb/html5/thumbnails/17.jpg)
![Page 18: Application Development for Mobile and Ubiquitous ...ts2/admuc/seminar1314/final/group01.pdf · Application Development - Final Presentation . Pit falls and Experiences iPad has its](https://reader033.vdocuments.mx/reader033/viewer/2022042318/5f077a567e708231d41d2deb/html5/thumbnails/18.jpg)
Implementation Details
▪ Same controllers & models for iPhone, iPad !
▪ Different storyboards resulting in different views for each platform !
▪ Sometimes: find out whether code runs on iPad ▪ BOOL iPad = ([[UIDevice currentDevice] userInterfaceIdiom]
== UIUserInterfaceIdiomPad); !
▪ Navigation ▪ iPhone: SWRevealViewController ▪ iPad: UISplitViewController
!18Application Development - Final Presentation
![Page 19: Application Development for Mobile and Ubiquitous ...ts2/admuc/seminar1314/final/group01.pdf · Application Development - Final Presentation . Pit falls and Experiences iPad has its](https://reader033.vdocuments.mx/reader033/viewer/2022042318/5f077a567e708231d41d2deb/html5/thumbnails/19.jpg)
Implementation Details
!19
Web Server
with JSON API
Web Server from Provider 1 with custom API
Web Server from Provider 2 with custom API
Web Server from Provider 3 with custom API
Web Server from Provider 4 with custom API
Web Server from Provider 5 with custom API
Web Server from Provider 6 with custom API
Web Server from Provider 7 with custom API
Web Server from Provider 8 with custom API
mobile Client
Caching
wired connection
wireless connection
Filtering
Bookmarks saved locally
GPSSWRevealViewController,
UISplitViewController
metadata
specific webpage
Application Development - Final Presentation
![Page 20: Application Development for Mobile and Ubiquitous ...ts2/admuc/seminar1314/final/group01.pdf · Application Development - Final Presentation . Pit falls and Experiences iPad has its](https://reader033.vdocuments.mx/reader033/viewer/2022042318/5f077a567e708231d41d2deb/html5/thumbnails/20.jpg)
Tackled Issues and Assessment
▪ different screen resolutions ▪ 960 × 640 Pixel (iPhone 4 & 4S; iPod touch 1st - 4th Gen) ▪ 1136 × 640 Pixel (iPhone 5, 5C & 5S; iPod touch 5th Gen) ▪ 1024 × 768 Pixel (iPad & iPad Mini) ▪ 2048 x 1536 Pixel (iPad & iPad Mini with Retina Display) !
▪ adapting UI to portrait / landscape orientation ▪ Solution: Autolayout !
▪ offline functionality ▪ UIWebView caches images, css ▪ pure HTML saved on device
!20Application Development - Final Presentation
![Page 21: Application Development for Mobile and Ubiquitous ...ts2/admuc/seminar1314/final/group01.pdf · Application Development - Final Presentation . Pit falls and Experiences iPad has its](https://reader033.vdocuments.mx/reader033/viewer/2022042318/5f077a567e708231d41d2deb/html5/thumbnails/21.jpg)
Pit falls and Experiences
▪ iPad has its own challenges !
▪ UISplitViewController more complex than expected (2 independent MVCs with different controllers „inside“) !
▪ Not always the code can be reused completely !
▪ It is always helpful to have a designer around,not only programmers ;)
!21Application Development - Final Presentation