PhoneGap

PhoneGap

PhoneGap é um framework open source utilizado para criar

aplicativos multi-plataformas usando 

HTML5, CSS e Javascript.

PhoneGap - http://phonegap.com/

PhoneGap

Criar aplicativos para vários dispositivos (iPhone, Android, Windows Mobile e muito mais) requer diferentes frameworks e linguagens. PhoneGap resolve isso usando tecnologias web baseadas em padrões, centralizando os esforços da equipe de desenvolvimento.

PhoneGap - http://phonegap.com/

PhoneGap

Desenvolva seus projetos utilizando tecnologias web (HTML, CSS e Javascript), empacote seu aplicativo com PhoneGap e exporte-o para diferentes plataformas (iOS, Android, Windows Phone, entre outras).

PhoneGap API's

Accelerometer, Camera Capture, Compass, Connection, Contacts, Device, Events, File, Geolocation, Globalization, InAppBrowser, Media, Notification, Splashscreen e Storage

PhoneGap - http://phonegap.com/

PhoneGap

- Iniciado pela Nitobi Software;

- Em 2011 a empresa Adobe adquiri a Nitobi;

- PhoneGap é doado a Fundação Apache Software;

- Inicialmente chamado de Apache Callback; e

- Depois renomeado para Apache Cordova.

PhoneGap - http://phonegap.com/

PhoneGap

- PhoneGap é uma distribuição do Apache Cordova;

- Apache Cordova é o motor que move o PhoneGap;

- PhoneGap é doado a Fundação Apache Software; e

- PhoneGap possui outras ferramentas da Adobe que não seriam apropriadas para o projeto Apache Cordova.

PhoneGap - http://phonegap.com/

PhoneGap

PhoneGap já foi baixado mais de 1 milhão de vezes e está sendo usado por mais de 400.000 desenvolvedores. Milhares de aplicativos criados usando PhoneGap estão disponíveis em lojas de aplicativos móveis e diretórios.

PhoneGap - http://phonegap.com/

PhoneGap

Natívos

Android - Java

iOS - Objective-C

Windows Phone - C#

BlackBarry - Java (ME)

Natívos

Vantagens

Padrões de UI e UX

Instalação pela App Store's

Acesso aos recursos avançados

SDK pode facilitar o desenvolvimento e testes dos apps

Natívos

Conhecimento específico

Vários projetos para manter

Atualizações dependem das App Store's e do usuário

Tempo para desenvolver códigos diferentes para cada plataforma

Desvantagens

PhoneGap

Tempo de desenvolvimento menor

A aplicação pode rodar em múltiplas plataformas

Manutenção facilitada, por conta da centralização de códigos

Vantagens

PhoneGap

UI e UX do aplicativo não terá o tom característico do dispositivo

Acesso moderado aos recursos

Testar aplicativos cross-plataform pode ser considerado mais complicado

Desvantagens

PhoneGap

Projeto Exemplo

NodeJS

sudo apt-get install nodejs

NPM (Node Packaged Modules)

sudo apt-get install npm

PhoneGap

sudo npm install -g phonegap

PhoneGap

Projeto Exemplo

Criando um projeto exemplo com PhoneGap

phonegap create myApp
phonegap plugin add org.apache.cordova.plugin

Adicionando um plugin ao projeto

Emulando o projeto em um device AVD

cordova emulate android
phonegap run android

Emulando o projeto direto no smartphone

PhoneGap

Projeto Exemplo

PhoneGap

Aplicativo exemplo, utilizando a API Camera.

https://github.com/gabrielmedina/frameworks-phonegap

git clone git@github.com:gabrielmedina/frameworks-phonegap.git

Bibliografia

Site oficial do PhoneGap

http://phonegap.com

Aplicações Mobile Web ou Nativa

http://blog.caelum.com.br/aplicacoes-mobile-web-ou-nativa

Phonegap

By Gabriel Medina

Phonegap

Apresentação para aula de Frameworks

  • 767