Designer de módulo aprimorado

Quem não deseja adicionar novos aplicativos ao seu CRM que ajudem a atender às crescentes demandas dos clientes? Ao mesmo tempo, você também deseja uma interface atraente e fácil de usar para executar essas funções.

Muitos desenvolvedores se limitam a funcionalidades testadas pelo tempo na tela, enquanto renunciam aos aspectos de design. Muitos não exploram as opções de adição de funções para ampliar os recursos de CRM, talvez por falta de tempo ou pelos custos de desenvolvimento associados.

E se disséssemos que existe uma solução que pode ajudá-lo a criar novos aplicativos e melhorar a IU?

Com a combinação do Module Designer e VTAP do Vtiger, você pode criar aplicativos e adicionar os componentes de UI necessários com tempo de desenvolvimento reduzido.

Considere isto.

Usando o Module Designer, você poderá criar scripts e, usando o VTAP, poderá adicionar botões personalizados nas visualizações de lista e detalhes dos módulos selecionados no CRM.

Com as melhorias feitas no Module Designer, os desenvolvedores poderão adicionar botões personalizados da IU com bastante facilidade.

Aqui está um exemplo que mostra como o Module Designer aprimorado pode reduzir o tempo de codificação. Vamos adicionar um botão Visualização de lista que abrirá a página vtiger.com em uma nova guia.

Com o Module Designer atual, você poderá fazer isso com o código abaixo.

Com o Module Designer aprimorado, você pode fazer isso na IU, conforme mostrado abaixo.

Você pode adicionar essas ações em UI Actions no Module Designer.

Para conseguir isso, basta ativar o Modo Designer em Module Designer -> Configurações -> Configurações do Personalizador.

Depois de ativar a caixa de seleção Modo Designer, você poderá adicionar os botões da própria página do módulo (por exemplo, a página Visualização de lista ou a página Visualização detalhada no módulo Contatos).

Os ícones adicionados serão destacados após você ativar o modo Designer, conforme ilustrado acima. Clicar nesses ícones permitirá adicionar botões personalizados.

Atualmente, os seguintes tipos de botões estão habilitados no CRM.

Tipo de botão Evento de registro VTAP Descrição
Ícone de ação global GLOBAL_ACTION Adiciona o ícone no cabeçalho Vtiger
Botão de visualização de lista LIST_BASIC_BUTTON Adiciona o botão na visualização de lista
Visualização de lista Adicionar tipo de registro LIST_ADD_RECORD_OPTION Adiciona o botão antes do botão Adicionar na visualização de lista
Ação de configurações de exibição de lista LIST_ADVANCED_SETTING Adiciona o botão no menu suspenso Configurações
Ícone de ação básica da linha de exibição de lista LIST_ROW_BASIC_ACTION Adiciona o ícone no final da linha da Visualização de lista
Ícone de ação secundária da linha de exibição de lista LIST_ROW_SECONDARY_ACTION Adiciona o ícone ao início da linha da Visualização de lista
Ícone de ação em massa da visualização de lista LIST_MASS_ACTION Adiciona ícones para selecionar vários registros
Visualizar detalhes mais item de ação DETAIL_MORE_ACTION_ITEM Adiciona botões à ação Mais na visualização de detalhes
Botão básico de visualização de detalhes DETAIL_BASIC_BUTTON Adiciona um botão à Visualização de detalhes
Ícone de ação de visualização de detalhes DETAIL_ACTION_ICON Adiciona o ícone ao menu suspenso Ícones de cabeçalho de detalhes
 
 
 

Caso de uso do cliente VTAP

 
 

O cliente atua na área de Serviços de Tradução. O objetivo deles era restringir a criação de Pedidos de Compra (PO) dentro de um mês após a criação do projeto.

A Vtiger conseguiu fornecer uma solução usando VTAP - um pedido de compra criado após um mês acionará uma aprovação.

Vejamos o código da solução acima.

 

O cliente atua na área de Serviços de Tradução. O objetivo deles era restringir a criação de Pedidos de Compra (PO) dentro de um mês após a criação do projeto.

A Vtiger conseguiu fornecer uma solução usando VTAP - um pedido de compra criado após um mês acionará uma aprovação.

Vejamos o código da solução acima.


  

var PurchaseOrder_Component_ValidatePO = VTAP.Component.Core.extend({

created() {

VTAP.Detail.BeforeSave('PurchaseOrder', (params) => {

return new Promise((resolve, reject) => {

let record = params.record;

if (!record.id && record.cf_purchaseorder_projectref) {

VTAP.Api.Get('records', {

id: record.cf_purchaseorder_projectref.id,

module: record.cf_purchaseorder_projectref.module

}, (error, response) => {

if (response) {

let currentDate = moment.tz(new Date(), 'YYYY-MM-DD', VTAP.User().time_zone);

let projectDate = moment.tz(response.createdtime, 'YYYY-MM-DD', VTAP.User().time_zone);

let months = currentDate.diff(projectDate, 'months');

if (months >= 1) {

record.set('postatus', 'Needs Approval');

}

resolve(params);

}

});

} else {

resolve(params);

}

});

});

}

});


  

var PurchaseOrder_Component_ValidatePO = VTAP.Component.Core.extend({

created() {

VTAP.Detail.BeforeSave('PurchaseOrder', (params) => {

return new Promise((resolve, reject) => {

let record = params.record;

if (!record.id && record.cf_purchaseorder_projectref) {

VTAP.Api.Get('records', {

id: record.cf_purchaseorder_projectref.id,

module: record.cf_purchaseorder_projectref.module

}, (error, response) => {

if (response) {

let currentDate = moment.tz(new Date(), 'YYYY-MM-DD', VTAP.User().time_zone);

let projectDate = moment.tz(response.createdtime, 'YYYY-MM-DD', VTAP.User().time_zone);

let months = currentDate.diff(projectDate, 'months');

if (months >= 1) {

record.set('postatus', 'Needs Approval');

}

resolve(params);

}

});

} else {

resolve(params);

}

});

});

}

});

 

VTAP.Detail.BeforeSave acionará o manipulador de eventos antes de salvar qualquer registro no módulo especificado. Dependendo dos comandos de resolução e rejeição, o sistema continuará salvando o registro ou parando.

 

VTAP.Detail.BeforeSave acionará o manipulador de eventos antes de salvar qualquer registro no módulo especificado. Dependendo dos comandos de resolução e rejeição, o sistema continuará salvando o registro ou parando.

 
 

Em Breve

 

Criação e evolução de aplicativos

 
 

Utilizando os recursos da ferramenta App Creator, estamos embarcando em uma jornada que vai além do convencional.

Projetando para Todos: Uma nova perspectiva sobre CRM com criação de aplicativos inclusivos

App Evolution: Revolucionando a interação de CRM para todos os perfis

Não estamos apenas possibilitando a criação de aplicativos para usuários de CRM; estamos estendendo esse privilégio aos nossos contatos e ao público em geral. Nossa visão abrange a introdução de três caminhos distintos para a criação de aplicativos, cada um atendendo a uma área específica de envolvimento.

Aplicativos do usuário: Esses aplicativos especializados são projetados exclusivamente para usuários de CRM. Feitos sob medida para atender às necessidades exclusivas de quem faz parte da sua organização, esses aplicativos capacitarão seus usuários de CRM com ferramentas ajustadas para aumentar sua produtividade e eficiência.

Aplicativos de contato: Imagine um ambiente onde seus contatos também possam interagir com aplicativos desenvolvidos especificamente. Estas aplicações, acessíveis exclusivamente aos contactos, espelham o conceito de portal do cliente, proporcionando aos seus contactos um canal integrado de interação e envolvimento com o seu negócio.

Aplicativos públicos: Expandindo ainda mais os horizontes, estamos introduzindo aplicativos que transcendem as fronteiras organizacionais. Esses aplicativos são projetados para acesso público, abrindo novos caminhos para interação e criação de valor. Ao tornar estas aplicações acessíveis a um público mais vasto, estamos a quebrar barreiras e a promover o envolvimento para além dos limites tradicionais.

Na verdade, a introdução dessas diversas categorias de aplicativos permite que você crie soluções personalizadas e crie aplicativos exclusivos. O objetivo? Para atender a um público amplo, tanto aqueles diretamente envolvidos com CRM quanto aqueles indiretamente conectados. Essa abordagem aumenta o potencial do seu CRM e aproxima sua organização de seus clientes, contatos e do mundo em geral.

 

Utilizando os recursos da ferramenta App Creator, estamos embarcando em uma jornada que vai além do convencional.

Projetando para Todos: Uma nova perspectiva sobre CRM com criação de aplicativos inclusivos

App Evolution: Revolucionando a interação de CRM para todos os perfis

Não estamos apenas possibilitando a criação de aplicativos para usuários de CRM; estamos estendendo esse privilégio aos nossos contatos e ao público em geral. Nossa visão abrange a introdução de três caminhos distintos para a criação de aplicativos, cada um atendendo a uma área específica de envolvimento.

Aplicativos do usuário: Esses aplicativos especializados são projetados exclusivamente para usuários de CRM. Feitos sob medida para atender às necessidades exclusivas de quem faz parte da sua organização, esses aplicativos capacitarão seus usuários de CRM com ferramentas ajustadas para aumentar sua produtividade e eficiência.

Aplicativos de contato: Imagine um ambiente onde seus contatos também possam interagir com aplicativos desenvolvidos especificamente. Estas aplicações, acessíveis exclusivamente aos contactos, espelham o conceito de portal do cliente, proporcionando aos seus contactos um canal integrado de interação e envolvimento com o seu negócio.

Aplicativos públicos: Expandindo ainda mais os horizontes, estamos introduzindo aplicativos que transcendem as fronteiras organizacionais. Esses aplicativos são projetados para acesso público, abrindo novos caminhos para interação e criação de valor. Ao tornar estas aplicações acessíveis a um público mais vasto, estamos a quebrar barreiras e a promover o envolvimento para além dos limites tradicionais.

Na verdade, a introdução dessas diversas categorias de aplicativos permite que você crie soluções personalizadas e crie aplicativos exclusivos. O objetivo? Para atender a um público amplo, tanto aqueles diretamente envolvidos com CRM quanto aqueles indiretamente conectados. Essa abordagem aumenta o potencial do seu CRM e aproxima sua organização de seus clientes, contatos e do mundo em geral.

 
 

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