Você está na página 1de 56

Tema

Empreendedorismo e
Inovao na Sociedade da
Informao
Palestra ou Minicurso

Desenvolvendo para
Android com
PhoneGap
Palestrante ou Professor
(Profissional)

Petterson Ferreira de Paula


Kaio Cezar Miranda G. Araujo
Anderson Malagutti

quarta-feira, 23 de janeiro de 13

quarta-feira, 23 de janeiro de 13

quarta-feira, 23 de janeiro de 13

O que ?

O Phonegap uma tecnologia open source que auxilia no


desenvolvimento de aplicaes hbrida usando tecnologia
web, sua principal caracterstica ser multi-plataforma.

quarta-feira, 23 de janeiro de 13

O que o projeto Apache

quarta-feira, 23 de janeiro de 13

Resumindo
PhoneGap um projeto 100% open source.
Foi desenvolvido pela Nitobi.
Nitobi foi comprada pela Adobe.
PhoneGap foi doado para Apache pela Adobe e foi
chamado de Apache Callback.
Apache Callback era muito genrico, por isso foi
renomeado para Cordova.
A marca PhoneGap continua propriedade da Adobe.
PhoneGap uma distribuio do Cordova.

quarta-feira, 23 de janeiro de 13

O que eu preciso conhecer?

quarta-feira, 23 de janeiro de 13

O que eu preciso conhecer?

Connectivity CSS3

quarta-feira, 23 de janeiro de 13

3D, Graphics
Performance
Device Access & Effects Multimedia & Integration Semantics

Offline
& Storage

Quais funcionalidades o
PhoneGap tem?

Acelermetro
Cmera
Capturar
Bssola
Conexo
Contatos
Dispositivo
Eventos
Arquivo
Geolocalizao

quarta-feira, 23 de janeiro de 13

Globalizao
Mdia
Notificao
Splashscreen
Armazenamento

Em quais plataformas ele

quarta-feira, 23 de janeiro de 13

Accelerometer

Camera

Compass

Contacts

File

Geolocation

Media

Network

Notification (Alert)

Notification (Sound)

Notification (Vibration)

Storage

quarta-feira, 23 de janeiro de 13

Arquitetura PhoneGap

quarta-feira, 23 de janeiro de 13

Como compilar para vrias


plataforma?

quarta-feira, 23 de janeiro de 13

Como compilar para multi-

https://build.phonegap.com/

quarta-feira, 23 de janeiro de 13

quarta-feira, 23 de janeiro de 13

Desenvolvendo para Android


com PhoneGap

quarta-feira, 23 de janeiro de 13

Como montar o Ambiente


Requisitos
Eclipse JEE 3.4 +
Android SDK
plugin ADT
PhoneGap

quarta-feira, 23 de janeiro de 13

Configurando o ADT no Eclipse

quarta-feira, 23 de janeiro de 13

Configurando o ADT no Eclipse

quarta-feira, 23 de janeiro de 13

Configurando o ADT no Eclipse

quarta-feira, 23 de janeiro de 13

Configurando o ADT no Eclipse

quarta-feira, 23 de janeiro de 13

Configurando o ADT no Eclipse

quarta-feira, 23 de janeiro de 13

Configurando o ADT no Eclipse

quarta-feira, 23 de janeiro de 13

Configurando o ADT no Eclipse

quarta-feira, 23 de janeiro de 13

Configurando o ADT no Eclipse

quarta-feira, 23 de janeiro de 13

Configurando o ADT no Eclipse

quarta-feira, 23 de janeiro de 13

Configurando o ADT no Eclipse

quarta-feira, 23 de janeiro de 13

Configurando o ADT no Eclipse

quarta-feira, 23 de janeiro de 13

Configurando o ADT no Eclipse

quarta-feira, 23 de janeiro de 13

Criando uma AVD

quarta-feira, 23 de janeiro de 13

Criando uma AVD

quarta-feira, 23 de janeiro de 13

Criando uma AVD

quarta-feira, 23 de janeiro de 13

Testando AVD

quarta-feira, 23 de janeiro de 13

Testando AVD

quarta-feira, 23 de janeiro de 13

Testando AVD

quarta-feira, 23 de janeiro de 13

Criando o Primeiro Projeto Android com


PhoneGap

quarta-feira, 23 de janeiro de 13

Criando o Primeiro Projeto Android com


PhoneGap

quarta-feira, 23 de janeiro de 13

Criando o Primeiro Projeto Android com


PhoneGap

quarta-feira, 23 de janeiro de 13

Criando o Primeiro Projeto Android com


PhoneGap

quarta-feira, 23 de janeiro de 13

Criando o Primeiro Projeto Android com


PhoneGap

quarta-feira, 23 de janeiro de 13

Criando o Primeiro Projeto Android com


PhoneGap

quarta-feira, 23 de janeiro de 13

Configurando o projeto
...phonegap-phonegap-2dbbdab\lib\android\cordova-2.0.0.jar
Copie para
...workspace\HelloWorld_Phonegap2\libs

quarta-feira, 23 de janeiro de 13

Configurando o projeto

quarta-feira, 23 de janeiro de 13

Configurando o projeto

quarta-feira, 23 de janeiro de 13

Configurando o projeto

quarta-feira, 23 de janeiro de 13

Configurando o projeto
MainActivity.java
package com.example.helloworld_phonegap;
import org.apache.cordova.DroidGap;
import android.os.Bundle;
public class MainActivity extends DroidGap {
@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
super.loadUrl("file:///android_asset/www/hello.html");
}
}

quarta-feira, 23 de janeiro de 13

Configurando o projeto

quarta-feira, 23 de janeiro de 13

Configurando o projeto

quarta-feira, 23 de janeiro de 13

Configurando o projeto

quarta-feira, 23 de janeiro de 13

Configurando o projeto

quarta-feira, 23 de janeiro de 13

Configurando o projeto

quarta-feira, 23 de janeiro de 13

Configurando o projeto

quarta-feira, 23 de janeiro de 13

Configurando o projeto
hello.html

<!DOCTYPE html>
<html>
<head>
<title>PhoneGap</title>
</head>
<body>
<h1>Hello World!</h1>
</body>
</html>

quarta-feira, 23 de janeiro de 13

quarta-feira, 23 de janeiro de 13

Rodando o primeiro exemplo

quarta-feira, 23 de janeiro de 13

Continua...

55
quarta-feira, 23 de janeiro de 13

Você também pode gostar