CODE/
FRAMEWORK
AVANÇADO HTML / PHP 3 HORAS
60
DICAS PARA PROGRAMAR DE UMA
MANEIRA FÁCIL E DESCOMPLICADA
O
PhoneGap é um
framework de
programação muito
poderoso. Ao usar
HTML, CSS, Javascript, ele
permite criar aplicativos que
podem ser portados para
Android, iOS e Windows 8.
Basicamente, ao trabalhar
com ele, você cria a aplicação,
escolhe a plataforma, instala
as APIs e pronto. Seu app pode
ser disponibilizado no Builder
PhoneGap, o servidor de
aplicativos do framework.
A seguir, aprenda a utilizá-lo e
veja como criar um app de pizzaria
que funciona na prática.
Instalação
Para instalar o PhoneGap,
acesse
e
clique no botão Install PhoneGap.
Na próxima tela será exibido o
primeiro componente acessório
que deve ser instalado antes de
continuar, o Node.js. Vá ao link (e
siga as instruções de instalação):
. Depois de instalar
o Node.js, abra uma janela de
comando e digite o código de
instalação para o PhoneGap: npm
install –g phonegap.
Uma lista de arquivos será
exibida. A instalação pode demorar
um pouco, dependendo da
capacidade de seu computador.
8PD YH] íQDOL]DGD D
instalação, crie o primeiro
aplicativo com o PhoneGap. Digite
na mesma janela o comando:
C:\>phonegap create my-app
Ao usar o comando DIR (ou
o gerenciador de arquivos do
Windows, o Explorer), poderá ver
DETONE
NOPHONEGAP
o novo diretório chamado my-app,
e a árvore de subdiretórios, para
acomodar o aplicativo PhoneGap:
Pode-se trocar o nome do
aplicativo (my-aap) por outro que
seja mais relacionado com o que
será desenvolvido. Por exemplo, o
tradicional HelloWord.
Abra o diretório www e veja
que os arquivos de base para o
aplicativo foram criados, inclusive
um index.html. Como primeira
ação na criação do novo aplicativo,
edite o arquivo index.html em um
Crie aplicativos
facilmente com
a ferramenta que
permite programar
para qualquer
plataforma móvel
Por Homero Ottoni
processador de texto básico (bloco
de notas, por exemplo) e altere
alguns dados. (Veja conteúdo do
arquivo index.html na pág. ao lado).
Mude a tag <title> para Olá
Mundo. Onde está “PhoneGap”, para
“Primeira aplicação em PhoneGap”.
Altere os parágrafos abaixo para
“Olá, mundo” e “O dispositivo
está pronto”.
Salve o arquivo HTML e
pronto: há uma nova app Hello
World. Só precisa disponibilizar
no servidor Build PhoneGap
e instalar em um dispositivo
Android. Será feito isso para a
plataforma Android – e o processo
é praticamente o mesmo para
qualquer sistema.
Build.PhoneGap
Acesse o link
Play Store,
de aplicativos
para Android:
apps podem ser
desenvolvidos
com PhoneGap
REVISTA LOCAWEB
