Nessa segunda parte continuaremos a pontuar sobre essas questões e iremos levantar as atuais possibilidades de desenvolvimento de aplicativos mobile.

<p>Em nosso primeiro texto <a href="http://www.cms.dtidigital.com.br/blog/aplicativos-mobile-multiplataforma-vs-nativo-qual-utilizar/">(olha ele aqui)</a> abordamos como a chegada do primeiro iPhone e das lojas de aplicativos mobile multiplataforma revolucionaram o modo como interagimos com o mundo digital. Também discutimos a transição dos hábitos dos usuários em relação à essa nova tecnologia e que a tendência era que cada vez mais os usuários migrassem suas tarefas para seus tablets e smartphones. Nessa segunda parte continuaremos a pontuar sobre essas questões e iremos levantar as <strong>atuais possibilidades de desenvolvimento de aplicativos mobile</strong>.</p>
<div id="toc_container" role="navigation" aria-label="Table of Contents" data-nosnippet class="toc_white no_bullets toc_numbered toc_title_center"><p class="toc_title">Sumário</p><ul class="toc_list"><li><a href="#A-tendencia-estava-certa-ou-era-pura-empolgacao-em-relacao-a-algo-novo"><span class="toc_number toc_depth_1">1.</span> A tendência estava certa ou era pura empolgação em relação a algo novo?</a><ul><li><a href="#SUA-DECISAO"><span class="toc_number toc_depth_2">1.1.</span> SUA DECISÃO</a></li></ul></li><li><a href="#ABORDAGEM-TRADICIONAL-Aplicativos-Nativos-sao-a-melhor-opcao"><span class="toc_number toc_depth_1">2.</span> ABORDAGEM TRADICIONAL: Aplicativos Nativos são a melhor opção?</a><ul><li><a href="#Os-pontos-negativos-dessa-abordagem-sao-obvios"><span class="toc_number toc_depth_2">2.1.</span> Os pontos negativos dessa abordagem são óbvios:</a></li><li><a href="#A-abordagem-tradicional-carrega-as-maiores-vantagens-que-uma-equipe-de-desenvolvimento-pode-ter"><span class="toc_number toc_depth_2">2.2.</span> A abordagem tradicional carrega as maiores vantagens que uma equipe de desenvolvimento pode ter:</a></li></ul></li><li><a href="#QUAIS-OS-BENEFICIOS-DA-ABORDAGEM-PARA-APLICATIVOS-MOBILE-MULTIPLATAFORMA"><span class="toc_number toc_depth_1">3.</span> QUAIS OS BENEFÍCIOS DA ABORDAGEM PARA APLICATIVOS MOBILE MULTIPLATAFORMA?</a><ul><li><a href="#Desenvolvimento-de-Aplicativos-Mobile-Multiplataforma-HibridoWeb-o-que-e"><span class="toc_number toc_depth_2">3.1.</span> Desenvolvimento de Aplicativos Mobile Multiplataforma Híbrido/Web, o que é?</a><ul><li><a href="#Visto-a-simplicidade-dessa-abordagem-ja-podemos-levantar-os-seguintes-pontos-positivos"><span class="toc_number toc_depth_3">3.1.1.</span> Visto a simplicidade dessa abordagem já podemos levantar os seguintes pontos positivos:</a></li><li><a href="#Mas-nem-tudo-sao-flores-Como-dito-anteriormente-o-esqueleto-desses-aplicativos-e-muito-fragil-e-possui-nada-mais-que-uma-camada-Web-com-plug-ins-para-acessar-algumas-caracteristicas-como-camera-etc-Ou-seja-aplicativos-nessa-categoria"><span class="toc_number toc_depth_3">3.1.2.</span> Mas nem tudo são flores. Como dito anteriormente, o esqueleto desses aplicativos é muito frágil e possui nada mais que uma camada Web com plug-ins para acessar algumas características, como câmera, etc. Ou seja, aplicativos nessa categoria:</a></li></ul></li><li><a href="#Desenvolvimento-de-Aplicativos-Mobile-Multiplataforma-Nativo-o-que-e"><span class="toc_number toc_depth_2">3.2.</span> Desenvolvimento de Aplicativos Mobile Multiplataforma Nativo, o que é?</a></li><li><a href="#Interface"><span class="toc_number toc_depth_2">3.3.</span> Interface</a></li><li><a href="#Logica-Codigo"><span class="toc_number toc_depth_2">3.4.</span> Lógica (Código)</a><ul><li><a href="#Os-pontos-positivos-sao"><span class="toc_number toc_depth_3">3.4.1.</span> Os pontos positivos são:</a></li><li><a href="#Por-outro-lado-o-grande-contratempo-dessa-abordagem-vem-justamente-da-estrategia-em-se-usar-uma-maquina-virtual-que-executa-o-codigo-Com-isso"><span class="toc_number toc_depth_3">3.4.2.</span> Por outro lado, o grande contratempo dessa abordagem vem justamente da estratégia em se usar uma máquina virtual que executa o código. Com isso:</a></li></ul></li></ul></li><li><a href="#QUAL-APLICATIVO-MOBILE-MULTIPLATAFORMA-ESCOLHER"><span class="toc_number toc_depth_1">4.</span> QUAL APLICATIVO MOBILE MULTIPLATAFORMA ESCOLHER?</a><ul><li><ul><li><a href="#-Baixa-8211-Telas-simples-sem-animacoes-Pouca-ou-nenhuma-conexao-com-a-internet"><span class="toc_number toc_depth_3">4.0.1.</span> * Baixa &#8211; Telas simples, sem animações. Pouca ou nenhuma conexão com a internet.</a></li><li><a href="#-Media-Telas-mais-animadas-Conexao-ativa-com-a-internet-Leitor-de-QrCode-codigo-de-barras"><span class="toc_number toc_depth_3">4.0.2.</span> * Média – Telas mais animadas. Conexão ativa com a internet. Leitor de QrCode / código de barras.</a></li><li><a href="#-Alta-Interface-complexa-e-muito-animada-uso-de-hardware-especifico-como-leitor-de-digital-e-identificacao-facial-restricao-de-uso-de-memoria-utilizacao-de-recursos-pesados-como-realidade-virtual"><span class="toc_number toc_depth_3">4.0.3.</span> * Alta –Interface complexa e muito animada, uso de hardware específico como leitor de digital e identificação facial, restrição de uso de memória, utilização de recursos pesados como realidade virtual</a></li></ul></li></ul></li></ul></div>
<h2><span id="A-tendencia-estava-certa-ou-era-pura-empolgacao-em-relacao-a-algo-novo">A tendência estava certa ou era pura empolgação em relação a algo novo?</span></h2>
<p>Os resultados falam por si. O gráfico abaixo mostra a quantidade de aplicativos disponíveis na App Store de 2008 até 2017.</p>
<p>O gráfico da Google Play Store segue a mesma forma. Com novos recursos sendo adicionados aos smartphones, abrem-se novas possibilidades de interações com o celular, com isso vemos que a tendência é que esse número continue a crescer cada vez mais.</p>
<p><img fetchpriority="high" decoding="async" class="alignleft wp-image-1534" src="https://dtidigital.com.br/wp-content/uploads/2018/02/im-2.png" alt="aplicativos mobile " width="400" height="380" /></p>
<p>Com esse bombardeamento de informações e novas possibilidades, vemos o resultado na vida do usuário final. Em 2016 pela primeira vez o tráfego web de dispositivos móveis superou o tráfego de desktops/laptops. Mas não foi somente o tráfego web que sofreu essa migração. Mas, como podemos ver no gráfico a seguir, o tempo médio gasto por adultos em 2017 com mídias digitais foi em sua maioria <em>mobile</em>.</p>
<h3><span id="SUA-DECISAO">SUA DECISÃO</span></h3>
<p>Após essas informações creio que você já se convenceu do impacto e da importância que esse setor tem na sua vida e de seus clientes. Então, finalmente cabe a você tomar uma decisão em relação à pergunta: <strong>Qual abordagem utilizar ao desenvolver seus aplicativos?</strong> Deve-se seguir o padrão consolidado de aplicativos nativos, ou se aventurar nos aplicativos multiplataforma? Aliás, qual a diferença?</p>
<p>Sem dúvidas, ou melhor, com muitas dúvidas, essa é uma questão deveras complicada. Para te ajudar, separei o texto em duas abordagens.</p>
<h2><span id="ABORDAGEM-TRADICIONAL-Aplicativos-Nativos-sao-a-melhor-opcao">ABORDAGEM TRADICIONAL: Aplicativos Nativos são a melhor opção?</span></h2>
<p>Comecemos então com a abordagem oferecida diretamente pelas fabricantes dos sistemas operacionais.</p>
<p>Essa abordagem, também chamada de <em>Desenvolvimento Nativo</em>, consiste em utilizar as ferramentas pré-determinadas pela Apple e Google, XCode e Android Studio respectivamente.</p>
<p>Ao escolher a abordagem tradicional, a equipe de desenvolvimento deve conhecer as linguagens específicas de cada plataforma, Objetive-C, Java ou suas mais novas substitutas, Swift e Kotlin. Também é necessário conhecer as ferramentas ditas anteriormente.</p>
<p>Com todo esse conhecimento em mente, constrói-se então duas bases de código. Mesmo se a lógica a ser seguida seja exatamente a mesma, um código utilizado em uma plataforma não pode ser aproveitado em outra, precisando ser replicado.</p>
<h3><span id="Os-pontos-negativos-dessa-abordagem-sao-obvios">Os pontos negativos dessa abordagem são óbvios:</span></h3>
<ul>
<li>Aumento no custo do projeto final</li>
<li>Aumento no número da equipe (ou tempo de entrega)</li>
<li>Maior probabilidade de se gerar um erro no código, visto a maior quantidade de linhas escritas</li>
<li>No caso de se ter somente uma equipe responsável pelas duas plataformas, a migração direta da lógica pode não ser possível por limitações tecnológicas, fazendo com que os aplicativos mobile multiplataforma resultantes sejam mais diferentes ainda</li>
</ul>
<p><span style="color: #3366ff;"><strong>Se você parou de ler aqui</strong></span>, com certeza já ligou para seu gerente de projetos para cancelar a contratação de qualquer projeto de “Desenvolvimento Nativo”. Mas não se engane.</p>
<h3><span id="A-abordagem-tradicional-carrega-as-maiores-vantagens-que-uma-equipe-de-desenvolvimento-pode-ter">A abordagem tradicional carrega as maiores vantagens que uma equipe de desenvolvimento pode ter:</span></h3>
<ul>
<li>A liberdade de saber que código está escrito</li>
<li>Agilidade em ajuste de Bugs, reduzindo significantemente o custo nas manutenções</li>
<li>Maior possibilidade de customizações dos componentes do aplicativos, gerando aplicativos mais “ricos” graficamente</li>
<li>Acesso rápido, quase imediato às novas tecnológicas incorporadas pelas fabricantes</li>
</ul>
<h2><span id="QUAIS-OS-BENEFICIOS-DA-ABORDAGEM-PARA-APLICATIVOS-MOBILE-MULTIPLATAFORMA">QUAIS OS BENEFÍCIOS DA ABORDAGEM PARA APLICATIVOS MOBILE MULTIPLATAFORMA?</span></h2>
<p>Essa segunda opção foi uma abordagem construída ao longo do tempo com o objetivo de reduzir os impactos dos pontos negativos da abordagem tradicional.</p>
<p>O grande diferencial que essa abordagem propõe é baseado em uma pequena frase de efeito, que nem sempre é verdade:</p>
<p><em>“Code once, deploy for all” ou “Code once, run everywhere”.</em></p>
<p>Hoje, essa abordagem se divide em duas categorias:</p>
<h3><span id="Desenvolvimento-de-Aplicativos-Mobile-Multiplataforma-HibridoWeb-o-que-e">Desenvolvimento de Aplicativos Mobile Multiplataforma Híbrido/Web, o que é?</span></h3>
<p>Nessa categoria, estão os aplicativos que necessitam o mínimo possível de acesso às características específicas de cada plataforma. Os aplicativos construídos dessa forma são apenas “sites em miniatura” que são montados dentro de uma WebView (entenda como uma página de um navegador).</p>
<h4><span id="Visto-a-simplicidade-dessa-abordagem-ja-podemos-levantar-os-seguintes-pontos-positivos">Visto a simplicidade dessa abordagem já podemos levantar os seguintes pontos positivos:</span></h4>
<ul>
<li>Rápida prototipagem</li>
<li>Rápida construção</li>
<li>Requer muito pouco conhecimento do desenvolvimento de aplicativos, de forma que um desenvolvedor Web pode assumir o desenvolvimento sem maiores problemas</li>
<li>Custo mais baixo</li>
</ul>
<p><a href="https://www.instagram.com/entre.chaves/"><img decoding="async" class="size-full wp-image-15530" src="http://www.cms.dtidigital.com.br/wp-content/uploads/2021/05/Entre-chaves-banner2-1.png" alt="Entre chaves banner2" width="960" height="150" /></a></p>
<h4><span id="Mas-nem-tudo-sao-flores-Como-dito-anteriormente-o-esqueleto-desses-aplicativos-e-muito-fragil-e-possui-nada-mais-que-uma-camada-Web-com-plug-ins-para-acessar-algumas-caracteristicas-como-camera-etc-Ou-seja-aplicativos-nessa-categoria">Mas nem tudo são flores. Como dito anteriormente, o esqueleto desses aplicativos é muito frágil e possui nada mais que uma camada Web com plug-ins para acessar algumas características, como câmera, etc. Ou seja, aplicativos nessa categoria:</span></h4>
<ul>
<li>Não possuem acesso à todas APIs (recursos) que o sistema oferece</li>
<li>Possuem comportamento diferente dependendo da versão da WebView (browser) do seu sistema operacional</li>
<li>Não utilizam os elementos gráficos nativos dos sistemas operacionais, podendo oferecer uma experiência mais limitadas aos usuários finais</li>
</ul>
<p>Apesar de todos benefícios, em certos projetos, essas limitações se tornam de fato um gargalo, impossibilitando o desenvolvimento.</p>
<p>Com o objetivo de não se perder a agilidade no desenvolvimento, mas reduzir as limitações em relação ao desenvolvimento utilizando as ferramentas nativas, criou-se uma nova categoria de desenvolvimento multiplataforma.</p>
<h3><span id="Desenvolvimento-de-Aplicativos-Mobile-Multiplataforma-Nativo-o-que-e">Desenvolvimento de Aplicativos Mobile Multiplataforma Nativo, o que é?</span></h3>
<p>Em último lugar temos talvez o método mais controverso de desenvolvimento atualmente existente. Mas por que controverso?</p>
<p>Quando tratamos de desenvolvimento multiplataforma na primeira vez, falava-se apenas de aplicativos multiplataforma híbridos. A utilização de APIs nativas em código não nativo ainda estava crescendo e carregava pouca credibilidade com grandes empresas.</p>
<p>O cenário atual é bem distinto. Hoje temos várias opções de frameworks e plataformas que utilizam essa abordagem. Por exemplo, Xamarin, Kony e React Native. Grandes empresas como a Microsoft estão por trás de sistemas robustos de desenvolvimento multiplataforma nativo.</p>
<p>A forma como essas ferramentas trabalham é bem similar. A maioria delas funciona do seguinte modo:</p>
<h3><span id="Interface"><strong>Interface</strong></span></h3>
<p>Todos elementos gráficos utilizados são elementos nativos de cada plataforma. Inclusive, algumas ferramentas, assim como o Xamarin, oferecem a possibilidade de integração com os ambientes de desenvolvimento padrões para gerar a interface do aplicativo.</p>
<h3><span id="Logica-Codigo"><strong>Lógica (Código)</strong></span></h3>
<p>O código escrito é executado através em uma máquina virtual que traduz o código para o código à ser realmente executado no smartphone.</p>
<p>“Se é multiplataforma não é nativo. Portanto, se não é nativo é mais fraco”, você deve estar pensando. Mas você está errado. Em outras palavras, um código escrito utilizando plataformas como o Xamarin possuem o mesmo “poder de fogo” de um código escrito em Swift e Kotlin.</p>
<p>Mas o poder dessa abordagem vai muito além de uma simples tradução do que podem ser os aplicativos mobile multiplataforma.</p>
<h4><span id="Os-pontos-positivos-sao">Os pontos positivos são:</span></h4>
<ul>
<li>Essas plataformas, além de fazerem a tradução do código, também possibilitam o desenvolvedor escrever trechos de código nativo caso seja de seu interesse, ampliando, dessa maneira, as possibilidades de desenvolvimento para bem próximo à experiência da abordagem tradicional</li>
<li>Acesso à todas APIs dos sistemas operacionais nativos</li>
<li>Rápido suporte aos novos recursos incorporados</li>
<li>Os elementos gráficos são os mesmos elementos gráficos usados nas ferramentas padrão</li>
<li>À parte de códigos específicos que venham ser escritos, a base de código de ambas plataformas permanece a mesma, uma vez que, facilita a correção ou atualização de alguma lógica</li>
</ul>
<h4><span id="Por-outro-lado-o-grande-contratempo-dessa-abordagem-vem-justamente-da-estrategia-em-se-usar-uma-maquina-virtual-que-executa-o-codigo-Com-isso">Por outro lado, o grande contratempo dessa abordagem vem justamente da estratégia em se usar uma máquina virtual que executa o código. Com isso:</span></h4>
<ul>
<li>O tempo para executar um mesmo código é ligeiramente maior, a fim de reduzir um pouco a performance de uma tarefa em relação à mesma sendo executada diretamente pelo código nativo</li>
<li>O desenvolvedor não sabe exatamente qual código (linha por linha) está sendo executado, e dessa forma, fica sujeito às implementações feitas pela plataforma escolhida</li>
<li>O preço de utilização das ferramentas de desenvolvimento pode ser muito elevado, dependendo da opção escolhida. Mas para desenvolvedores independentes e pequenas empresas existem boas opções e planos sem custo.</li>
</ul>
<h2><span id="QUAL-APLICATIVO-MOBILE-MULTIPLATAFORMA-ESCOLHER">QUAL APLICATIVO MOBILE MULTIPLATAFORMA ESCOLHER?</span></h2>
<p>Certamente, depois de tanta informação faltou o veredito. Certo? Errado.</p>
<p>O objetivo desse texto não é dar uma resposta pronta de qual abordagem você deve seguir. Mas sim, auxiliar sobre os pontos positivos e negativos de cada uma delas. Por outro lado, também não é o objetivo aqui levantar toda essa discussão sem dar um direcionamento de quando usar qual estratégia. Mas se lembre, o que será proposto a seguir é apenas uma sugestão. Você pode seguir, ou não, de acordo com sua necessidade.</p>
<p><img decoding="async" class="alignnone wp-image-1538 size-large" src="https://dtidigital.com.br/wp-content/uploads/2018/02/tab-post-1-1024x149.png" alt="aplicativos mobile" width="900" height="131" /></p>
<h4><span id="-Baixa-8211-Telas-simples-sem-animacoes-Pouca-ou-nenhuma-conexao-com-a-internet"><span style="color: #3366ff;">* Baixa &#8211; Telas simples, sem animações. Pouca ou nenhuma conexão com a internet.</span></span></h4>
<h4><span id="-Media-Telas-mais-animadas-Conexao-ativa-com-a-internet-Leitor-de-QrCode-codigo-de-barras"><span style="color: #3366ff;">* Média – Telas mais animadas. Conexão ativa com a internet. Leitor de QrCode / código de barras.</span></span></h4>
<h4><span id="-Alta-Interface-complexa-e-muito-animada-uso-de-hardware-especifico-como-leitor-de-digital-e-identificacao-facial-restricao-de-uso-de-memoria-utilizacao-de-recursos-pesados-como-realidade-virtual"><span style="color: #3366ff;">* Alta –Interface complexa e muito animada, uso de hardware específico como leitor de digital e identificação facial, restrição de uso de memória, utilização de recursos pesados como realidade virtual</span></span></h4>
<p>Logicamente existem <a href="http://www.cms.dtidigital.com.br/blog/produto-transicao-de-carreira/">várias combinações possíveis</a>. Mas espero ter lhe ajudado a compreender melhor as atuais possibilidades de desenvolvimento de aplicativos mobile multiplataforma</p>
<p>Gostou do conteúdo deste artigo? Em nosso podcast, o<a href="https://osagilistas.com/"> Os Agilistas</a>, trazemos mais dicas técninas e práticas para o mercado de trabalho, etc. Te esperamos lá!</p>


Aplicativos Mobile Multiplataforma vs Nativo: Qual utilizar? PARTE 2

Desbloqueie o futuro do seu negócio

Mais conteúdos como esse

Travessa Dona Zilda, 125, sala 203, São Gonçalo – Pelotas, RS. CEP: 96075-166

14841 Dallas Parkway, 8th Floor Addison, TX 75254

R. Levindo Lopes, 357, 5º e 12º Andar – Savassi, Belo Horizonte MG, 30112-010