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


Top Related