Cordova/Phonegap PPT

FIle de apresentação do tema de palestra da 2ª Edição do Meet.US(), elaborado por Célio Garcia - Copyright

Transcript

1. Aplicações Móveis Híbridas com Cordova/Phonegap Elaborado por Célio Garcia – Todo os direitos reservados © 2015
2. Orador / Speaker / Orateur / El Orador / 扬声器 Ele é o … Célio Elisandro Mariano Garcia Chegou ao mundo no dia … 23 de Outubro de 1987 É formado em … Engenharia Informática, Programador a 11 anos Fala com os computadores nas linguagens … PASCAL Visual Basic 6.0 PHP jQuery J2SE – Java HTML5 Não é humano … fala com computador
3. Sumário 1. Introdução 2. O que são aplicativos? 3. O que são aplicações Híbridas? 4. Aplicações Nativas vs Aplicações Híbridas 5. Cordova/Phonegap e sua história 6. Algumas vantagens e desvantagens 7. Requisitos para a instalação do Cordova/Phonegap 8. Vamos ver como funciona?
4. São normalmente chamados de Apps … Desde 2007, que tornaram-se mania e grande parte deste sucesso vem dos smartphones … Introdução Martin Cooper, engenheiro electrotécnico e Designer norte- americano, considerado o "pai" do telefone celular ou telemóvel E por falar em smarthphone…
5. O que são aplicativos São softwares que desempenham objectivos específicos em Smartphones e Tablets. Normalmente são chamados de Apps… Softwares: São programas, podem ser de computador e/ou Smartphones. Smartphones: São telefones inteligentes Tablets: Dispositivo pessoal em formato de prancheta que pode ser usado para acesso a internet, organização pessoal, etc …
6. O que são aplicativos Facebook WhatsApp SendOut Viber Instagram Cyniur Dicionário Ngola Yetu 1Mambu
7. O que são aplicações Híbridas? “São aplicativos (programas… apps) desenvolvidos numa linguagem script, projectados para serem executados em browsers de qualquer plataforma(no caso, móvel)” - By Célio Garcia O que dizem os outros progrmadores? “São apps que são híbridas” – By Keven Chantre “São apps que funcionam em diferentes sistema operativos, porém, se comportam com apps nativas” – By Randy Ambrósio “São apps que permitem que características nativas sejam portáveis” – By Patrício Dos Santos “São apps write once run everywhere … do tipo que codificas uma vez e compilas para N plataformas.” – By Euclides Mfumu
8. O que são aplicações Híbridas? Facebook WhatsApp SendOut Viber Instagram Cyniur Dicionário Ngola Yetu 1Mambu
9. O que são aplicações Híbridas? Aplicativo Plataforma
10. O que são aplicações Híbridas? Aplicativo Plataforma
11. O que são aplicações Híbridas? Dicionário Ngola Yetu
12. Aplicações Nativas vs Aplicações Híbridas As aplicações Nativas são desenvolvidas com o objectivo de serem executadas numa determinada plataforma móvel. Descompilando e descomplicando essa informação, temos o seguindo: Assim como, o mar está para o peixe… … a terra está para planta …!
13. Aplicações Nativas vs Aplicações Híbridas As aplicações Nativas têm total acesso aos recursos dos dispositivos e hardwares, armazenamento local de dados, maior desempenho, componentes projectados para a plataforma, entre outras … As aplicação híbridas rodam (executam) sob código nativo (no caso, poderia ser Java ou Swift), dependendo do mesmo para poder ter acesso aos recursos do telefone. No contexto geral, uma aplicação híbrida, é uma página web (ou webapp, ou aplicação web) com aparência de um aplicativo nativo e renderizada (processo final) para executar como se fosse uma aplicação nativa.
14. Cordova/Phonegap Existe alguma ligeira confusão acerca do cordova e phonegap. Phonegap é somente uma distribuição do Apache Cordova, nada mais além disso … Mais para a frente eu explico.  Phonegap, é um framework de código – aberto para o rápido desenvolvimento de uma aplicação cross-platform móvel usando HTML5, Javascript e CSS. A sua API permite que as aplicações possam ter acesso aos funções nativas de um telefone, como a câmera, os contactos, o accelerométro, notificações, a partir do JavaScript. Em poucas palavras, o phonegap é uma ponte entre aplicações web e dispositivos móveis.
15. Cordova/Phonegap - História • PhoneGap é um projecto 100% open source. • Foi desenvolvido pela Nitobi. • Nitobi foi comprada pela Adobe. • PhoneGap foi doado para a Apache Software Foundation pela Adobe e foi chamado de Apache Callback. • Apache Callback era muito genérico, por isso foi renomeado para Cordova. • A marca PhoneGap continua propriedade da Adobe. • PhoneGap é uma distribuição do Cordova. Phonegap é agora chamado apache cordova. Agora está explicado 
16. Cordova/Phonegap • Android • Windows Phone 8 • Blackberry OS • WebOS • IOS (iPhone) • bada • SymbianOS (Nokia)
17. Algumas vantagens e desvantagens • Rápido desenvolvimento; Vantagens Desvantagens • Simples de implementar; • Arrumar a selecção de Angola de football; • Desenvolver uma aplicação para até 7 plataformas com o mesmo código. • Desempenho lento das aplicações; • Acesso limitado aos recursos do hardware; • Execução em segundo plano.
18. Requisitos para a instalação do Cordova/Phonegap • Fazer o download e instalação do Git em http://git- scm.com/downloads; • Fazer o download e instalação do Node.js em http://nodejs.org/; • Conhecimento básico sobre linha de comandos; • Domínio de HTML5, CSS3 e JavaScript.
19. Vamos ver como funciona?
20. Vamos ver como funciona? Antes de vermos como funciona, é importante salientar que existem duas formas formas de construção de apps híbridas com o phonegap: Adobe Phonegap Build API Phonegap Quando construímos uma app sem que necessitamos de utilizar os recurso de hardware e software da plataforma móvel. Nesse caso, matamos 7 coelhos disparando somente em 1 . Quando construímos uma app que necessitará usar os recursos da plataforma. Nesse caso, construímos a app usando a documentação da API. (O nosso foco)
21. Vamos ver como funciona?
22. “A sorte favorece ao cérebro preparado!” Obrigado! Thank you! Merci! Gracias! Dank U! Спасибо! 感谢你! Ntondele! Ngassakidila! Twapandula! cgarcia@celiogarcia.com CEMG7 hackersys 921 785735 917 606479 917 606479