PROGRAMAÇÃO PARA DISPOSITIVOS MÓVEIS APLICATIVOS HÍBRIDOS. Prof. Angelo Augusto Frozza, M.Sc.

Transcrição

1 PROGRAMAÇÃO PARA DISPOSITIVOS MÓVEIS APLICATIVOS HÍBRIDOS Prof. Angelo Augusto Frozza, M.Sc.

2 ROTEIRO Introdução PhoneGap PhoneGap Build GitHub

3 INTRODUÇÃO Aplicativos nativos É o aplicativo desenvolvido para uma plataforma específica: ios, Android, Windows Phone, Blackberry etc. Este tipo de aplicativo precisa ser instalado no aparelho do usuário. O desenvolvimento de aplicativos nativos costumam ser caros, principalmente por focarem uma plataforma específica (ios, Android etc.)

4 INTRODUÇÃO Aplicativos híbridos São os aplicativos desenvolvidos para rodar de forma multiplataforma, desenvolvidos com tecnologias web. Diferente de Web Apps, este tipo de aplicativo precisa ser instalado no equipamento do usuário, podendo funcionar parte off-line e parte on-line.

5 INTRODUÇÃO Aplicativos Nativos x Aplicativos Híbridos Com a experiência cada vez mais satisfatória dos usuários em aplicativos (parte nativos - instalados nos dispositivos móveis - e parte baseados em Web), profissionais de marketing e programadores estão considerando, cada vez mais, a alternativa de soluções híbridas para a criação de estratégias multiplataforma.

6 INTRODUÇÃO Aplicativos Nativos x Aplicativos Híbridos Segundo os especialistas do mercado mobile, existe uma grande demanda por aplicativos próprios, mas a maioria deles serão implantados em um formato híbrido / multiplataforma, por causa de preocupações com custos e eficiência.

7 INTRODUÇÃO Aplicativos Nativos x Aplicativos Híbridos A natureza cara e excessivamente unilateral (UMA plataforma) do desenvolvimento de aplicativos nativos, faz com que aplicativos híbridos, baseados em tecnologias web, sejam bem mais em conta e muito mais flexíveis, pois podem ser implantado nos mais variados tipos de lojas de aplicativos (App Store, Android Market etc.).

8 INTRODUÇÃO Aplicativos Nativos x Aplicativos Híbridos Segundo especialistas, esses aplicativos híbridos em HTML5 estão divididos na seguinte proporção: 40% dos Apps em HMTL5 são focados em Mídia 35% dos Apps em HMTL5 são focados Jogos 15% dos Apps em HMTL5 são focados em Varejo

9 INTRODUÇÃO Aplicativos Nativos x Aplicativos Híbridos [07/02/2013] Esta semana a TI Inside publicou uma matéria que revela uma previsão do Gartner a qual nós estamos plenamente de acordo: 50% dos Apps para Tablets e celulares em 2016 serão híbridos, ou seja, funcionarão em diversos sistemas operacionais como ios (ipad e iphone), Android, Windows Mobile etc....

10 INTRODUÇÃO Aplicativos Nativos x Aplicativos Híbridos Isso faz muito sentido, principalmente por conta do fenômeno da consumerização, (também conhecido por BYOD sigla de traga o seu próprio dispositivo em inglês). Os funcionários estão levando para o ambiente de trabalho os seus Tablets, Celulares e Smartphones e usando para se comunicar, ler s, consultar a Web e, em muitos casos, operar os sistemas críticos da empresa....

11 INTRODUÇÃO Aplicativos Nativos x Aplicativos Híbridos A questão é que, pela primeira vez na história, o usuário (e não o Departamento de TI) é quem define qual o tipo de equipamento vai ser utilizado. Por isso, se as empresas querem aproveitar a adoção desses dispositivos e integrá-los com seus sistemas internos, então terá de dispor Apps que funcionam em todos (ou na maioria) dos sistema operacionais.

12 PHONEGAP PhoneGap é um framework que permite aos desenvolvedores criar seus aplicativos usando HTML 5 + CSS 3 + JavaScript; Estes aplicativos podem ser executados em sete plataformas (ios, Android, BlackBerry, WebOS, Symbian, Windows Phone e Bada).

13 PHONEGAP Duas formas de usar: Fazer o download da plataforma; Usar o serviço on-line PhoneGap Build; Serviço na nuvem que permite a compilação de um app híbrido (HTML 5, CSS e JavaScript);

14 PHONEGAP BUILD Três dicas para testar a plataforma gratuitamente: Aplicativo deve ser gratuito Deve ser hospedado (projeto público) no GitHub Conexão a partir do PhoneGap Build

15 PHONEGAP BUILD Passo a passo testar a plataforma gratuitamente: a) Entrar no PhoneGap Build ( b) Logar com sua conta (login/senha) do GitHub c) Escolher o botão "new app" d) Selecionar o projeto na lista de projetos do GitHub e) Informar o nome e descrição do projeto f) Selecionar o botão "Ready to build"

16 GITHUB Introdução ao GitHub GitHub é um Serviço de Web Hosting Compartilhado para projetos que usam o controle de versionamento Git; Possui planos comerciais e gratuitos para projetos de código aberto. Possui funcionalidades de uma rede social como feeds, followers, wiki e um gráfico que mostra como os desenvolvedores trabalham as versões de seus repositórios.

17 GITHUB Introdução ao GitHub É um excelente lugar para montar o portfólio particular do desenvolvedor.

18 GITHUB GitHub passo-a-passo a) Fazer o cadastro no GitHub b) Fazer o download do aplicativo GitHub e instalar na sua máquina c) Criar um projeto público no site GitHub.com (new repository) P.ex. GH-Exemplo d) Na máquina local, entrar no TERMINAL DO GITHUB (Git Shell)

19 GITHUB GitHub passo-a-passo e) No TERMINAL DO GITHUB, passar para o diretório com os arquivos fonte de seu projeto P.ex. cd /.../.../xxx/meudiretorio f) Dentro do diretório de seu projeto, criar o repositório local git init [--bare] <diretório> P.ex. git init. // Cria o repositório com a pasta local OBS.: O prompt vai mudar para [master]>

20 GITHUB GitHub passo-a-passo g) [OPCIONAL] Configurar nome e do desenvolvedor: git config --global user.name "Nome do Desenvolvedor git config --global user. username@domínio.com Recomendado: habilitar cores git config --global color.ui true h) Definir o nome para o repositório remoto no repositório local existente git remote add <nome_remoto> <url ou caminho> P.ex. git remote add GH-Exemplo git@github.com:nomedousuario/gh-exemplo

21 GITHUB GitHub passo-a-passo i) Sincronizar o repositório remoto com o repositório local git pull <nome_remoto> <branch> P.ex. git pull GH-Exemplo master j) Usar o comando git add para marcar os arquivos a serem incluídos no próximo commit git add <arquivo>... <diretório> P.ex. git add * k) [OPCIONAL] Verificar o status dos arquivos git status

22 GITHUB GitHub passo-a-passo l) Efetuar o commit (indica que uma versão está pronta para sincronizar) git commit a -m "comentário" P.ex. git commit a -m "primeira versão m) Sincronizar o repositório local com o repositório remoto git push -u <repositório> <branch local>:<branch remoto> P.ex. git push -u BSI10-Exemplo master

23 GITHUB GitHub passo-a-passo n) Pronto. Agora pode-se verificar no site do GitHub que os arquivos do projeto foram transferidos.

24 REFERÊNCIAS CONSULTADAS Aplicativos Híbridos VS Aplicativos Nativos GitHub Vai contratar um App para Tablet ou Smartphone? Não esqueça que ele deve ser híbrido!

25 REFERÊNCIAS CONSULTADAS Aplicativos Híbridos VS Aplicativos Nativos Introdução ao controle de versão local com Git ao-ao-controle-de-versao-local-com-git/ Introdução ao Git