ITCamp 2011 - Melania Danciu - Mobile apps

@itcampro / #itcampro Premium conference on Microsoft’s Dev and ITPro technologies

Mobile Apps

Melania DANCIU, Lead Developer

Haufe-Lexware Romania

melania.danciu@gmail.com / melaniadanciu.wordpress.com / @melaniadanciu

@itcampro / #itcampro Premium conference on Microsoft’s Dev and ITPro technologies

IT Camp 2011

• Thanks for coming!

• ITCamp is made possible by our sponsors:

@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

@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

@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

@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

@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

@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

@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

@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

@itcampro / #itcampro Premium conference on Microsoft’s Dev and ITPro technologies

DESIGN

Every platform is unique in its way

@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

@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

@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

@itcampro / #itcampro Premium conference on Microsoft’s Dev and ITPro technologies

ARCHITECTURE

Every platform is unique in its way

@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

@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)

@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

– …

@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

@itcampro / #itcampro Premium conference on Microsoft’s Dev and ITPro technologies

ALTERNATIVES

Every platform is unique in its way

@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”

@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

• …

@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

• …

@itcampro / #itcampro Premium conference on Microsoft’s Dev and ITPro technologies

Q&A

@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