como desenvolver aplicativos mÓveis em 5 …e-book] como desenvolver... · aplicativos móveis |i...

COMODESENVOLVERAPLICATIVOS

MÓVEIS EM5 PASSOS.

2Aplicativos móveis |I

www.iinterativa.com.br

Aplicativos móveis |I 2

QUANDO O ASSUNTO É APLICATIVO, SOMOS

PEIXE GRANDEA agência possui uma grande gama de cases em apps com as mais diversas finalidades e funcionalidades, e trabalha com clientes como a Accenture e a FAPES. Em 2014, conquistou o seu 12ª Prêmio Peixe Grande, desta vez, na categoria de Melhor Aplicativo, em seu primeiro ano de existência, eleita pelo Júri Técnico com o aplicativo produzido para SuperVia.

Neste ebook, você vai encontrar o passo a passo da metodologia de produção de aplicativos da agência que faz sucesso no mercado.

QUER PRODUZIR UM APLICATIVO MÓVEL E NÃO SABE POR ONDE COMEÇAR? A INFOBASE INTERATIVA TE AJUDA.


https://www.twitter.com/iinterativa

https://facebook.com/iinterativa





SUMÁRIOA evolução do mercado de smartphones pelo mundo

Mercados emergentes

Brasil: Índice de vendas aumenta em 22%

Os aplicativos são fundamentais para o sucesso das tecnologias móveis

O poder dos aplicativos na rotina dos varejistas

Desenvolvendo um app mobile

WEB APP ou Mobile APP

Passo 1: Design

Passo 2: Infraestrutura

Passo 3: Tecnologia

Passo 4: Métricas

Passo 5: Publicação

O desenvolvimento de aplicativos móveis exige atenção a alguns pequenos detalhes

4

5

6

7

9

11

10

13

21

23

28

32

36









A EVOLUÇÃO DO MERCADO DE SMARTPHONES PELO MUNDOPara os próximos anos, as estimativas dão conta de um cenário dominado pela Mobilidade: o fluxo de usuários nos ambientes móveis deve sobrepor em definitivo o dos desktops tradicionais. As projeções da Forrester Research dão conta de um aumento considerável no número de novos formatos de anúncios especialmente produzidos para tecnologias mobile entre 2014 e 2015, causando modificações importantes no mercado – incluindo áreas correlatas, caso do Big Data e, especialmente, do investimento em aplicativos.

Os smartphones não apenas vieram para ficar, como para protagonizar um mercado global extremamente aquecido:

• No primeiro semestre de 2014, as vendas de PCs e tablets ficaram muito abaixo das expectati-vas; de acordo com a IT Data, a queda estimada para o ano é de 25%. Em contrapartida, a com-pra de smartphones deve bater o índice de 34% de crescimento.

• Em 2013, foram mais de 900 milhões de smartphones vendidos; até o fim de 2017, espera-se que esse número chegue a 1,5 bilhão.

• Em 2014, a Samsung se manteve no topo, de acordo com a consultoria IDC: a empresa vendeu 85 milhões de dispositivos, faturando 30,2% do market share.

• No primeiro trimestre de 2014, o mercado global de smartphones cresceu 28,6% em relação ao início de 2013: foram 281,5 milhões de aparelhos vendidos.

• O Windows Phone, smartphone da Microsoft, ultrapassou o índice de 10% de market share em três grandes potências da União Europeia durante os últimos meses de 2013 (até novembro): destacaram-se Reino Unido (10,8%), França (12,9%) e Itália (16%).

• Especula-se que, até 2015, mais de 80% dos aparelhos de mãos em todo o mundo serão smar-tphones.





MERCADOS EMERGENTES

CORÉIA

50

100

150

200

250 MILHÕES DE SMARTPHONES

OS 7 MAIORES MERCADOS DE SMARTPHONES

REINOUNIDO

ÍNDIA BRASIL JAPÃO USA CHINA

2011 2012

Até maio de 2013, a China exerceu amplo domínio sobre os mercados emergentes, detendo 47% do total. A Forrester espera que, até o final de 2014, o país asiático ultrapasse a marca dos 500 milhões de smartphones vendidos. Caso se confirme, ela superaria os Estados Unidos e toda a Europa.

O Google vem trabalhando modelos especialmente pensados para países em ascensão econômica. Em setembro de 2014, a empresa apresentou três modelos que compõem o Android One, projeto cuja proposta é trazer serviços mais acessíveis. As empresas responsáveis pela fabricação são a Micromax e a Karbornn. Os lançamentos ocorrem em Bangladesh, Índia, Filipinas, Indonésia, Paquistão, Siri Lanka e Nepal. O preço inicial dos dispositivos é de US$ 105.

Em resposta, a Microsoft anunciou algumas medidas: a empresa substituirá a Nokia e eliminará as linhas Asha e Nokia X. Com isso, ela pretende alcançar um público de aproximadamente um bilhão de pessoas, e ainda diminuir a diferença para o Android e o iOS.









BRASIL: ÍNDICE DE VENDAS AUMENTA EM 22%O Brasil já se apresentava entre os maiores mercados de smartphones do mundo em 2012. O primeiro lugar pertencia à China, seguida de Estados Unidos e Japão. Naquele ano, o mercado mundial movimentou 354 milhões de PCs e laptops, contra 1,7 bilhões de celulares, entre os quais 613 milhões eram smartphones.

Em 2013, foram vendidos 68 smartphones por minuto no País. Foi a primeira vez que eles ultrapassaram os celulares convencionais em número de vendas: 35,6 milhões, contra 32,2 milhões.

No segundo trimestre de 2014, as vendas de smartphones somaram 13,3 milhões. O número corresponde a um aumento de 22% no índice observado no mesmo período do ano anterior, de acordo com a IDC Brasil.









OS APLICATIVOS SÃO FUNDAMENTAIS PARA O SUCESSO DAS TECNOLOGIAS MÓVEIS O elemento essencial que torna os smartphones tão úteis e integrados à rotina da sociedade humana é o desenvolvimento dos apps. Os apps são o motivo principal pelo qual os smartphones se tornaram tão oportunos e adaptados às nossas rotinas e, consequentemente, sucesso comercial estrondoso. É o conjunto de apps presentes em um aparelho móvel que faz dele uma ferramenta multifuncional, que possibilita desde objetivos muito simples, como um viajante que deseja um taxi apesar de não saber onde está, até tarefas de alta complexidade, como detectar raios cósmicos presentes em atividades de partículas subatômicas. O app DECO, produzido por cientistas do Centro de Astrofísica de Partículas IceCube, na Universidade de Wisconsin, utiliza uma propriedade presente nos sensores das próprias câmeras dos celulares para mensurar as atividades das subpartículas.









Um aparelho pode ser transformado em bússola, GPS, câmera fotográfica, calculadora, um sofisticado solicitador de táxis e até mesmo em agente financeiro:

O aplicativo do Google Maps está disponível para inúmeras plataformas, incluindo Android, Windows Mobile e iOS. A versão para Android detalha cerca de 200 países, possui navegação GPS orientada por voz, rotas de transporte público em mais de 800 cidades, informações completas sobre o trânsito em determinada área e até mesmo imagens internas de restaurantes e atrações turísticas.

Michael Bloomberg, sucessor de Rudolph Giuliani na prefeitura da cidade de Nova Iorque e grande empresário do ramo financeiro, lançou o aplicativo Bloomberg, uma das mais confiáveis e com-pletas ferramentas do mercado mundial. Os terminais do app estão presentes em quase todo banco, corretora e seguradora do planeta. Encontra-se disponível para iPhone, iPod Touch e iPad. O destaque fica por conta da multi-funcionalidade: a ferramenta traz notícias, gráficos, dados atualiza-dos em tempo real sobre as bolsas de valores, entre inúmeras outras funções.


Desenvolvido para iOS e Android, o Instagram é um aplicativo gratuito para gravação e postagem de vídeos, produção e divulgação fotográfica, compatível com inúmeras redes sociais. Entre as sete redes mais acessadas no Brasil, o Instagram vem sendo adotado por empresas para soluções de e-commerce – caso da startup Arco, que faz o intermédio entre clientes e lojas, permitindo anúncios e compras através da rede social, lucrando 5,5% sobre anunciantes.

O Easy Taxi vem se estabelecendo como ferramenta de auxílio a passageiros e taxistas em todo o Brasil: a partir do preenchimento de simples informações a respeito da localização e da forma de pagamento preferencial, o sistema fornece informações sobre a quantidade de táxis disponíveis nas proximidades e, para o taxista, da região exata em que se encontra o solicitante do serviço. A tecnologia traz nome, número de telefone, placa e modelo do carro do taxista, além de uma estimativa do tempo necessário para que se alcance o destino desejado. É possível, ainda, que o passageiro avalie o atendimento recebido, e que taxistas avaliem e passem a evitar passageiros que fazem mau uso do app. Foi desenvolvido pela Táxi Rocket Serviços de Agendamento Ltda e está disponível para iOS 4.3 e Android 2.1 em diante.

O WhatsApp Messenger é um aplicativo multiplataforma que permite envio e recebimento de mensagens através de um aparelho celular sem qualquer custo adicional por SMS. Funciona para iPhone, BlackBerry, Android, Windows Phone e Nokia, sem quaisquer restrições para envios de uma marca para outra.






O PODER DOS APLICATIVOS NA ROTINA DOS VAREJISTASConforme os aplicativos afetam diretamente a vida dos seus usuários, os usuários passam a afetar diretamente a rotina dos prestadores de serviços. As lojas presentes nos shoppings são responsáveis por 92% do volume das vendas do mercado varejista; ainda assim, analistas da IBM afirmam que o usuário espera cada vez mais que a sua experiência no ambiente on-line se repita no ambiente off-line.

Atualmente, 58% dos consumidores esperam obter informações sobre os produtos presentes nas lojas enquanto avaliam suas opções. Desses mesmos consumidores, 19% avaliam todos os produtos em tempo real, durante a estadia nas lojas.

Um aplicativo de Augmented Reality foi apresentado pela IBM Research durante o evento CeBIT 2013, em Hanôver. Seu objetivo é aumentar a personalização da experiência de consumo do usuário, com mecanismos de comparação imediata entre bens e buscas por ofertas mais vantajosas. Ele emite avaliações sobre produtos de acordo com critérios de custos e benefícios.

O Showrooming, prática associada à pesquisa de preços durante visitações às lojas físicas, tem se intensificado na Europa nos últimos anos:

– 24% dos consumidores de shopping no Reino Unido realizaram a prática no Natal de 2012;

– 39% dos britânicos entrevistados, pertencentes à faixa etária compreendida entre os 18 e os 39 anos, revelaram ter se engajado no showrooming, contra 18% daqueles com idade acima dos 40.

– A cada 10 praticantes do showrooming, um confessa ter adquirido produtos da concorrência a partir de comparações de preços feitas em seu aparelho móvel em tempo real;







DESENVOLVENDO UM APP MOBILEProduzir um aplicativo mobile envolve diversas etapas e áreas. A metodologia de desenvolvimento da Infobase Interativa conta com cinco passos que delimitam as frentes de atuação e permitem aperfeiçoar o processo permitindo o melhor controle das etapas.









WEB APP OU MOBILE? Uma parte importante do desenvolvimento de um aplicativo móvel é reconhecer que tipo de aplicativo é mais recomendado para o perfil e o objetivo da empresa. Embora cada aplicativo configure um caso à parte, resumimos, no quadro abaixo, algumas das características mais

comuns a eles, bem como suas diferenças mais frequentemente observadas.

WEB APP MOBILE APP

Web app é um aplicativo que determinada página carrega sempre que ele é acessado através de um smartphone. Geralmente, ele é encaminhado de uma variação do url original (exemplo: m.nomedosite.com.br). Não é um site responsivo, mas pensado e produzido à parte especificamente para a navegabilidade mobile, contendo layout adequado e conteúdo

mais acessado através de dispositivos móveis. Normalmente, um botão funciona como porta de acesso para a versão desktop, caso o usuário de-

seje funções não disponibilizadas neste modelo.

Mobile app é um programa desenvolvido para aparelhos móveis. Esses aplicativos podem trazer inúmeras funcionalidades, como comunicação, entretenimento e serviços. Normalmente, são utilizados para facilitar a

vida do usuário e aproximá-lo da marca. Algumas empresas oferecem um resumo dos recursos mais procurados em um site, outras plataformas oti-mizadas para serviços – caso de um aplicativo de varejo contendo vitrines

virtuais – e/ou até mesmo jogos.

Precisa ser baixado sempre que acessado Disponível para download

Acesso apenas on-line Funciona off-line

Demanda internet Demanda espaço no HD

Maior compatibilidade com dispositivos Uma versão para cada dispositivo

Depende da conexão Mais rápido

Usa com limitações os recursos do aparelho. Pode usar os recursos do aparelho*

*GPS, notificação nativa do aparelho e ligações, por exemplo.





VOCÊ ESTÁ TENTANDO ATINGIR O MAIOR NÚMERO DE PESSOAS POSSÍVEL?

VOCÊ PRECISA DEUM WEB APP

SEU APP USARÁ ALGUMA FUNÇÃO DOTELEFONE, COMO GPS OU

NOTIFICAÇÕES?VOCÊ TERÁ TEMPO E RECURSOS

PARA CUIDAR DELE?

VOCÊ PRECISA DE UM APP

NÃO

NÃO

NÃO

SIM

SIM

SIM









PASSO 1:

DESIGNPense em um aplicativo, avalie seu público, o benefício gerado para ele, o design a ser criado e o impacto que ele pode gerar na sua empresa.

1IDENTIDADE VISUAL

Brief ing PERSONAS WIREFRAMEMAPEAMENTODE EXPRESSÕES

TAXONOMIAESTUDO

DE CORES









Conjunto de ideias desenvolvidas através de respostas a importantes questões de mercado (objetivos de alcance sobre o público, relevância de funcionalidades, entre outras). Elas definirão a construção do app.

Definição dos perfis de usuários vinculados à organização (o público da empresa), além de alguns formatos que procurem indicar formas de agradá-los. Simula personagens, com características demográficas e comportamentais, além de expressões classificando sua relação com a empresa.

Protótipos de aplicativo. São simuladores com a arquitetura planejada que visam uma experiência positiva, fazendo com que o conteúdo apresentado seja útil. Nessa parte, o cliente tem acesso ao app simulado, tendo uma prévia de como seu conteúdo e seus recursos serão dispostos.

Checagem realizada junto aos clientes, de modo a mapear suas reações diante do benchmark apresentado e sua relação direta com aquilo que é esperado do projeto.

Arquitetura da informação do aplicativo. Representa o estudo das funções e linguagens mais aceitas pelo público.

Montagem da paleta de cores do aplicativo com base na proposta do briefing. Normalmente, é uma variação da paleta da marca com o acréscimo do conceito e do objetivo do app.

Brief ing

TAXONOMIA

ESTUDO DE CORES

MAPEAMENTO DE EXPRESSÕES

PERSONAS

WIREFRAMES










TIME KILLER

TOOL BOX

CONTENT

Um app bem-sucedido deve aliar as principais categorias existentes – entretenimento, conteúdo, utilidade e transações – a quatro medidores de funcionalidade: Vendas, Publicidade, Eficiência e Engajamento.

PUBLICIDADE

Desenvolvimento de jogos e de conteúdo.

EFICIÊNCIA

Utilidade, algo que simplifique a rotina.

VENDAS

Compras realizadas diretamente através do app.

ENGAJAMENTO

Produção de conteúdo relevante (notícias e compartilhamentos,

por exemplo).

PUBLICIDADE

ENGAJAMENTO

VENDAS

EFICIÊNCIA

APP

APP

APP

APP








“Time Killer” – as pessoas utilizam celulares para ganhar ou matar tempo.

Diante de muito trabalho e pouco tempo livre, muitas pessoas não

conseguem fazer tudo o que planejaram para o dia. Apps que as ajudem a ser mais eficientes, e

a ganhar tempo ao simplificar suas tarefas, costumam se sair bem nos

downloads.

Tornar a vida mais fácil Tornar a vida mais BARATA Tornar a vida mais DIVERTIDA

Descontos, promoções, benefícios: apps que oferecem bons negócios

costumam fazer sucesso. São muitas opções: oferecer cupons, enviar uma

notificação de oferta baseada na localização do cliente ou em algum

momento do dia, premiá-lo por alguma interação no app etc.

O excesso de trabalho leva a uma necessidade por entretenimento rápido.

Jogos são uma ótima pedida para oferecer uma pausa divertida ao seu

cliente no meio de um dia atarefado, por exemplo.

Independentemente do objetivo inicial, um app deve se enquadrar em pelo menos uma das quatro metas a seguir para atrair o cliente:









CRIANDO LAYOUTS PARA DISPOSITIVOS MÓVEISPesquisar sobre os hardwares mais utilizados pelo público-alvo é fundamental

Em meio a tantas possibilidades de resolução de tela, o mercado dificilmente chegará a uma convenção. O recomendado é obter a melhor resolução possível e, em passos seguintes, adaptar a resolução aos inúmeros dispositivos existentes no mercado através da programação.

Resolução por aparelho, em pixels:

(Apple iPhone 6 Plus, Samsung Galaxy S5, Samsung I9505 Galaxy S4, Motorola Moto X, HTC One, Samsung Galaxy Note 3, LG Nexus 5, Sony Xperia Z)

(LG Nexus 4 E960) (Samsung 19300 Galaxy S III, Samsung I9305 Galaxy S III, Samsung Galaxy S III CDMA, Motorola Moto G)

(Motorola Moto E, Samsung 19190 Galaxy S4 Mini, Samsung Galaxy S4 Mini 19192, Samsung Galaxy S4 Zoom, HTC One S, Sony Xperia M2)

(Samsung Galaxy Y S5360, Samsung Galaxy Y Duos S6102, Nokia Asha 500, LG Optimus L3 II Dual E435)

(Samsung I8190 Galaxy S III Mini, Samsung I9100 Galaxy S II)

(Sony Xperia E3)

(Apple iPhone 3GS, Samsung Galaxy Ace S5830)

(Apple iPhone 6)

1080x1920

768x1280 720x1280

540x960

240x320

480x800 480x854

320x480750x1334(Apple iPhone 4, 4s; Apple iPhone 5)

640x960(Apple iPhone 5, 5c, 5s)

640x1136

17Aplicativos móveis |I 17Aplicativos móveis |I








SIMPLIFICAR O LAYOUT: REGRA DE OUROA regra de ouro para um layout criado para dispositivos móveis é que ele deve ser simples e funcional, contendo:

Efeitos de drop-down com mouseover devem ser limitados ao máximo, pois dispositivos com tela sensível ao toque sofrem interferência dos dedos do próprio usuário.

APENAS UMA LISTA OU UM TEXTO

MENUS CURTOS IMAGENS PEQUENAS









VALIDAR O CÓDIGO É UMA MEDIDA FUNCIONAL

CRIAR UM CSS EXCLUSIVO PARA A VERSÃO MOBILE REPRESENTA UM DIFERENCIAL

EVITAR O SCROLL HORIZONTAL NO SITE É CRUCIAL

É PRECISO INCLUIR LINK PARA O SITE TRADICIONAL

Conforme aumentam as dificuldades de se testar códigos nos dispositivos móveis

presentes no mercado, torna-se ainda mais importante haver um código que siga os padrões estabelecidos. Reduz-se, assim, a probabilidade do site mobile não funcionar neste ou naquele dispositivo móvel de que nunca se ouviu falar – ou que ainda sequer foi lançado.

Embora seja viável criarmos um CSS que atenda tanto a versão tradicional quanto a móbile, na

prática do mercado rapidamente constatou-se ser muito mais simples a separação de ambos os layouts em arquivos CSS específicos. Embora seja interessante que as cores gerais e famílias de fontes sejam próximas do layout tradicional, o layout mobile tem características muito específicas para que faça sentido o uso do mesmo CSS da versão tradicional do site.

Muitas vezes, os dispositivos móveis têm telas pequenas que devem ser manuseadas

através dos dedos (touchscreen). Nesse sentido, é preciso evitar a todo custo que o site na versão mobile possua quaisquer barras de scroll horizontais – o ideal é seguir o padrão de quase todo dispositivo móvel e usar apenas barras de scroll verticais. Isso, na prática, significa que devemos evitar ao máximo que qualquer elemento do nosso layout “estoure” os 320 pixels de largura, largura padrão para resoluções de tela de dispositivos móveis. Esta recomendação pode ser revista para, por exemplo, um portal que deva ser acessível apenas por ‘tablets’, que apresentam maior resolução.

É recomendável incluir um link para a versão do site com o layout tradicional, normalmente

no rodapé. Muitas vezes, o usuário estará usando um tablet (como o iPad, por exemplo), e prefere visualizar

a página em sua versão tradicional.


CSS








DEVE-SE EVITAR O USO DE POP-UPS OU LINKS QUE ABREM EM NOVAS JANELAS

DEVE-SE EVITAR AO MÁXIMO O USO DE FLASH E JAVASCRIPT

DEVE-SE LIMITAR O USO DE IMAGENS

A navegação através de dispositivos móveis não costuma funcionar muito bem com pop-ups ou links abrindo em novas janelas. Se

for estritamente necessário o uso desses links, é recomendável que alerte que ele abrirá nova janela com alguma mensagem curta, ou ícone, ao lado do link.

Oficialmente, nenhum dispositivo móvel suporta Flash e JavaScript. Conforme os layouts para mobile tendem a favorecer uma navegação simples e funcional, o uso desse tipo de tecnologia pode e deve ser evitado. O caso do flash é mais grave, visto que até o momento os iPhones e iPads não são compatíveis com flash (assim como alguns dispositivos móveis que vem com o sistema operacional Android, pelo menos na versão nativa). Algumas animações e vídeos podem ser criados utilizando a nova tecnologia do HTML5, Canvas, que é compatível com diversos dispositivos móveis modernos.

Layouts para mobile devem usar o menor número de imagens possíveis. Também é preciso tomar cuidado em especial com o

tamanho dos arquivos de imagem, visto que no geral a qualidade da conexão de dispositivos móveis será inferior, e as imagens não podem

ser muito pesadas (em Kbytes). O ideal é usar apenas a logomarca, alguns ícones de navegação e imagens de fundo para botões e outros elementos. Em uma interface de lista de notícias, por exemplo, é recomendável que existam imagens apenas nos 3 primeiros itens, deixando o restante dos itens da lista apenas com o título (e eventualmente a descrição).









APP

PASSO 2:

INFRAESTRUTURA

Mantenha o foco no aplicativo e o que ele pode gerar para o seu negócio. A infraestrutura não pode ser uma barreira para a inovação da sua empresa.


80% Do tempo e recursos de TI são gastos com infraestrutura para manter as luzes acessas

(Gartner Predictions 2012)2








Os desafios da produção de aplicativos estão diretamente relacionados aos da TI. Entre limitações orçamentárias e altos custos envolvendo os ambientes físicos, torna-se crucial investir em alternativas que viabilizem a produção de apps ao menor custo e, ao mesmo tempo, pleno no desenvolvimento de seu potencial.

A fabricação de apps para negócios tem relação direta com a ascensão e a democratização da cloud computing. John McCarthy, grande expoente da ciência da computação desde o começo da década de 60, considerado o pai da Inteligência Artificial, previu que a computação deveria, algum dia, ser organizada como um serviço de utilidade pública, bem como o sistema telefônico. “Cada contribuinte precisará pagar apenas pela capacidade que utilizar de fato, mas possuirá acesso a todas as linguagens de p r o g r a m a ç ã o características de um sistema muito amplo”, disse ele. Sem a necessidade de comprar s i s t e m a s

próprios, pessoas físicas e jurídicas – e até mesmo o governo – podem compartilhar seu tempo em uma infraestrutura comum a todos eles.

Estima-se que 80% do tempo e dos recursos de TI sejam utilizados para manter as luzes acesas. Os custos com servidores da Dell (recepção, armazenagem e encaminhamento de mensagens) não ultrapassam os 300 dólares. Ao adicionar o software Windows Server para rodar uma máquina, no entanto, logo surge o Microsoft Exchange Server, de modo a possibilitar a administração de e-mails; os custos de um setor que conta com 50 funcionários subiriam para 3.250 dólares. O Exchange Online, versão alternativa criada pela própria Microsoft, custa 10 dólares mensais por usuário, com capacidade de armazenamento ilimitada. Os 6.000 dólares anuais representam custos muito menores

que aqueles relativos à manutenção de máquinas, infraestrutura adequada e mão-de-obra

especializada. Há, ainda, uma vasta quantidade de bons servidores gratuitos em versão demo; através de cadastros de assinatura, eles oferecem serviços

premium, que são evidentemente pagos. A própria Amazon Web Services (AWS) oferece um grande

pacote gratuito, o AWS Free Tier, que permite executar novos aplicativos, testar aplicativos existentes na nuvem ou simplesmente obter experiência prática com a AWS.

Normalmente, aplicativos se comunicam com servidores web de modo que informações sejam trocadas: isso ocorre através de webservices. Seu mecanismo de abstração funciona de modo análogo ao utilizado na internet. Um webservice funciona para que um aplicativo de taxi calcule a tarifa a ser cobrada, por exemplo. Nesse caso, um banco de dados é criado para que constem os valores da base de cálculo tarifário. Isso pode ser feito a partir do Google Maps, API que, a partir da localização dos destinos de origem e final, auxiliaria em uma estimativa prévia dos valores envolvidos. APIs – Application Programming Interfaces (em português, Interface de Programação de Aplicativos) – são padrões e rotinas estabelecidas por software, e somente são acessíveis através de códigos de programação. Elas são dirigidas especialmente para apps nativos.









PASSO 3:

TECNOLOGIA


3?








1 PLATAFORMA N PLATAFORMAS









ALTERNATIVASMULTI-PLATAFORMAS









Ao tratarmos de tecnologia mobile, devemos ter em mente os sistemas operacionais. São eles os programas responsáveis pelos recursos dos aparelhos, incluindo a interface com o usuário. O sistema operacional mais utilizado no mundo atualmente é o Android, que detém 44,62% do mercado, de acordo com a Net Applications.

Tecnologias mais recentes – caso das linguagens HTML5, CSS3 e JavaScript – abrem espaço para o desenvolvimento de aplicações de grande poder de interação e em formato multiplataforma, como os web apps que permitem acesso através de mais de um dispositivo. Uma plataforma necessita de uma linguagem específica (Android funciona por Java, iOS, por Objective-C e Windows Phone, por C#, por exemplo).

Fazer com que um app seja compatível com a maior parte das plataformas é muito mais dispendioso, tanto do ponto de vista financeiro quanto do de tempo e de mão de obra. O trabalho não se limita à entrega: ele envolve gastos prolongados com testes e desenvolvimento (há casos em que o projeto se torna mesmo inviável). Há, contudo, frameworks capazes de solucionar o problema. Alguns frameworks multiplataforma incluem o PhoneGap, o Mobile Angular UI e o Intel XDK. O PhoneGap, por exemplo, não é exatamente um framework de criação de aplicativos, mas sim de empacotamento e lançamento. É uma ferramenta open source, sendo bastante popular entre os desenvolvedores. Ele funciona através de tecnologias HTML, JavaScript e CSS. Sua camada de interface é a UI layer, que utiliza toda a largura e altura do dispositivo trabalhado.









BONS FRAMEWORKS SÃO FUNDAMENTAIS PARA A CRIAÇÃO DE APLICATIVOS MÓVEIS

Versão mobile do famoso framework jQuery, o jQuery Mobile foi programado para a produção de sites e apps para desktops, tablets e smartphones. Também sob a

interface HTML5, permite a fácil criação e edição de temas: o ThemeRoller auxilia o

desenvolvedor na sua construção e no download de arquivo CSS personalizado.

O poderoso Titanium Mobile permite a conjugação de todo o conhecimento do desenvolvedor sobre JavaScript, CSS e HTML para a criação de aplicativos muito

semelhantes aos nativos de iOS e Android. Possui mais de 300 APIs e uma comunidade de

desenvolvedores intensamente participativos, fato que auxilia muito em questões de suporte.

The-M-Project é outro potente framework de JavaScript pautado em MVC, em linguagem HTML5. Ele possui suporte off-line, o que permite a continuidade do trabalho caso a conexão com a internet se perca.

O Apache Flex fornece linguagem em código livre, bastante indicado para desenvolvedores experientes em HTML5, AS 3.0 e CSS3. Permite implantação para plug-ins Adobe Flash Player e Adobe AIR, por exemplo. A versão 4.11.0 possui suporte para Flash Player 11.9 e AIR runtime 3.9, com a correção de 50 bugs contidos na versão anterior.

O Sencha Touch é baseado em HMTL5, Javascript e CSS; ele permite a criação de aplicações semelhantes às nativas e sua estrutura é bastante organizada (arquitetura MVC).









PASSO 4:

MÉTRICAS


4IDEIAS

CONSULTORIA

mensureaprenda

CÓDIGO

DADOS








KPIENGAJAMENTO

DOWNLOADSNAVEGAÇÃOCONVERSÃO









O investimento em aplicativos não deve prescindir da medição de resultados. Medir resultados significa traçar a relação direta entre o dispêndio de energia humana e dinheiro e aquilo que se obteve ao final da iniciativa.

Portanto, acompanhar e medir resultados é o que permite planejar ações de forma adequada, disso dependendo o nível de eficiência do seu projeto.

COMO AVALIAR O DESENVOLVIMENTO DE APPS?

1KPI – sigla para Key Performance Indicator – é um indicador-chave de performance; muito utilizados em BI – Business Intelligence – para medir o alcance de objetivos traçados e as ações posteriores. Uma KPI sozinha, em regra, é provavelmente incapaz de dizer a um analista se um canal digital ou uma plataforma é bem-sucedido, por isso elas geralmente são combinadas para as conclusões apresentadas em relatórios. Algumas KPIs importantes:

Usabilidade

Saber se o seu app está sendo utilizado e, especialmente, de que maneira; isso inclui mapear as regiões, os idiomas, os períodos de uso, os serviços de preferência e os sistemas operadores. Bons apps fornecem soluções claras para problemas específicos. Layout, botões, posições dos elementos: tudo isso é alçada da Usabilidade.

DURAÇÃO DA SESSÃO

Simplesmente abrir um aplicativo é diferente de permanecer por algum tempo, até horas, nele; a duração da sessão funciona como o tempo que um usuário permanece em uma página da web, e funciona para mensurar sua ligação com a ferramenta.

RETENÇÃO DE USUÁRIOSA taxa correspondente ao grupo de usuários que desinstalam um app é conhecida como churn rate, e essa é uma parte importante da avaliação do desempenho de um app; apps para iOS e Android perdem cerca de 96% de seus usuários em seu primeiro ano de existência; 65% param de usá-lo já no terceiro mês.





Engajamento, ao lado da Retenção, é uma das métricas que, por conta das altas taxas de abandono, mais vêm chamando a atenção dos desenvolvedores. Timothy Sullivan, Vice-Presidente de Produtos da Boxer, aposta no engajamento e na retenção como os melhores indicadores da qualidade de um app. Ações de e-mail marketing, Push Notifications e divulgação nos canais digitais são ações tão importantes quanto investigar o perfil dos usuários.

A quantidade de downloads de uma ferramenta digital diz muito por si só – não é diferente com um app. Ao contrário: é uma das métricas mais importantes, senão a mais. O número de downloads funciona para conferir credibilidade ao aplicativo, ainda que não indique seu sucesso atual.

Para aplicativos voltados ao comércio, a taxa de conversões é ainda mais importante que qualquer outra. Um app focado nessa métrica deve atentar para a qualidade da produção de seus formulários, inscrições e formatos de transação financeira, além de apresentar as críticas com relação aos produtos.

Dois indicadores relevantes, tanto de engajamento quanto de retenção, são os Monthly Active Users (MAU) e os Daily Active Users (DAU). Eles mostram os usuários ativos por mês e por dia, respectivamente.

A medida do engajamento é dada pela razão entre DAU e MAU: o chamado Stickiness (literalmente “viscosidade”, em inglês). Quando

o nível de Stickiness estiver muito baixo, pode ser decretado o fim do aplicativo.

MAU DAU

2

3

4









PASSO 5:

PUBLICAÇÃO


5TEMPO DE PUBLICAÇÃO

TEMPO DE DESENVOLVIMENTO








O último passo do desenvolvimento de apps é a publicação. Aplicativos móveis são disponibilizados através de lojas virtuais, canais geralmente pertencentes aos principais conglomerados de tecnologia do mundo.

Google domina o mercado de Mobilidade: 900 milhões de usuários.

Número de usuários da Apple: 600 milhões.

Em terceiro, fica a Microsoft: 12 milhões de Windows Phones comercializados.

deles pela Nokia.81%

de acordo com a forbes:








Com relação às lojas virtuais, porém, a Apple toma a dianteira, apesar de o crescimento do Google nesse mercado ser avassalador.

App Store

Alta capacidade de conversão/monetização/fidelização Aumento no faturamento: 35% em 2011 2014: iOS App Store em números: Lucro – US$ 870 milhões Aumento de 53% 62% do market share

Google Play Mercado Google Play em 2014: Lucro – US$ 530 milhões Aumento de 166% 38% do market share Média de downloads de apps por mês: 6.2

Google e Apple dominam o mercado:

Média de downloads por app:

Android:60 mil

iOS:40 mil

Windows Phone:4 mil

60%

80%

dos apps da App Store eram gratuitos em 2013

Na Google Play, o percentual era de





De acordo com o Gartner, em 2017, 90% dos downloads de apps serão das lojas iOS e Android.

Google apple Microsoft

US$ 1125

US$ 6 mil

US$ 4 mil

US$ 21.276

US$ 625

US$ 2.222

Receita média por aplicativo

Receita média por desenvolvedor

receitas








O desenvolvimento de aplicativos móveis exige atenção a alguns pequenos detalhesEm comparação com os desktops, os aparelhos móveis possuem monitores muito reduzidos (entre 4 e 7 polegadas): um objeto de grande potencial pode ser totalmente prejudicado por falta de soluções desenvolvidas especialmente para a sua resolução.

Todo o estímulo de ação interativa é baseado no formato touchscreen, fato que pode causar perturbação a algumas funcionalidades; interfaces gráficas muito grandes e complexas se tornam impraticáveis para a manipulação adequada por parte do usuário.

Muitos recursos não são disponibilizados para os ambientes desktop e mobile ao mesmo tempo; em regra, é preciso desenvolver as funcionalidades de maneira destacada, caso o trabalho envolva o gerenciamento de ambos:

A criação de um bom layout envolve pesquisa acerca dos hardwares mais utilizados pelo público-alvo;

É importante conhecer o formato padrão dos celulares mais utilizados por esse público específico: o Samsung Galaxy S3, por exemplo, possui 720 X 1280 pixels de resolução; já o iPhone 5, possui 640 X 1136 pixels; o Nokia Lumia 920, por fim, 768 X 1280 pixels.









Os smartphones já representam parte integrante do nosso dia a dia. Mais

do que ferramentas, símbolos e sistemas, eles abrem caminho para um

próspero e vasto mercado. Quem não migrar seus canais digitais para as

tecnologias móveis no futuro próximo correrá o risco de deixar de ser

percebido pelo seu público, um público em constante mudança de hábitos.









Sobre a Infobase

A Infobase está entre as 50 maiores integradoras de TI do Brasil. Dedicando empenho e esforço para oferecer as melhores soluções aos seus clientes, ela conta com excelente infraestrutura, valendo-se do que há de mais atual em ferramentas e aplicativos da web. Assim, procura garantir a construção de um relacionamento duradouro e produtivo entre colaboradores, parceiros e clientes. Figura entre as 200 maiores empresas de tecnologia do país, o que inclui os segmentos de Telecom e de fabricantes de software. Contando com quatro escritórios no Brasil – dois no Rio de Janeiro, um em Vitória e um em São Paulo – a Infobase executa projetos em outros estados e no exterior.

Sobre a IINTERATIVA

A Infobase Interativa é a agência digital da Infobase. Também conhecida como IInterativa, sua união com a Infobase a torna capaz de entregar soluções mais sofisticadas do que as outras agências e mais criativas que as consultorias de TI. Seu trabalho envolve pesquisa, planejamento, projeto, construção e manutenção de sites, aplicações e estratégias digitais para clientes com características muito diferentes. Diante de procedimentos táticos articulados com clareza, sua equipe de gestores leva em conta uma estratégia empresarial bem definida, em atenção à pesquisa de experiência do usuário, à qualidade do design e ao suporte de sistemas. Os resultados entregues aos clientes garantem à IInterativa relações comerciais de longo prazo.

www.infobase.com.br

twitter.com/InfobaseIT

facebook.com/InfobaseIT


twitter.com/IInterativa

facebook.com/IInterativa








http://www.netbiscuits.com/resources/netbiscuits-reports/2014-trend-predictions-for-the-mobile-web/

http://socialmediatoday.com/irfan-ahmad/2044111/content-marketing-advertising-big-data-and-mobile-marketing-trends-2014-infograp

http://info.abril.com.br/noticias/mercado/2014/04/samsung-lidera-mercado-de-smartphones-no-mundo.shtml

http://www1.folha.uol.com.br/fsp/mercado/185902-vendas-de-smartphones-sobem-22-no-brasil.shtml

http://convergenciadigital.uol.com.br/cgi/cgilua.exe/sys/start.htm?infoid=37999&sid=5#.VD80bPnF-QA

http://www.planetariodorio.com.br/index.php?option=com_k2&view=item&id=3486:seu-smartphone-pode-fazer-ci%C3%AAncia&Itemid=290

http://www.sci-tech-today.com/news/3-Mobile-Marketing-Trends-for-2014/story.xhtml?story_id=032003WTK8N4

http://www.thinkwithgoogle.com/mobileplanet/en/

http://www.proxxima.com.br/home/mobile/2014/09/15/Google-apresenta-smartphones-de-baixo-custo-para-paises-emergentes.html

http://www.infobase.com.br/apps-como-ponto-chave-da-mobilidade/

http://www.thinkwithgoogle.com/mobileplanet/en/

http://www.infobase.com.br/mobilidade-ja-e-uma-realidade-brasil/

https://play.google.com/store/apps/details?id=com.google.android.apps.maps&hl=pt_BR

http://www.iinterativa.com.br/infografico-os-aplicativos-mais-acessados-de-2013/

http://br.financas.yahoo.com/noticias/os-10-aplicativos-mais-populares-ano-184800797--finance.html

http://www.whatsapp.com/?l=pt_br

http://g1.globo.com/tecnologia/noticia/2014/07/smartphones-ja-sao-tres-cada-quatro-celulares-vendidos-no-brasil.html

http://www.mikebloomberg.com/index.cfm?objectid=87360FFB-C29C-7CA2-F92DC3FBE4A49054

http://www.techtudo.com.br/tudo-sobre/s/bloomberg.html

http://www.research.ibm.com/articles/augmented-reality.shtml

FONTES DE REFERÊNCIA:





http://www.bbc.co.uk/news/magazine-22098575

http://www.foolproof.co.uk/insight/blog/the-true-impact-of-showrooming/

http://www.techtudo.com.br/tudo-sobre/s/easy-taxi.html

http://ecommercenews.com.br/noticias/lancamentos/empresa-lanca-sistema-para-compra-e-venda-atraves-do-instagram

http://revistapegn.globo.com/Noticias/noticia/2013/10/arco-facilita-transacoes-comerciais-pelo-instagram.html

http://www.theguardian.com/technology/2014/jan/09/market-share-smartphones-iphone-android-windows

http://www.infobase.com.br/nova-tendencia-de-aplicativos-moveis-web/

http://www.sitepoint.com/top-7-hybrid-mobile-app-frameworks/

http://www.eati.info/eati/2014/assets/anais/artigo63.pdf

http://www.tecmundo.com.br/android/60002-android-passa-ios-sistema-operacional-movel-usado-mundo.htm

http://clubetech.com.br/desenvolvendo-apps-multiplataforma-com-phonegap/

http://www.iinterativa.com.br/infografico-criando-layouts-para-dispositivos-moveis/

http://imasters.com.br/desenvolvimento/desenvolvendo-aplicativos-moveis-multiplataforma/

http://fontedecodigo.blogspot.com/2011/09/criando-layouts-para-dispositivos.html

http://sixrevisions.com/javascript/mobile%C2%A0web-development-frameworks/

http://pt.slideshare.net/proflborges/apache-flex-15319694

http://www.nokiatividade.com/noticias/microsoft-anuncia-reducao-de-precos-dos-smartphones-em-paises-emergentes/

http://www.ideiademarketing.com.br/2012/07/06/metricas-do-google-para-mobile/

http://www.yeeply.com/blog/7-metricas-para-apps-moviles/

http://www.digai.com.br/2013/04/metricas-para-apps-mobile/

http://blog.goodbarber.com/pt/Metricas-de-User-Engagement-alem-dos-downloads_a398.html

http://www.iinterativa.com.br/marcas-de-cerveja-em-social-media-melhores-estrategias-em-cada-nicho/

http://www.iinterativa.com.br/qual-melhor-metrica-de-todas/

http://www.iinterativa.com.br/um-novo-olhar-sobre-tecnologia-mobile/





http://www.inboundio.com/blog/measure-mobile-apps-user-engagement-10-kpis/

http://mashable.com/2013/09/04/mobile-app-metrics/

http://degmont.com/taticas-downloads-engajamento-apps/

http://blog.goodbarber.com/pt/Metricas-de-User-Engagement-alem-dos-downloads_a398.html

http://www.digai.com.br/2013/04/metricas-para-apps-mobile/

http://www.brightcloud.com/services/mobile-app-reputation.php

http://showmetech.band.uol.com.br/comparativo-lojas-aplicativos-android-ios-windows-phone/

http://diariocatarinense.clicrbs.com.br/sc/economia/noticia/2014/12/confira-os-aplicativos-gratuitos-que-nao-podem-faltar-neste-natal-4658937.html

http://convergecom.com.br/tiinside/05/12/2011/principais-lojas-de-aplicativos-devem-chegar-a-marca-de-1-milhao/#.VJHfJCvF-QA

https://www.apple.com/br/business/accelerator/plan/plan-for-the-process.html

http://mobgeek.com.br/blog/tempo-dev-app

http://www.appmachine.com/pt-pt/tour/publicar/

https://fabricadeaplicativos.zendesk.com/hc/pt-br/articles/202507586-Publica%C3%A7%C3%A3o-nas-lojas-de-aplicativos

http://corporate.canaltech.com.br/noticia/desenvolvedores/Quanto-os-desenvolvedores-ganham-por-cada-aplicativo-criado/

https://macmagazine.com.br/2013/01/30/app-store-vs-google-play-numeros-indicam-que-faturamento-da-loja-da-apple-ainda-e-bem-superior/

http://www.tecmundo.com.br/sistema-operacional/60596-ios-android-windows-phone-numeros-gigantes-comparados-infografico.htm

https//www.businessinsider.com/apple-loses-revenue-share-to-google-in-apps-2014-5

http://www.gsmarena.com/

http://www.marketingprofs.com/charts/2014/25740/mobile-trends-most-popular-phones-screen-sizes-and-resolutions



como desenvolver aplicativos mÓveis em 5 …e-book] como desenvolver... · aplicativos móveis |i...

Documents