Como desenvolver um app fantástico

38
Como construir um app

Transcript of Como desenvolver um app fantástico

Page 1: Como desenvolver um app fantástico

Como construir um app

Page 2: Como desenvolver um app fantástico

NaVibe

Isaque Dias19 anos, soteropolitano

Diretor de Inovação no Clicou Partiu

Page 3: Como desenvolver um app fantástico

Aplicativos móveis movimentarão até U$70 bi até 2017.

O mercado brasileiro movimenta US$ 25 bilhões e tem a expectativa de chegar a US$ 70 bilhões em 2017, segundo o Ministério da Ciência e Tecnologia (MCT)

Page 4: Como desenvolver um app fantástico
Page 5: Como desenvolver um app fantástico

Sua empresapretende lançar um aplicativo no mercado.

E obviamentedesejam um app multi-plataforma.

Page 6: Como desenvolver um app fantástico

Mas...quanto custaria esse app?

Page 7: Como desenvolver um app fantástico

Mais plataformas,mais problemas

Page 8: Como desenvolver um app fantástico
Page 9: Como desenvolver um app fantástico

HYBRID APPS!HTML5 que parece nativo

Acesso direto às APIs nativas

Ambiente de desenvolvimento familiar

Uma única base de código

Page 10: Como desenvolver um app fantástico

Cordova

Page 11: Como desenvolver um app fantástico
Page 12: Como desenvolver um app fantástico

apps híbridos são lentos

Page 13: Como desenvolver um app fantástico

todo pokemon evolui

Page 14: Como desenvolver um app fantástico

Ano Dispositivo CPU RAM

2007 iPhone 400MHz 128MB 2010 iPhone 4 1GHz 512MB 2015 iPhone 6 1.4 GHz dual core 1GB

Page 15: Como desenvolver um app fantástico
Page 16: Como desenvolver um app fantástico
Page 17: Como desenvolver um app fantástico

Native SDK’sCommon UI, APIs, views, navigation, stack history, transitions,

interactions, gestures, etc.

Page 18: Como desenvolver um app fantástico

Ainda não temosuma SDK para Web.

Page 19: Como desenvolver um app fantástico

Ainda não temos uma

SDK para a web!

Page 20: Como desenvolver um app fantástico
Page 21: Como desenvolver um app fantástico
Page 22: Como desenvolver um app fantástico

Foque na criação do seu app,e não em como ele deverá funcionará

Page 23: Como desenvolver um app fantástico

Tecnologias web que você jáconhece e ama.

Page 24: Como desenvolver um app fantástico

Construído com oAngularjs.

Page 25: Como desenvolver um app fantástico
Page 26: Como desenvolver um app fantástico

Focado em perfomance● Aceleração de hardware

● Manipulação mínima do DOM

Page 27: Como desenvolver um app fantástico

IoniconsColeção com mais de 700 ícones

Page 28: Como desenvolver um app fantástico

Como tudo isso é possível?

Seu app

Ionic

AngularJS

WebView (Cordova)

SDK Nativa

Page 29: Como desenvolver um app fantástico

CSS facilmente customizável com o Sass

Page 30: Como desenvolver um app fantástico
Page 31: Como desenvolver um app fantástico
Page 32: Como desenvolver um app fantástico
Page 33: Como desenvolver um app fantástico
Page 34: Como desenvolver um app fantástico

NATIVO HÍBRIDOX

Page 35: Como desenvolver um app fantástico

NATIVO HÍBRIDOPerfomance

Custo de Desenvolvimento

Acesso à Native API’s

UI/UX

Flexibilidade para Implementação Contínua

Alta Moderada

Moderado-Baixo

Moderado

Moderado

Alta

Alto

Alto

Alto

Baixa

Page 36: Como desenvolver um app fantástico

Instalação do Ionicnpm install -g ionic cordova

Inicializando um projetoionic start nomedoapp blank

Testando a aplicação no navegadorionic serve

Page 37: Como desenvolver um app fantástico

Ok, cool.Show me the code!

Page 38: Como desenvolver um app fantástico

Obrigado!fb.com/isaquediasm

github.com/isaquediasm

twitter.com/isaquediasm