building native apps for web developers

34
Building Native Apps for Web Developers Possibilities to explore and dig further Presented at: Nextbridge LHR C1 May 17, 2012

Upload: cheryl

Post on 14-Feb-2016

43 views

Category:

Documents


2 download

DESCRIPTION

Presented at: Nextbridge LHR C1 May 17, 2012. Building Native Apps for Web Developers. Possibilities to explore and dig further. Questions regarding previous session?. ?. RECAPE. Topics we will cover in this presentation. PART 1. Sencha Touch - PowerPoint PPT Presentation

TRANSCRIPT

Page 1: Building Native Apps for  Web Developers

Building Native Apps for Web DevelopersPossibilities to explore and dig further

Presented at:Nextbridge LHR C1May 17, 2012

Page 2: Building Native Apps for  Web Developers

Questions regarding previous session?

?

Page 3: Building Native Apps for  Web Developers

RECAPE

Page 4: Building Native Apps for  Web Developers

Topics we will cover in this presentation

• Sencha Touch• Application Demonstration in Sencha

Touch

PART 1

Page 5: Building Native Apps for  Web Developers

Hello World

<!DOCTYPE HTML><html> <head> <title>Hello World</title> <link rel="stylesheet" type="text/css" href="css/sencha-touch.css" /> <script type="text/javascript" src="js/sencha-touch-all.js"></script> </head> <body> <script type="text/javascript">

Ext.setup({onReady: function() {var panel = Ext.create('Ext.Panel', {html: ‘Hello World'}); Ext.Viewport.add(panel);}

}); </script> </body></html>

Page 6: Building Native Apps for  Web Developers

1. Things to remember: Alice in Wonderland

To be a Mobile

Developer

Be Explorativ

e

Accept New

things

Ready for

uncertain events

Be Social

Page 7: Building Native Apps for  Web Developers

10. Things to remember

Always Respect

User &

User Experience

Page 8: Building Native Apps for  Web Developers

AGENDAToday’s

Page 9: Building Native Apps for  Web Developers

Topics we will cover in this presentation

Titanium Formally

Appcelerator

Coronaby

Ansca

Page 10: Building Native Apps for  Web Developers

TOPIC 1Titanium

Page 11: Building Native Apps for  Web Developers

Titanium SDK

Native, Hybrid, and Mobile Web

Page 12: Building Native Apps for  Web Developers

Titanium Studio

Single IDE on all Platforms

Page 13: Building Native Apps for  Web Developers

Titanium Analytics

Unique Interface for User & Performance Analytics

Page 14: Building Native Apps for  Web Developers

Appcelerator's Cloud Services

Single Interface for All daily usage services

Page 15: Building Native Apps for  Web Developers

Appcelerator's Cloud Services

Cloud Services

Users

Photos

Push Notifications

Status UpdatesClientsSocial Integration

Chat

Rating/Review

Page 16: Building Native Apps for  Web Developers

Titanium Architecture

Page 17: Building Native Apps for  Web Developers

Difference between PhoneGap and Titanium PhoneGap• It provide mechanism to

bundle and package into native deployment files but you have to do it manually.

• It provide access to generalized set of features of any device

Titanium• It provide a single IDE for all

platforms to bundle and package a project.

• It provide generalized as well as platform specific APIs

Page 18: Building Native Apps for  Web Developers

Difference between PhoneGap and Titanium PhoneGap• It do not encompass Native

User Experience

• It consists for around 500 APIs

• It do not provide server based services

Titanium• It provide mobile web as

well as PURE NATIVE user experience

• It consists of around 5000+ APIs

• It provide almost all kind of cloud services

Page 19: Building Native Apps for  Web Developers

Difference between PhoneGap and Titanium PhoneGap

• Its FREE

• It only supports Mobile version

• It do not provide any support

Titanium

• It’s a Enterprise level platform with fee.

• It also have a Desktop development version

• It has a very strong support system.

Page 20: Building Native Apps for  Web Developers

Questions

?

Page 21: Building Native Apps for  Web Developers

Do things practically

Demo App

Page 22: Building Native Apps for  Web Developers

Questions

?

Page 23: Building Native Apps for  Web Developers

TOPIC 2Corona SDK

Page 24: Building Native Apps for  Web Developers

How Corona SDK BuildCarlos Icaza & Walter Luh Worked in Adobe

Flash Lite 2005

Left The company on 2007

Released Corona SDK on 2009

Page 25: Building Native Apps for  Web Developers

Is it popular?

In 2011, Corona-powered apps have been downloaded

over thirty-five million times.More Apps. More Downloads. More Visibility.

Page 26: Building Native Apps for  Web Developers

Architecture of Corona SDK

Corona SDKLUA Layer

C++ OpenGL

Native Language Layer

Devise OS

Page 27: Building Native Apps for  Web Developers

Syntax of LUA

Java Script

Action Script

LUA

Page 28: Building Native Apps for  Web Developers

Sample code of LUA

Page 29: Building Native Apps for  Web Developers

Sample OOP Class in LUA

Page 30: Building Native Apps for  Web Developers

Questions

?

Page 31: Building Native Apps for  Web Developers

Do things practically

Demo App

Page 32: Building Native Apps for  Web Developers

Questions

?

Page 33: Building Native Apps for  Web Developers

Now its your turn to speak

Page 34: Building Native Apps for  Web Developers

BUILDING NATIVE APPS FOR WEB DEVELOPERS

Possibilities to explore and dig further

Designed & Presented by:Nazar HussainTraining Manager

Presented at:Nextbridge LHR C1May 17, 2012