1. Mobile Apps
Melania DANCIU, Lead Developer
Haufe-Lexware Romania
melania.danciu@gmail.com /
melaniadanciu.wordpress.com / @melaniadanciu
Premium conference on Microsoft’s Dev and ITPro technologies @itcampro / #itcampro
2. IT Camp 2011
• Thanks for coming!
• ITCamp is made possible by our sponsors:
Premium conference on Microsoft’s Dev and ITPro technologies @itcampro / #itcampro
3. Session agenda
• Introduction to Platforms
• Technologies used by Platforms
• Differences between technologies
– Implementation
– Design
– Architecture
• Alternative technologies
• Q&A
• Feedback & prizes
Premium conference on Microsoft’s Dev and ITPro technologies @itcampro / #itcampro
4. Every platform is unique in its way
WHEN, WHERE AND HOW TO
USE IT?
Premium conference on Microsoft’s Dev and ITPro technologies @itcampro / #itcampro
5. iOS
• Beta Version in June 2008
• Made for iPhone by
Apple
• Now at version 4.3.3 used
for iPad, iPod and iPhone
Premium conference on Microsoft’s Dev and ITPro technologies @itcampro / #itcampro
6. iOS – How to use it?
• Mac OS X
• Developer license
• Xcode
• Interface builder
• Objective-C
• Simulator
• App store
Premium conference on Microsoft’s Dev and ITPro technologies @itcampro / #itcampro
7. Android
• Shown in October 2003 By Andy Rubin
• Free license on the market starting with
October 2008
• Owned by Google
• Versions:
– Eclair
– Froyo
– Gingerbread
– Honeycomb
– Ice cream sandwich
Premium conference on Microsoft’s Dev and ITPro technologies @itcampro / #itcampro
8. Android – How to use it?
• What ever OS you like
• Android developer license
• Android SDK
• Eclipse(ADT)
• Java language
• Emulator
• Android Store
Premium conference on Microsoft’s Dev and ITPro technologies @itcampro / #itcampro
9. Windows Phone 7
• Made available in
October 21, 2010
• Developed by Microsoft
• Mango beta release in
May 24, 2011
Premium conference on Microsoft’s Dev and ITPro technologies @itcampro / #itcampro
10. WP7 – How to use it?
• Windows
• Developer license
• Visual Studio
• Expression Blend
• C#
• Emulator
• Windows Phone Store
Premium conference on Microsoft’s Dev and ITPro technologies @itcampro / #itcampro
11. Every platform is unique in its way
DESIGN
Premium conference on Microsoft’s Dev and ITPro technologies @itcampro / #itcampro
12. iOS
• As Apple Human Interface Guidelines says
– Aesthetic Integrity
– Consistency
– Direct manipulation
– Feedback
– Metaphors
• Tapping
• Dragging, flicking or swiping
• Sliding on and off switchers
• Flicking through pages
• Spinning picker wheels to make choices
– User Control
Premium conference on Microsoft’s Dev and ITPro technologies @itcampro / #itcampro
13. Android
• Android UI Guidelines
• Design patterns:
– Dashboard
– Action Bar
– Search Bar
– Quick Actions
– Companion Widget
Premium conference on Microsoft’s Dev and ITPro technologies @itcampro / #itcampro
14. WP7
• Windows Phone UI Guidelines
• Metro design
– Clean, Light, Open, Fast
– Celebrate Typography
– Alive in Motion
– Content, Not Chrome
– Authentically Digital
Premium conference on Microsoft’s Dev and ITPro technologies @itcampro / #itcampro
15. Every platform is unique in its way
ARCHITECTURE
Premium conference on Microsoft’s Dev and ITPro technologies @itcampro / #itcampro
16. iOS
• Model-View-Controller
• Block objects
• Delegation
• Target-action
• Managed memory model
• Threads and concurrent programming
Premium conference on Microsoft’s Dev and ITPro technologies @itcampro / #itcampro
17. Android
• MVVM Pattern
– Activities – View Model
• Using Communication patterns:
– Intends (Message passing)
– Services (Late binding)
– Content providers (Late binding)
– Broadcast receivers (publish/subscribe)
Premium conference on Microsoft’s Dev and ITPro technologies @itcampro / #itcampro
18. Windows Phone 7
• MVVM pattern
– Data binding
– Dependency properties
– State and parts
• Frameworks for MVVM:
– MVVM Lite
– Caliburn Micro
–…
Premium conference on Microsoft’s Dev and ITPro technologies @itcampro / #itcampro
19. WP7 & iPhone & Android
iPhone WP7 Android
Design Flexibility
Apps popularity
Deployment ease
Developers
Community
Easy to build
Premium conference on Microsoft’s Dev and ITPro technologies @itcampro / #itcampro
20. Every platform is unique in its way
ALTERNATIVES
Premium conference on Microsoft’s Dev and ITPro technologies @itcampro / #itcampro
21. Web Apps
Web Apps Native Apps
Push Notification None
Seamless UI
UI Experience
Loading Time
Home screen icon Bookmark
(If you know how to do it)
Enhanced Access None
(address book, iPod,
camera)
“Your own space”
Premium conference on Microsoft’s Dev and ITPro technologies @itcampro / #itcampro
22. Other development tools
• Phone Gap
• Mono Touch
• Mono Droid
• Kimble Kit
• Titanium
• Interoperability bridges
• …
Premium conference on Microsoft’s Dev and ITPro technologies @itcampro / #itcampro
23. Things we learned
• Whatever technology we use on one
platform we need to be complaint with
that platform UI requirements
• There are a lot of steps in the deployment
process
• We can not use copy paste
• …
Premium conference on Microsoft’s Dev and ITPro technologies @itcampro / #itcampro
24. Q&A
Premium conference on Microsoft’s Dev and ITPro technologies @itcampro / #itcampro
25. Don’t forget!
Get your free Azure pass! We want your feedback!
• 30+15 days, no CC req’d • Win a WP7 smartphone
– http://bit.ly/ITCAMP11 – Fill in your feedback forms
– Promo code: ITCAMP11 – Raffle: end of the day
Premium conference on Microsoft’s Dev and ITPro technologies @itcampro / #itcampro