PhoneGap & Cordova


Desenvolvendo Aplicações Utilizando HTML5 Javascript e CSS


Palestrantes: Ezequiel D. Prezotto / Aluisio de Avila / Gabriel Mandeli

Sumario

Introdução

Tipos de Aplicações

Frameworks de UI(Interface do Usuário)

Frameworks para Acesso aos Recursos Nativos

Conclusões

Dispositivos Móveis

  • Smartphones

  • Tablets

  • Dispositivos Vestíveis

  • Notebooks

  • Porque se preocupar com dispositivo móveis?

  • 43 milhões de brasileiros acessam internet por dispositivos móveis e 73% não saem de casa sem eles

  • Conectado 24Hs por dia

  • Média 74 aplicações instaladas

  • Plataformas

    plataformas

    Plataformas

  • Linguagem especifica( C++, Java, Objective-C...)

  • Ambientes de Desenvolvimentos diferentes(Eclipse, XCode...)
  • Tenho Que Aprender Todas??

    Tenho Que Aprender Todas??

    Opções


    App Nativo

    Web App

    App Híbrido

    App Nativos

    Prós

    Melhor Performance

    Off-Line

    Acesso Total ao Dispositivo

    Instalado no Aparelho

    Contras

    Suporte a Apenas uma Plataforma

    WEB App

    Prós

    Utiliza Padrões Web(HMTL, CSS, Javascript)

    online

    Multiplataforma

    Contras

    Não Pode Ser Instalado

    Não Possui Acesso Total ao Aparelho

    App Híbrida

    Prós

    Utiliza Padrões Web(HMTL, CSS, Javascript)

    Multiplataforma

    Off-Line

    Acesso Total ao Dispositivo

    Instalado no Aparelho

    Contras

    Maior Quantidade de Camadas de Software

    Desenvolvimento Híbrido

    Desenvolvimento Híbrido

    Qual Melhor a opção?

    O Aplicativo Requer Alguma Funcionalidade Especial?(Camera, GPS, Busola...)

    Qual Seu Orçamento?

    Requer Conexão com a Internet?

    Quantas plataformas deverão ser suportadas?

    Linguagens de programação que a Equipe Domina?

    Performance é muito Importante?

    Tempo de desenvolvimento?

    Qual Melhor a opção?

    Frameworks

    Permitir acesso a recursos nativos(camera, GPS, contatos)

    Linguagem de Programação Unificadora

    Desenvolvimento multiplataforma sem ramificação de código-fonte

    Suporte a múltiplas plataformas

    API Unificadora

    Frameworks

    Adobe Phonegap X Apache Cordova??

    Linguagens (Javascript, HTML, CSS)

    Suporte a varias plataformas

    Sem ramificação de código-fonte

    Plugins para recursos nativos(camera, GPS, contatos)

    Funcionamento

    Plataformas Suportadas

    Funcionamento

    Mão na Massa

    Instalação

    Node.js: nodejs.org

    Cordova: $ sudo npm install -g cordova

    Android

    Android: Download

    Ant: Download

    Java: Download

    Video Tutorial: YouTube

    Firefox OS

    Download: Simuladores

    Instruções: Instalação

    Adicionando Componentes

    Plataformas: Ver

    Plugins: Ver

    Iniciando

    Criar Projeto
    cordova create NomePasta "br.com.NomeProjeto" Titulo

    Entrar: cd NomePasta

    Adicionar Plataformas: cordova platform add nomePlataforma

    Listar Plataformas:cordova platform ls

    Remover Plataformas:cordova platform rm NomePlataforma

    Iniciando

    Procurar Plugins:cordova plugin search

    Adicionar Plugins:cordova plugin add org.apache.cordova.geolocation

    Listando Plugins:cordova plugin ls

    Emulando Device:cordova emulate android

    Compilando:cordova build