{"id":5601,"date":"2016-04-26T09:58:02","date_gmt":"2016-04-26T12:58:02","guid":{"rendered":"http:\/\/blog.panrotas.com.br\/b2btech\/?p=5601"},"modified":"2016-04-26T09:58:02","modified_gmt":"2016-04-26T12:58:02","slug":"esqueca-o-mobile-first","status":"publish","type":"post","link":"https:\/\/blog.panrotas.com.br\/b2btech\/2016\/04\/26\/esqueca-o-mobile-first\/","title":{"rendered":"ESQUE\u00c7A O &#8220;MOBILE FIRST&#8221;"},"content":{"rendered":"<p>O processo de desenvolvimento de novas solu\u00e7\u00f5es tecnol\u00f3gicas passa necessariamente por uma fase que chamamos de planejamento da arquitetura do sistema (ou &#8220;software architecture&#8221;), que nada mais \u00e9 sen\u00e3o analisar todos os poss\u00edveis cen\u00e1rios de uso do sistema a ser desenvolvido, para constru\u00ed-lo visando a m\u00e1xima ader\u00eancia do usu\u00e1rio.<\/p>\n<p>Pode ser considerada uma das etapas do processo de &#8220;design thinking&#8221;, mas prefiro entend\u00ea-la como a integra\u00e7\u00e3o entre o DT e o descritivo funcional, que \u00e9 uma esp\u00e9cie de especifica\u00e7\u00e3o t\u00e9cnica que antecede a codifica\u00e7\u00e3o do sistema propriamente dito.<\/p>\n<p>Abordo todo esse &#8220;tr\u00e9-l\u00e9-l\u00e9&#8221; para comentar como o usu\u00e1rio final vem impactando o desenvolvimento de novos sistemas corporativos, sejam ERPs, Backoffices, OBTs, SGVCs, TEMSs (legenda no final do texto) ou quaisquer outros, em rela\u00e7\u00e3o \u00e0 migra\u00e7\u00e3o de sua prefer\u00eancia nos \u00faltimos 15 anos: dos desktops para laptops, da\u00ed para tablets e, atualmente, para smartphones.<\/p>\n<figure id=\"attachment_5604\" aria-describedby=\"caption-attachment-5604\" style=\"width: 650px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" src=\"http:\/\/panrotas.blog.br\/b2btech\/wp-content\/uploads\/sites\/7\/2016\/04\/image-10.jpeg\" alt=\"A depend\u00eancia do smartphone come\u00e7a cedo, influenciada pelo comportamento dos adultos\" width=\"650\" height=\"717\" class=\"size-full wp-image-5604\" srcset=\"https:\/\/blog.panrotas.com.br\/b2btech\/wp-content\/uploads\/sites\/7\/2016\/04\/image-10.jpeg 650w, https:\/\/blog.panrotas.com.br\/b2btech\/wp-content\/uploads\/sites\/7\/2016\/04\/image-10-272x300.jpeg 272w\" sizes=\"(max-width: 650px) 100vw, 650px\" \/><figcaption id=\"caption-attachment-5604\" class=\"wp-caption-text\"><i>A depend\u00eancia do smartphone come\u00e7a cedo, influenciada pelo comportamento dos adultos<\/i><\/figcaption><\/figure>\n<p>A explos\u00e3o do mobile, bastante divulgada e debatida atualmente, causaram uma revolu\u00e7\u00e3o tamb\u00e9m na produ\u00e7\u00e3o de intelig\u00eancia de software, o que levou muitas empresas de tecnologia a seguirem o que os centros de pesquisa e desenvolvimento j\u00e1 faziam h\u00e1 algum tempo: foco na plataforma mobile.<\/p>\n<p>Sistemas pensados para uso via laptop passaram a ser desenvolvidos com vers\u00f5es App para plataforma mobile, um modelo caro de desenvolvimento e manuten\u00e7\u00e3o, devido aos diferentes sistemas operacionais das plataformas dominantes do mercado, que exigem equipes especializadas para cada uma, ou seja, v\u00e1rios profissionais fazendo basicamente a mesma coisa, para consumo por Apps diferentes.<\/p>\n<p>Com as \u00faltimas vers\u00f5es dos &#8220;browsers&#8221; mais atualizados, que permitem praticamente todas as funcionalidades dos Apps, atualmente a tend\u00eancia aponta para dire\u00e7\u00e3o oposta, mais racional, pr\u00e1tica, t\u00e3o efetiva quanto os Apps e que n\u00e3o apresenta o risco do usu\u00e1rio encontrar vers\u00f5es diferentes de um mesmo sistema corporativo, de acordo com o sistema operacional de seu smartphone.<\/p>\n<p>A metodologia de desenvolvimento baseda no &#8220;mobile first&#8221; venceu e a produ\u00e7\u00e3o de software passou a focar nesta plataforma prioritariamente, deixando todas as demais (tablets, laptops e desktops) em segundo planos, gerando os sites chamados responsivos.<\/p>\n<figure id=\"attachment_5615\" aria-describedby=\"caption-attachment-5615\" style=\"width: 601px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" src=\"http:\/\/panrotas.blog.br\/b2btech\/wp-content\/uploads\/sites\/7\/2016\/04\/Reserve-Responsivo.jpg\" alt=\"Os sites responsivos s\u00e3o desenvolvidos para se adaptarem \u00e0 plataforma do usu\u00e1rio\" width=\"601\" height=\"418\" class=\"size-full wp-image-5615\" srcset=\"https:\/\/blog.panrotas.com.br\/b2btech\/wp-content\/uploads\/sites\/7\/2016\/04\/Reserve-Responsivo.jpg 601w, https:\/\/blog.panrotas.com.br\/b2btech\/wp-content\/uploads\/sites\/7\/2016\/04\/Reserve-Responsivo-300x209.jpg 300w\" sizes=\"(max-width: 601px) 100vw, 601px\" \/><figcaption id=\"caption-attachment-5615\" class=\"wp-caption-text\"><i>Os sites responsivos s\u00e3o desenvolvidos para se adaptarem \u00e0 plataforma do usu\u00e1rio<\/i><\/figcaption><\/figure>\n<p>O fato \u00e9 que a velocidade do predom\u00ednio do mobile sobre todas as outras plataformas est\u00e1, agora, provocando nova ruptura no processo, n\u00e3o mais linear, de desenvolvimento de software, fazendo com que muitos sistemas passem a ser desenvolvidos com foco n\u00e3o mais priorit\u00e1rio, mas exclusivo, nas plataformas mobile.<\/p>\n<p>\u00c9 o tal do <strong>&#8220;mobile only&#8221;<\/strong>, uma tend\u00eancia mundial (ainda distante para algumas fam\u00edlias de sistemas) ditada pelo comportamento do consumidor, que compra e usa mais smartphones do que toda a soma de tablets, laptops e desktops, num movimento que o faz misturar definitivamente vida pessoal e profissional, sem qualquer diferencia\u00e7\u00e3o entre elas, a n\u00e3o ser a linha delimitat\u00f3ria que cada um consegue tra\u00e7ar no seu dia-a-dia.<\/p>\n<p>Uma mudan\u00e7a de comportamento que parece interessante tecnologicamente, embora preocupante do ponto de vista das rela\u00e7\u00f5es sociais, e que merece ser acompanhada de muito perto por quem produz sistemas para o usu\u00e1rio final.<\/p>\n<p>Afinal, somos todos protagonistas desta revolu\u00e7\u00e3o e co-respons\u00e1veis por aonde tudo isso vai dar\u2026<\/p>\n<figure id=\"attachment_5607\" aria-describedby=\"caption-attachment-5607\" style=\"width: 650px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" src=\"http:\/\/panrotas.blog.br\/b2btech\/wp-content\/uploads\/sites\/7\/2016\/04\/image-11.jpeg\" alt=\"A liberdade proporcionada pelo acesso ilimitado ao conhecimento trouxe tamb\u00e9m um novo tipo de n\u00e3o-liberdade, agravada pela escolha do usu\u00e1rio\" width=\"650\" height=\"650\" class=\"size-full wp-image-5607\" srcset=\"https:\/\/blog.panrotas.com.br\/b2btech\/wp-content\/uploads\/sites\/7\/2016\/04\/image-11.jpeg 650w, https:\/\/blog.panrotas.com.br\/b2btech\/wp-content\/uploads\/sites\/7\/2016\/04\/image-11-150x150.jpeg 150w, https:\/\/blog.panrotas.com.br\/b2btech\/wp-content\/uploads\/sites\/7\/2016\/04\/image-11-300x300.jpeg 300w\" sizes=\"(max-width: 650px) 100vw, 650px\" \/><figcaption id=\"caption-attachment-5607\" class=\"wp-caption-text\"><i>A liberdade proporcionada pelo acesso ilimitado ao conhecimento trouxe tamb\u00e9m um novo tipo de n\u00e3o-liberdade, agravada pela escolha do usu\u00e1rio<\/i><\/figcaption><\/figure>\n<p>.<\/p>\n<p><strong>Gloss\u00e1rio de alguns termos t\u00e9cnicos deste texto:<\/strong><\/p>\n<p>&#8211; Software architecture = defini\u00e7\u00e3o dos componentes e propriedades externas de um software, incluindo as intera\u00e7\u00f5es com outros softwares, com foco principal na an\u00e1lise das necessidades dos usu\u00e1rios para um sistema a ser desenvolvido.<\/p>\n<p>&#8211; Tr\u00e9-l\u00e9-l\u00e9 = o mesmo que bl\u00e1-bl\u00e1-bl\u00e1, s\u00f3 que com algumas tecnicalidades.<\/p>\n<p>&#8211; Design Thinking = abordagem do planejamento e desenvolvimento de solu\u00e7\u00f5es centrado nas pessoas.<\/p>\n<p>&#8211; ERP = enterprise resource planning = sistema de gest\u00e3o empresarial.<\/p>\n<p>&#8211; Backoffice = sistema de gest\u00e3o financeira.<\/p>\n<p>&#8211; OBT = online booking tool = sistema de reserva online.<\/p>\n<p>&#8211; SGVC = sistema de gest\u00e3o de viagens corporativas.<\/p>\n<p>&#8211; TEMS = travel and expense management system = sistema de gest\u00e3o de viagens e despesas.<\/p>\n<p>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>O processo de desenvolvimento de novas solu\u00e7\u00f5es tecnol\u00f3gicas passa necessariamente por uma fase que chamamos de planejamento da arquitetura do sistema (ou &#8220;software architecture&#8221;), que nada mais \u00e9 sen\u00e3o analisar todos os poss\u00edveis cen\u00e1rios de uso do sistema a ser desenvolvido, para constru\u00ed-lo visando a m\u00e1xima ader\u00eancia do usu\u00e1rio. Pode ser considerada uma das etapas&hellip; <a class=\"more-link\" href=\"https:\/\/blog.panrotas.com.br\/b2btech\/2016\/04\/26\/esqueca-o-mobile-first\/\">Continue reading &rarr;<\/a><\/p>\n","protected":false},"author":11,"featured_media":5609,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[4,6,18,19],"tags":[37,42,64,71,73,82,93,94,103,108],"_links":{"self":[{"href":"https:\/\/blog.panrotas.com.br\/b2btech\/wp-json\/wp\/v2\/posts\/5601"}],"collection":[{"href":"https:\/\/blog.panrotas.com.br\/b2btech\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.panrotas.com.br\/b2btech\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.panrotas.com.br\/b2btech\/wp-json\/wp\/v2\/users\/11"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.panrotas.com.br\/b2btech\/wp-json\/wp\/v2\/comments?post=5601"}],"version-history":[{"count":0,"href":"https:\/\/blog.panrotas.com.br\/b2btech\/wp-json\/wp\/v2\/posts\/5601\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/blog.panrotas.com.br\/b2btech\/wp-json\/wp\/v2\/media\/5609"}],"wp:attachment":[{"href":"https:\/\/blog.panrotas.com.br\/b2btech\/wp-json\/wp\/v2\/media?parent=5601"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.panrotas.com.br\/b2btech\/wp-json\/wp\/v2\/categories?post=5601"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.panrotas.com.br\/b2btech\/wp-json\/wp\/v2\/tags?post=5601"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}