Seminário de Sistemas Distribuidos Unifesp - 2014

1. PHONEGAP
KIM TOSTES
LUCAS SANDES
RAFAEL MORETI SANTANA

2. INTRODUÇÃO
• Crescimento na utilização de smartphones e tablets.
• Dificuldade na distribuição de aplicativos multi-plataforma
• Diferentes linguagens de programação

3. 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

4. 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.

5. PLATAFORMAS
• Android
• iOS
• Windows Phone
• BlackBerry OS
• Bada
• Symbian

6. 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

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. HELLO WORLD!!

9. FUNCIONALIDADES

10. CAMERA

11. CONEXÃO

12. CONEXÃO

13. FILE UPLOAD

14. 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.

15. NOTIFICAÇÃO

16. NOTIFICAÇÃO

17. NOTIFICAÇÃO

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.