1 - Creating A Reactive Web App Exercise
1 - Creating A Reactive Web App Exercise
Exercise
Outline 1
Resources 1
Hands-on 1
Over the next few exercises, we will progressively build the application with new functionality.
For now, we’ll start by creating the application and two modules, one for the interface and the
other for Logic/Entities.
After the application is created, we want to create a simple action that sets a static text to a
variable in the Blank module. Then we will display that message in a Screen in the Reactive Web
module.
Resources
For this exercise, we will use an image as the icon of the application, OSMDb-icon.png. The image
can be found in the Resources folder of the Boot Camp materials.
Hands-on
This is the first exercise of a set of exercises that will progressively build a reactive web
application called OSMDb, a simple application to manage movies and its cast and crew.
1. OSMDb, a reactive web module where the screens and the UI of the application will be
created;
1
2. OSMDb_Core, a blank module where the database tables and some of the business logic
will be defined.
Since the Boot Camp scenario is shared between all the students, the application and module
names should be followed by your initials to distinguish them.
2
This Action will be used in the reactive web module, to display the message directly on a Screen.
For that, the Action should be Public, to make it visible and usable in your Reactive Web
module, and set as a Function. You can see these properties by clicking on the
GetStaticMessage Action.
After it’s done, don’t forget to publish the module to save the changes, by clicking on the 1-Click
Publish button at the top of the Screen!
Now, on the Reactive Web module, we want to display this static message on a new Screen.
First, we need to open the OSMDb module and reference the Action by using the Manage
Dependencies option (it will only be visible if the Core module was published!).
Then, we need to create an Empty Screen and use an expression to display the value in the
output parameter of the Action.
3
At this time, we’re not concerned about security issues, so remember to check the Anonymous
checkbox on the screen properties.
At the end, we can publish the module and open it in the browser.