32

Phonegap, muito além dos nativos!

Embed Size (px)

DESCRIPTION

Palestra ministrada no 5o FPF Tech Talks realizado no Ciesa dia 17/10/2013.

Citation preview

Page 1: Phonegap, muito além dos nativos!
Page 2: Phonegap, muito além dos nativos!

Smartphone Development

MS-WindowsC#

Objective-C

Mac OS

Java

AppleTM

Page 3: Phonegap, muito além dos nativos!
Page 4: Phonegap, muito além dos nativos!

HTML + CSS + Javascript

Page 5: Phonegap, muito além dos nativos!

WebsitesMobile App

Page 6: Phonegap, muito além dos nativos!
Page 7: Phonegap, muito além dos nativos!

Por que Intel está interessada no HTML 5?

Uma vez que o HTML 5 a tendência do futuro para o desenvolvimento de aplicativos, a Intel acredita que é importante ajudar desenvolvedores experientes a fazer a transição para esta abordagem de plataforma cruzada e ajudar os novos desenvolvedores a se familiarizar com esta nova e empolgante abordagem para que possam distribuir seus aplicativos e jogos em praticamente todas as plataformas computacionais modernas.

Page 8: Phonegap, muito além dos nativos!

One code Many deploy

Page 9: Phonegap, muito além dos nativos!

Web View

Page 10: Phonegap, muito além dos nativos!
Page 11: Phonegap, muito além dos nativos!

API“Conjunto de funções para interargir

com os recursos do smartphones”

Page 12: Phonegap, muito além dos nativos!

•Nitobi

• Aquisição pela Adobe

•Doação do projeto a Fundação

Apache

Page 13: Phonegap, muito além dos nativos!

3.1.0

Page 14: Phonegap, muito além dos nativos!

Recursos

Page 15: Phonegap, muito além dos nativos!

Acelerometro

Page 16: Phonegap, muito além dos nativos!

Camera

Page 17: Phonegap, muito além dos nativos!

Bussola

Page 18: Phonegap, muito além dos nativos!

Contatos

Page 19: Phonegap, muito além dos nativos!

Arquivos

Page 20: Phonegap, muito além dos nativos!

Geolocalização (GPS)

Page 21: Phonegap, muito além dos nativos!

Media

Page 22: Phonegap, muito além dos nativos!

Rede

Page 23: Phonegap, muito além dos nativos!

Notificação

Page 24: Phonegap, muito além dos nativos!

Armazenamento

Page 25: Phonegap, muito além dos nativos!

Cordova não tem visual!

Visual é com HTML5/CSS3

Frameworks GUI:

jQuery Mobile, Dojo Mobile, Sencha Touch

Page 26: Phonegap, muito além dos nativos!

Jqu

ery

Mob

ile

Page 27: Phonegap, muito além dos nativos!

BUILD?

Page 28: Phonegap, muito além dos nativos!

SDK de cada plataforma

Gerar o pacote = instalado no smartphone.

Page 29: Phonegap, muito além dos nativos!

Visual

Recursos do

Smartphones

Build

HTML5/CSS3

CordovaSDK de cada plataforma destino.

Ex. Jquery Mobile

Xcode (iOS), ADT (Android), Visual Studio 2012 (WP8).

Javascript

Page 30: Phonegap, muito além dos nativos!

Código-fonte!

Page 31: Phonegap, muito além dos nativos!

E o Phonegap?Distribuição do

CordovaPhonegap Build

Page 32: Phonegap, muito além dos nativos!

Luiz Gustavo Gavinho

• @lgavinho• Blog Gavinho Labs

www.gavinholabs.com.br

Gerente de NegóciosFPFtech Sul/Sudestelgavinho@

fpftech.com

https://www.slideshare.net/lgavinho

Referências:• http://html5dev-software.intel.com/• http://cordova.apache.org/• http://phonegap.com/• http://jquerymobile.com/