Bonita Open Solution. Version 5.3. Guide de démarrage

Transcription

1 Bonita Open Solution Version 5.3 Guide de démarrage

2 Bonita Open Solution Version 5.3 Guide de démarrage Table des matières Avis de modification... 4 Bienvenue dans Bonita Open Solution!... 5 Télécharger, installer et lancer Bonita Open Solution Page de démarrage et tutoriel... 5 Page de démarrage... 5 Tutoriel de démarrage... 8 Concevoir graphiquement un processus dans Bonita Studio... 8 Lancer Bonita Studio... 9 Dessiner les étapes et les transitions... 9 Créer une itération et ajouter une porte XOR Ajouter des conditions aux transitions Ajouter des données au processus/aux étapes Exécuter un processus Compléter un cas de processus Personnaliser les formulaires Synthèse Retour d expérience, questions, et informations supplémentaires Copies d écran Copie d écran 1. Page de démarrage de Bonita Studio... 5 Copie d écran 2. Bonita Studio prêt à être utilisé pour concevoir un nouveau processus... 6 Copie d écran 3. La page Bonita User Experience offre une «boîte de messagerie» pour gérer les processus et les cas... 7 Copie d écran 4. Processus Web Purchase achevé... 8 Copie d écran 5. Commencer un nouveau processus en lançant la première étape... 9 Copie d écran 6. Saisir les détails généraux du processus Sales Review... 9 Copie d écran 7. Créer un groupe d acteurs pour le processus Sales Review Copie d écran 8. Sélectionner l option de saisie manuelle des noms des utilisateurs Copie d écran 9. Nommer le groupe Copie d écran 10. Définir les acteurs du groupe Copie d écran 11. Le nouveau groupe s affiche dans la liste des groupes du processus Sales Review 12 Copie d écran 12. Sales Employees est désormais le seul groupe d acteurs pour cette étape Copie d écran 13. Utiliser la palette Context pour faire glisser de nouveaux éléments dans le Whiteboard Copie d écran 14. Nommer la nouvelle étape et saisir ses détails généraux Copie d écran 15. Définir les acteurs de cette étape Copie d écran 16. Sélectionner l initiateur du processus comme acteur de cette étape Copie d écran 17. Trois vues de la Palette de Bonita Studio Copie d écran 18. Ajouter l étape Reject et définir ses détails généraux Copie d écran 19. Ajouter l étape More Info et définir ses détails généraux Copie d écran 20. Choisir le groupe d acteurs pour l étape More Info Copie d écran 21. Sélectionner le groupe Sales Employees déjà défini Copie d écran 22. Renommer ce pool page 2 BonitaSoft S.A. BOS V5.3 Guide de démarrage, 19 oct 2010

3 Copie d écran 23. Renommer ce diagramme de processus Copie d écran 24. Ajouter l étape Express Delivery et définir ses détails généraux Copie d écran 25. Ajouter l étape Archive et définir ses détails généraux Copie d écran 26. Ajouter un événement Fin (End) Copie d écran 27. Réorganiser les éléments du processus dans le Whiteboard Copie d écran 28. Ajouter une porte XOR Copie d écran 29. Ajouter des données aux détails pour le processus Sales Review Copie d écran 30. Définir une liste pour le processus Sales Review Copie d écran 31. Sélectionner une valeur par défaut pour la liste Copie d écran 32. La nouvelle donnée (variable) créée s affiche dans Data pour cette étape Copie d écran 33. Définir les conditions des transitions Copie d écran 34. Le nom des transitions s affiche dans le Whiteboard Copie d écran 35. Ajouter des données aux détails du processus Web Purchase (variable globale).. 26 Copie d écran 36. Définir une liste au niveau du processus (variable de liste globale) Copie d écran 37. Sélectionner une valeur par défaut pour la liste Copie d écran 38. Les nouvelles données (variables) créées s affichent dans Data pour le processus 28 Copie d écran 39. Ajouter des données aux détails de l étape More Info Copie d écran 40. Les nouvelles données (variables) créées s affichent dans Data pour cette étape. 29 Copie d écran 41. Les nouvelles données (variables) créées s affichent dans Data pour cette étape. 30 Copie d écran 42. Ajouter une condition booléenne (vrai) à une transition Copie d écran 43. Ajouter une condition booléenne (faux) à une transition Copie d écran 44. Le nom des transitions s affiche dans le processus Copie d écran 45. Formulaire initial du cas du processus Web Purchase (formulaire de la commande client) Copie d écran 46. Compléter le formulaire de commande client du processus Web Purchase pour lancer un cas Copie d écran 47. Prendre une décision à l étape Sales Review Copie d écran 48. Compléter le formulaire tel que présenté à l étape More Info Copie d écran 49. Compléter de nouveau le formulaire (après itération) à l étape Sales Review Copie d écran 50. Compléter le formulaire tel que présenté à l étape Pay Copie d écran 51. Cas du Web Purchase terminé Copie d écran 52. Le cas initial complété s affiche dans les cas archivés Copie d écran 53. Page Bonita User Experience avec le cas test achevé du processus Web Purchase37 Copie d écran 54. Une des étapes complétées du cas test du processus Web Purchase Copie d écran 55. Lancer un autre cas pour le processus Web Purchase Copie d écran 56. Compléter le formulaire de commande client du processus Web Purchase pour démarrer un nouveau cas Copie d écran 57. Les cas ouverts avec les étapes à réaliser s affichent dans la boîte de messagerie 39 Copie d écran 58. Sélectionner les données devant s afficher dans le nouveau formulaire Copie d écran 59. Panneau Details du formulaire Web Purchase Copie d écran 60. Fermer les panneaux Details et Overview pour visualiser le formulaire dans son intégralité Copie d écran 61. Formulaire initial du processus Web Purchase prêt à être personnalisé Copie d écran 62. Ajouter un widget vide en haut du formulaire Copie d écran 63. Réorganiser les widgets au sein du formulaire Copie d écran 64. Supprimer un widget inutile Copie d écran 65. Personnaliser les détails généraux du widget Copie d écran 66. Indiquer que le champ Customer Name doit être complété dans le formulaire Copie d écran 67. Ajouter un valideur Copie d écran 68. Personnaliser les détails d un autre widget Copie d écran 69. Créer une liste déroulante pour une liste de choix BOS V5.3 Guide de démarrage, 19 oct BonitaSoft S.A. page 3

4 Copie d écran 70. Formulaire personnalisé Copie d écran 71. Prévisualiser le formulaire personnalisé (pour lancer le processus) Copie d écran 72. Sélectionner les widgets à afficher dans le nouveau formulaire Copie d écran 73. Organiser les widgets Copie d écran 74. Modifier le widget du champ TextBox (dynamique) à Text (lecture seule) Copie d écran 75. Ajouter un nouveau widget Text Copie d écran 76. Renommer le nouveau widget Copie d écran 77. Sélectionner la valeur de données pour le champ textuel Products Copie d écran 78. Choisir Radio comme type de champ pour le formulaire de décision Copie d écran 79. Widgets personnalisés du formulaire Sales Review Copie d écran 80. Prévisualiser le formulaire personnalisé (pour l étape Sales Review) Copie d écran 81. Créer un formulaire pour l étape Pay Copie d écran 82. Sélectionner Edit Expression pou rcréer une expression en Groovy Copie d écran 83. Saisir une expression en Groovy qui sera évaluée et présentée dans le message.. 53 Copie d écran 84. Prévisualiser le formulaire personnalisé (pour l étape Pay) Copie d écran 85. Formulaire (champs) personnalisé(s) présenté(s) dans le formulaire en ligne par défaut Bonita Open Solution Avis de modification BOS 5.3 offre de nouvelles fonctions ainsi qu une nouvelle interface utilisateur pour Bonita Studio et pour Bonita User Experience. Elles sont utilisées dans ce Guide de démarrage et son tutoriel. Veuillez vous reporter au Manuel Utilisateur pour plus d informations sur les nouveautés de Bonita Open Solution et pour une présentation détaillée de ses fonctions. page 4 BonitaSoft S.A. BOS V5.3 Guide de démarrage, 19 oct 2010

5 Bienvenue dans Bonita Open Solution! Pour télécharger Bonita Open Solution 5.3 : Lisez ce Guide de démarrage avant vos premiers pas avec Bonita Open Solution pour découvrir comment concevoir un processus grâce à ses outils graphiques. Télécharger, installer et lancer Bonita Open Solution 5.3 Commencez par télécharger Bonita All-in-One. Extrayez tous les fichiers une fois que vous aurez téléchargé le dossier zippé. Ensuite, pour lancer Bonita Open Solution et commencer à concevoir un processus : ouvrez le dossier dézippé bonita-all-in-one lancez le fichier applicatif BonitaStudio correspondant à votre système d exploitation. Page de démarrage et tutoriel La page de démarrage (Overview) vous sera utile pour travailler rapidement avec Bonita Open Solution. À la suite de cette page, vous trouverez un tutoriel qui vous expliquera comment créer, exécuter et gérer un processus étape par étape. Page de démarrage Cliquez sur New pour créer un nouveau processus Ouvrez un fichier existant.proc Importez des fichiers.bar (créés dans BOS v5) Ouvrez des modèles de processus Copie d écran 1. Page de démarrage de Bonita Studio Il vous est aussi possible d aller directement à la page User Experience (icône d outils) pour gérer les processus (Processes) et les cas (Cases) existants. dans la barre BOS V5.3 Guide de démarrage, 19 oct BonitaSoft S.A. page 5

6 Bonita Studio Guide de démarrage à Bonita Open Solution 5.3 Si vous cliquez sur New pour utiliser Bonita Studio, vous verrez s afficher la page du tableau blanc (Whiteboard), qui est prêt à être utilisé : Dessinez votre processus directement dans le Whiteboard 5 Cliquez sur Run pour déployer un processus terminé 6 Cliquez sur User Experience pour lancer et gérer des cas 2 Commencez par lancer la première étape Cliquez sur l étape pour utiliser la Palette Context 3 Ou utilisez la Palette pour activer les outils cliquez sur l élément et faites-le glisser dans le Whiteboard Affichez une vue d ensemble du processus complet dans ZoomOut 3 La Palette vous permet de visualiser les éléments de conception de plusieurs manières 4 Définissez les détails de l élément sélectionné, notamment : son nom le type d étape (Human, Automatic, Subprocess, etc.) les variables de données du processus (global) et de l étape (locale) les acteurs de l étape (Group, Individual) les connecteurs (vers les systèmes externes) le contenu du formulaire les conditions de transition (si-alors) Copie d écran 2. Bonita Studio prêt à être utilisé pour concevoir un nouveau processus page 6 BonitaSoft S.A. BOS V5.3 Guide de démarrage, 19 oct 2010

7 Bonita User Experience : Utilisateur (admin) identifié Start Case lance les nouveaux cas de chaque processus Les processus et les cas sont gérés dans une interface similaire à celle d une messagerie électronique avec un suivi par étoiles étiquettes Read and unread options Copie d écran 3. La page Bonita User Experience offre une «boîte de messagerie» pour gérer les processus et les cas BOS V5.3 Guide de démarrage, 19 oct BonitaSoft S.A. page 7

8 Tutoriel de démarrage Guide de démarrage à Bonita Open Solution 5.3 Utilisez l exemple du tutoriel de démarrage (QuickStart tutorial) pour : concevoir graphiquement un processus (Process) complet dans Bonita Studio, en : o dessinant les étapes (Steps) et les transitions (Transitions) grâce aux outils graphiques de la Palette Bonita Studio o créant une itération et en ajoutant une porte (Gate) o ajoutant des conditions (Conditions) aux transitions o ajoutant des détails (Details) au processus (variables globales) et aux étapes individuelles (variables locales) exécuter le processus créé compléter un cas du processus et interagir avec les étapes humaines visualiser le processus, et les cas que vous allez créer, dans la page Bonita User Experience revenir au processus et concevoir des formulaires (Forms) grâce à la fonction Form Builder de Bonita Studio Concevoir graphiquement un processus dans Bonita Studio Vous allez concevoir un processus simple, appelé Web Purchase : 1. Un client achète un article dans un magasin en ligne. 2. Un vendeur de l entreprise traite la requête manuellement (il l approuve, la rejette, ou ajoute d autres informations à la commande). 3. Le client doit régler son achat si/lorsque sa commande est approuvée. 4. Il peut choisir une livraison en express (Express Delivery). 5. La transaction est archivée. Le processus ressemblera à ceci une fois terminé : Copie d écran 4. Processus Web Purchase achevé (Il peut être utile de conserver ce schéma à portée de main pendant la conception du processus.) page 8 BonitaSoft S.A. BOS V5.3 Guide de démarrage, 19 oct 2010

9 Lancer Bonita Studio Lancez Bonita Studio et cliquez sur New pour créer un nouveau processus. Bonita Studio s affichera avec la première étape à définir et à lancer (Start a first Step). Dessiner les étapes et les transitions Pour créer le processus Web Purchase, commencez par en définir les étapes. La première étape de ce processus consistera à passer en revue et à traiter la commande du client. (Dans ce tutoriel, vous définirez la commande du client après avoir défini le processus permettant de la gérer.) Cliquez sur l étape initiale, le cas échéant, pour la sélectionner (la mettre en surbrillance). Veuillez noter que la Palette Context est aussi sélectionnée. Copie d écran 5. Commencer un nouveau processus en lançant la première étape Dans le panneau Details, cliquez sur General si nécessaire pour le sélectionner, et saisissez les informations suivantes : Complétez les champs suivants : Name Sales Review Description Activity Type Human Priority Normal Sales employee receives order for processing Copie d écran 6. Saisir les détails généraux du processus Sales Review BOS V5.3 Guide de démarrage, 19 oct BonitaSoft S.A. page 9

10 Vous devez définir qui agira au cours de cette étape (autrement dit les «acteurs» (Actors)) avant d ajouter des étapes supplémentaires. Cliquez sur Actors dans le panneau Details du processus Sales Review. L initiateur du processus (Initiator) s affiche par défaut, mais vous allez modifier cette donnée car il n est pas l acteur de cette étape. Sélectionnez Group puis cliquez sur Create Copie d écran 7. Créer un groupe d acteurs pour le processus Sales Review Complétez les assistants : Sélectionnez Bonita et User List Copie d écran 8. Sélectionner l option de saisie manuelle des noms des utilisateurs page 10 BonitaSoft S.A. BOS V5.3 Guide de démarrage, 19 oct 2010

11 Complétez les champs suivants Name Sales Employees Description Employees authorized to handle web sales Copie d écran 9. Nommer le groupe Vous inclurez l acteur «admin» dans la liste des acteurs définis pour ce processus. Une fois le processus terminé, lorsque vous le lancerez, Bonita User Experience s ouvrira par défaut pour l administrateur. En incluant «Administrator» dans la liste des acteurs de toutes les étapes humaines (Human Steps), vous êtes certain(e) de toutes les visualiser dans la fenêtre User Experience par défaut. Complétez le champ suivant Users admin,john,james,jack Cliquez sur Finish pour terminer cette étape. Copie d écran 10. Définir les acteurs du groupe BOS V5.3 Guide de démarrage, 19 oct BonitaSoft S.A. page 11

12 Le groupe que vous venez de créer s affichera dans la liste des groupes disponibles pour cette étape. Copie d écran 11. Le nouveau groupe s affiche dans la liste des groupes du processus Sales Review Sélectionnez l acteur Initiator et supprimez-le. Copie d écran 12. Sales Employees est désormais le seul groupe d acteurs pour cette étape Vous reviendrez à cette étape plus tard pour ajouter des détails supplémentaires. À ce stade du processus, le vendeur peut : 1) valider la requête et le client pourra alors régler son achat ; OU 2) rejeter la requête ; OU 3) saisir d autres informations sur la commande du client. Par conséquent, vous allez maintenant ajouter 3 nouvelles étapes, toutes liées au processus Sales Review, ainsi qu il est détaillé ci-dessous. page 12 BonitaSoft S.A. BOS V5.3 Guide de démarrage, 19 oct 2010

13 Sales Review devrait toujours être sélectionné (en surbrillance). (Si ce n est pas le cas, cliquez dessus.) La palette Context située à droite de l étape s affiche aussi en surbrillance. Cliquez sur l outil Step (encerclé) et faites glisser une nouvelle étape dans le Whiteboard Copie d écran 13. Utiliser la palette Context pour faire glisser de nouveaux éléments dans le Whiteboard Assurez-vous que la nouvelle étape est sélectionnée (en surbrillance). Dans le panneau Details, cliquez sur General pour lui donner un nom : Complétez les champs suivants Name Pay Description Customer completes credit card payment form Activity type Human Priority Normal Copie d écran 14. Nommer la nouvelle étape et saisir ses détails généraux Veuillez noter la pastille d alerte rouge dans le coin supérieur droit de l étape. Passez votre souris dessus afin d afficher le message suivant : «The Step has no group or user». BOS V5.3 Guide de démarrage, 19 oct BonitaSoft S.A. page 13

14 Cliquez sur Actors pour définir les acteurs de cette étape : Copie d écran 15. Définir les acteurs de cette étape Sélectionnez Group et cliquez sur Choose Sélectionnez Initiator Copie d écran 16. Sélectionner l initiateur du processus comme acteur de cette étape page 14 BonitaSoft S.A. BOS V5.3 Guide de démarrage, 19 oct 2010

15 Maintenant, ajoutez les 2 autres étapes liées au processus Sales Review. Commencez par l étape Reject. Cette fois-ci, vous allez utiliser la Palette pour ajouter l étape. Vous pouvez choisir la Palette que vous préférez. La première ne contient que les icônes des éléments ; la deuxième contient une liste simple des types d éléments (que vous pouvez détailler après les avoir placés dans le Whiteboard) ; et la dernière la liste complète de tous les éléments. Copie d écran 17. Trois vues de la Palette de Bonita Studio Vous pouvez cliquer et déposer directement une étape automatique, ou cliquer sur le symbole du curseur, puis sur l élément et enfin dans le Whiteboard. BOS V5.3 Guide de démarrage, 19 oct BonitaSoft S.A. page 15

16 Dans le panneau Details -> General : Guide de démarrage à Bonita Open Solution 5.3 Complétez les champs suivants Name Reject Description Request is rejected Activity type Automatic Copie d écran 18. Ajouter l étape Reject et définir ses détails généraux Ensuite, ajoutez l étape More Info. Dans le panneau Details -> General : Complétez les champs suivants dans General Name More Info Description Sales employee enters additional information Activity type Human Priority Normal Copie d écran 19. Ajouter l étape More Info et définir ses détails généraux page 16 BonitaSoft S.A. BOS V5.3 Guide de démarrage, 19 oct 2010

17 Puis dans Details -> Actors -> Group, cliquez sur Choose : Copie d écran 20. Choisir le groupe d acteurs pour l étape More Info Complétez l assistant Assign Actors : Sélectionnez Sales Employees Cliquez sur Finish Copie d écran 21. Sélectionner le groupe Sales Employees déjà défini Vous ajouterez les informations déterminant les conditions nécessaires (si-alors) pour chacun de ces 3 chemins de transition plus tard. BOS V5.3 Guide de démarrage, 19 oct BonitaSoft S.A. page 17

18 Renommez le pool de My Process en Web Purchase. Cliquez sur le pool pour désélectionner tous les éléments. Cliquez sur MyProcess -> Details -> Pool : Copie d écran 22. Renommer ce pool Complétez les champs suivants Name Web Purchase Version 1.4 Description Simple item purchase from Web site tutorial example Renommez le diagramme du processus de MyProcessDiagram en Web Purchase Diagram. Cliquez à l extérieur du pool pour désélectionner tous les éléments. Cliquez sur MyProcessDiagram - > Details -> Diagram : Copie d écran 23. Renommer ce diagramme de processus Complétez les champs suivants Name Version 1.4 Description Web Purchase Diagram Simple item purchase from Web site tutorial example page 18 BonitaSoft S.A. BOS V5.3 Guide de démarrage, 19 oct 2010

19 Enregistrez le processus. L onglet du Whiteboard s appelle désormais Web Purchase Diagram (1.0) et le pool s appelle Web_Purchase. Veuillez noter que les pastilles d alerte rouges ont disparu. Poursuivez la définition du processus. Lors de l étape Pay, le client choisit le mode de livraison et indique s il souhaite se faire livrer en express. Cliquez sur Pay et utiliser la Palette Context pour ajouter une nouvelle étape. Nommez-la Express Delivery. Complétez les champs suivants Name Express Delivery Description Send item via 3- day delivery Activity type: Automatic Copie d écran 24. Ajouter l étape Express Delivery et définir ses détails généraux Terminez ce processus en archivant l interaction. Ajoutez une étape après l étape Express Delivery, en allant dans Details -> General, et nommez-la Archive. Complétez les champs suivants Name Archive Description Activity type System archives record of transaction Automatic BOS V5.3 Guide de démarrage, 19 oct BonitaSoft S.A. page 19

20 Copie d écran 25. Ajouter l étape Archive et définir ses détails généraux Maintenant que toutes les étapes ont été définies, vous pouvez ajouter des transitions pour les connecter. Dans la mesure où les requêtes «no-express-delivery» (livraison normale) vont aussi être archivées, ajoutez une transition entre l étape Pay et l étape Archive. Sélectionnez Transition dans la Palette, cliquez sur Pay et tirez la flèche jusque Archive. Dans la mesure où les requêtes rejetées vont aussi être archivées, ajoutez une transition entre l étape Reject et l étape Archive. Sélectionnez Transition, cliquez sur Reject et tirez la flèche jusque Archive. Terminez le processus sélectionnez Archive (en surbrillance) et ajoutez une étape End. Positionnez l événement (Event), et sélectionnez l événement «End» rouge pour créer une fin. Copie d écran 26. Ajouter un événement Fin (End) Vous pouvez cliquer sur les éléments individuels de votre processus et les faire glisser pour les réorganiser si vous le souhaitez. Les flèches de transition compliquées peuvent être déplacées manuellement en cliquant sur la transition concernée, puis en sélectionnant (ou en désélectionnant) l option de mise en page automatique dans son panneau Details. Copie d écran 27. Réorganiser les éléments du processus dans le Whiteboard La séquence générale du processus est presque achevée. Il vous faut maintenant ajouter les informations manquantes pour la compléter. Créer une itération et ajouter une porte XOR Veuillez noter que l étape More Info comporte des entrées mais pas de sorties. Dans cet exemple simple de processus, les données de sortie seront retournées au vendeur afin qu il puisse ajouter des informations et finaliser l approbation. page 20 BonitaSoft S.A. BOS V5.3 Guide de démarrage, 19 oct 2010

21 Mais, dans ce cas, le processus Sales Review va avoir deux entrées. Une porte (Gate) va permettre d en définir le traitement. Le processus Sales Review peut se poursuivre avec l une ou l autre de ces entrées, il est donc nécessaire de définir une porte XOR. Sélectionnez Gate dans la Palette et placez la porte dans le Whiteboard. Modifiez le Gate Type en XOR. Dessinez une Transition entre l étape More Info et la porte. (Sélectionnez dans la Palette, cliquez sur More Info et tirez la flèche jusque Gate.) Supprimez la Transition Start - Sales Review (en cliquant sur le bouton droit de la souris ou en appuyant sur la touche Suppr du clavier) Dessinez la nouvelle Transition Start - Gate. Dessinez la nouvelle Transition Gate - Sales Review. Copie d écran 28. Ajouter une porte XOR Note : même si vous ne définissez pas de porte XOR pour traiter les entrées multiples, Bonita Open Solution en utilisera une par défaut. L étape utilisera la première entrée disponible et le processus se poursuivra. Ajouter des conditions aux transitions Veuillez noter que le processus Sales Review comporte 3 sorties, et que chacune d elles correspondra uniquement à un cas (Cases). Une des méthodes permettant de définir la manière dont le processus «choisira» le chemin à suivre est de définir des données (Data) spécifiques dans le panneau Details de Sales Review. Ensuite, il ne vous restera plus qu à définir une condition pour chaque transition. Sélectionnez Sales Review et ajoutez des Data dans le panneau Details : BOS V5.3 Guide de démarrage, 19 oct BonitaSoft S.A. page 21

22 Copie d écran 29. Ajouter des données aux détails pour le processus Sales Review Dans l assistant suivant, choisissez List of options comme Data type, donnez-lui un nom et ajoutez les éléments de la liste. page 22 BonitaSoft S.A. BOS V5.3 Guide de démarrage, 19 oct 2010

23 Complétez les champs suivants Name decision Description Multiple options require a decision Sélectionnez Data type List Name (list): Approval Description: Decision to approve, reject, or add more info Ajoutez Approve, Reject, et More Info Copie d écran 30. Définir une liste pour le processus Sales Review BOS V5.3 Guide de démarrage, 19 oct BonitaSoft S.A. page 23

24 Sélectionnez Default value Approve Copie d écran 31. Sélectionner une valeur par défaut pour la liste La variable de la liste s affiche désormais dans Sales Review -> Details -> Data. Copie d écran 32. La nouvelle donnée (variable) créée s affiche dans Data pour cette étape page 24 BonitaSoft S.A. BOS V5.3 Guide de démarrage, 19 oct 2010

25 Associez la sortie de chaque transition du processus Sales Review à la condition de décision qui lui est liée. Sélectionnez une transition à la fois : Sales Review - Pay: Name if approved Conditions decision == Approve Sales Review Reject: Name: if not approved Conditions: decision == Reject Sales Review - More Info: Name: add a comment Conditions decision == More Info Copie d écran 33. Définir les conditions des transitions Le nom de chacune des transitions s affiche maintenant dans le processus. Vous pouvez les réorganiser par glisser-déposer en cliquant sur chacune d elles. Copie d écran 34. Le nom des transitions s affiche dans le Whiteboard Veuillez noter que l étape Pay comporte elle aussi deux sorties. Vous en modifierez les détails de la même façon plus tard, mais tout d abord BOS V5.3 Guide de démarrage, 19 oct BonitaSoft S.A. page 25

26 Ajouter des données au processus/aux étapes Guide de démarrage à Bonita Open Solution 5.3 Complétez les détails, en commençant par les données, du processus global Web Purchase. Ces informations vont servir à générer le formulaire complété par le client pour lancer le processus. Les données globales sont accessibles à partir de n importe quelle étape du processus ; les données locales sont disponibles uniquement à l étape pour laquelle elles ont été définies. Ajoutez 4 variables de données globales : 3 variables de texte et 1 variable de liste. Cliquez sur le Pool, allez dans Web Purchase Details, sélectionnez Data, puis Add. Complétez les champs suivants Name customername Description Data type Text Customer s full name Copie d écran 35. Ajouter des données aux détails du processus Web Purchase (variable globale) Poursuivez l opération, et ajoutez customerphone et customer comme variables de texte simples sans valeurs par défaut. page 26 BonitaSoft S.A. BOS V5.3 Guide de démarrage, 19 oct 2010

27 Pour la dernière variable, ajoutez une Liste d options. Complétez les champs suivants Name products Description Sélectionnez Data type Name Description Ajoutez TV mobile phone laptop Available products List Promotional Products Special prices online Copie d écran 36. Définir une liste au niveau du processus (variable de liste globale) BOS V5.3 Guide de démarrage, 19 oct BonitaSoft S.A. page 27

28 Sélectionnez une valeur par défaut : Sélectionnez Default value TV Copie d écran 37. Sélectionner une valeur par défaut pour la liste Veuillez noter que Web Purchase -> Details -> Data contient désormais 4 variables globales. Copie d écran 38. Les nouvelles données (variables) créées s affichent dans Data pour le processus page 28 BonitaSoft S.A. BOS V5.3 Guide de démarrage, 19 oct 2010

29 Vous allez maintenant compléter les détails des étapes More Info et Pay : Allez dans More Info -> Data et sélectionnez Add : Complétez les champs suivants Name comment Description Additional information supplied by sales employee Data type Text Copie d écran 39. Ajouter des données aux détails de l étape More Info La nouvelle variable est maintenant affichée dans Details. Copie d écran 40. Les nouvelles données (variables) créées s affichent dans Data pour cette étape BOS V5.3 Guide de démarrage, 19 oct BonitaSoft S.A. page 29

30 Allez dans Pay ->Data et sélectionnez Add. Ajoutez 2 variables de texte et 1 variable booléenne : Pour ajouter les 2 variables de texte, complétez les champs suivants : Name: creditcardnumber Description: Customer's Credit Card Data type: Text et Name: expirationdate Description: Card valid until Data type: Date Default value: Now Puis ajoutez la variable booléenne «oui/non» relative au choix de la livraison express : Name: chooseexpressdelivery Description: If yes - send express; if no - send regular post Data type: Boolean Default value: true Copie d écran 41. Les nouvelles données (variables) créées s affichent dans Data pour cette étape page 30 BonitaSoft S.A. BOS V5.3 Guide de démarrage, 19 oct 2010

31 Vous allez maintenant définir les conditions pour le chemin de la sortie de l étape Pay. Ajoutez des conditions «si-alors» aux 2 transitions. Sélectionnez la transition entre l étape Pay et l étape Express Delivery. Dans le champ Conditions, saisissez chooseexpressdelivery. Cette expression en langage Groovy équivaut à chooseexpressdelivery=true. Complétez les champs suivants Name: If yes Conditions: chooseexpressdelivery Copie d écran 42. Ajouter une condition booléenne (vrai) à une transition Sélectionnez la transition entre l étape Pay et l étape Archive. Modifiez-la en «if no». Dans le champ conditions, saisissez!chooseexpressdelivery. Cette expression en langage Groovy équivaut à chooseexpressdelivery=false. Complétez les champs suivants Name: If yes Conditions:!chooseExpressDelivery Copie d écran 43. Ajouter une condition booléenne (faux) à une transition BOS V5.3 Guide de démarrage, 19 oct BonitaSoft S.A. page 31

32 Le nom de chaque transition s affiche désormais dans le processus. Copie d écran 44. Le nom des transitions s affiche dans le processus La définition du processus est maintenant terminée et ce dernier est prêt à être déployé/exécuté. Enregistrez-le. page 32 BonitaSoft S.A. BOS V5.3 Guide de démarrage, 19 oct 2010

33 Exécuter un processus Pour exécuter (déployer) votre processus, cliquez sur l icône Run sélectionnez Run dans la barre de menus. dans la barre de tâches ou Après quelques secondes, Bonita Open Solution va afficher une série de messages de statut indiquant que le déploiement a réussi. Veuillez noter que vous êtes connecté(e) en tant qu administrateur. Le processus peut maintenant s exécuter étape par étape. Les formulaires sont présentés dans le formulaire Bonita par défaut et l application web Bonita par défaut, que vous n avez pas encore personnalisés (les champs ne sont pas organisés selon un ordre spécifique, ils sont désignés par le nom de la variable, etc.). Après avoir rempli les champs de la section Run a Process, vous pourrez revenir dans Bonita Studio et personnaliser ces formulaires (reportez-vous à Personnaliser les formulaires). Le formulaire par défaut de la commande client constitue le point de départ du cas du processus Web Purchase Copie d écran 45. Formulaire initial du cas du processus Web Purchase (formulaire de la commande client) À chaque étape, vous pouvez entreprendre les actions que vous avez définies. (Veuillez noter qu en tant qu administrateur, vous testez les actions humaines du client (l initiateur) au lancement du processus et lors de l étape Pay, ainsi que celles du vendeur lors des étapes Sales Review et More Info.) En tant que «client» : complétez le formulaire de commande et cliquez sur Submit BOS V5.3 Guide de démarrage, 19 oct BonitaSoft S.A. page 33

34 Copie d écran 46. Compléter le formulaire de commande client du processus Web Purchase pour lancer un cas Les informations saisies par le «client» sont présentées pour approbation à l étape Sales Review. Vous pouvez désormais approuver (Approve), rejeter (Reject) la requête, ou demander la saisie d informations complémentaires (More Information). Veuillez noter que les acteurs de l étape comprennent les personnes que vous avez identifiées comme Sales Employees, plus l administrateur. Copie d écran 47. Prendre une décision à l étape Sales Review En tant que «vendeur» : sélectionnez More Info et cliquez sur Submit En tant que «vendeur» : saisissez les informations complémentaires et cliquez sur Submit : enter additional information and Submit Copie d écran 48. Compléter le formulaire tel que présenté à l étape More Info page 34 BonitaSoft S.A. BOS V5.3 Guide de démarrage, 19 oct 2010

35 En tant que «vendeur» : sélectionnez Approve et Submit Copie d écran 49. Compléter de nouveau le formulaire (après itération) à l étape Sales Review En tant que «client» : indiquez le numéro de carte bancaire et la date d expiration, sélectionnez Express Delivery et cliquez sur Submit Copie d écran 50. Compléter le formulaire tel que présenté à l étape Pay Veuillez noter qu à cette étape, le formulaire sera présenté à l initiateur du processus mais que, par défaut, l administrateur y a aussi accès pour l activer. BOS V5.3 Guide de démarrage, 19 oct BonitaSoft S.A. page 35

36 Processus terminé. Allez à la page User Experience Copie d écran 51. Cas du Web Purchase terminé Cliquez sur Bonita User Experience (entouré en rouge) pour ouvrir Bonita User Experience. page 36 BonitaSoft S.A. BOS V5.3 Guide de démarrage, 19 oct 2010

37 Compléter un cas de processus Utilisez Bonita User Experience pour exécuter de multiples cas de ce processus. Veuillez noter que vous pouvez aussi ouvrir User Experience en cliquant sur l icône User XP de Bonita Studio. dans la barre de tâches Votre boîte de messagerie contient désormais un récapitulatif de toutes les actions auxquelles vous avez participé. Vous pouvez les consulter à tout moment. Dans la mesure où le cas que vous venez d exécuter ne contient pas d étapes ouvertes il a été mené à son terme il s affichera dans Cases -> Show archived cases only. Copie d écran 52. Le cas initial complété s affiche dans les cas archivés Cliquez sur Web Purchase dans la liste des cas pour le développer Copie d écran 53. Page Bonita User Experience avec le cas test achevé du processus Web Purchase BOS V5.3 Guide de démarrage, 19 oct BonitaSoft S.A. page 37

38 Case Overview contient les étapes exécutées lors de votre cas test Copie d écran 54. Une des étapes complétées du cas test du processus Web Purchase Pour exécuter une nouvelle fois ce processus, il vous suffit de revenir dans la boîte de messagerie, de sélectionner Start a Case puis Web Purchase : Cliquez sur le cas Web Purchase sous Start a case pour exécuter un autre cas Copie d écran 55. Lancer un autre cas pour le processus Web Purchase page 38 BonitaSoft S.A. BOS V5.3 Guide de démarrage, 19 oct 2010

39 Le processus se réexécute avec un nouveau cas. Copie d écran 56. Compléter le formulaire de commande client du processus Web Purchase pour démarrer un nouveau cas Complétez les champs du formulaire de commande puis cliquez sur Submit. Revenez dans la boîte de messagerie pour visualiser le cas ouvert. Copie d écran 57. Les cas ouverts avec les étapes à réaliser s affichent dans la boîte de messagerie Exécutez plusieurs cas pour tester différents choix à chaque étape. BOS V5.3 Guide de démarrage, 19 oct BonitaSoft S.A. page 39

40 Personnaliser les formulaires Guide de démarrage à Bonita Open Solution 5.3 Revenez dans Bonita Studio pour personnaliser la présentation des informations telles qu elles s affichent pour l utilisateur final dans les quatre formulaire générés par Bonita Open Solution pour ce tutoriel. Ajouter un formulaire Case Start Le premier formulaire de ce processus, Case Start: Web Purchase, est celui qui lance le processus. Pour le personnaliser, cliquez sur le pool. Sélectionnez Details -> Forms -> Add. Un assistant s affiche avec toutes les variables de données disponibles pour ce formulaire. Copie d écran 58. Sélectionner les données devant s afficher dans le nouveau formulaire Pour cet exemple, laissez toutes les options cochées, et cliquez sur Finish pour continuer. Une version par défaut du formulaire s affiche, ainsi que le panneau Details qui lui est associé. Copie d écran 59. Panneau Details du formulaire Web Purchase Pour visualiser le formulaire dans son intégralité, fermez les panneaux Details et Overview (cliquez sur la X en haut à droite de chaque panneau). page 40 BonitaSoft S.A. BOS V5.3 Guide de démarrage, 19 oct 2010

41 Copie d écran 60. Fermer les panneaux Details et Overview pour visualiser le formulaire dans son intégralité Copie d écran 61. Formulaire initial du processus Web Purchase prêt à être personnalisé Chaque champ de données du formulaire est présenté dans un widget. Vous pouvez personnaliser l ordre et la présentation de tous les widgets du formulaire. BOS V5.3 Guide de démarrage, 19 oct BonitaSoft S.A. page 41

42 Réorganiser les widgets au sein du formulaire Il est plus facile de déplacer les widgets lorsqu il y a un espace vide. Ajoutez un nouveau widget en haut du formulaire en cliquant sur le symbole «add a row» dans le coin supérieur gauche : Copie d écran 62. Ajouter un widget vide en haut du formulaire Maintenant, vous pouvez cliquer sur le widget «customername» et le faire glisser à la première ligne du formulaire. page 42 BonitaSoft S.A. BOS V5.3 Guide de démarrage, 19 oct 2010

43 Copie d écran 63. Réorganiser les widgets au sein du formulaire Cliquez sur les autres widgets et placez-les dans l ordre souhaité. Copie d écran 64. Supprimer un widget inutile Pour supprimer un widget inutile, cliquez sur le symbole «remove a row» gauche. dans le coin inférieur BOS V5.3 Guide de démarrage, 19 oct BonitaSoft S.A. page 43

44 Personnaliser les widgets du formulaire Maintenant, vous pouvez personnaliser les détails de chaque widget. Commencez par le widget customername ; cliquez sur le widget et allez dans le panneau Details. (Il vous faudra peut-être réinitialiser la vue pour afficher ce panneau. Allez dans la barre de menus et sélectionnez View -> Reset view.) Complétez les champs suivants Show label: Full Name Tool tip: please enter first then last name Field type Text Box Copie d écran 65. Personnaliser les détails généraux du widget Sélectionnez Options et Is mandatory. Copie d écran 66. Indiquer que le champ Customer Name doit être complété dans le formulaire Il n y a pas de changement à apporter aux options Data, Validators, Grid, ou Appearance pour ce widget. Passez au widget suivant, customer . Modifiez le champ Show label en address. Sélectionnez Details -> Validators -> Add. Sélectionnez Validator type: Mail Complétez le champ suivant Error message this does not appear to be a valid address page 44 BonitaSoft S.A. BOS V5.3 Guide de démarrage, 19 oct 2010

45 Copie d écran 67. Ajouter un valideur Si une X rouge s affiche dans le champ, enregistrez le diagramme, cela devrait résoudre le problème. Il n y a pas de changement à apporter aux options Data, Grid, ou Appearance pour ce widget. Passez au widget suivant, customerphone. Sélectionnez Details -> General. Copie d écran 68. Personnaliser les détails d un autre widget Il n y a pas de changement à apporter aux options Data, Validators, Grid, ou Appearance pour ce widget. Sélectionnez Options et Is mandatory. Passez au widget suivant products. Sélectionnez Details -> General. Complétez les champs suivants Show label: Phone number Tool tip: please enter a number we can reach you at during working hours Field type Text Box Complétez les champs suivants Show label: Promotional products available Field type Select Copie d écran 69. Créer une liste déroulante pour une liste de choix BOS V5.3 Guide de démarrage, 19 oct BonitaSoft S.A. page 45

46 Pour cette variable, une liste déroulante permet à l utilisateur de sélectionner plusieurs choix dans une liste de données. Copie d écran 70. Formulaire personnalisé Vous pouvez prévisualiser le formulaire que vous venez de créer en cliquant sur l icône Preview dans la barre de tâches. Copie d écran 71. Prévisualiser le formulaire personnalisé (pour lancer le processus) Fermez le formulaire et enregistrez-le en cliquant sur la X dans l onglet. page 46 BonitaSoft S.A. BOS V5.3 Guide de démarrage, 19 oct 2010

47 Ajouter un formulaire «Sales Review» À la différence du formulaire «live» présenté à l initiateur pour démarrer ce processus, le formulaire de l étape Sales Review sert principalement à récapituler les données à passer en revue. Il n y a qu un seul champ «dynamique» pour le vendeur, à savoir le choix de la «décision». Pour cela, créez un formulaire maintenant. Sélectionnez Sales Review -> Details -> Forms -> Add. Ici aussi, sélectionnez toutes les données disponibles afin qu elles soient intégrées au formulaire. Copie d écran 72. Sélectionner les widgets à afficher dans le nouveau formulaire Ajoutez un nouvel espace au formulaire juste au-dessus du bouton Submit. Faites glisser le widget decision et déposez-le à cet endroit. Réorganisez les autres widgets (cf. copie d écran ci-dessous) et supprimez le widget vide qui en résulte. BOS V5.3 Guide de démarrage, 19 oct BonitaSoft S.A. page 47

48 Copie d écran 73. Organiser les widgets Reformatez les widgets customername, customer , customerphone, et products afin qu ils reprennent les données déjà saisies par l initiateur. Cliquez sur le widget customername pour afficher son panneau Details. Vous pourrez y modifier le champ Field Type et le passer de «TextBox» (champ dynamique) à «Text» (champ en lecture seule). Complétez les champs suivants Show label: Customer Name Field type change to Text Copie d écran 74. Modifier le widget du champ TextBox (dynamique) à Text (lecture seule) Procédez de même pour les widgets customer , et customerphone. page 48 BonitaSoft S.A. BOS V5.3 Guide de démarrage, 19 oct 2010

49 Il vous faudra redéfinir un widget pour faire de products un champ en lecture seule. Supprimez l ancien widget products. Cliquez sur pour insérer un nouveau widget. Cliquez sur un widget Text dans la Palette et placezle dans le nouvel emplacement. Copie d écran 75. Ajouter un nouveau widget Text Cliquez sur le nouveau widget, sélectionnez Details -> General et renommez le widget et le descriptif (Label). Complétez les champs suivants Name: products Show label Products selected Copie d écran 76. Renommer le nouveau widget BOS V5.3 Guide de démarrage, 19 oct BonitaSoft S.A. page 49

50 Dans le nouveau widget Products, sélectionnez General -> Data. Puis, sélectionnez ${products}. Copie d écran 77. Sélectionner la valeur de données pour le champ textuel Products Enfin, sélectionnez decision -> General. Choisissez Radio comme Field Type. Radio n autorise qu un seul choix à partir de la liste de données. C est l unique champ «dynamique» de ce formulaire. Copie d écran 78. Choisir Radio comme type de champ pour le formulaire de décision page 50 BonitaSoft S.A. BOS V5.3 Guide de démarrage, 19 oct 2010

51 Copie d écran 79. Widgets personnalisés du formulaire Sales Review Prévisualisez le formulaire que vous avez personnalisé. Copie d écran 80. Prévisualiser le formulaire personnalisé (pour l étape Sales Review) Personnalisez de la même façon le formulaire pour More Info. Laissez le champ des commentaires (Add comment) comme champ TextBox «dynamique». Le formulaire pour l étape Pay sera de nouveau présenté à l initiateur, vous pouvez donc ajouter un widget pour faire la synthèse de la commande du client. Cliquez sur Pay et sélectionnez Details -> Forms -> Add. BOS V5.3 Guide de démarrage, 19 oct BonitaSoft S.A. page 51

52 Lorsque l assistant Create a New Form s affiche, sélectionnez uniquement chooseexpressdelivery, creditcardnumber, et expirationdate. Réorganisez les widgets comme montré ci-dessous. Ajoutez un nouveau widget en cliquant sur le widget Message et en le déposant tout en haut du formulaire. Copie d écran 81. Créer un formulaire pour l étape Pay Revenez dans le panneau Details et modifiez les descriptifs des widgets suivants : creditcardnumber: Credit Card Number expirationdate: Expiration Date chooseexpressdelivery: Do you want express delivery? Check if yes: Pour le nouveau widget Message, sélectionnez Details -> Data. Sélectionnez Edit Expression comme valeur du champ Initial value. Créez une expression en langage Groovy pour présenter un message dans le formulaire. Copie d écran 82. Sélectionner Edit Expression pour créer une expression en Groovy page 52 BonitaSoft S.A. BOS V5.3 Guide de démarrage, 19 oct 2010

53 Copie d écran 83. Saisir une expression en Groovy qui sera évaluée et présentée dans le message Prévisualisez le formulaire que vous avez personnalisé. Copie d écran 84. Prévisualiser le formulaire personnalisé (pour l étape Pay) Fermez et enregistrez le formulaire. Enregistrez votre processus sous le nom Web Purchase Diagram 1.4. Exécutez-le. Les différents formulaires conçus devraient maintenant s afficher dans le formulaire par défaut Bonita Open Solution Web. BOS V5.3 Guide de démarrage, 19 oct BonitaSoft S.A. page 53

54 Copie d écran 85. Formulaire (champs) personnalisé(s) présenté(s) dans le formulaire en ligne par défaut Bonita Open Solution Synthèse Pour ce tutoriel, seules certaines fonctions de Bonita Open Solution ont été utilisées, notamment : Les interfaces graphiques de Bonita Studio, pour créer un processus complet en : concevant des étapes et en les définissant comme humaines (Human) ou automatiques (Automatic) ; affectant des acteurs (Actors) aux étapes humaines ; ajoutant des variables globales au processus et des variables locales aux étapes, qui ont été utilisées ensuite pour créer des formulaires interactifs o en définissant des variables de texte et de liste ; o en définissant une variable booléenne ; définissant des conditions pour les transitions afin de gérer les sorties multiples d une étape ; et définissant une porte (Gate) pour gérer les entrées multiples d une étape dans une itération. L interface Forms par défaut de Bonita User Experience : pour exécuter un processus finalisé et saisir les informations dans les formulaires interactifs créés à partir de vos variables. L interface de type boîte de messagerie de Bonita User Experience : pour visualiser les étapes du cas finalisé ; pour consulter l historique du cas ; pour exécuter un cas supplémentaire (ou deux, ou plusieurs) de votre processus. La fonction de personnalisation Form Builder de Bonita Studio : pour sélectionner les champs de données à présenter dans un formulaire ; pour configurer la présentation de ces champs de données pour l utilisateur. Si vous explorez davantage Bonita Open Solution, vous découvrirez d autres fonctionnalités nonabordées dans ce Guide de démarrage. Ainsi, dans le panneau Details d une étape, vous pouvez définir des connecteurs (Connectors) pour établir une connexion aux bases de données externes et aux systèmes de messagerie, ainsi que bien d autres éléments. page 54 BonitaSoft S.A. BOS V5.3 Guide de démarrage, 19 oct 2010

55 Retour d expérience, questions, et informations supplémentaires Veuillez vous reporter au Manuel Utilisateur pour une explication approfondie des fonctions de Bonita Open Solution. Vos retours sont les bienvenus. Nous vous attendons sur le Forum BonitaSoft! Le Forum BonitaSoft est aussi l endroit idéal pour poser vos questions. Et n oubliez pas de consulter nos Bug Tracker, Source Code, etc. Rejoignez la communauté BonitaSoft et abonnez-vous à notre Newsletter, accédez à des informations de pointe et à bien d autres ressources. Pour plus d informations, contactez-nous à BonitaSoft. Amusez-vous avec Bonita! BOS V5.3 Guide de démarrage, 19 oct BonitaSoft S.A. page 55