SlideShare a Scribd company logo
SELA DEVELOPER PRACTICE
December 15-19, 2013

Sasha Goldshtein
Shai Raiten
Ofir Makmal

Native Mobile Apps,
Xamarin, and PhoneGap

© Copyright SELA software & Education Labs Ltd. | 14-18 Baruch Hirsch St Bnei Brak, 51202 Israel | www.selagroup.com
Agenda
The three big mobile platforms
Native development tools
Native development concepts
Xamarin: C# on 3 billion devices
Xamarin tools and workflow
PhoneGap and other HTML5 hybrids
PhoneGap tools and workflow
Pros and cons and when to use what
Mobile Platforms

iOS

Android

• Storyboards
• Objective C
• Xcode

• XML-based UI
• Java
• Eclipse/Android
Studio/IntelliJ IDEA

Windows
Phone/Windows
8
• XAML-based UI
• C#, VB, C++,
JavaScript
• Visual Studio
Earlier, 4%

OS Versions

iOS 6, 22%

Windows
Phone
7.x, 30%
iOS 7, 74%

Froyo
(2.2), 1.60%
Windows
Phone
8, 70%

Honeycomb
(3.x), 0.10%

KitKat
(4.4), 1.10%

Gingerbread
(2.3.x), 24.10%
ICS
(4.0.x), 18.60%

JellyBean (4.14.3), 54.50%
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-employees
Based 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 X
Officially partnered with Microsoft
Over 460,000 developers live, 20,000 paying
customers, 120 consulting partners
Used by more than 20% of Fortune 500 companies
Why Xamarin?
Reuse your company’s current development
investment
Keep using Visual Studio (or Xamarin Studio)
Same-day support for all new API’s
100% platform API coverage
All latest C# goodness –
LINQ, asyncawait, TPL
Average of 75% code sharing!
Scan your code for conformance:
scan.xamarin.com
Xamarin Application Architecture
PhoneGap
PhoneGap is an open source mobile
development framework
Developed by Nitobi Software
Purchased 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-based
All layout rendering is done via the Web View

Supports 7 platforms
What Is PhoneGap All About?
Getting Started with PhoneGap
Set up your development environment
PC, Mac
Xcode, Eclipse, Visual Studio
SDKs, JDKs, plug-ins
Same 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 concepts
The Xamarin promise
PhoneGap and HTML5 apps

More Related Content

Native Mobile Apps, Xamarin, and PhoneGap

  • 1. SELA DEVELOPER PRACTICE December 15-19, 2013 Sasha Goldshtein Shai Raiten Ofir Makmal Native Mobile Apps, Xamarin, and PhoneGap © Copyright SELA software & Education Labs Ltd. | 14-18 Baruch Hirsch St Bnei Brak, 51202 Israel | www.selagroup.com
  • 2. Agenda The three big mobile platforms Native development tools Native development concepts Xamarin: C# on 3 billion devices Xamarin tools and workflow PhoneGap and other HTML5 hybrids PhoneGap tools and workflow Pros and cons and when to use what
  • 3. Mobile Platforms iOS Android • Storyboards • Objective C • Xcode • XML-based UI • Java • Eclipse/Android Studio/IntelliJ IDEA Windows Phone/Windows 8 • XAML-based UI • C#, VB, C++, JavaScript • Visual Studio
  • 4. Earlier, 4% OS Versions iOS 6, 22% Windows Phone 7.x, 30% iOS 7, 74% Froyo (2.2), 1.60% Windows Phone 8, 70% Honeycomb (3.x), 0.10% KitKat (4.4), 1.10% Gingerbread (2.3.x), 24.10% ICS (4.0.x), 18.60% JellyBean (4.14.3), 54.50%
  • 5. iOS Basic Concepts Foundation/UIKit View controllers Storyboards and segues Table views
  • 6. Android Basic Concepts Android SDK Activities Intents ListViews and adapters
  • 7. Windows Runtime Basic Concepts .NET Framework Pages Navigation ListViews and binding
  • 8. Xamarin Founded in 2011 by Novell ex-employees Based 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 X Officially partnered with Microsoft Over 460,000 developers live, 20,000 paying customers, 120 consulting partners Used by more than 20% of Fortune 500 companies
  • 9. Why Xamarin? Reuse your company’s current development investment Keep using Visual Studio (or Xamarin Studio) Same-day support for all new API’s 100% platform API coverage All latest C# goodness – LINQ, asyncawait, TPL Average of 75% code sharing! Scan your code for conformance: scan.xamarin.com
  • 11. PhoneGap PhoneGap is an open source mobile development framework Developed by Nitobi Software Purchased by Adobe Renamed to Cordova after the shift to Adobe Enables building mobile device applications using the Web technology stack – HTML, CSS, and JavaScript
  • 12. Hybrid Apps A PhoneGap application is considered hybrid They are neither truly native, nor purely web-based All layout rendering is done via the Web View Supports 7 platforms
  • 13. What Is PhoneGap All About?
  • 14. Getting Started with PhoneGap Set up your development environment PC, Mac Xcode, Eclipse, Visual Studio SDKs, JDKs, plug-ins Same 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
  • 16. Summary Native development tools and concepts The Xamarin promise PhoneGap and HTML5 apps

Editor's Notes

  1. Demo – SDP iOS app.Functionality implemented:1. Show list of speakers with photos in a UITableView2. When clicking on a speaker, go to a details VC with the speaker’s bio and list of sessions3. When clicking a session in the details VC, go to a session VC with details about that session
  2. Demo – SDP Android app.Functionality implemented:1. Show list of speakers with photos in a ListView2. When clicking on a speaker, go to a details activity with the speaker’s bio and list of sessions3. When clicking a session in the details activity, go to a session activity with details about that session
  3. Demo – SDP Windows Phone app.Functionality implemented:1. Show list of speakers with photos in a ListView2. When clicking on a speaker, go to a details page with the speaker’s bio and list of sessions3. When clicking a session in the details page, go to a session page with details about that session
  4. ThreeDemos, and short code structure review.