Creación de una herramienta de blogs interna con VTAP App Creator

En el mundo acelerado e interconectado de hoy, la comunicación efectiva es vital para cualquier equipo exitoso. La escritura juega un papel crucial en la traducción de ideas, proporcionando retroalimentación y compartiendo el conocimiento adquirido. Para facilitar este proceso, es esencial contar con una herramienta de blogs que permita a los miembros del equipo crear y administrar publicaciones para compartirlas fácilmente. En este artículo, exploraremos cómo crear una aplicación de blogs mínima utilizando VTAP App Creator, una poderosa herramienta que permite la creación de varias aplicaciones utilizando cualquier marco del lado del cliente de su elección.

Introducción al creador de aplicaciones VTAP

VTAP App Creator es una plataforma versátil que permite a los desarrolladores crear una amplia gama de aplicaciones utilizando sus marcos de trabajo preferidos del lado del cliente. Su flexibilidad permite a los desarrolladores crear aplicaciones personalizadas adaptadas a sus necesidades específicas, lo que la convierte en una excelente opción para varios proyectos.

Comprensión de los requisitos

Antes de profundizar en los detalles de implementación, comprendamos los requisitos de nuestra herramienta mínima de blogs. Necesitamos una aplicación que permita a los usuarios de CRM crear y administrar publicaciones de blog a las que otros puedan acceder fácilmente. La herramienta debe tener las siguientes características:

  • Interfaz fácil de usar para crear y administrar publicaciones de blog.
  • Accesible a través de la URL: https://crm.url/myapps/blogs.
  • Una página para mostrar las publicaciones de un usuario específico, accesible a través de la URL: https://crm.url/myapps/blogs/#UserB.
  • Estructura de datos para proyectos y tareas para manejar la post-autoría.

Mapeo de datos para la herramienta de blogs

Para organizar los datos de la herramienta de blogs de manera efectiva, podemos usar los módulos Proyecto y Tareas existentes proporcionados por Vtiger CRM. Para que sea adecuado para la creación de publicaciones, necesitamos hacer algunas modificaciones:

  • Agregue un nuevo tipo de tarea llamado Blog.
  • Agregue un nuevo Estado de tarea llamado Escritura.
  • Agregue un nuevo Estado de la tarea llamado Publicado y márquelo como un estado Cerrado.

Cada publicación de blog se representará como una tarea vinculada a un proyecto llamado Blogs de usuarios. Todas las Tareas de tipo Blog estarán vinculadas a este proyecto.

Pasos para la implementación

Repasemos los pasos para implementar la aplicación de blogs mínima utilizando VTAP App Creator:

Crear una aplicación VTAP en App Creator

Comience creando una nueva aplicación VTAP en App Creator. Esto servirá como base para nuestra herramienta de blogs.

Configurar las vistas

En Los vistas/index.html archivo, establezca el punto de entrada para la aplicación. Cargue los activos necesarios y haga que el nodo DOM #app cobre vida.

Definir estilos

Ingrese al recursos/index.css para definir estilos que le darán a la aplicación una apariencia simple y elegante, basándose en las reglas de hojas de estilo de Bootstrap y QuillJS.

Tiempo de ejecución de aplicaciones personalizadas de VTAP

Para interactuar con las API de CRM, implemente el Tiempo de ejecución de aplicaciones personalizadas de VTAP en el recursos/vcap.js archivo.

Desarrollo del lado del cliente

Para simplificar, usaremos VueJS 2.x para el desarrollo del lado del cliente. Utilice componentes sin necesidad de paquetes web. Los componentes principales de la aplicación son:

  • user-blog: Representa el blog del usuario.
  • blog-post: muestra una sola publicación de blog.
  • rich-textarea: proporciona un editor de texto enriquecido para escribir contenido de blog.

Intercambio de datos con Vuex

Use el patrón Vuex para intercambiar datos entre componentes de manera efectiva. Esto permitirá una comunicación fluida y una gestión de datos dentro de la aplicación.

Agregar soporte de paginación

Mejore la aplicación al admitir la paginación para administrar publicaciones. Esto facilitará la navegación y la organización de su creciente número de publicaciones de blog.

Implementar la paginación de carga diferida

Para optimizar el rendimiento y reducir los tiempos de carga iniciales, implemente la paginación de carga diferida. Esto permite que la aplicación cargue publicaciones dinámicamente a medida que el usuario se desplaza, mostrando publicaciones que no son visibles en la primera página.

Conclusión

La creación de una herramienta de blogs mínima con VTAP App Creator es una poderosa demostración de las capacidades de la plataforma. Al seguir los pasos de implementación y aprovechar las características de VTAP, los desarrolladores pueden crear aplicaciones personalizadas adaptadas a las necesidades únicas de su equipo.

La herramienta de creación de blogs que hemos creado proporciona un excelente punto de partida para aplicaciones más sofisticadas y sirve como base para presentar a los desarrolladores el mundo de la creación de aplicaciones con VTAP. Con la capacidad de adaptarse a cualquier marco del lado del cliente, VTAP App Creator abre un mundo de posibilidades para el desarrollo de aplicaciones creativas y eficientes.

Puedes acceder al código fuente desde nuestro repositorio aquí.
 
 
 

Caso de uso del cliente VTAP

 
 

El requisito de la aplicación personalizada es desarrollar una aplicación personalizada para los empleados de las tiendas minoristas. La aplicación permitirá a los empleados realizar un seguimiento de los clientes potenciales, convertirlos en clientes de pago y gestionar las tareas asignadas. Debe tener la capacidad de buscar consultas existentes (ofertas) en función de los números de teléfono o las direcciones de correo electrónico de los clientes y mostrar las consultas abiertas, si existen. Si no se encuentran consultas, la aplicación debe solicitar al cliente que especifique el producto de su interés y actualice el CRM en consecuencia. Una vez que el cliente selecciona un producto, la aplicación creará una factura, enviará la consulta y la sincronizará con la aplicación de la cuenta. 

Además, la aplicación tendrá una pestaña Acciones para mostrar todas las tareas asignadas al agente de la tienda minorista, mientras que la pestaña Inicio mostrará las tareas de diferentes departamentos asignadas al agente o su equipo, lo que les permitirá completar las tareas de manera eficiente.
 

El requisito de la aplicación personalizada es desarrollar una aplicación personalizada para los empleados de las tiendas minoristas. La aplicación permitirá a los empleados realizar un seguimiento de los clientes potenciales, convertirlos en clientes de pago y gestionar las tareas asignadas. Debe tener la capacidad de buscar consultas existentes (ofertas) en función de los números de teléfono o las direcciones de correo electrónico de los clientes y mostrar las consultas abiertas, si existen. Si no se encuentran consultas, la aplicación debe solicitar al cliente que especifique el producto de su interés y actualice el CRM en consecuencia. Una vez que el cliente selecciona un producto, la aplicación creará una factura, enviará la consulta y la sincronizará con la aplicación de la cuenta. 

Además, la aplicación tendrá una pestaña Acciones para mostrar todas las tareas asignadas al agente de la tienda minorista, mientras que la pestaña Inicio mostrará las tareas de diferentes departamentos asignadas al agente o su equipo, lo que les permitirá completar las tareas de manera eficiente.
 
 

Próximamente: tarea Obtener otras acciones del diseñador de procesos

 
 

La función de CRM tiene como objetivo mejorar las capacidades de automatización mediante la introducción de la acción Obtener otros registros en Process Designer para realizar acciones en registros relacionados además del registro principal. Los usuarios pueden configurar fácilmente flujos de automatización avanzados seleccionando el módulo relacionado y estableciendo condiciones para filtrar registros en función de los campos de registro principales. Las tareas posteriores, como enviar correos electrónicos o SMS, se pueden realizar en los registros obtenidos. Sin embargo, no se permitirá agregar acciones después de enviar un correo electrónico o SMS activado desde los registros obtenidos. 

Para garantizar la coherencia, los usuarios deben seleccionar el módulo y guardar las condiciones en la acción Obtener registros antes de agregar tareas posteriores. Si se elimina el nodo Obtener registros, se borrarán todos los nodos posteriores. 

Además, cambiar el módulo en el paso Obtener registros eliminará las tareas de correo electrónico o SMS dependientes configuradas con etiquetas de combinación del módulo anterior, evitando posibles conflictos. Esta característica de CRM proporcionará una forma flexible y eficiente de administrar varios casos de uso de automatización que involucran registros relacionados dentro del sistema.
 

La función de CRM tiene como objetivo mejorar las capacidades de automatización mediante la introducción de la acción Obtener otros registros en Process Designer para realizar acciones en registros relacionados además del registro principal. Los usuarios pueden configurar fácilmente flujos de automatización avanzados seleccionando el módulo relacionado y estableciendo condiciones para filtrar registros en función de los campos de registro principales. Las tareas posteriores, como enviar correos electrónicos o SMS, se pueden realizar en los registros obtenidos. Sin embargo, no se permitirá agregar acciones después de enviar un correo electrónico o SMS activado desde los registros obtenidos. 

Para garantizar la coherencia, los usuarios deben seleccionar el módulo y guardar las condiciones en la acción Obtener registros antes de agregar tareas posteriores. Si se elimina el nodo Obtener registros, se borrarán todos los nodos posteriores. 

Además, cambiar el módulo en el paso Obtener registros eliminará las tareas de correo electrónico o SMS dependientes configuradas con etiquetas de combinación del módulo anterior, evitando posibles conflictos. Esta característica de CRM proporcionará una forma flexible y eficiente de administrar varios casos de uso de automatización que involucran registros relacionados dentro del sistema.
 
 

¡Regístrese para recibir las últimas actualizaciones!

 
 

Copyright 2025 Vtiger. Todos los derechos reservados. Diversas marcas registradas de sus respectivos propietarios.