Creazione di uno strumento di blogging interno utilizzando VTAP App Creator

Nel mondo frenetico e interconnesso di oggi, una comunicazione efficace è vitale per qualsiasi team di successo. La scrittura gioca un ruolo cruciale nella traduzione delle idee, nel fornire feedback e nella condivisione delle conoscenze acquisite. Per facilitare questo processo, è essenziale disporre di uno strumento di blogging che consenta ai membri del team di creare e gestire post per una facile condivisione. In questo articolo, esploreremo come creare un'applicazione di blogging minimale utilizzando VTAP App Creator, un potente strumento che consente la creazione di varie app utilizzando qualsiasi framework lato client di tua scelta.

Introduzione a VTAP App Creator

VTAP App Creator è una piattaforma versatile che consente agli sviluppatori di creare un'ampia gamma di applicazioni utilizzando i loro framework lato client preferiti. La sua flessibilità consente agli sviluppatori di creare applicazioni personalizzate su misura per le loro esigenze specifiche, rendendolo una scelta eccellente per vari progetti.

Comprensione dei requisiti

Prima di addentrarci nei dettagli dell'implementazione, cerchiamo di comprendere i requisiti del nostro strumento minimo di blogging. Abbiamo bisogno di un'applicazione che consenta agli utenti CRM di creare e gestire post di blog a cui altri possano accedere facilmente. Lo strumento dovrebbe avere le seguenti caratteristiche:

Mappatura dei dati per lo strumento di blogging

Per organizzare in modo efficace i dati dello strumento di blogging, possiamo utilizzare i moduli Progetto e Attività esistenti forniti da Vtiger CRM. Per renderlo adatto alla creazione di post, dobbiamo apportare alcune modifiche:

  • Aggiungi un nuovo tipo di attività chiamato Blog.
  • Aggiungi un nuovo Stato attività chiamato Scrittura.
  • Aggiungi un nuovo Stato attività chiamato Pubblicato e contrassegnalo come stato Chiuso.

Ogni post del blog sarà rappresentato come un'attività collegata a un progetto denominato User Blog. Tutti i Task di tipo Blog saranno collegati a questo progetto.

Fasi di implementazione

Esaminiamo i passaggi per implementare l'applicazione di blog minima utilizzando VTAP App Creator:

Crea un'applicazione VTAP in App Creator

Inizia creando una nuova applicazione VTAP in App Creator. Questo servirà come base per il nostro strumento di blogging.

Imposta le visualizzazioni

Nel viste/index.html file, impostare il punto di ingresso per l'applicazione. Carica gli asset richiesti e dai vita al nodo #app DOM.

Definisci stili

Usa il risorse/index.css file per definire stili che conferiranno all'applicazione un aspetto semplice ed elegante, basandosi sulle regole dei fogli di stile Bootstrap e QuillJS.

Runtime dell'applicazione personalizzata VTAP

Per interagire con le API CRM, implementa il runtime dell'applicazione personalizzata VTAP nel file risorse/vcap.js file.

Sviluppo lato client

Per semplicità, utilizzeremo VueJS 2.x per lo sviluppo lato client. Utilizza i componenti senza la necessità di pacchetti web. I componenti principali dell'applicazione sono:

  • user-blog: rappresenta il blog dell'utente.
  • blog-post: Visualizza un singolo post del blog.
  • rich-textarea: Fornisce un editor di testo ricco per la scrittura del contenuto del blog.

Scambio dati con Vuex

Usa il modello Vuex per scambiare dati tra i componenti in modo efficace. Ciò consentirà una comunicazione e una gestione dei dati senza soluzione di continuità all'interno dell'applicazione.

Aggiungi il supporto per l'impaginazione

Migliora l'applicazione supportando l'impaginazione per la gestione dei post. Ciò renderà più facile la navigazione e l'organizzazione del numero crescente di post del blog.

Implementare l'impaginazione Lazy-Load

Per ottimizzare le prestazioni e ridurre i tempi di caricamento iniziali, implementa l'impaginazione con caricamento lento. Ciò consente all'applicazione di caricare i post in modo dinamico mentre l'utente scorre, visualizzando i post non visibili nella prima pagina.

Conclusione

Costruire uno strumento di blogging minimo utilizzando VTAP App Creator è una potente dimostrazione delle capacità della piattaforma. Seguendo le fasi di implementazione e sfruttando le funzionalità di VTAP, gli sviluppatori possono creare applicazioni personalizzate su misura per le esigenze specifiche del proprio team.

Lo strumento di blogging che abbiamo creato fornisce un eccellente punto di partenza per applicazioni più sofisticate e funge da base per introdurre gli sviluppatori nel mondo della creazione di app con VTAP. Con la capacità di adattarsi a qualsiasi framework lato client, VTAP App Creator apre un mondo di possibilità per lo sviluppo di applicazioni creative ed efficienti.

Puoi accedere al codice sorgente dal nostro repository qui.

 
 
 

Caso d'uso del cliente VTAP

 
 

Il requisito dell'applicazione personalizzata è sviluppare un'app su misura per i dipendenti dei negozi al dettaglio. L'app consentirà ai dipendenti di tenere traccia dei lead walk-in, convertire i lead in clienti pagati e gestire le attività assegnate. Dovrebbe avere la capacità di cercare richieste esistenti (offerte) in base ai numeri di telefono o agli indirizzi e-mail dei clienti e visualizzare le richieste aperte se esistono. Se non vengono trovate richieste, l'app dovrebbe richiedere al cliente di specificare il prodotto interessato e aggiornare il CRM di conseguenza. Una volta che il cliente seleziona un prodotto, l'app creerà una fattura, invierà la richiesta e la sincronizzerà con l'applicazione dell'account. 

Inoltre, l'app avrà una scheda Azioni per visualizzare tutte le attività assegnate all'agente del negozio al dettaglio, mentre la scheda Home mostrerà le attività di diversi reparti assegnati all'agente o al suo team, consentendo loro di completare in modo efficiente le attività.

 

Il requisito dell'applicazione personalizzata è sviluppare un'app su misura per i dipendenti dei negozi al dettaglio. L'app consentirà ai dipendenti di tenere traccia dei lead walk-in, convertire i lead in clienti pagati e gestire le attività assegnate. Dovrebbe avere la capacità di cercare richieste esistenti (offerte) in base ai numeri di telefono o agli indirizzi e-mail dei clienti e visualizzare le richieste aperte se esistono. Se non vengono trovate richieste, l'app dovrebbe richiedere al cliente di specificare il prodotto interessato e aggiornare il CRM di conseguenza. Una volta che il cliente seleziona un prodotto, l'app creerà una fattura, invierà la richiesta e la sincronizzerà con l'applicazione dell'account. 

Inoltre, l'app avrà una scheda Azioni per visualizzare tutte le attività assegnate all'agente del negozio al dettaglio, mentre la scheda Home mostrerà le attività di diversi reparti assegnati all'agente o al suo team, consentendo loro di completare in modo efficiente le attività.

 
 

Prossimamente - Attività Recupera altre azioni di Process Designer

 
 

La funzionalità CRM mira a migliorare le capacità di automazione introducendo l'azione Recupera altri record in Process Designer per eseguire azioni sui record correlati oltre al record principale. Gli utenti possono facilmente configurare flussi di automazione avanzati selezionando il relativo modulo e impostando le condizioni per filtrare i record in base ai campi dei record principali. Attività successive come l'invio di e-mail o SMS possono essere eseguite sui record recuperati. Tuttavia, non sarà consentito aggiungere azioni dopo l'invio di un'e-mail o di un SMS attivato dai record recuperati. 

Per garantire la coerenza, gli utenti devono selezionare il modulo e salvare le condizioni nell'azione Recupera record prima di aggiungere attività a valle. Se il nodo Fetch Records viene eliminato, tutti i nodi successivi verranno cancellati. 

Inoltre, la modifica del modulo nel passaggio Recupera record rimuoverà le attività di posta elettronica o SMS dipendenti configurate con tag di unione dal modulo precedente, evitando potenziali conflitti. Questa funzionalità CRM fornirà un modo flessibile ed efficiente per gestire vari casi d'uso di automazione che coinvolgono record correlati all'interno del sistema.

 

La funzionalità CRM mira a migliorare le capacità di automazione introducendo l'azione Recupera altri record in Process Designer per eseguire azioni sui record correlati oltre al record principale. Gli utenti possono facilmente configurare flussi di automazione avanzati selezionando il relativo modulo e impostando le condizioni per filtrare i record in base ai campi dei record principali. Attività successive come l'invio di e-mail o SMS possono essere eseguite sui record recuperati. Tuttavia, non sarà consentito aggiungere azioni dopo l'invio di un'e-mail o di un SMS attivato dai record recuperati. 

Per garantire la coerenza, gli utenti devono selezionare il modulo e salvare le condizioni nell'azione Recupera record prima di aggiungere attività a valle. Se il nodo Fetch Records viene eliminato, tutti i nodi successivi verranno cancellati. 

Inoltre, la modifica del modulo nel passaggio Recupera record rimuoverà le attività di posta elettronica o SMS dipendenti configurate con tag di unione dal modulo precedente, evitando potenziali conflitti. Questa funzionalità CRM fornirà un modo flessibile ed efficiente per gestire vari casi d'uso di automazione che coinvolgono record correlati all'interno del sistema.

 
 

Iscriviti per ricevere gli ultimi aggiornamenti!