aplicações móveis híbridas
Post on 04-Aug-2015
160 Views
Preview:
TRANSCRIPT
Aplicações Móveis Híbridas O que é? Por que? Quando? Como?
Thomas KanzigIFAL – Sistemas de Informação
Uso dos Smartphones
Desenvolvimento Mobile
Desenvolvimento Mobile
São basicamente três métodos:
• WebApps
• NativeApps
• HybridApps
WebApps
HTML5, CSS3 e JAVASCRIPT
3 Pros: Implementação e
implantação rápida. Custo baixo Multi-plataforma
3 Contra: Desempenho mais lento Lento para atualizações Único a não acessar
funcionalidades dos dispositivos
NativeApps
Android é JavaiOS é Objective C
WindowsPhone é C#
3 Pros: Melhor experiência do
usuário (UX) Permite app mais robustos
(jogos...) Suporte Offline
3 Contra: Custo mais alto Plataforma único Não-reuso do código
HTML5 WEB + NATIVE = HYBRID
Apps Web permitem ao desenvolvedor escrever uma vez e implantar em todos os lugares, mas não têm acesso a recursos nativos dos dispositivos
Apps nativos têm acesso aos recursos nativos do dispositivo, mas exigem que os desenvolvedores mantenham bases de código distintas para diferentes plataformas
APPS HÍBRIDOS PREENCHEM A LACUNA DAS APLICAÇÕES HTML5
HybridApps
HybridApps – Antes do surgimento
Problemas: Necessidade de atender a distintos tipos de dispositivos móveis
Inviável desenvolver aplicativos nativos de médio e grande (custo alto $$$)
Um estudo feito pela empresa MRC(2013) prevê que um aplicativo
pode levar até 6 meses para ser finalizado e o seu custo
pode variar entre 20.000 e 150.000 dólares para o
desenvolvimento em uma plataforma específica.
HybridApps – Definições
“O termo híbrido se refere a um aplicativo que é desenvolvido utilizando tecnologias web, como HTML5 e o Javascript, mas é
acessado como aplicativo nativo, podendo utilizar recursos da internet ou do dispositivo.”
“Uma aplicação híbrida é uma mistura de ambas as tecnologias nativas e Web que são aproveitados para entregar uma mistura de conteúdo Web e com capacidades nativas.”
HybridApps – Começo
E no princípio, tudo era PhoneGap....
Foi um framework criado pela Nitobi Software, premiadopela O'Reilly Media em 2009, e aceito por grandesempresas do mercado móvel, como a Apple por exemplo.
Em 2011 a Nitobi foi comprada pela Adobe, que cedeuo nucleo do PhoneGap para a Apache Foundation, dandoorigem a um novo projeto chamado Apache Cordova
HybridApps – Introdução
Objetivo:Finalidade de funcionar em qualquer dispositivo com funcionalidades nativas;
Desenvolvidos em linguagens web (html5,css3 e Javascript);
Instaladas no dispositivo e funcionam também sem internet;
Funciona através de uma extensão do browser nativo do sistema (WebKit);
HybridApps – Funcionalidades Nativas
HybridApps – Arquitetura
HybridApps – Arquitetura
HybridApps – Vantagens
Multi-plataforma; (mesmo código, para várias plataformas)
Baixa curva de aprendizado;
Custo de Desenvolvimento barata;
Tempo de Desenvolvimento curto;
Mão de obra barata;
Acesso aos recursos nativos dos dispositivos (camera, laterna, contatos...);
HybridApps – Desvantagens
Perfomance média/baixa;
Recursos do dispositivo limitado (por enquanto);
HybridApps – Comparações
HybridApps – Ferramentas
HybridApps – Exemplos de APP
Texto...
HybridApps – Exemplos de APP
Texto...
HybridApps – Quando usar?
Para aplicativo menos robustos e mais simples!
HybridApps – Quem deve usar?
De início, qualquer pessoa que sabe desenvolver;
Quem já desenvolveu sites;
Quem não quer quebrar a cabeça;
Ionic Framework
Ionic Framework
Ionic Framework foi construído sobre estes outros poderosos frameworks!
Porque Ionic?
Trabalha com MVC; Boa suítes de componentes; Produtivo.
Ionic Framework
Mão na massa...
Referências
ftp://public.dhe.ibm.com/software/pdf/mobile-enterprise/WSW14182USEN.pdf
http://www.cognizant.com/InsightsWhitepapers/Hybrid-Mobile-Application-Analysis-and-Guidelines-codex888.pdf
http://www.cefetbambui.edu.br/portal/files/j7_ifmg_bambui_in3.pdf
http://pt.slideshare.net/marloncarvalho/nativo-vs-hbrido-vs-webapps?qid=f4fb93ca-698f-4b35-a8b3-a86c9625359c&v=default&b=&from_search=5
http://www.tcs.com/SiteCollectionDocuments/White%20Papers/Mobility_Whitepaper_Client-Architecture_1012-1.pdf
https://ma.ellak.gr/documents/2014/10/ionic-framework.pdf
top related