Construindo uma ferramenta interna de blogging usando o VTAP App Creator

No mundo acelerado e interconectado de hoje, uma comunicação eficaz é vital para qualquer equipe de sucesso. A escrita desempenha um papel crucial na tradução de ideias, fornecendo feedback e compartilhando conhecimentos adquiridos. Para facilitar esse processo, é essencial ter uma ferramenta de blog que permita aos membros da equipe criar e gerenciar postagens para facilitar o compartilhamento. Neste artigo, exploraremos como criar um aplicativo de blog mínimo usando o VTAP App Creator, uma ferramenta poderosa que permite a criação de vários aplicativos usando qualquer estrutura do lado do cliente de sua escolha.

Introdução ao criador de aplicativos VTAP

O VTAP App Creator é uma plataforma versátil que capacita os desenvolvedores a criar uma ampla gama de aplicativos usando suas estruturas preferidas do lado do cliente. Sua flexibilidade permite que os desenvolvedores criem aplicativos personalizados adaptados às suas necessidades específicas, tornando-o uma excelente escolha para diversos projetos.

Entendendo os Requisitos

Antes de mergulhar nos detalhes da implementação, vamos entender os requisitos de nossa ferramenta mínima de blogging. Precisamos de um aplicativo que permita aos usuários de CRM criar e gerenciar postagens de blog que outras pessoas possam acessar facilmente. A ferramenta deve ter as seguintes funcionalidades:

  • Interface amigável para criar e gerenciar postagens de blog.
  • Acessível através do URL: https://crm.url/myapps/blogs.
  • Uma página para exibir as postagens de um usuário específico, acessível através da URL: https://crm.url/myapps/blogs/#UserB.
  • Estrutura de dados para projetos e tarefas para lidar com a pós-autoria.

Ferramenta de mapeamento de dados para blogging

Para organizar os dados da ferramenta de blog de forma eficaz, podemos usar os módulos Projeto e Tarefas existentes fornecidos pelo Vtiger CRM. Para torná-lo adequado para pós-autoria, precisamos fazer algumas modificações:

  • Adicione um novo tipo de tarefa chamado Blog.
  • Adicione um novo Status de Tarefa chamado Gravação.
  • Adicione um novo Status de Tarefa chamado Publicado e marque-o como um estado Fechado.

Cada postagem do blog será representada como uma Tarefa vinculada a um Projeto denominado Blogs do usuário. Todas as Tarefas do tipo Blog serão vinculadas a este projeto.

Etapas de implementação

Vamos seguir as etapas para implementar o aplicativo de blogging mínimo usando o VTAP App Creator:

Crie um aplicativo VTAP no App Creator

Comece criando um novo aplicativo VTAP no App Creator. Isso servirá como base para nossa ferramenta de blogging.

Configurar as visualizações

No visualizações/index.html arquivo, defina o ponto de entrada para o aplicativo. Carregue os recursos necessários e dê vida ao nó #app DOM.

Definir Estilos

Use o recursos/index.css para definir estilos que darão ao aplicativo uma aparência simples e elegante, com base nas regras de folha de estilo Bootstrap e QuillJS.

Tempo de execução de aplicativo personalizado VTAP

Para interagir com APIs de CRM, implemente o VTAP Custom Application Runtime no recursos/vcap.js arquivo.

Desenvolvimento do lado do cliente

Para simplificar, usaremos o VueJS 2.x para desenvolvimento do lado do cliente. Utilize componentes sem a necessidade de pacotes da web. Os principais componentes do aplicativo são:

  • user-blog: Representa o blog do usuário.
  • blog-post: Exibe uma única postagem de blog.
  • rich-textarea: Fornece um editor de rich text para escrever o conteúdo do blog.

Troca de dados com Vuex

Use o padrão Vuex para trocar dados entre componentes de forma eficaz. Isso permitirá comunicação perfeita e gerenciamento de dados dentro do aplicativo.

Adicionar suporte de paginação

Aprimore o aplicativo ao oferecer suporte à paginação para gerenciar postagens. Isso tornará mais fácil navegar e organizar seu crescente número de postagens no blog.

Implementar Paginação Lazy-Load

Para otimizar o desempenho e reduzir os tempos de carregamento inicial, implemente a paginação de carregamento lento. Isso permite que o aplicativo carregue postagens dinamicamente conforme o usuário rola, exibindo postagens não visíveis na primeira página.

Conclusão

Construir uma ferramenta mínima de blog usando o VTAP App Creator é uma poderosa demonstração dos recursos da plataforma. Seguindo as etapas de implementação e aproveitando os recursos do VTAP, os desenvolvedores podem criar aplicativos personalizados adaptados às necessidades exclusivas de sua equipe.

A ferramenta de blog que construímos fornece um excelente ponto de partida para aplicativos mais sofisticados e serve como base para apresentar aos desenvolvedores o mundo da criação de aplicativos com o VTAP. Com a capacidade de se adaptar a qualquer estrutura do lado do cliente, o VTAP App Creator abre um mundo de possibilidades para o desenvolvimento de aplicativos criativos e eficientes.

Você pode acessar o código-fonte do nosso repositório SUA PARTICIPAÇÃO FAZ A DIFERENÇA.
 
 
 

Caso de uso do cliente VTAP

 
 

O requisito do aplicativo personalizado é desenvolver um aplicativo personalizado para funcionários de lojas de varejo. O aplicativo permitirá que os funcionários rastreiem leads, convertam leads em clientes pagos e gerenciem tarefas atribuídas. Ele deve ter a capacidade de pesquisar consultas existentes (negócios) com base nos números de telefone ou endereços de e-mail do cliente e exibir consultas abertas, se existirem. Se nenhuma consulta for encontrada, o aplicativo deve solicitar ao cliente que especifique o produto de seu interesse e atualize o CRM de acordo. Depois que o cliente seleciona um produto, o aplicativo cria uma fatura, envia a consulta e a sincroniza com o aplicativo de conta. 

Além disso, o aplicativo terá uma guia Ações para exibir todas as tarefas atribuídas ao agente da loja de varejo, enquanto a guia Início mostrará tarefas de diferentes departamentos atribuídas ao agente ou sua equipe, permitindo que eles concluam as tarefas com eficiência.
 

O requisito do aplicativo personalizado é desenvolver um aplicativo personalizado para funcionários de lojas de varejo. O aplicativo permitirá que os funcionários rastreiem leads, convertam leads em clientes pagos e gerenciem tarefas atribuídas. Ele deve ter a capacidade de pesquisar consultas existentes (negócios) com base nos números de telefone ou endereços de e-mail do cliente e exibir consultas abertas, se existirem. Se nenhuma consulta for encontrada, o aplicativo deve solicitar ao cliente que especifique o produto de seu interesse e atualize o CRM de acordo. Depois que o cliente seleciona um produto, o aplicativo cria uma fatura, envia a consulta e a sincroniza com o aplicativo de conta. 

Além disso, o aplicativo terá uma guia Ações para exibir todas as tarefas atribuídas ao agente da loja de varejo, enquanto a guia Início mostrará tarefas de diferentes departamentos atribuídas ao agente ou sua equipe, permitindo que eles concluam as tarefas com eficiência.
 
 

Em Breve - Tarefa Buscar Outras Ações do Process Designer

 
 

O recurso CRM visa aprimorar os recursos de automação introduzindo a ação Fetch Other Records no Process Designer para executar ações em registros relacionados além do registro principal. Os usuários podem facilmente configurar fluxos de automação avançados selecionando o módulo relacionado e definindo condições para filtrar registros com base nos campos de registro principais. Tarefas subsequentes, como enviar e-mails ou SMS, podem ser executadas nos registros buscados. No entanto, não será permitido adicionar ações após o envio de um e-mail ou SMS acionado a partir dos registros buscados. 

Para garantir a consistência, os usuários devem selecionar o módulo e salvar as condições na ação Fetch Records antes de adicionar qualquer tarefa downstream. Se o nó Buscar registros for excluído, todos os nós subsequentes serão limpos. 

Além disso, alterar o módulo na etapa Buscar registros removerá as tarefas de e-mail ou SMS dependentes configuradas com tags de mesclagem do módulo anterior, evitando possíveis conflitos. Esse recurso de CRM fornecerá uma maneira flexível e eficiente de gerenciar vários casos de uso de automação envolvendo registros relacionados no sistema.
 

O recurso CRM visa aprimorar os recursos de automação introduzindo a ação Fetch Other Records no Process Designer para executar ações em registros relacionados além do registro principal. Os usuários podem facilmente configurar fluxos de automação avançados selecionando o módulo relacionado e definindo condições para filtrar registros com base nos campos de registro principais. Tarefas subsequentes, como enviar e-mails ou SMS, podem ser executadas nos registros buscados. No entanto, não será permitido adicionar ações após o envio de um e-mail ou SMS acionado a partir dos registros buscados. 

Para garantir a consistência, os usuários devem selecionar o módulo e salvar as condições na ação Fetch Records antes de adicionar qualquer tarefa downstream. Se o nó Buscar registros for excluído, todos os nós subsequentes serão limpos. 

Além disso, alterar o módulo na etapa Buscar registros removerá as tarefas de e-mail ou SMS dependentes configuradas com tags de mesclagem do módulo anterior, evitando possíveis conflitos. Esse recurso de CRM fornecerá uma maneira flexível e eficiente de gerenciar vários casos de uso de automação envolvendo registros relacionados no sistema.
 
 

Inscreva-se para receber as últimas atualizações!

 
 

Direitos autorais 2024 Vtiger. Todos os direitos reservados. As diversas marcas comerciais pertencem a seus respectivos proprietários.