PROGRAMAÇÃO PARA DISPOSITIVOS MÓVEIS …frozza/2013.2/BSI10/PDM-Aula008a... · Este tipo de aplicativo precisa ser instalado no aparelho do ... Fazer o download do aplicativo GitHub

PROGRAMAÇÃO PARADISPOSITIVOS MÓVEIS- APLICATIVOS HÍBRIDOSProf. Angelo Augusto Frozza, M.Sc.http://about.me/TilFrozza

ROTEIRO

Introdução

PhoneGap

PhoneGap Build

GitHub

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

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.

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

INTRODUÇÃO


“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”.

INTRODUÇÃO


“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.)”.

INTRODUÇÃO


“Segundo especialistas, esses aplicativos híbridos em HTML5estã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

INTRODUÇÃO


“[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.”

...

INTRODUÇÃO


“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 e-mails, consultar a Web e, em muitos casos, operar os sistemas críticos da empresa.

...

INTRODUÇÃO


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.

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

PHONEGAP

Duas formas de usar:

a) 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) Trabalha em conjunto com o repositório público GitHub

b) Fazer o download da plataforma P.ex. para Android siga o tutorial em http://goo.gl/HFwJ1Z

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.

GITHUB

Introdução ao GitHub

É um excelente lugar para montar o portfólio particular do desenvolvedor.

GITHUB

GitHub passo-a-passo

a) Fazer o cadastro no GitHub http://www.github.com

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 (GitShell)

GITHUB


e) No TERMINAL DO GITHUB, passar para o diretório com os arquivos fonte de seu projetoP.ex. cd /.../.../xxx/meuDiretorio

f) Dentro do diretório de seu projeto, criar o repositório localgit init [--bare] <diretório>

P.ex. git init . // Cria o repositório com a pasta local

OBS.: O prompt vai mudar para [master]>

GITHUB


g) [OPCIONAL] Configurar nome e e-mail do desenvolvedor:git config --global user.name "Nome do Desenvolvedor”git config --global user.email username@domínio.com

Recomendado: habilitar coresgit config --global color.ui true

h) Definir o nome para o repositório remoto no repositório local existentegit remote add <nome_remoto> <url ou caminho>

P.ex. git remote add GH-Exemplo [email protected]:nomedousuario/GH-Exemplo

GITHUB


i) Sincronizar o repositório remoto com o repositório localgit 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 commitgit add <arquivo>... <diretório>

P.ex. git add *

k) [OPCIONAL] Verificar o status dos arquivosgit status

GITHUB


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 remotogit push -u <repositório> <branch local>:<branch remoto>

P.ex. git push -u GH-Exemplo master

GITHUB


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

PHONEGAP BUILD

Três dicas para testar a plataforma gratuitamente:

Aplicativo deve ser gratuito

Fontes devem ser hospedados no GitHub (projeto público)

Conexão a partir do PhoneGap Build

PHONEGAP BUILD

Passo a passo testar a plataforma gratuitamente:

a) Entrar no PhoneGap Build(https://build.phonegap.com/people/sign_up)

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"

PHONEGAP

Duas formas de usar:

a) 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) Trabalha em conjunto com o repositório público GitHub

b) Fazer o download da plataforma P.ex. para Android siga o tutorial em http://goo.gl/HFwJ1Z

REFERÊNCIAS CONSULTADAS

Aplicativos Híbridos VS Aplicativos Nativoshttp://www.fdmla.com/aplicativos-hibridos-vs-aplicativos-nativos

GitHubhttp://pt.wikipedia.org/wiki/GitHub

Vai contratar um App para Tablet ou Smartphone? Não esqueça que ele deve ser híbrido!

http://joelsongoncalves.wordpress.com/2013/02/07/vai-contratar-um-app-para-tablet-ou-smartphone-nao-esqueca-que-ele-deve-ser-hibrido/?goback=.gde_1895756_member_212404120


Aplicativos Híbridos VS Aplicativos Nativoshttp://www.fdmla.com/aplicativos-hibridos-vs-aplicativos-nativos

Introdução ao controle de versão local com Githttp://vainalousachefe.wordpress.com/2008/02/21/introduc

ao-ao-controle-de-versao-local-com-git/

Introdução ao Githttp://www.slideshare.net/eduardorochadavila/introduo-ao-git


Getting started with PhoneGap in Eclipse for Androidhttp://goo.gl/HFwJ1Z

Documents

PROGRAMAÇÃO PARA DISPOSITIVOS MÓVEIS …frozza/2013.2/BSI10/PDM-Aula008a... · Este tipo de aplicativo precisa ser instalado no aparelho do ... Fazer o download do aplicativo GitHub