ITCamp 2011 - Melania Danciu - Mobile apps
-
Upload
itcamp -
Category
Technology
-
view
624 -
download
3
Transcript of ITCamp 2011 - Melania Danciu - Mobile apps
![Page 1: ITCamp 2011 - Melania Danciu - Mobile apps](https://reader033.fdocuments.net/reader033/viewer/2022052619/5552673fb4c9052e1f8b4fae/html5/thumbnails/1.jpg)
@itcampro / #itcampro Premium conference on Microsoft’s Dev and ITPro technologies
Mobile Apps
Melania DANCIU, Lead Developer
Haufe-Lexware Romania
[email protected] / melaniadanciu.wordpress.com / @melaniadanciu
![Page 2: ITCamp 2011 - Melania Danciu - Mobile apps](https://reader033.fdocuments.net/reader033/viewer/2022052619/5552673fb4c9052e1f8b4fae/html5/thumbnails/2.jpg)
@itcampro / #itcampro Premium conference on Microsoft’s Dev and ITPro technologies
IT Camp 2011
• Thanks for coming!
• ITCamp is made possible by our sponsors:
![Page 3: ITCamp 2011 - Melania Danciu - Mobile apps](https://reader033.fdocuments.net/reader033/viewer/2022052619/5552673fb4c9052e1f8b4fae/html5/thumbnails/3.jpg)
@itcampro / #itcampro Premium conference on Microsoft’s Dev and ITPro technologies
Session agenda
• Introduction to Platforms
• Technologies used by Platforms
• Differences between technologies – Implementation
– Design
– Architecture
• Alternative technologies
• Q&A
• Feedback & prizes
![Page 4: ITCamp 2011 - Melania Danciu - Mobile apps](https://reader033.fdocuments.net/reader033/viewer/2022052619/5552673fb4c9052e1f8b4fae/html5/thumbnails/4.jpg)
@itcampro / #itcampro Premium conference on Microsoft’s Dev and ITPro technologies
WHEN, WHERE AND HOW TO USE IT?
Every platform is unique in its way
![Page 5: ITCamp 2011 - Melania Danciu - Mobile apps](https://reader033.fdocuments.net/reader033/viewer/2022052619/5552673fb4c9052e1f8b4fae/html5/thumbnails/5.jpg)
@itcampro / #itcampro Premium conference on Microsoft’s Dev and ITPro technologies
iOS
• Beta Version in June 2008
• Made for iPhone by Apple
• Now at version 4.3.3 used for iPad, iPod and iPhone
![Page 6: ITCamp 2011 - Melania Danciu - Mobile apps](https://reader033.fdocuments.net/reader033/viewer/2022052619/5552673fb4c9052e1f8b4fae/html5/thumbnails/6.jpg)
@itcampro / #itcampro Premium conference on Microsoft’s Dev and ITPro technologies
iOS – How to use it?
• Mac OS X
• Developer license
• Xcode
• Interface builder
• Objective-C
• Simulator
• App store
![Page 7: ITCamp 2011 - Melania Danciu - Mobile apps](https://reader033.fdocuments.net/reader033/viewer/2022052619/5552673fb4c9052e1f8b4fae/html5/thumbnails/7.jpg)
@itcampro / #itcampro Premium conference on Microsoft’s Dev and ITPro technologies
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
![Page 8: ITCamp 2011 - Melania Danciu - Mobile apps](https://reader033.fdocuments.net/reader033/viewer/2022052619/5552673fb4c9052e1f8b4fae/html5/thumbnails/8.jpg)
@itcampro / #itcampro Premium conference on Microsoft’s Dev and ITPro technologies
Android – How to use it?
• What ever OS you like
• Android developer license
• Android SDK
• Eclipse(ADT)
• Java language
• Emulator
• Android Store
![Page 9: ITCamp 2011 - Melania Danciu - Mobile apps](https://reader033.fdocuments.net/reader033/viewer/2022052619/5552673fb4c9052e1f8b4fae/html5/thumbnails/9.jpg)
@itcampro / #itcampro Premium conference on Microsoft’s Dev and ITPro technologies
Windows Phone 7
• Made available in October 21, 2010
• Developed by Microsoft
• Mango beta release in May 24, 2011
![Page 10: ITCamp 2011 - Melania Danciu - Mobile apps](https://reader033.fdocuments.net/reader033/viewer/2022052619/5552673fb4c9052e1f8b4fae/html5/thumbnails/10.jpg)
@itcampro / #itcampro Premium conference on Microsoft’s Dev and ITPro technologies
WP7 – How to use it?
• Windows
• Developer license
• Visual Studio
• Expression Blend
• C#
• Emulator
• Windows Phone Store
![Page 11: ITCamp 2011 - Melania Danciu - Mobile apps](https://reader033.fdocuments.net/reader033/viewer/2022052619/5552673fb4c9052e1f8b4fae/html5/thumbnails/11.jpg)
@itcampro / #itcampro Premium conference on Microsoft’s Dev and ITPro technologies
DESIGN
Every platform is unique in its way
![Page 12: ITCamp 2011 - Melania Danciu - Mobile apps](https://reader033.fdocuments.net/reader033/viewer/2022052619/5552673fb4c9052e1f8b4fae/html5/thumbnails/12.jpg)
@itcampro / #itcampro Premium conference on Microsoft’s Dev and ITPro technologies
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
![Page 13: ITCamp 2011 - Melania Danciu - Mobile apps](https://reader033.fdocuments.net/reader033/viewer/2022052619/5552673fb4c9052e1f8b4fae/html5/thumbnails/13.jpg)
@itcampro / #itcampro Premium conference on Microsoft’s Dev and ITPro technologies
Android
• Android UI Guidelines
• Design patterns:
– Dashboard
– Action Bar
– Search Bar
– Quick Actions
– Companion Widget
![Page 14: ITCamp 2011 - Melania Danciu - Mobile apps](https://reader033.fdocuments.net/reader033/viewer/2022052619/5552673fb4c9052e1f8b4fae/html5/thumbnails/14.jpg)
@itcampro / #itcampro Premium conference on Microsoft’s Dev and ITPro technologies
WP7
• Windows Phone UI Guidelines
• Metro design
– Clean, Light, Open, Fast
– Celebrate Typography
– Alive in Motion
– Content, Not Chrome
– Authentically Digital
![Page 15: ITCamp 2011 - Melania Danciu - Mobile apps](https://reader033.fdocuments.net/reader033/viewer/2022052619/5552673fb4c9052e1f8b4fae/html5/thumbnails/15.jpg)
@itcampro / #itcampro Premium conference on Microsoft’s Dev and ITPro technologies
ARCHITECTURE
Every platform is unique in its way
![Page 16: ITCamp 2011 - Melania Danciu - Mobile apps](https://reader033.fdocuments.net/reader033/viewer/2022052619/5552673fb4c9052e1f8b4fae/html5/thumbnails/16.jpg)
@itcampro / #itcampro Premium conference on Microsoft’s Dev and ITPro technologies
iOS
• Model-View-Controller
• Block objects
• Delegation
• Target-action
• Managed memory model
• Threads and concurrent programming
![Page 17: ITCamp 2011 - Melania Danciu - Mobile apps](https://reader033.fdocuments.net/reader033/viewer/2022052619/5552673fb4c9052e1f8b4fae/html5/thumbnails/17.jpg)
@itcampro / #itcampro Premium conference on Microsoft’s Dev and ITPro technologies
Android
• MVVM Pattern
– Activities – View Model
• Using Communication patterns:
– Intends (Message passing)
– Services (Late binding)
– Content providers (Late binding)
– Broadcast receivers (publish/subscribe)
![Page 18: ITCamp 2011 - Melania Danciu - Mobile apps](https://reader033.fdocuments.net/reader033/viewer/2022052619/5552673fb4c9052e1f8b4fae/html5/thumbnails/18.jpg)
@itcampro / #itcampro Premium conference on Microsoft’s Dev and ITPro technologies
Windows Phone 7
• MVVM pattern
– Data binding
– Dependency properties
– State and parts
• Frameworks for MVVM:
– MVVM Lite
– Caliburn Micro
– …
![Page 19: ITCamp 2011 - Melania Danciu - Mobile apps](https://reader033.fdocuments.net/reader033/viewer/2022052619/5552673fb4c9052e1f8b4fae/html5/thumbnails/19.jpg)
@itcampro / #itcampro Premium conference on Microsoft’s Dev and ITPro technologies
WP7 & iPhone & Android
iPhone WP7 Android
Design Flexibility
Apps popularity
Deployment ease
Developers Community
Easy to build
![Page 20: ITCamp 2011 - Melania Danciu - Mobile apps](https://reader033.fdocuments.net/reader033/viewer/2022052619/5552673fb4c9052e1f8b4fae/html5/thumbnails/20.jpg)
@itcampro / #itcampro Premium conference on Microsoft’s Dev and ITPro technologies
ALTERNATIVES
Every platform is unique in its way
![Page 21: ITCamp 2011 - Melania Danciu - Mobile apps](https://reader033.fdocuments.net/reader033/viewer/2022052619/5552673fb4c9052e1f8b4fae/html5/thumbnails/21.jpg)
@itcampro / #itcampro Premium conference on Microsoft’s Dev and ITPro technologies
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 (address book, iPod, camera)
None
“Your own space”
![Page 22: ITCamp 2011 - Melania Danciu - Mobile apps](https://reader033.fdocuments.net/reader033/viewer/2022052619/5552673fb4c9052e1f8b4fae/html5/thumbnails/22.jpg)
@itcampro / #itcampro Premium conference on Microsoft’s Dev and ITPro technologies
Other development tools
• Phone Gap
• Mono Touch
• Mono Droid
• Kimble Kit
• Titanium
• Interoperability bridges
• …
![Page 23: ITCamp 2011 - Melania Danciu - Mobile apps](https://reader033.fdocuments.net/reader033/viewer/2022052619/5552673fb4c9052e1f8b4fae/html5/thumbnails/23.jpg)
@itcampro / #itcampro Premium conference on Microsoft’s Dev and ITPro technologies
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
• …
![Page 24: ITCamp 2011 - Melania Danciu - Mobile apps](https://reader033.fdocuments.net/reader033/viewer/2022052619/5552673fb4c9052e1f8b4fae/html5/thumbnails/24.jpg)
@itcampro / #itcampro Premium conference on Microsoft’s Dev and ITPro technologies
Q&A
![Page 25: ITCamp 2011 - Melania Danciu - Mobile apps](https://reader033.fdocuments.net/reader033/viewer/2022052619/5552673fb4c9052e1f8b4fae/html5/thumbnails/25.jpg)
@itcampro / #itcampro Premium conference on Microsoft’s Dev and ITPro technologies
Don’t forget!
Get your free Azure pass!
• 30+15 days, no CC req’d
– http://bit.ly/ITCAMP11
– Promo code: ITCAMP11
We want your feedback!
• Win a WP7 smartphone
– Fill in your feedback forms
– Raffle: end of the day