Merge pull request #11 from Bonitasoft-Community/7.5-update

7.5 update final change on slides + exercices

README.md

@@ -4,14 +4,19 @@ BPM Camp - 7.x
 Slides and exercises for the BPM Camp events.
 
 Content is available in:
-- English (Bonita BPM 7.4)
-- French (Bonita BPM 7.4)
+- English (Bonita BPM 7.5)
+- French (Bonita BPM 7.5)
 - Spanish (Bonita BPM 7.2)
 
-## Setup instructions for slides
-1. Download [reveal.js version 3.4.1](https://github.com/hakimel/reveal.js/releases/tag/3.4.1)
+## Get the latest version
+You can get the latest version of slides and exercices by downloading the [latest release](https://github.com/Bonitasoft-Community/bpm-camp/releases/latest) from GitHub.
+
+## Build instructions for slides
+1. Download [reveal.js version 3.5.0](https://github.com/hakimel/reveal.js/releases/tag/3.5.0)
 2. Paste the content of the `slides/THE_LANGUAGE/` folder into your `reveal.js` directory
-3. Paste the content of the `slides/theme` folder in your `reveal.js/css/theme` folder
+3. Paste the content of the `slides/theme` folder in your `reveal.js/css/theme/source` folder
+4. Run `npm install`
+5. Run `grunt package`
 
 ## Setup instructions for exercises
 1. Download and install the [DEP4E eclipse plugin](http://dep4e.sourceforge.net/)

exercices/source/en/chapters/ex2.xml

@@ -40,7 +40,7 @@
 					</row>
 					<row>
 						<entry>leaveStart</entry>
-						<entry>Date</entry>
+						<entry>Date only</entry>
 						<entry>Yes</entry>
 					</row>
 					<row>
@@ -108,7 +108,7 @@
 							</row>
 							<row>
 								<entry>leaveStart</entry>
-								<entry>Date</entry>
+								<entry>Date only</entry>
 								<entry>Yes</entry>
 							</row>
 							<row>
@@ -158,7 +158,7 @@
 			<listitem>
 				<para><emphasis role="bold">Set up the case instantiation contract</emphasis></para>
 				<para>Select the process pool, and navigate to the "Execution / Contract / Inputs" tab.</para>
-				<para>Click on "Add from data".</para>
+				<para>Click on "Add from data...".</para>
 				<para>Select the "request" business data, keep the default input name "requestInput" and click on "Next".</para>
 				<para>Uncheck the "requestorId" and "isApproved" attributes.</para>
 				<para>
@@ -195,7 +195,7 @@
 							</row>
 							<row>
 								<entry>Expression</entry>
-								<entry><programlisting language="java">requestInput.leaveStart.compareTo(new Date()) &gt; 0</programlisting></entry>
+								<entry><programlisting language="java">requestInput.leaveStart.isAfter(java.time.LocalDate.now())</programlisting></entry>
 							</row>
 							<row>
 								<entry>Error message</entry>

exercices/source/en/chapters/ex3.xml

@@ -71,32 +71,6 @@
 					</tgroup>
 				</informaltable>
 			</listitem>
-			<listitem>
-				<para><emphasis role="bold">Update the "Leave Start" widget</emphasis></para>
-				<para>Select the "Leave Start" widget and edit the following properties:</para>
-				<informaltable frame="all">
-					<tgroup cols="2" align="left" colsep="1" rowsep="1">
-						<colspec colname='c1' colwidth="1*"/>
-						<colspec colname='c2' colwidth="4*"/>
-						<thead>
-							<row>
-								<entry>Property</entry>
-								<entry>Value</entry>
-							</row>
-						</thead>
-						<tbody>
-							<row>
-								<entry>Placeholder</entry>
-								<entry>mm/dd/yyyy</entry>
-							</row>
-							<row>
-								<entry>Date format</entry>
-								<entry>MM/dd/yyyy</entry>
-							</row>
-						</tbody>
-					</tgroup>
-				</informaltable>
-			</listitem>
 			<listitem>
 				<para><emphasis role="bold">Update the "Day Count" widget</emphasis></para>
 				<para>Select the "Day count" widget and edit the following properties:</para>
@@ -334,7 +308,7 @@
 			</listitem>
 			<listitem>
 				<para><emphasis role="bold">Add a widget to display the leave start date</emphasis></para>
-				<para>Drag an "Text" widget from the palette and drop it in the Form container under the requestor widget.</para>
+				<para>Drag an "Text" widget from the palette and drop it under the requestor widget.</para>
 				<para>Configure the widget as following:</para>
 				<informaltable frame="all">
 					<tgroup cols="2" align="left" colsep="1" rowsep="1">
@@ -349,15 +323,15 @@
 						<tbody>
 							<row>
 								<entry>Text</entry>
-								<entry>&lt;b&gt;Leave start date: &lt;/b&gt;{{request.leaveStart | date : 'dd/MM/yyyy' : 'UTC'}}</entry>
+								<entry>&lt;b&gt;Leave start date: &lt;/b&gt;{{request.leaveStart | date : 'dd/MM/yyyy'}}</entry>
 							</row>
 						</tbody>
 					</tgroup>
 				</informaltable>
 			</listitem>
 			<listitem>
 				<para><emphasis role="bold">Add a widget to display the number of days</emphasis></para>
-				<para>Drag an "Text" widget from the palette and drop it on a new row under the "Start date" widget.</para>
+				<para>Drag an "Text" widget from the palette and drop it on a new row under the "Leave start date" widget.</para>
 				<para>Configure the widget as following:</para>
 				<informaltable frame="all">
 					<tgroup cols="2" align="left" colsep="1" rowsep="1">
@@ -380,7 +354,7 @@
 			</listitem>
 			<listitem>
 				<para><emphasis role="bold">Add a widget to reject the request</emphasis></para>
-				<para>Drag a "Button" widget from the palette and drop it on a new row at the bottom of the form.</para>
+				<para>Drag a "Button" widget from the palette and drop it in the form container (highlight with a dashed border).</para>
 				<para>Configure the widget as following:</para>
 				<informaltable frame="all">
 					<tgroup cols="2" align="left" colsep="1" rowsep="1">

exercices/source/en/chapters/ex5.xml

@@ -35,7 +35,7 @@
 				<para>
 					<programlisting language="shell">java -jar fakeSMTP-2.0.jar</programlisting>
 				</para>
-				<para>Once the user interface is displayed, click on the "Start server" button.</para>
+				<para>Once the user interface is displayed, set the listenning port to 2525 and click on the "Start server" button.</para>
 			</listitem>
 			<listitem><para><emphasis role="bold">Duplicate the process diagram from the previous exercise to create a 5.0 version.</emphasis></para></listitem>
 			<listitem>
@@ -60,7 +60,7 @@
 							</row>
 							<row>
 								<entry>SMTP port</entry>
-								<entry>2525 (FakeSMTP default port or the port number specified in FakeSMTP)</entry>
+								<entry>2525 (the port number specified in FakeSMTP)</entry>
 							</row>
 							<row>
 								<entry>SSL (in the "Security" section)</entry>

exercices/source/en/chapters/ex6.xml

@@ -24,8 +24,8 @@
 		<orderedlist>
 			<listitem>
 				<para><emphasis role="bold">Create a new page.</emphasis></para>
-				<para>In the Studio, click on UI Designer.</para>
-				<para>Click on the Create button, select Application page, set the name to: LeaveRequestStatus. Then click on Create.</para>
+				<para>In the Studio, click on the "UI Designer" button.</para>
+				<para>Click on the "Create" button, select "Application page", set the name to: LeaveRequestStatus. Then click on "Create".</para>
 				<para>
 					<mediaobject>
 						<imageobject>
@@ -151,6 +151,10 @@
 								<entry>Value</entry>
 								<entry>$item.leaveStart</entry>
 							</row>
+							<row>
+								<entry>Show Today button</entry>
+								<entry>no</entry>
+							</row>
 						</tbody>
 					</tgroup>
 				</informaltable>
@@ -316,7 +320,7 @@
 				<para>Enter "Create a new request" in the field label.</para>
 				<para>Select POST in the Action drop-down list.</para>
 				<para>Click on "fx" to switch the "Data sent on click" field mode and then enter "formInput".</para>
-				<para>In the field URL, enter:</para>
+				<para>In the field URL to call, enter:</para>
 				<para><programlisting language="xml">../API/bpm/process/{{processDefinitionInfo[0].id}}/instantiation</programlisting></para>
 				<para>In the field Target URL Success, enter:</para>
 				<para><programlisting language="xml">/bonita/apps/leaveRequest</programlisting></para>

exercices/source/fr/chapters/ex2.xml

@@ -40,7 +40,7 @@
 					</row>
 					<row>
 						<entry>dateDebut</entry>
-						<entry>Date</entry>
+						<entry>Date only</entry>
 						<entry>Oui</entry>
 					</row>
 					<row>
@@ -108,7 +108,7 @@
 							</row>
 							<row>
 								<entry>dateDebut</entry>
-								<entry>Date</entry>
+								<entry>Date only</entry>
 								<entry>Oui</entry>
 							</row>
 							<row>
@@ -132,7 +132,7 @@
 					</mediaobject>
 				</para>
 				<para>Cliquer sur "Terminer".</para>
-				<para>Le message suivant s'affiche pour confirmer le deploiement du BDM. Cocher l'option "Don't show me this message again" et cliquer sur "Ok".</para>
+				<para>Le message suivant s'affiche pour confirmer le déploiement du BDM. Cocher l'option "Don't show me this message again" et cliquer sur "Ok".</para>
 				<para>
 					<mediaobject>
 						<imageobject>
@@ -195,7 +195,7 @@
 							</row>
 							<row>
 								<entry>Expression</entry>
-								<entry><programlisting language="java">return demandeInput.dateDebut.compareTo(new Date()) &gt; 0</programlisting></entry>
+								<entry><programlisting language="java">return demandeInput.dateDebut.isAfter(java.time.LocalDate.now())</programlisting></entry>
 							</row>
 							<row>
 								<entry>Message d'erreur</entry>

exercices/source/fr/chapters/ex3.xml

@@ -25,7 +25,7 @@
 			<listitem>
 				<para><emphasis role="bold">Créer un formulaire d'instanciation.</emphasis></para>
 				<para>Sélectionner le pool du processus et naviguer dans l'onglet "Exécution / Formulaire d'instanciation".</para>
-				<para>Cliquer sur l'icone "Crayon" du champ "Formulaire cible" pour ouvrir l'UI Designer sur un nouveau formulaire.</para>
+				<para>Cliquer sur l’icône "Crayon" du champ "Formulaire cible" pour ouvrir l'UI Designer sur un nouveau formulaire.</para>
 				<para>
 					<mediaobject>
 						<imageobject>
@@ -94,7 +94,7 @@
 								<entry>jj/mm/aaaa</entry>
 							</row>
 							<row>
-								<entry>Format de la date</entry>
+								<entry>Format technique de la date</entry>
 								<entry>dd/MM/yyyy</entry>
 							</row>
 						</tbody>
@@ -127,6 +127,10 @@
 								<entry>Valeur minimum *</entry>
 								<entry>1</entry>
 							</row>
+                            <row>
+                                <entry>Libellé du bouton Aujourd'hui</entry>
+                                <entry>Aujourd'hui</entry>
+                            </row>
 						</tbody>
 					</tgroup>
 				</informaltable>
@@ -199,7 +203,7 @@
 			<listitem>
 				<para><emphasis role="bold">Créer un formulaire pour l'étape "Valider demande".</emphasis></para>
 				<para>Dans le Studio, sélectionner l'étape "Valider demande" et naviguer dans l'onglet "Exécution / Formulaire".</para>
-				<para>Cliquer sur l'icone "Crayon" du champ "Formulaire cible" pour ouvrir l'UI Designer sur un nouveau formulaire.</para>
+				<para>Cliquer sur l'icône "Crayon" du champ "Formulaire cible" pour ouvrir l'UI Designer sur un nouveau formulaire.</para>
 			</listitem>
 			<listitem>
 				<para><emphasis role="bold">Renommer le formulaire</emphasis></para>
@@ -283,7 +287,7 @@
 			</listitem>
 			<listitem>
 				<para><emphasis role="bold">Supprimer la case à cocher "Est Approuvee" et le bouton "Submit"</emphasis></para>
-				<para>Sélectionner le Form container qui contient la case à cocher ainsi que le bouton et supprimer le. Pour cela, utiliser le contrôle de suppression qui apparait lorsque l'on survole le container avec le curseur.</para>
+				<para>Sélectionner le Form container qui contient la case à cocher ainsi que le bouton et supprimer le. Pour cela, utiliser le contrôle de suppression qui apparaît lorsque l'on survole le container avec le curseur.</para>
 				<para>
 					<mediaobject>
 						<imageobject>
@@ -359,7 +363,7 @@
 						<tbody>
 							<row>
 								<entry>Texte</entry>
-								<entry><code>&lt;b&gt;Date de début :&lt;/b&gt; {{demande.dateDebut | date : 'dd/MM/yyyy' : 'UTC'}}</code></entry>
+								<entry><code>&lt;b&gt;Date de début :&lt;/b&gt; {{demande.dateDebut | date : 'dd/MM/yyyy'}}</code></entry>
 							</row>
 						</tbody>
 					</tgroup>
@@ -391,7 +395,7 @@
 			</listitem>
 			<listitem>
 				<para><emphasis role="bold">Ajouter un widget pour refuser la demande</emphasis></para>
-				<para>Faire glisser un widget de type "Button" en bas du formulaire.</para>
+				<para>Faire glisser un widget de type "Button" et ajouter le dans le form container.</para>
 				<para>Configurer le widget comme ceci :</para>
 				<informaltable frame="all">
 					<tgroup cols="2" align="left" colsep="1" rowsep="1">

exercices/source/fr/chapters/ex5.xml

@@ -36,12 +36,12 @@
 				<para>
 					<programlisting language="shell">java -jar fakeSMTP-2.0.jar</programlisting>
 				</para>
-				<para>Une fois l'interface graphique de FakeSMTP affichée, cliquer sur le bouton "Démarrer le serveur".</para>
+				<para>Une fois l'interface graphique de FakeSMTP affichée, configurer le port d'écoute sur 2525 et cliquer sur le bouton "Démarrer le serveur".</para>
 			</listitem>
 			<listitem><para><emphasis role="bold">Dupliquer le diagramme de processus de l'exercice précédent pour créer une version 5.0.</emphasis></para></listitem>
 			<listitem>
 				<para><emphasis role="bold">Tester le connecteur d'envoi d'email pour obtenir la bonne configuration SMTP.</emphasis></para>
-				<para>Naviguer dans le menu "Développement / Connecteurs / Tester un connecteur" de la barre supérieur du Studio.</para>
+				<para>Naviguer dans le menu "Développement / Connecteurs / Tester un connecteur..." de la barre supérieur du Studio.</para>
 				<para>Sélectionner un connecteur de type "Courriel" à partir du filtre ou depuis la catégorie "Communications" et cliquer sur le bouton "Suivant".</para>
 				<para>Remplir les paramètres de connexion suivants :</para>
 				<informaltable frame="all">
@@ -61,7 +61,7 @@
 							</row>
 							<row>
 								<entry>Port SMTP</entry>
-								<entry>2525 (port par défaut de FakeSMTP ou le port spécifié dans FakeSMTP )</entry>
+								<entry>2525 (le port spécifié dans FakeSMTP )</entry>
 							</row>
 							<row>
 								<entry>SSL (sous l'onglet "Sécurité")</entry>

exercices/source/fr/chapters/ex6.xml

@@ -24,7 +24,7 @@
 		<orderedlist>
 			<listitem>
 				<para><emphasis role="bold">Créer une page d'application.</emphasis></para>
-				<para>Dans le Studio, cliquer sur le bouton UI Designer.</para>
+				<para>Dans le Studio, cliquer sur le bouton "UI Designer".</para>
 				<para>Cliquer sur le bouton "Créer", sélectionner "Page d'application" et fournir le nom "SuiviDesDemandes". Finalement, cliquer sur "Créer".</para>
 				<para>
 					<mediaobject>
@@ -153,9 +153,13 @@
 								<entry>$item.dateDebut</entry>
 							</row>
 							<row>
-								<entry>Format de la date</entry>
+								<entry>Format technique de la date</entry>
 								<entry>dd/MM/yyyy</entry>
 							</row>
+							<row>
+								<entry>Afficher le bouton Aujourd'hui</entry>
+								<entry>non</entry>
+							</row>
 						</tbody>
 					</tgroup>
 				</informaltable>
@@ -338,7 +342,7 @@
 			<listitem>
 				<para><emphasis role="bold">Mettre à jour la page dans le portail.</emphasis></para>
 			<para>Exporter la nouvelle version de la page.</para>
-			<para>Se connecter au portail et cliquer sur le bouton Éditer de la page.</para>
+			<para>Se connecter au portail et cliquer sur le bouton Modifier de la page.</para>
 			<para>Sélectionner le fichier ZIP correspondant la nouvelle version de la page.</para>
 			<para>Rafraîchir l'application, les changements devraient être visibles.</para>
 		</listitem>