Hands-OnCordova / PhoneGap

Giordano Brunov0.3 - MMXVI

Café Digital

www.cafedigitaljf.com.brFacebook & Instagram:CafeDigitalJF

Google Developers Group de Juiz de Fora

www.emjuizdefora.com/gdgjfFacebook: GoogleDevelopersGroupJuizDeFora

Aplicações híbridas

- base em linguagem nativa

- Webview (navegador)

- código padrão WEB (HTML + CSS + JavaScript)

Vision MobileJunho / 2015

8.000 desenvolvedores

185.000 aplicativos da Google Play Store

Windows 98: Active Desktop

Windows 2000

Windows XP (2001)

Compiladores HTML ~ 2006

- página = programa

- Webexe

- html2exe

Nokia WRT (Web RunTime) ~ 2008

- código em HTML+CSS+JS- ícone em formato PNG- configurações em XML- …- ...- num arquivo .zip renomeado

para .wgz

PhoneGap (2008)

- criado pela empresa canadense Nitobi

- Em 2011, a empresa foi adquirida pela Adobe e o código-fonte doado para a Apache Software Foundation

Apache Cordova- Container de aplicações híbridas

- serve de base para o Phonegap, Visual Studio e diversos SDK’s.

- ‘Cordova’ era o nome da rua onde ficava o escritório da Nitobi

Plataformas

AndroidBadaBlackberryiOSSymbian

TizenWebOSWindows PhoneWindows 8

API´s Disponíveis

AcelerômetroCâmeraBússolaContatosArquivosGeolocalização

MídiaRedeNotificações (alertas, sons, vibração)...

Análise SWOT:

StrengthsWeaknessessOportunitiesThreats

ForçasFraquezasOportunidadesAmeaças

Forças (Strengths):

- B.O.D.A - Build Once Deploy All (construa uma vez e distribua para todos);

- Baixo custo de desenvolvimento e manutenção;

- Aproveitamento de aplicações / bibliotecas pré-existentes

- Comunidade Open-Source;

Fraquezas (Weaknessess)

- Demora na implementação de novos recursos (dependem da comunidade)

- limitado a webview (não serve pra widgets e wearables)

- Requerimentos específicos para algumas plataformas

Oportunidades (Oportunities)

- Compatibilidade com as mudanças do mercado, independente do dispositivo.

- Programadores iniciantes- Pequenas empresas- Startups- Prototipação

Ameaças (Threats)

- Possível atraso na adaptação às mudanças e atualizações dos Sistemas Operacionais

- experiência do usuário variável- não é possível expandir funcionalidades

como widgets e wearables

Instalação e Preparação

Node.jsCordovaGit, Plugman, etc

CompiladorEmulador IDE(dependem da plataforma)

Criando um App:

cordova create pasta [id] [nome do app]cria a pasta e os arquivos de base

cd pastaentra na pasta do projeto

Qual(s) plataforma(s)?

cordova platform add PLATAFORMA

adiciona os arquivos específicos da plataforma(browser, android, iso, etc)

Plugins?

cordova plugin add URL

baixa os arquivos do plugin e adiciona ao projeto

Tá com pressa?

cordova run [plataforma]

verifica, compila e executa o app no emulador ou no celular (ou browser)

Referências úteiscordova.apache.org - Documentação principal e pluginswww.ngcordova.com - coleção de plugins otimizados para Angularwww.coenraets.org - tutorial e referênciaswww.visionmobile.com/product/cross-platform-tools-2015/ - insights do relatório das ferramentas de desenvolvimento híbrido

e claro: Stack Overflow, Youtube, Google...