Building Native Apps for Web Developers

Post on 14-Feb-2016

37 views 2 download

Tags:

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 of Building Native Apps for Web Developers

Building Native Apps for Web DevelopersPossibilities to explore and dig further

Presented at:Nextbridge LHR C1May 17, 2012

Questions regarding previous session?

?

RECAPE

Topics we will cover in this presentation

• Sencha Touch• Application Demonstration in Sencha

Touch

PART 1

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>

1. Things to remember: Alice in Wonderland

To be a Mobile

Developer

Be Explorativ

e

Accept New

things

Ready for

uncertain events

Be Social

10. Things to remember

Always Respect

User &

User Experience

AGENDAToday’s

Topics we will cover in this presentation

Titanium Formally

Appcelerator

Coronaby

Ansca

TOPIC 1Titanium

Titanium SDK

Native, Hybrid, and Mobile Web

Titanium Studio

Single IDE on all Platforms

Titanium Analytics

Unique Interface for User & Performance Analytics

Appcelerator's Cloud Services

Single Interface for All daily usage services

Appcelerator's Cloud Services

Cloud Services

Users

Photos

Push Notifications

Status UpdatesClientsSocial Integration

Chat

Rating/Review

Titanium Architecture

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

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

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.

Questions

?

Do things practically

Demo App

Questions

?

TOPIC 2Corona SDK

How Corona SDK BuildCarlos Icaza & Walter Luh Worked in Adobe

Flash Lite 2005

Left The company on 2007

Released Corona SDK on 2009

Is it popular?

In 2011, Corona-powered apps have been downloaded

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

Architecture of Corona SDK

Corona SDKLUA Layer

C++ OpenGL

Native Language Layer

Devise OS

Syntax of LUA

Java Script

Action Script

LUA

Sample code of LUA

Sample OOP Class in LUA

Questions

?

Do things practically

Demo App

Questions

?

Now its your turn to speak

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