Upload
vuminh
View
224
Download
0
Embed Size (px)
Citation preview
PROGRAMAÇÃO PARADISPOSITIVOS MÓVEIS- APLICATIVOS HÍBRIDOSProf. Angelo Augusto Frozza, M.Sc.http://about.me/TilFrozza
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
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”.
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.)”.
INTRODUÇÃO
Aplicativos Nativos x Aplicativos Híbridos
“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
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.”
...
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 e-mails, consultar a Web e, em muitos casos, operar os sistemas críticos da empresa.
...
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.
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
GitHub passo-a-passo
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
GitHub passo-a-passo
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
GitHub passo-a-passo
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
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 remotogit push -u <repositório> <branch local>:<branch remoto>
P.ex. git push -u GH-Exemplo master
GITHUB
GitHub passo-a-passo
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
REFERÊNCIAS CONSULTADAS
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