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