PDC - Engenharia - Phonegap

14
PhoneGap (Apache Cordova)

description

PhoneGap framework to deploy HTML5+CSS3+Javascript applications to iOS, Android and Blackberry platforms.

Transcript of PDC - Engenharia - Phonegap

Page 1: PDC - Engenharia - Phonegap

PhoneGap(Apache Cordova)

Page 2: PDC - Engenharia - Phonegap

Agenda

☑ Problema☑ Solução☑ O que é?☑ Plataformas☑ Vantagens☑ Desvantagens☑ Requisitos☑ Variáveis de ambiente☑ Fazendo a mágica acontecer☑ Trabalhando no projeto

Page 3: PDC - Engenharia - Phonegap

Problema

☑Diversas plataformas

Page 4: PDC - Engenharia - Phonegap

Solução

Page 5: PDC - Engenharia - Phonegap

O que é?

☑É um framework de código aberto.

☑Permite a criação de aplicativos móveis usando

(HTML, javascrict, CSS).

☑Build para as plataformas que você precisar.

Page 6: PDC - Engenharia - Phonegap

Plataformas

☑ Android;☑ BlackBerry;☑ iOS;☑ Symbian;☑ WebOS;☑ Windows Phone 7;☑ Windows Phone 8;☑ Windows 8;☑ Bada;☑ Tizen;

Page 7: PDC - Engenharia - Phonegap

Vantagens

☑Padronização de layout;

☑Interpreta javascript para fazer uso de recursos

nativos;

☑Fácil desenvolvimento e manutenção;

☑Facilidade no build para diferentes plataformas.

Page 8: PDC - Engenharia - Phonegap

Desvantagens

☑ Alguns componentes específicos do HTML5 não são reconhecidos.

Page 9: PDC - Engenharia - Phonegap

Requisitos

☑Apache Ant;

☑ SDK Android;

É sempre importante utilizar a versão mais atualizada do framework por questões de

compatibilidade.

Page 10: PDC - Engenharia - Phonegap

Variáveis de ambiente

☑%JAVA_HOME%

☑%ANT_HOME%

☑ PATH:

☑ ;%JAVA_HOME%\bin;%ANT_HOME%\bin;C:\Development\

android-sdk-windows\platform-tools;C:\Development\android-

sdk-windows\tools

Page 11: PDC - Engenharia - Phonegap

Fazendo a mágica acontecer

☑Para buildar um projeto basta rodar no terminal o seguinte comando:

./create <project_folder_path> <package_name> <project_name> então pressione "Enter“

☑ <project_folder_path> caminho onde o novo projeto será criado;☑ <package_name> nome do pacote do novo projeto;☑ <project_name> nome do novo projeto.

Page 12: PDC - Engenharia - Phonegap

Trabalhando no projeto

☑ Abrindo o projeto podemos ver a pasta www que é a

pasta onde todos os arquivos web se encontram.

☑ Deste ponto em diante o desenvolvimento segue

normalmente como um projeto nativo mobile.

☑ Ao realizar o build de nosso novo projeto uma app

será gerada.

Page 13: PDC - Engenharia - Phonegap

Dúvidas

Page 14: PDC - Engenharia - Phonegap

Fale Conosco

Teltools TecnologiaAv. Cesário Alvim, 3521Bairro Brasil – CEP38400-696Uberlândia – MG(34) 3222-9571

http://[email protected]

Lucas CárpioMobile [email protected]