Embed Size (px)
Citation preview
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
New UI
!2
Splash Screens
Implemented Use Cases
!3
Search for lift for specific date/time and location
Application Development - Final Presentation
Implemented Use Cases
!4
View details for specific lift
Application Development - Final Presentation
Implemented Use Cases
!5
Contact driver (SMS, email, telephone)
Application Development - Final Presentation
Implemented Use Cases
!6
View last queries (now with autocompletion for new destinations)
Application Development - Final Presentation
Implemented Use Cases
!7
Add lift to bookmarks
Application Development - Final Presentation
Implemented Use Cases
!8
Add lift to calendar
Application Development - Final Presentation
Implemented Use Cases
!9
Share lift with friends (screenshots from real 4S)
Application Development - Final Presentation
Implemented Use Cases
One more thing…
!10Application Development - Final Presentation
!11
!12
!13
!14
!15
!16
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
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
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
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
