© Copyright SELA software & Education Labs Ltd. | 14-18 Baruch Hirsch St Bnei Brak, 51202 Israel | www.selagroup.com

SELA DEVELOPER PRACTICEDecember 15-19, 2013

Native Mobile Apps, Xamarin, and PhoneGap

Sasha GoldshteinShai RaitenOfir Makmal

Agenda

The three big mobile platformsNative development toolsNative development conceptsXamarin: C# on 3 billion devicesXamarin tools and workflowPhoneGap and other HTML5 hybridsPhoneGap tools and workflowPros and cons and when to use what

Mobile Platforms

iOS• Storyboards• Objective C• Xcode

Android• XML-based UI• Java• Eclipse/Android

Studio/IntelliJ IDEA

Windows Phone/Windows 8• XAML-based UI• C#, VB, C++,

JavaScript• Visual Studio

OS Versions

Windows Phone 8;

70%

Windows Phone 7.x;

30%

iOS 7; 74%

iOS 6; 22%

Earlier; 4%

KitKat (4.4); 1.10%

JellyBean (4.1-4.3); 54.50%

ICS (4.0.x); 18.60%

Honeycomb (3.x); 0.10%

Gingerbread (2.3.x); 24.10%

Froyo (2.2); 1.60%

iOS Basic Concepts

Foundation/UIKit

View controllers

Storyboards and segues

Table views

Android Basic Concepts

Android SDK

Activities

Intents

ListViews and adapters

Windows Runtime Basic Concepts.NET Framework

Pages

Navigation

ListViews and binding

Xamarin

Founded in 2011 by Novell ex-employeesBased on the Mono project – launched on 2001 Brings the .NET Framework to Linux and OS X

Xamarin took it to the next step: all major platforms – iOS, Android, Linux, OS XOfficially partnered with MicrosoftOver 460,000 developers live, 20,000 paying customers, 120 consulting partners

Used by more than 20% of Fortune 500 companies

Reuse your company’s current development investmentKeep using Visual Studio (or Xamarin Studio)Same-day support for all new API’s 100% platform API coverageAll latest C# goodness – LINQ, async\await, TPLAverage of 75% code sharing!Scan your code for conformance: scan.xamarin.com

Why Xamarin?

Xamarin Application Architecture

PhoneGap

PhoneGap is an open source mobile development framework

Developed by Nitobi SoftwarePurchased by Adobe

Renamed to Cordova after the shift to Adobe

Enables building mobile device applications

using the Web technology stack –HTML, CSS, and JavaScript

Hybrid Apps

A PhoneGap application is considered hybrid

They are neither truly native, nor purely web-basedAll layout rendering is done via the Web View

Supports 7 platforms

What Is PhoneGap All About?

WrapperBridge

Getting Started with PhoneGap

Set up your development environmentPC, MacXcode, Eclipse, Visual StudioSDKs, JDKs, plug-insSame as for Native Development

Adobe® PhoneGap™ Build – upload your HTML5, CSS, and JavaScript assets to a cloud service which does the work of compiling for you

Discussion/Panel

Summary

Native development tools and conceptsThe Xamarin promisePhoneGap and HTML5 apps