Phonegap

Apresentação para disciplina de Frameworks II - IFMS.

Transcript

2. PhoneGap é um framework open source utilizado para criar aplicativos multi-plataformas usando HTML5, CSS e Javascript. PhoneGap
3. 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
4. Accelerometer, Camera Capture, Compass, Connection, Contacts, Device, Events, File, Geolocation, Globalization, InAppBrowser, Media, Notification, Splashscreen e Storage. PhoneGap API's
5. Android - Java iOS - Objective-C Windows Phone - C# BlackBarry - Java (ME) Nativos
6. Vantagens Nativos • Padrões de UI e UX; • Instalação pela App Store's; • Acesso aos recursos avançados; e • SDK pode facilitar o desenvolvimento e testes dos apps.
7. Desvantagens Nativos • Conhecimento específico; • Vários projetos para manter; • Atualizações dependem das App Store's e do usuário; e • Tempo para desenvolver códigos diferentes para cada plataforma.
8. Vantagens PhoneGap • Tempo de desenvolvimento menor; • A aplicação pode rodar em múltiplas plataformas; e • Manutenção facilitada, por conta da centralização de códigos.
9. Desvantagens PhoneGap • Dificuldade em trabalhar offline; • UI e UX do aplicativo não terá o tom característico do dispositivo; e • Testar aplicativos cross-plataform pode ser considerado mais complicado.
10. Projeto Exemplo PhoneGap NodeJS sudo apt-get install nodejs NPM (Node Packaged Modules) sudo apt-get install npm PhoneGap sudo npm install -g phonegap
11. Projeto Exemplo PhoneGap Criando um projeto exemplo com PhoneGap phonegap create myApp Adicionando um plugin ao projeto phonegap plugin add org.apache.cordova.plugin Emulando o projeto em um AVD ou Smartphone phonegap run android
12. Projeto Exemplo PhoneGap Aplicativo exemplo, utilizando a API Camera. git clone git@github.com:gabrielmedina/frameworks-phonegap.git
13. Bibliografia Site oficial do PhoneGap http://phonegap.com Aplicações Mobile Web ou Nativa http://blog.caelum.com.br/aplicacoes-mobile-web-ou-nativa