Skip to content

Commit

Permalink
[Update] Slides in english + addition of images for the exercise slides
Browse files Browse the repository at this point in the history
  • Loading branch information
dcoille committed Nov 17, 2020
1 parent fc1a9fb commit e971522
Show file tree
Hide file tree
Showing 8 changed files with 96 additions and 61 deletions.
Binary file added slides/en/images/architectural-overview.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added slides/en/images/chrome.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added slides/en/images/firefox.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
155 changes: 95 additions & 60 deletions slides/en/index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -68,8 +68,7 @@ <h2>Checklist</h2>
<ul>
<li>Download Bonita Camp resources from GitHub: <a href="https://github.com/Bonitasoft-Community/bonita-camp/releases">https://github.com/Bonitasoft-Community/bonita-camp/releases</a></li>
<li>Make sure that latest version of Studio is correctly installed (see exercises instructions)</li>
<li>Install latest Oracle JDK 8</li>
<li>Start the Studio and click on Portal button</li>
<li>Install latest Oracle JDK 8 or 11 if needed</li>
<li>We recommend to use Chrome or Firefox as your default web browser for development</li>
</ul>

Expand All @@ -83,20 +82,24 @@ <h2>Checklist</h2>

<section>
<h2>Agenda</h2>
<p>Day 1</p>
<ul class="agenda">
<li>Bonita solution</li>
<li>Bonita components</li>
<li>BPMN 2.0</li>
<li>Data &amp; Contracts</li>
<li>Forms &amp; Pages</li>
<li>Actors</li>
<li>Bonita solution and Bonita components</li>
<li>Introduction to BPMN 2.0</li>
<li>Data management (Business Data model &amp; Contracts)</li>
<li>User interface (Forms &amp; Pages)</li>
</ul>

<p>Day 2</p>
<ul class=""agenda">
<li>Users managements (Actors)</li>
<li>Connectors</li>
<li>Bonita applications</li>
<li>Deployment</li>
</ul>
<aside class="notes">
1<br /><br />
3:30h of time
4:00h of time split into 2 sessions to let you practice
</aside>
</section>

Expand Down Expand Up @@ -127,8 +130,8 @@ <h2>Bonita Components</h2>
<ul>
<li>Bonita Studio</li>
<li>Bonita UI Designer</li>
<li>Bonita Engine</li>
<li>Bonita Portal</li>
<li>Bonita Engine</li>
</ul>
<p>Engine + Portal: packaged in a single JEE web application (war)</p>
<p>Studio embeds a test environment with Tomcat + web application</p>
Expand All @@ -147,7 +150,7 @@ <h2>Bonita Studio: Process Editor</h2>

<aside class="notes">
1:30<br /><br />
Studio is an Eclipse based IDE and requires a JVM (version 8 but version 11 is recommended).<br/>
Studio is an Eclipse based IDE and requires a JVM (version 8 minimum but version 11 is recommended).<br/>
Allows creation of process diagrams which contain one or several processes (we recommend one process per diagram).<br/>
Different steps: process modeling, data model definition, form and pages design, connectors setup...<br/>
Diagram editor perspective: white board on which you drag and drop BPMN elements from a palette.<br />
Expand All @@ -166,6 +169,19 @@ <h2>Bonita Studio: UI Designer</h2>
</aside>
</section>

<section>
<h2>Bonita Portal</h2>
<p>End user and administration web interface</p>
<p>Displays the list of available tasks</p>
<p>Allows to deploy and configure processes and related resources</p>
<img class="stretch" src="images/screenshot_portal_inbox.png" alt="Bonita Portal: Task Inbox" />

<aside class="notes">
30<br /><br />
Portal uses the Bonita APIs as any client of the Engine
</aside>
</section>

<section>
<h2>Bonita Engine</h2>
<p>In charge of process execution (no built-in UI)</p>
Expand All @@ -187,50 +203,21 @@ <h2>Bonita Engine</h2>
</section>

<section>
<h2>Bonita Portal</h2>
<p>End user and administration web interface</p>
<p>Displays the list of available tasks</p>
<p>Allows to deploy and configure processes and related resources</p>
<img class="stretch" src="images/screenshot_portal_inbox.png" alt="Bonita Portal: Task Inbox" />

<aside class="notes">
30<br /><br />
Portal uses the Bonita APIs as any client of the Engine
</aside>
</section>

<section>
<h2>Bonita Portal: Forms</h2>
<p>Renders forms created with UI Designer</p>
<p>Forms are associated with process (instantiation) or human tasks</p>
<p>Served by Bonita Portal</p>
<img src="images/screenshot_form.png" alt="Bonita form" />

<aside class="notes">
1.00<br /><br />
Definition of form: display data and get inputs as part of the process execution
Linked to human tasks
</aside>
</section>

<section>
<h2>Bonita Portal: Applications</h2>
<p>Allows to deploy Business Applications composed of pages implemented with the UI Designer</p>
<img class="stretch" src="images/screenshot_application.png" alt="Bonita application" />
<h2>Bonita Platform architecture</h2>
<img class="stretch" src="images/architectural-overview.png" alt="Architecture Bonita" />

<aside class="notes">
1.30<br /><br />
Global view that uses pages like dashboards to display and gives access to actions.<br />
Pages are build in the same way as Forms. The only difference is that Pages are not associated directly with a process definition. One page might interact with different processes or even no process at all (e.g. for a dashboard with no action on the underlying process).<br />
Everything is defined in the UID and hosted by the Bonita platform.<br />
Business specific UI which makes it usually better than generic tasks list that might not be as convenient.
Todas las interacciones (Portal y otras) con el Motor se gestionan con las API REST de Bonita. <br/>
Las imágenes de paquete (Tomcat) y Docker están disponibles para simplificar la instalación del servidor <br />
La edición Enterprise proporciona características para manejar la implementación y el mantenimiento en la nube (AWS u otro)
</aside>
</section>
</section>

<section>
<section>
<h2>BPMN 2.0</h2>
<h2>Introduction to BPMN 2.0</h2>
<p>Standard notation (OMG) for process modeling</p>

<p>Key elements:</p>
Expand Down Expand Up @@ -293,9 +280,11 @@ <h2>Gateways</h2>
</section>

<section>
<h2>Exercise 1</h2>
<p class="exercise-title">Modeling a basic process</p>
<p>If you don't already did it get instruction from GitHub: https://github.com/Bonitasoft-Community/bonita-camp/releases</p>
<div>
<img width="30%" src="images/think.png" alt="exercise"/><h2>Exercise 1</h2>
</div>
<h4>Modeling a basic process</h4>
<p>If you don't already did it get instruction from GitHub: <br> <a href="https://github.com/Bonitasoft-Community/bonita-camp/releases">https://github.com/Bonitasoft-Community/bonita-camp/releases</a></p>

<aside class="notes">
2.00<br /><br />
Expand Down Expand Up @@ -416,8 +405,10 @@ <h2>Architecture overview</h2>
</section>

<section>
<h2>Exercise 2</h2>
<p class="exercise-title">Adding data and specifying contracts</p>
<div>
<img width="30%" src="images/think.png" alt="exercise"/><h2>Exercise 2</h2>
</div>
<h4>Adding data and specifying contracts</h4>
</section>
<aside class="notes">
6<br /><br />
Expand Down Expand Up @@ -508,8 +499,10 @@ <h2>Architecture overview</h2>
</section>

<section>
<h2>Exercise 3</h2>
<p class="exercise-title">Creating forms</p>
<div>
<img width="30%" src="images/think.png" alt="exercise"/><h2>Exercise 3</h2>
</div>
<h4>Creating forms</h4>
<aside class="notes">
Build a form from scratch<br/>
<br/>
Expand All @@ -518,6 +511,42 @@ <h2>Exercise 3</h2>
</section>
</section>

<!-- Fin jour 1 -->

<section>
<section>
<div>
<img src="images/bonita_camp_logo.png" alt="Bonita Camp logo" />
</div>
<div>
<h4>Day 2</h4>
<div>Delphine Coille</div>
</div>
</section>

<section>
<h2>Agenda - reminder</h2>
<p>Day 1</p>
<ul class="agenda">
<li>Bonita solution and Bonita components</li>
<li>Introduction to BPMN 2.0</li>
<li>Data management (Business Data model &amp; Contracts)</li>
<li>User interface (Forms &amp; Pages)</li>
</ul>

<p>Day 2</p>
<ul class=""agenda">
<li>Users managements (Actors)</li>
<li>Connectors</li>
<li>Bonita applications</li>
<li>Deployment</li>
</ul>
<aside class="notes">
1<br /><br />
If you have not managed to do the exercises yesterday, you can download the solution part 1
</aside>
</section>

<section>
<section>
<h2>Who can do a task?</h2>
Expand Down Expand Up @@ -615,8 +644,10 @@ <h2>Who can start a process instance?</h2>
</section>

<section>
<h2>Exercise 4</h2>
<p class="exercise-title">Configuring actors</p>
<div>
<img width="30%" src="images/think.png" alt="exercise"/><h2>Exercise 4</h2>
</div>
<h4>Configuring actors</h4>

<aside class="notes">
Configure actors in the process<br />
Expand Down Expand Up @@ -648,8 +679,10 @@ <h2>Connectors</h2>
</section>

<section>
<h2>Exercise 5</h2>
<p class="exercise-title">Using a connector to send an email</p>
<div>
<img width="30%" src="images/think.png" alt="exercise"/><h2>Exercise 5</h2>
</div>
<h4>">Using a connector to send an email</h4>
<aside class="notes">
20 - WAIT / ANSWER QUESTIONS<br />
</aside>
Expand Down Expand Up @@ -682,8 +715,10 @@ <h2>BPM-based applications</h2>
</section>

<section>
<h2>Exercise 6</h2>
<p class="exercise-title">Create a leave request application</p>
<div>
<img width="30%" src="images/think.png" alt="exercise"/><h2>Exercise 6</h2>
</div>
<h4>Create a leave request application</h4>

<aside class="notes">
20 - WAIT / ANSWER QUESTIONS<br />
Expand Down Expand Up @@ -756,7 +791,7 @@ <h2>Thank you for your attention</h2>
<ul>
<li>Documentation - <a href="https://documentation.bonitasoft.com/" target="_blank">documentation.bonitasoft.com</a></li>
<li>Corporate Website - <a href="https://www.bonitasoft.com/" target="_blank">bonitasoft.com</a></li>
<li>Community - <a href="https://community.bonitasoft.com/" target="_blank">community.bonitasoft.com</a></li>
<li>Community Website- <a href="https://community.bonitasoft.com/" target="_blank">community.bonitasoft.com</a></li>
<li>GitHub - <a href="https://github.com/bonitasoft-community" target="_blank">github.com/bonitasoft-community</a></li>
</ul>
</section>
Expand Down
Binary file added slides/es/images/architectural-overview.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added slides/es/images/chrome.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added slides/es/images/firefox.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
2 changes: 1 addition & 1 deletion slides/fr/index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -100,7 +100,7 @@ <h2>Programme</h2>

<aside class="notes">
1<br /><br />
3:30h of time découpé en 2 fois 2 heures pour vous laisser le temps de pratiquer
4:00h of time découpé en 2 fois 2 heures pour vous laisser le temps de pratiquer
</aside>
</section>

Expand Down

0 comments on commit e971522

Please sign in to comment.