Application Development for Mobile and Ubiquitous ...ts2/admuc/seminar1516/second/group09.p… ·...
Transcript of Application Development for Mobile and Ubiquitous ...ts2/admuc/seminar1516/second/group09.p… ·...
![Page 1: Application Development for Mobile and Ubiquitous ...ts2/admuc/seminar1516/second/group09.p… · Toggl Time Tracker. Second Presentation. Application Scenario. Application Development](https://reader035.fdocuments.in/reader035/viewer/2022071210/6021764b126c68314d68d4c8/html5/thumbnails/1.jpg)
Department of Computer Science Institute for System Architecture, Chair for Computer Networks
GroupNo. 9Team: Annemarie Seidel, Antje Schubotz, Dominik Rupp
Application Development for Mobile and Ubiquitous Computing
Toggl Time TrackerSecond Presentation
![Page 2: Application Development for Mobile and Ubiquitous ...ts2/admuc/seminar1516/second/group09.p… · Toggl Time Tracker. Second Presentation. Application Scenario. Application Development](https://reader035.fdocuments.in/reader035/viewer/2022071210/6021764b126c68314d68d4c8/html5/thumbnails/2.jpg)
Application Scenario
2Application Development - Second Seminar Presentation
track your time in projects or at work
stay on top of things
save time
Where has all my time gone?
![Page 3: Application Development for Mobile and Ubiquitous ...ts2/admuc/seminar1516/second/group09.p… · Toggl Time Tracker. Second Presentation. Application Scenario. Application Development](https://reader035.fdocuments.in/reader035/viewer/2022071210/6021764b126c68314d68d4c8/html5/thumbnails/3.jpg)
Intermediate Result
3Application Development - Second Seminar Presentation
![Page 4: Application Development for Mobile and Ubiquitous ...ts2/admuc/seminar1516/second/group09.p… · Toggl Time Tracker. Second Presentation. Application Scenario. Application Development](https://reader035.fdocuments.in/reader035/viewer/2022071210/6021764b126c68314d68d4c8/html5/thumbnails/4.jpg)
Intermediate Result
4Application Development - Second Seminar Presentation
![Page 5: Application Development for Mobile and Ubiquitous ...ts2/admuc/seminar1516/second/group09.p… · Toggl Time Tracker. Second Presentation. Application Scenario. Application Development](https://reader035.fdocuments.in/reader035/viewer/2022071210/6021764b126c68314d68d4c8/html5/thumbnails/5.jpg)
ViewsViewModels
ViewModelLocator
MVVM Architecture
5Application Development - Second Seminar Presentation
ApiService NFC
Set
tings
…
Toggl API Client (including Models)
![Page 6: Application Development for Mobile and Ubiquitous ...ts2/admuc/seminar1516/second/group09.p… · Toggl Time Tracker. Second Presentation. Application Scenario. Application Development](https://reader035.fdocuments.in/reader035/viewer/2022071210/6021764b126c68314d68d4c8/html5/thumbnails/6.jpg)
Challenges
6Application Development - Second Seminar Presentation
Form factor challenge
• mobile first
• Column Drop/ Re-architect for larger screen sizes
![Page 7: Application Development for Mobile and Ubiquitous ...ts2/admuc/seminar1516/second/group09.p… · Toggl Time Tracker. Second Presentation. Application Scenario. Application Development](https://reader035.fdocuments.in/reader035/viewer/2022071210/6021764b126c68314d68d4c8/html5/thumbnails/7.jpg)
Challenges
7Application Development - Second Seminar Presentation
Offline challenge
• collect data when offline
• sync data when back online
o every item has id and “last updated on” timestamp
o always use most recent data
![Page 8: Application Development for Mobile and Ubiquitous ...ts2/admuc/seminar1516/second/group09.p… · Toggl Time Tracker. Second Presentation. Application Scenario. Application Development](https://reader035.fdocuments.in/reader035/viewer/2022071210/6021764b126c68314d68d4c8/html5/thumbnails/8.jpg)
Challenges
8Application Development - Second Seminar Presentation
Usability challenge
• voice commands with
Cortana
• “TogglTimeTracker
start tracking ‘work’!”
![Page 9: Application Development for Mobile and Ubiquitous ...ts2/admuc/seminar1516/second/group09.p… · Toggl Time Tracker. Second Presentation. Application Scenario. Application Development](https://reader035.fdocuments.in/reader035/viewer/2022071210/6021764b126c68314d68d4c8/html5/thumbnails/9.jpg)
Adaptation and Context
• write time entry on NFC tag
• when triggered: start tracking
9Application Development - Second Seminar Presentation
![Page 10: Application Development for Mobile and Ubiquitous ...ts2/admuc/seminar1516/second/group09.p… · Toggl Time Tracker. Second Presentation. Application Scenario. Application Development](https://reader035.fdocuments.in/reader035/viewer/2022071210/6021764b126c68314d68d4c8/html5/thumbnails/10.jpg)
Adaptation and Context
Geofencing
• register for change of geofence state
• when entering in specified geofence: start tracking
10Application Development - Second Seminar Presentation
![Page 11: Application Development for Mobile and Ubiquitous ...ts2/admuc/seminar1516/second/group09.p… · Toggl Time Tracker. Second Presentation. Application Scenario. Application Development](https://reader035.fdocuments.in/reader035/viewer/2022071210/6021764b126c68314d68d4c8/html5/thumbnails/11.jpg)
Adaptation and Context
Calendar connection
• autofill description with
name of current
calendar event
11Application Development - Second Seminar Presentation
![Page 12: Application Development for Mobile and Ubiquitous ...ts2/admuc/seminar1516/second/group09.p… · Toggl Time Tracker. Second Presentation. Application Scenario. Application Development](https://reader035.fdocuments.in/reader035/viewer/2022071210/6021764b126c68314d68d4c8/html5/thumbnails/12.jpg)
Xamarin Implementation
XToggl (Android):• Xamarin Forms• Dependency Injection Services• XLabs (Toast, Location Provider)• Toggl API (as DLL)
Xamarin Studio 5.10 drawbacks:• Performance? • VCS
Adaption and Context:• Calendar and GPS
12Application Development - Second Seminar Presentation
![Page 13: Application Development for Mobile and Ubiquitous ...ts2/admuc/seminar1516/second/group09.p… · Toggl Time Tracker. Second Presentation. Application Scenario. Application Development](https://reader035.fdocuments.in/reader035/viewer/2022071210/6021764b126c68314d68d4c8/html5/thumbnails/13.jpg)
Working with Xamarin Forms
13Application Development - Second Seminar Presentation
![Page 14: Application Development for Mobile and Ubiquitous ...ts2/admuc/seminar1516/second/group09.p… · Toggl Time Tracker. Second Presentation. Application Scenario. Application Development](https://reader035.fdocuments.in/reader035/viewer/2022071210/6021764b126c68314d68d4c8/html5/thumbnails/14.jpg)
Working with Xamarin Forms
14Application Development - Second Seminar Presentation
![Page 15: Application Development for Mobile and Ubiquitous ...ts2/admuc/seminar1516/second/group09.p… · Toggl Time Tracker. Second Presentation. Application Scenario. Application Development](https://reader035.fdocuments.in/reader035/viewer/2022071210/6021764b126c68314d68d4c8/html5/thumbnails/15.jpg)
Generic Interface (Cross Platform Side)
Specific Implementation (Android, iOS, WP)
Using the Dependency Service
15Application Development - Second Seminar Presentation
Usage (i.e. Main.xaml.cs):
Registration (i.e. MainActivity):
![Page 16: Application Development for Mobile and Ubiquitous ...ts2/admuc/seminar1516/second/group09.p… · Toggl Time Tracker. Second Presentation. Application Scenario. Application Development](https://reader035.fdocuments.in/reader035/viewer/2022071210/6021764b126c68314d68d4c8/html5/thumbnails/16.jpg)
Work plan
16Application Development - Second Seminar Presentation
30.10.15: First presentation
Create app concept
Implement basic set-up
Implement functionality iteratively
18.12.15: Second presentation
Continue implementation (design and functionality)
Testing, bugfixing and finalizing
29.01.15: Final presentation
![Page 17: Application Development for Mobile and Ubiquitous ...ts2/admuc/seminar1516/second/group09.p… · Toggl Time Tracker. Second Presentation. Application Scenario. Application Development](https://reader035.fdocuments.in/reader035/viewer/2022071210/6021764b126c68314d68d4c8/html5/thumbnails/17.jpg)
17Application Development - Second Seminar Presentation
Thank you for your attention.