PHONEGAP
KIM TOSTES
LUCAS SANDES
RAFAEL MORETI SANTANA
INTRODUÇÃO
• Crescimento na utilização de smartphones e tablets.
• Dificuldade na distribuição de aplicativos multi-plataforma
• Diferentes linguagens de programação
DIFICULDADES
• Linguagens de programação nativa são diferentes
• Objective-C para iOS
• C# para Windows Phone
• Diferentes SO para o desenvolvimento de aplicativos móveis:
• MacOS para iOS
• Windows para Windows Phone
• Registro de disponibilização nas lojas oficiais
TIPOS DE APLICATIVOS MÓVEIS
• App nativo: Escrito na linguagem de programação nativa da
plataforma.
• Web App: Simula um navegador para um conjunto definido de
páginas, as quais constituem a aplicação. Escrito em HTML, CSS e
JavaScript.
• App híbrido: Uma aplicação parte Web, parte nativa, permitindo
utilizar de funcionalidades da plataforma. Altamente portável.
PLATAFORMAS
• Android
• iOS
• Windows Phone
• BlackBerry OS
• Bada
• Symbian
PHONEGAP
• Open-Source
• Capaz de gerar aplicativos híbridos e até mesmo nativos
• Utiliza de HTML, CSS e JavaScript
• PhoneGap-Build
• Geração de aplicativos para diversas plataformas
• Build em nuvem
• Elimina necessidade de Sistemas Operacionais específicos
EXEMPLOS DE CÓDIGO
• Existem diversas funcionalidades criadas pela Adobe e
liberadas, além de códigos de terceiro
• Separa as telas por tags <div> no HTML
• Algumas bibliotecas JavaScript, como o JQTouch, providenciam um
CSS para determinadas plataformas (como Android e iOS)
HELLO WORLD!!
FUNCIONALIDADES
CAMERA
CONEXÃO
CONEXÃO
FILE UPLOAD
FILE UPLOAD
• A variável fileUploadOptions referência um objeto com vários
parâmetros, como:
• chunkedMode: Boolean para validar buffering interno ou não
• fileKey: Define o nome do form element responsável pelo arquivo a ser enviado
• fileName: Define o nome que o arquivo assumirá no servidor ao ser enviado
• mimeType: O tipo MIME do arquivo. Por default é image/jpeg.
• params: Um conjunto opcional de chave/valor para parâmetros a serem
inseridos no HTTP request header.
NOTIFICAÇÃO
NOTIFICAÇÃO
NOTIFICAÇÃO
DIVERSAS OUTRAS FUNCIONALIDADES
• Accelerometer
• Compass
• Contacts
• Device
• Events
• Geolocation
• Media
• Storage
BIBLIOGRAFIA
• Sites:
• PhoneGap – http://phonegap.com
• PhoneGap-Build – http://build.phonegap.com
• Livros
• WARGO, J. M. PhoneGap Essentials - Building Cross-Plataform Mobile Apps.
1st. ed. New Jersey - USA: Addison-Wesley, 2012.

PhoneGap

  • 1.
  • 2.
    INTRODUÇÃO • Crescimento nautilização de smartphones e tablets. • Dificuldade na distribuição de aplicativos multi-plataforma • Diferentes linguagens de programação
  • 3.
    DIFICULDADES • Linguagens deprogramação nativa são diferentes • Objective-C para iOS • C# para Windows Phone • Diferentes SO para o desenvolvimento de aplicativos móveis: • MacOS para iOS • Windows para Windows Phone • Registro de disponibilização nas lojas oficiais
  • 4.
    TIPOS DE APLICATIVOSMÓVEIS • App nativo: Escrito na linguagem de programação nativa da plataforma. • Web App: Simula um navegador para um conjunto definido de páginas, as quais constituem a aplicação. Escrito em HTML, CSS e JavaScript. • App híbrido: Uma aplicação parte Web, parte nativa, permitindo utilizar de funcionalidades da plataforma. Altamente portável.
  • 5.
    PLATAFORMAS • Android • iOS •Windows Phone • BlackBerry OS • Bada • Symbian
  • 6.
    PHONEGAP • Open-Source • Capazde gerar aplicativos híbridos e até mesmo nativos • Utiliza de HTML, CSS e JavaScript • PhoneGap-Build • Geração de aplicativos para diversas plataformas • Build em nuvem • Elimina necessidade de Sistemas Operacionais específicos
  • 7.
    EXEMPLOS DE CÓDIGO •Existem diversas funcionalidades criadas pela Adobe e liberadas, além de códigos de terceiro • Separa as telas por tags <div> no HTML • Algumas bibliotecas JavaScript, como o JQTouch, providenciam um CSS para determinadas plataformas (como Android e iOS)
  • 8.
  • 9.
  • 10.
  • 11.
  • 12.
  • 13.
  • 14.
    FILE UPLOAD • Avariável fileUploadOptions referência um objeto com vários parâmetros, como: • chunkedMode: Boolean para validar buffering interno ou não • fileKey: Define o nome do form element responsável pelo arquivo a ser enviado • fileName: Define o nome que o arquivo assumirá no servidor ao ser enviado • mimeType: O tipo MIME do arquivo. Por default é image/jpeg. • params: Um conjunto opcional de chave/valor para parâmetros a serem inseridos no HTTP request header.
  • 15.
  • 16.
  • 17.
  • 18.
    DIVERSAS OUTRAS FUNCIONALIDADES •Accelerometer • Compass • Contacts • Device • Events • Geolocation • Media • Storage
  • 19.
    BIBLIOGRAFIA • Sites: • PhoneGap– http://phonegap.com • PhoneGap-Build – http://build.phonegap.com • Livros • WARGO, J. M. PhoneGap Essentials - Building Cross-Plataform Mobile Apps. 1st. ed. New Jersey - USA: Addison-Wesley, 2012.