Native Mobile Apps, Xamarin, and PhoneGap

  • 5,079 views
Uploaded on

A session at the Sela Developer Practice delivered jointly with Shai Raiten and Ofir Makmal from Sela. We provided an overview of the three primary mobile development paradigms -- native mobile apps …

A session at the Sela Developer Practice delivered jointly with Shai Raiten and Ofir Makmal from Sela. We provided an overview of the three primary mobile development paradigms -- native mobile apps (Windows Phone, iOS, Android), Xamarin, and PhoneGap.

More in: Technology
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
No Downloads

Views

Total Views
5,079
On Slideshare
0
From Embeds
0
Number of Embeds
19

Actions

Shares
Downloads
86
Comments
0
Likes
6

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide
  • 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
  • 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
  • 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
  • ThreeDemos, and short code structure review.

Transcript

  • 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
  • 10. Xamarin Application Architecture
  • 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
  • 15. Discussion/Panel
  • 16. Summary Native development tools and concepts The Xamarin promise PhoneGap and HTML5 apps