Pochoir personnalisé efficace avec APS Amey Didolkar

La solution alfresco pour BPM est basée sur le moteur de service de processus alfresco, comme vous le savez sûrement. Le service de processus Alfresco permet aux concepteurs de processus de développer des formulaires ou des interfaces utilisateur pour les tâches utilisateur, afin de simplifier l’interaction entre les processus métier et les acteurs humains. APS a plusieurs fonctionnalités d’interface utilisateur actuelles, telles que la saisie de texte et le contenu variable de processus.

La raison pour laquelle vous devriez choisir de créer un pochoir personnalisé est simple : les pochoirs inclus sont insuffisants pour vos besoins et vous auriez besoin de quelque chose de plus personnalisé.

Création d’un gabarit personnalisé dans Alfresco Process Services

Pour accéder au tableau de bord d’administration, cliquez sur le contenu de l’application Kickstart depuis la page d’accueil de l’APS. Ici, vous pouvez créer et gérer tous les modèles et définitions AP.

Fig : Alfresco Process Service Engine (APS)

Le gabarit de l’élément est situé dans le menu du haut. Pour accéder à la vue des gabarits, cliquez dessus. Appuyez sur le bouton « pochoir » dans le coin supérieur droit pour afficher le formulaire vu dans l’illustration ci-dessous.

Fig : Concepteur d’application APS

Créer un gabarit dans APS

Après avoir rempli le formulaire, cliquez sur le bouton « Créer un nouveau gabarit » pour accéder à une page avec tous les gabarits inclus. L’ensemble de pochoirs, connu sous le nom de « Type Ahead Multi Select » est affiché sur le site Web et est disponible pour l’édition et la personnalisation. Appuyez sur le bouton de l’éditeur de gabarits dans le coin supérieur droit pour commencer à personnaliser le jeu de gabarits. Après avoir appuyé sur le bouton, sélectionnez Ajouter un nouvel élément dans le coin supérieur droit. Après cela, vous arriverez sur une page similaire à celle ci-dessous.

Fig : La conception Stencil dans APS

Après avoir créé un nouveau gabarit personnalisé, commencez à remplir les champs comme décrit ci-dessous.

1. Remplir (Type Ahead Multi Select) dans le nom.
2. Remplissez le modèle d’exécution avec :

[you HTML, CSS, JS ] code.

Exemple :

3. Remplissez le modèle d’éditeur de formulaire avec :

étiquette de la nouvelle application de pochoir

Tous les autres champs sont facultatifs. Allez en haut à gauche et enregistrez le gabarit.

Création d’un à partir du gabarit personnalisé

Maintenant que le nouvel ensemble de pochoirs est créé (avec notre pochoir personnalisé inclus), créons un très simple à partir d’un nouveau pochoir, la tâche est très simple. Considérez que nous avons déjà terminé cette tâche dans un exemple précédent.

Fig : APS Froms

Pour créer le from, cliquons sur l’élément forms dans le menu supérieur de la page aps. Une fois que vous serez dans la page des formulaires, cliquez sur le bouton créer un formulaire en haut à droite. Pour terminer la tâche, remplissez le formulaire et cliquez sur le bouton Créer un nouveau formulaire, comme indiqué ci-dessous. Le champ stencils a été pointé vers l’ensemble (Type Ahead Multi Select).

Fig : Créer de nouveaux champs de formulaire

Une fois que le from est créé comme vide, il est temps de le concevoir, en incluant simplement le champ My form. Pour ajouter le gabarit personnalisé au formulaire, faites glisser le premier élément de gabarit du panneau de gauche et faites-le glisser dans celui de droite, maintenant que le de est terminé, l’ensemble de doit ressembler à l’image ci-dessous. Enregistrez le de, en appuyant sur l’icône du disque en haut à gauche et votre de est créé.

Fig : Conception à partir d’APS

Mise à jour de la tâche utilisateur dans le modèle de processus

Une fois le formulaire créé, nous devons modifier la tâche utilisateur dans le modèle de processus pour faire référence au nouveau from. Sélectionnez l’option de processus dans le menu supérieur de la page APS, puis cliquez sur le bouton de l’éditeur visuel pour accéder directement à (myProcess). Une fois l’éditeur affiché, cliquez sur la tâche utilisateur, puis cliquez à nouveau sur l’élément du panneau inférieur qui est référencé. Conception de (myProcess) en mettant l’accent sur les références d’un élément à un autre sur Mon formulaire.

Fig : Processus APS

Une fois l’élément référencé à partir sélectionné, une fenêtre de modèle vous indique les disponibles à partir de. Sélectionnez Mon de et appuyez sur le bouton Enregistrer. Maintenant, le from est référé à partir de la tâche utilisateur et nous pouvons enregistrer à nouveau le modèle de processus, en appuyant sur l’icône du disque en haut à gauche.

Publier à nouveau l’application

APS a été republié suite à la modification du modèle de processus pour refléter la nouvelle forme des tâches de l’utilisateur. Cliquez sur l’élément applications dans le menu supérieur de la page APS pour terminer la tâche. Une fois que vous êtes sur l’écran APPS, cliquez sur la lentille pour modifier l’option myAps. Cliquez sur le bouton de publication dans le coin supérieur droit après avoir atteint la page d’administration de l’application.

Fig : Publication de l’application

Après la publication de l’application, les utilisateurs ou le groupe auxquels vous attribuez les créations de processus auront cette application. La page de destination d’APS contient l’application Mon processus. Vous pouvez le voir ci-dessous. En cliquant sur mon application de processus, un nouveau modèle sera disponible qui contiendra, les tâches, le processus, le rapport et le démarrage.

Fig : Un nouveau processus est créé

Fig : Mon application de processus

Voici un exemple de la façon dont APS crée un gabarit personnalisé à sélection multiple.

Fig : Étiquette de pochoir personnalisée

Lors de la création de gabarits, j’utilise des langages tels que HTML, CSS et JavaScript. Dans le champ tapez devant, les données de sélection multiple proviennent de l’API REST, qui est une API factice pour les tests. Vous pouvez voir dans la figure ci-dessous comment les données sont présentes dans un champ et vous pouvez les vérifier en utilisant la case à cocher, tout en cliquant sur la case à cocher, vous pouvez voir les données, sur quelle case vous avez cliqué.

Fig : Données de gabarit personnalisé (1)

Fig : Données de gabarit personnalisé (2)

J’espère que vous l’avez apprécié, n’hésitez pas à poser des questions ou si vous rencontrez un problème lors de la création d’un pochoir personnalisé. Si vous voulez un code de gabarit personnalisé, vous pouvez visiter mon github lien aussi. Si vous souhaitez entrer en contact avec moi, vous pouvez également visiter mon LinkedIn profil. Vous pouvez voir plus de blog à AlfrescoHub