Création d'un outil de blog interne à l'aide de VTAP App Creator

Dans le monde rapide et interconnecté d'aujourd'hui, une communication efficace est vitale pour toute équipe performante. L'écriture joue un rôle crucial dans la traduction des idées, la rétroaction et le partage des connaissances acquises. Pour faciliter ce processus, il est essentiel de disposer d'un outil de blog qui permet aux membres de l'équipe de créer et de gérer des messages pour un partage facile. Dans cet article, nous allons explorer comment créer une application de blogging minimale à l'aide de VTAP App Creator, un outil puissant qui permet la création de diverses applications à l'aide de n'importe quel framework côté client de votre choix.

Présentation du créateur d'applications VTAP

VTAP App Creator est une plate-forme polyvalente qui permet aux développeurs de créer une large gamme d'applications à l'aide de leurs frameworks côté client préférés. Sa flexibilité permet aux développeurs de créer des applications personnalisées adaptées à leurs besoins spécifiques, ce qui en fait un excellent choix pour divers projets.

Comprendre les exigences

Avant de plonger dans les détails de la mise en œuvre, comprenons les exigences de notre outil de blogging minimal. Nous avons besoin d'une application qui permet aux utilisateurs de CRM de créer et de gérer des articles de blog auxquels d'autres peuvent facilement accéder. L'outil doit avoir les fonctionnalités suivantes :

  • Interface conviviale pour créer et gérer des articles de blog.
  • Accessible via l'URL : https://crm.url/myapps/blogs.
  • Une page pour afficher les publications d'un utilisateur spécifique, accessible via l'URL : https://crm.url/myapps/blogs/#UserB.
  • Structure de données pour les projets et les tâches pour gérer la post-création.

Outil de cartographie des données pour les blogs

Pour organiser efficacement les données de l'outil de blogging, nous pouvons utiliser les modules Projet et Tâches existants fournis par Vtiger CRM. Pour le rendre adapté à la rédaction de messages, nous devons apporter quelques modifications :

  • Ajoutez un nouveau type de tâche appelé Blog.
  • Ajoutez un nouveau statut de tâche appelé Écriture.
  • Ajoutez un nouveau statut de tâche appelé Publié et marquez-le comme un état Fermé.

Chaque article de blog sera représenté comme une tâche liée à un projet nommé User Blogs. Toutes les Tâches de type Blog seront liées à ce projet.

Étapes de mise en œuvre

Passons en revue les étapes pour implémenter l'application de blogging minimale à l'aide de VTAP App Creator :

Créer une application VTAP dans App Creator

Commencez par créer une nouvelle application VTAP dans App Creator. Cela servira de base à notre outil de blogging.

Configurer les vues

Dans le vues/index.html fichier, définissez le point d'entrée de l'application. Chargez les actifs requis et donnez vie au nœud DOM #app.

Définir les styles

Utilisez l'option ressources/index.css fichier pour définir des styles qui donneront à l'application une apparence simple et élégante, en s'appuyant sur les règles de feuille de style Bootstrap et QuillJS.

Exécution d'application personnalisée VTAP

Pour interagir avec les API CRM, implémentez le runtime d'application personnalisé VTAP dans le ressources/vcap.js fichier.

Développement côté client

Pour plus de simplicité, nous utiliserons VueJS 2.x pour le développement côté client. Utilisez des composants sans avoir besoin de packs Web. Les principaux composants de l'application sont :

  • user-blog : représente le blog de l'utilisateur.
  • blog-post : affiche un seul article de blog.
  • rich-textarea : Fournit un éditeur de texte enrichi pour écrire du contenu de blog.

Échange de données avec Vuex

Utilisez le modèle Vuex pour échanger efficacement des données entre les composants. Cela permettra une communication et une gestion des données transparentes au sein de l'application.

Ajouter la prise en charge de la pagination

Améliorez l'application en prenant en charge la pagination pour la gestion des publications. Cela facilitera la navigation et l'organisation de votre nombre croissant d'articles de blog.

Implémenter la pagination paresseuse

Pour optimiser les performances et réduire les temps de chargement initiaux, implémentez la pagination à chargement différé. Cela permet à l'application de charger les publications de manière dynamique au fur et à mesure que l'utilisateur fait défiler, en affichant les publications non visibles sur la première page.

Conclusion

La création d'un outil de blog minimal à l'aide de VTAP App Creator est une puissante démonstration des capacités de la plate-forme. En suivant les étapes de mise en œuvre et en tirant parti des fonctionnalités de VTAP, les développeurs peuvent créer des applications personnalisées adaptées aux besoins uniques de leur équipe.

L'outil de blogging que nous avons créé offre un excellent point de départ pour des applications plus sophistiquées et sert de base pour présenter aux développeurs le monde de la création d'applications avec VTAP. Avec la capacité de s'adapter à n'importe quel framework côté client, VTAP App Creator ouvre un monde de possibilités pour le développement d'applications créatives et efficaces.

Vous pouvez accéder au code source à partir de notre référentiel ici.
 
 
 

Cas d'utilisation client VTAP

 
 

L'exigence de l'application personnalisée est de développer une application sur mesure pour les employés du magasin de détail. L'application permettra aux employés de suivre les prospects sans rendez-vous, de convertir les prospects en clients payants et de gérer les tâches assignées. Il devrait avoir la capacité de rechercher des demandes existantes (offres) en fonction des numéros de téléphone ou des adresses e-mail des clients et d'afficher les demandes ouvertes si elles existent. Si aucune demande n'est trouvée, l'application doit inviter le client à spécifier le produit qui l'intéresse et à mettre à jour le CRM en conséquence. Une fois que le client a sélectionné un produit, l'application créera une facture, poussera la demande et la synchronisera avec l'application de compte. 

De plus, l'application aura un onglet Actions pour afficher toutes les tâches assignées à l'agent du magasin de détail, tandis que l'onglet Accueil affichera les tâches de différents services assignés à l'agent ou à son équipe, leur permettant d'accomplir efficacement les tâches.
 

L'exigence de l'application personnalisée est de développer une application sur mesure pour les employés du magasin de détail. L'application permettra aux employés de suivre les prospects sans rendez-vous, de convertir les prospects en clients payants et de gérer les tâches assignées. Il devrait avoir la capacité de rechercher des demandes existantes (offres) en fonction des numéros de téléphone ou des adresses e-mail des clients et d'afficher les demandes ouvertes si elles existent. Si aucune demande n'est trouvée, l'application doit inviter le client à spécifier le produit qui l'intéresse et à mettre à jour le CRM en conséquence. Une fois que le client a sélectionné un produit, l'application créera une facture, poussera la demande et la synchronisera avec l'application de compte. 

De plus, l'application aura un onglet Actions pour afficher toutes les tâches assignées à l'agent du magasin de détail, tandis que l'onglet Accueil affichera les tâches de différents services assignés à l'agent ou à son équipe, leur permettant d'accomplir efficacement les tâches.
 
 

Bientôt disponible – Tâche d'extraction d'autres actions du concepteur de processus

 
 

La fonctionnalité CRM vise à améliorer les capacités d'automatisation en introduisant l'action Fetch Other Records dans Process Designer pour effectuer des actions sur les enregistrements associés en plus de l'enregistrement principal. Les utilisateurs peuvent facilement configurer des flux d'automatisation avancés en sélectionnant le module associé et en définissant des conditions pour filtrer les enregistrements en fonction des champs d'enregistrement principaux. Des tâches ultérieures telles que l'envoi d'e-mails ou de SMS peuvent être effectuées sur les enregistrements récupérés. Cependant, l'ajout d'actions après l'envoi d'un e-mail ou d'un SMS déclenché à partir des enregistrements récupérés ne sera pas autorisé. 

Pour garantir la cohérence, les utilisateurs doivent sélectionner le module et enregistrer les conditions dans l'action Récupérer les enregistrements avant d'ajouter des tâches en aval. Si le nœud Fetch Records est supprimé, tous les nœuds suivants seront effacés. 

De plus, la modification du module à l'étape Fetch Records supprimera les tâches e-mail ou SMS dépendantes configurées avec des merge tags du module précédent, évitant ainsi les conflits potentiels. Cette fonctionnalité CRM fournira un moyen flexible et efficace de gérer divers cas d'utilisation d'automatisation impliquant des enregistrements associés dans le système.
 

La fonctionnalité CRM vise à améliorer les capacités d'automatisation en introduisant l'action Fetch Other Records dans Process Designer pour effectuer des actions sur les enregistrements associés en plus de l'enregistrement principal. Les utilisateurs peuvent facilement configurer des flux d'automatisation avancés en sélectionnant le module associé et en définissant des conditions pour filtrer les enregistrements en fonction des champs d'enregistrement principaux. Des tâches ultérieures telles que l'envoi d'e-mails ou de SMS peuvent être effectuées sur les enregistrements récupérés. Cependant, l'ajout d'actions après l'envoi d'un e-mail ou d'un SMS déclenché à partir des enregistrements récupérés ne sera pas autorisé. 

Pour garantir la cohérence, les utilisateurs doivent sélectionner le module et enregistrer les conditions dans l'action Récupérer les enregistrements avant d'ajouter des tâches en aval. Si le nœud Fetch Records est supprimé, tous les nœuds suivants seront effacés. 

De plus, la modification du module à l'étape Fetch Records supprimera les tâches e-mail ou SMS dépendantes configurées avec des merge tags du module précédent, évitant ainsi les conflits potentiels. Cette fonctionnalité CRM fournira un moyen flexible et efficace de gérer divers cas d'utilisation d'automatisation impliquant des enregistrements associés dans le système.
 
 

Inscrivez-vous pour recevoir les dernières mises à jour!

 
 

Copyright 2024 Vtiger. Tous les droits sont réservés. Diverses marques de commerce détenues par leurs propriétaires respectifs.