Web Mobile Apps vs Native Apps

Post on 29-Nov-2014

1.402 views 3 download

description

 

Transcript of Web Mobile Apps vs Native Apps

Luiz Tiago...

• Front-end Manager @ MGR Tecnologia

• iPhone Developer

• Especialista em “Mobile Developent”

• And more things...

Desenvolvedores...

• iPhone ?

• Android ?

• WEB ?

7 bilhões de pessoas

> 5 bilhõesFonte: ONU / ITU

Timeline

20102,7%

20115,8%

Smartphones

+165%Fonte: Nielsen

$6,2 bi $35 bi

25 dos 30 maiores do Alexa possuem versão mobile

Mobilidade não tem idade

Por onde seguir?

Planejamento...

Planejamento...

• Quais recursos do dispositivo precisarei utilizar?

Recursos do aparelho

• Acelerômetro

• Arquivos

• Bússola

• Camera

• Contatos

• Geolocation

• Mídia

• Notifications

• Storage

• Entre outras coisas...

Planejamento...

• Quais recursos do dispositivo precisarei utilizar?

• Quais dispositivos precisarei dar suporte?

iPhone Dev• 5 aparelhos (Classic, 3G, 3GS, 4, 4S)

• 2 resoluções diferentes(320x480 e 640x960)

• 5 Master Version’s

Android World• 115 Android Phones (1 year ago)

Acer beTouch E110 – March HTC Paradise Motorola Morrison – Cliq – DEXT Acer beTouch E400 – April HTC Magic – Sapphire – T-Mobile myTouch 3G – Motorola Motoroi – Sholes Tablet – XT720 Acer Liquid – A1 Google Ion – Dopod A6188 Motorola MT710 Alcatel OT-980 – May HTC myTouch Slide – MyTouch 2 – Espresso – May Motorola Opus One – Boost Mobile i1 Bluebird Pidion BIP-6000 17th Motorola Sholes – XT701 Chinavision The Robot Superphone – CVNC-M80 HTC Passion – Dragon – Zoom 2 – Nexus One – Motorola Quench – Cliq XT – Zeppelin – XT800 Cool F910 – Apanda A60 GooglePhone Philips V808 Compulab Exeda HTC Predator Philips V900 Dell Aero HTC Scorpion – Late 2010 Qigi i6 Dell Mini 5 – Streak Huawei RBM2 – Der Allrounder – Red Bull Mobile Samsung Beam i8520 – Halo Dell Ophone mini3i – Benzine Huawei U8220 – U82226 – U8230 – T-Mobile Pulse Samsung Behold 2 T939 Foxda C8901 Huawei U8100 – U8110 – T-Mobile Pulse Mini Samsung Bigfoot Garmin Nuvifone A50 Huawei U8300 Samsung Galaxy i7500 Geek Phone One Huawei U8800 Samsung Galaxy Lite i5700 – Galaxy Mini – Spica – General Mobile Brava Inbrics M1 Galaxy Portal General Mobile Cosmos – March Innocomm Skate Samsung Galaxy S General Mobile Cosmos 2 – June Kogan Agora Samsung Houdini General Mobile DSTL1 Koolu Freerunner – Openmoko GTA02 Samsung i899 General Mobile Touch Stone – Late 2010 Kyocera Zio M6000 – July Samsung M100S – SHW-M100S Gigabyte GSmart Codfish G1305 Lenovo O1 Ophone Samsung Moment – InstinctQ m900 Gigabyte GSmart – S1200 Android Lenovo LeName Samsung Saturn i6500 Haier H7 LG Andro-1 – KH5200 Saygus VPhone V1 HighScreen PP5420 LG GT540 Swift – April Sciphone N12 HighScreen Zeus LG GW620 InTouch Max – Eve – Etna Sciphone N16 Hisense HS-E90 LG GW880 Amundsen Sciphone N17 HKC Pearl LG LU2300 – June Sciphone N19 HTC Bahamas LG Prada 3 – LS680 Sciphone N21 HTC Click – Fiesta – Tattoo Lumigon T1 – May Sony Ericsson Sunny HTC Desire – Bravo – Incredible – March 26th Lumigon S1 – June Sony Ericsson Susan HTC Desire 6200 – Verizon Droid Eris Lumigon E1 Sony Ericsson XPERIA X10 – Infinity – March HTC Dragon Motorola Backflip – Motus Sony Ericsson XPERIA X10 Mini – Robyn – June HTC Dream – T-Mobile G1 Motorola Devour A555 – Calgary – February 25th Sony Ericsson XPERIA X10 Mini ProJune HTC Evo – Supersonic – A9292 Motorola Droid – Sholes – Tao – Milestone Sunno S880 HTC Hero – G2 Touch Motorola Heron Tiger G3 HTC Halo Motorola i1 Vibo A688 HTC Huangshan Motorola LaJolla ZiiLABS Zii Trinity HTC Legend – March 30th Motorola MB511 – Ruth ZTE Blade HTC Lancaster Motorola MB200 ZTE Smooth HTC Liberty Motorola MB300 ZTE Racer HTC Memphis Motorola Mirage – Shadow – Nexus Two

http://www.googleandblog.com/faq-about-google-android/

Sem contar eles...

Nem eles...

Planejamento...

• Quais recursos do dispositivo precisarei utilizar?

• Quais dispositivos precisarei dar suporte?

• Qual o recurso disponível para o projeto?(financeiro e humano)

Recursos humanos e financeiros

• Equipe tem conhecimento suficiente?

• Terceirizar?

• Treinar?

• Orçamento disponível?

Planejamento...

• Quais recursos do dispositivo precisarei utilizar?

• Quais dispositivos precisarei dar suporte?

• Qual o recurso disponível para o projeto?(financeiro e humano)

• Quanto este projeto deve crescer?

Quanto vai crescer?

2008 2011

Sua escolha não deve virar religião

App Nativa

• Uma aplicação escrita especificamente para aquela plataforma

App Nativa

AplicaçãoCódigo fonte appRecursos

(img, audio, etc)

SDK

Compila PacoteExecutável

App Stores

App Nativa (iOS)

AplicaçãoCódigo fonte appRecursos

(img, audio, etc)

SDK

Compila PacoteExecutável

App Stores

Objective-C

XCode .app

App Nativa (Android)

AplicaçãoCódigo fonte appRecursos

(img, audio, etc)

SDK

Compila PacoteExecutável

App Stores

Java

Android SDK .apk

App Nativa (Blackberry)

AplicaçãoCódigo fonte appRecursos

(img, audio, etc)

SDK

Compila PacoteExecutável

App Stores

Java

Blackberry for Eclipse .cod

App Nativa (Windows Phone)

AplicaçãoCódigo fonte appRecursos

(img, audio, etc)

SDK

Compila PacoteExecutável

App Stores

C#, VB, .Net, Silverlight

Visual Studio .xap

App Nativa

• Recursos completos

• Alta performance

• Melhor User eXperience

• Facilidade para criação de jogos

App Nativa

• Alto custo para desenvolvimento

• Desenvolvimento mais complicado

• Vários dispositivos

• Várias plataformas

Web App

• Uma aplicação que roda em um web browser

• Não necessariamente em HTML5, mas isso ajuda.

jQuery Mobile

• Framework para mobile dev

• Projeto open-source que fornece uma gama de elementos de interface e recursos para serem utilizados em aplicações móveis.

• Simples de utilizar e com uma documentação rica

jQuery Mobile

jQuery Mobile

Web App

• Padrão web (HTML, CSS, JS)

• Multi-dispositivos

• Multi-plataformas

• Atualização realtime

Web App

• Recursos limitados

• Acessibilidade

• Cross-domain (Webservices)

• Performance

App Híbrida

• Uma aplicação que roda em um web browser, dentro do app...

... e vai para a App Store, Android Market, etc. :)

Phonegap

Titanium

• Desenvolvimento utilizando HTML, CSS, Javascript

• Interface de usuário nativa do dispositivo

• Transformando em miúdos, a aplicação é gerada com código nativo, utilizando o que você mais sabe.

• Porém, ainda com algumas restrições de funcionalidades.

App Híbrida

• Padrão web (HTML, CSS, JS)

• Multi-dispositivos

• Multi-plataformas

App Híbrida

• Design único para todas as plataformas *

• Recursos limitados

• Acessibilidade

• Cross-domain (Webservices)

• Performance

Mais uma vez...Sua escolha não

deve virar religião

Can I help you?

• @ luiztiago

• www.luiztiago.com

• luiztiago@luiztiago.com