--- title: "GoodBarber 4.5: velocidade e produtividade para criar os apps do futuro" description: "A GoodBarber recebe uma grande atualização hoje. A GoodBarber 4.5 é a versão mais avançada que já criámos. Foi projetada para torná-lo mais produtivo e seu dese" canonical_url: "https://pt.goodbarber.com/blog/goodbarber-4-5-velocidade-e-produtividade-para-criar-os-apps-do-futuro-a819/" lang: pt date: 2018-05-29 last_updated: 2026-06-09 --- # GoodBarber 4.5: velocidade e produtividade para criar os apps do futuro [Voltar](/blog/make-it-r19/) # GoodBarber 4.5: velocidade e produtividade para criar os apps do futuro Escrito por margarida fonseca na Terça-Feira 29 Maio 2018· Última atualização: Terça-Feira 9 Junho 2026 ![](https://cmsphoto.ww-cdn.com/superstatic/121801/art/grande/22588186-25223152.jpg?v=1527613103.1925535) A GoodBarber recebe uma grande atualização hoje. A GoodBarber 4.5 é a versão mais avançada que já criámos. Foi projetada para torná-lo mais produtivo e seu desempenho de velocidade foi aumentado. Usuários "multi plataforma" estão em maioria em quase todos os países do mundo (fonte: comScore MMX Multi-Platform, dez. 2017) O desafio de oferecer um UX perfeito, tanto em dispositivos móveis quanto em computadores, nunca foi tão importante. Os seus usuários esperam encontrá-lo em qualquer lugar, nas Lojas, na Web, nos seus smartphones, tablets e computadores. Esta presença multicanal não é um luxo, mas uma necessidade. No entanto, poucos têm a expertise, os recursos humanos, técnicos e financeiros para oferecer aos seus usuários uma experiência que rivaliza com a proposta pelos grandes nomes da web. Sendo pioneira em App Builder, a GoodBarber sempre lhe deu a oportunidade de estar à frente, bem antes de todos os outros. Em 2011, foi com a criação de apps nativos, oferecidos apenas naquela época por um pequeno nicho de programadores; e desde 2017, é com a criação do Progressives Web Apps, um conceito que parece a renovação da web e o futuro dos aplicativos. 4.5 é uma versão que consolida a versatilidade da GoodBarber para criar os apps do futuro. A GoodBarber enfrenta, sempre, um duplo desafio. Projete a ferramenta que cria apps multi plataforma e imagine a interface que permite aproveitar o poder dessa ferramenta da forma mais intuitiva possível. ## Novo construtor: maior produtividade ![](https://cmsphoto.ww-cdn.com/superstatic/121801/art/grande/22588186-25223203.jpg?v=1527613400.4226663) O Construtor é o menu mais usado na GoodBarber. É aí que você gasta muito do seu tempo, especialmente durante o processo de design do seu aplicativo. Com a GoodBarber 4.5, a organização deste menu foi aprimorada e novos recursos foram introduzidos, a fim de aumentar a produtividade de usuários especialistas e facilitar a integração de novos usuários. ## Construtor > Assistente - Fácil de começar para iniciantes ![](https://cmsphoto.ww-cdn.com/superstatic/121801/art/grande/22588186-25223204.jpg?v=1527613456.2920318) Quando você cria um novo projeto, você é guiado por um assistente. Isso torna mais fácil para você aprender. Dependendo da oferta selecionada, o assistente define três ou quatro metas a serem atingidas. O número é deliberadamente baixo. O objetivo do assistente não é mostrar todos os recursos do GoodBarber. Ele está lá para ajudá-lo a progredir e colocá-lo no bom caminho para o sucesso. Para conseguir isso, dicas de ferramentas contextuais aparecem em toda a sua navegação. Eles explicam como uma ferramenta selecionada está funcionando. Uma nova barra superior também exibe instruções para exploração adicional do produto. É possível fechar o assistente a qualquer momento. Se você for um revendedor e não quiser oferecer o assistente aos seus clientes, poderá desativá-lo. Para isso, edite os direitos de acesso do seu usuário. ## Construtor > Conteúdo - estrutura de aplicativo claramente visível ![](https://cmsphoto.ww-cdn.com/superstatic/121801/art/grande/22588186-25223205.jpg?v=1527613531.6160145) A estrutura do aplicativo fica imediatamente visível quando você acessa ao menu Conteúdo. A hierarquia entre as páginas e a presença de categorias são exibidas claramente no painel. As ações principais - adicionar páginas/adicionar categorias - são facilmente acessíveis por botões de ação altamente visíveis. ## Construtor > Conteúdo - Nova aba de Conteúdo ![](https://cmsphoto.ww-cdn.com/superstatic/121801/art/grande/22588186-25223263.jpg?v=1527613633.6950958) As páginas podem ser ordenadas arrastando e soltando. Quando você seleciona uma página no painel, você é direcionado para a nova aba de conteúdo. Nesta guia, você gerencia, no centro da tela, o conteúdo do seu aplicativo. Na exibição de tabela, você pode filtrar o conteúdo por página e por categoria. Em cada linha, os atalhos tornam possível executar ações rápidas, como publicar ou não publicar o conteúdo. Um botão de ação muito visível no canto superior direito da tela permite adicionar conteúdo. Quando você salva um novo conteúdo, você é automaticamente mudado para a aba de visualização. Para maior conforto, as páginas "Sobre" e "Contato" são editadas no centro da tela, como qualquer outra página CMS. Nas páginas "Formulário", o botão de ação para editar o formulário agora é muito mais visível. ## Construtor > Design - Reunir todos os parâmetros ![](https://cmsphoto.ww-cdn.com/superstatic/121801/art/grande/22588186-25223277.jpg?v=1527613743.373721) O novo menu Design no Construtor reúne todos os parâmetros para configurar o design do app. Existem muitos parâmetros, mas como eles são bem organizados, é fácil encontrá-los. Assim, neste menu, você encontrará, por exemplo, as telas para configurar a home, as páginas internas do aplicativo e quaisquer elementos visuais, como o logotipo, os ícones e as telas de lançamento. ## Construtor > Design - Novo estilo global e temas personalizados ![](https://cmsphoto.ww-cdn.com/superstatic/121801/art/grande/22588186-25223286.jpg?v=1527613780.9980865) A nova versão do menu Estilo Global é uma grande novidade. Você pode criar e salvar um tema personalizado. Para criar seu próprio tema, use o botão Adicionar no canto superior direito do painel. Você terá acesso a todos os parâmetros do tema. Cada cor é acessível para cada área do app. Quando o seu trabalho estiver concluído, não se esqueça de salvar suas alterações e dar um nome ao seu tema. O seu tema aparecerá na lista de temas de cores. Cada nova página que você adicionar terá o design definido pelo seu tema pessoal. ## Construtor > Visualização completa no navegador ![](https://cmsphoto.ww-cdn.com/superstatic/121801/art/grande/22588186-25223310.jpg?v=1527613875.780677) Uma nova opção de visualização permite que você visualize seu PWA fora do back office, numa nova aba do seu navegador. É muito conveniente verificar suas alterações em condições reais antes de publicá-las. Para distinguir a versão de produção da versão de trabalho, uma barra superior é exibida na parte superior da tela para identificar a última. ## Construtor > Novo menu de configurações ![](https://cmsphoto.ww-cdn.com/superstatic/121801/art/grande/22588186-25223324.jpg?v=1527613939.766236) O menu Configurações no Construtor é feito de atalhos e links para as principais ações. Enquanto estiver no construtor, você poderá acessar o catálogo de add-ons neste menu, gerenciar sua equipe editorial ou visualizar o log de atualizações das modificações pendentes. ## Construtor > Novos tamanhos para o painel ![](https://cmsphoto.ww-cdn.com/superstatic/121801/art/grande/22588186-25223336.jpg?v=1527614004.616769) O painel está agora disponível em 3 tamanhos. Completamente implantado, parcialmente implantado e totalmente retraído. O modo parcialmente implantado permite que os usuários que trabalham em laptops mantenham o painel aberto durante a visualização ou edição do conteúdo. ## Construtor > Um carrossel para escolher templates ![](https://cmsphoto.ww-cdn.com/superstatic/121801/art/grande/22588186-25223368.jpg?v=1527614128.8227632) Ao editar o padrão para exibir páginas ou widgets para a home, o modelo ativo agora aparece na parte superior do painel. É possível alterar esse modelo navegando num carrossel. Cada vez que você navega num modelo, o painel é atualizado para exibir as opções contextuais associadas ao modelo. ## Equipe > Gerenciamento aprimorado de direitos A reorganização do Construtor, com essa clara separação entre gerenciamento de conteúdo e gerenciamento de design, permite que você ofereça um gerenciamento ainda melhor dos direitos do usuário na sua equipe editorial. As funções de designer e produtor de conteúdo podem ser claramente definidas abrindo e fechando o acesso a menus e páginas de conteúdo do aplicativo. Agora os menus aos quais o membro da equipe não tem acesso estão ocultos. ## GoodBarber 4.5 - O Construtor de Apps mais rápido Paralelamente ao lançamento dos novos recursos visíveis no back office, com a 4.5, o desempenho da GoodBarber foi melhorado. Por exemplo, na renderização de páginas, ganhos de até 50% foram atingidos. Embora possa passar despercebido, o trabalho que foi feito é enorme. O risco quando um produto evolui é que o desempenho se deteriora à medida que os recursos aumentam. É uma armadilha que estamos constantemente lutando contra. Paralelamente às mudanças feitas à GoodBarber pela equipe de produto, os engenheiros estão constantemente empenhados em otimizar o desempenho. A GoodBarber 4.5 foi uma oportunidade de fazer muito trabalho de otimização, começando por concentrar os nossos esforços nas páginas mais usadas do back office. A diferença é perceptível, o back office é fluido, rápido e muito agradável de usar. ## Uma estrutura sólida para futuras evoluções A GoodBarber 4.5 tem sido uma oportunidade para questionarmos alguns princípios de construção que formam a base da GoodBarber. Tecnicamente e ergonomicamente, esta nova versão oferece uma nova base para construir o futuro da plataforma e propor futuras evoluções.