Slide 1

Slide 1 text

Aplicações Móveis Híbridas com Cordova/Phonegap Elaborado por Célio Garcia – Todo os direitos reservados © 2015

Slide 2

Slide 2 text

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

Slide 3

Slide 3 text

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?

Slide 4

Slide 4 text

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…

Slide 5

Slide 5 text

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 …

Slide 6

Slide 6 text

O que são aplicativos Facebook WhatsApp SendOut Viber Instagram Cyniur Dicionário Ngola Yetu 1Mambu

Slide 7

Slide 7 text

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

Slide 8

Slide 8 text

O que são aplicações Híbridas? Facebook WhatsApp SendOut Viber Instagram Cyniur Dicionário Ngola Yetu 1Mambu

Slide 9

Slide 9 text

O que são aplicações Híbridas? Aplicativo Plataforma

Slide 10

Slide 10 text

O que são aplicações Híbridas? Aplicativo Plataforma

Slide 11

Slide 11 text

O que são aplicações Híbridas? Dicionário Ngola Yetu

Slide 12

Slide 12 text

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 …!

Slide 13

Slide 13 text

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.

Slide 14

Slide 14 text

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.

Slide 15

Slide 15 text

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 

Slide 16

Slide 16 text

Cordova/Phonegap • Android • Windows Phone 8 • Blackberry OS • WebOS • IOS (iPhone) • bada • SymbianOS (Nokia)

Slide 17

Slide 17 text

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.

Slide 18

Slide 18 text

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.

Slide 19

Slide 19 text

Vamos ver como funciona?

Slide 20

Slide 20 text

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)

Slide 21

Slide 21 text

Vamos ver como funciona?

Slide 22

Slide 22 text

“A sorte favorece ao cérebro preparado!” Obrigado! Thank you! Merci! Gracias! Dank U! Спасибо! 感谢你! Ntondele! Ngassakidila! Twapandula! [email protected] CEMG7 hackersys 921 785735 917 606479 917 606479