Add graphs to your IBM i applications to provide relevant info at a glance

1. Graphical RPG Framework for IBM i
SilverDev Tutorial
How to Build a Graph in IBM i Applications?

2. SilverDev – Tutorial – Build a Graph
Experia Europe – All Rights Reserved -- 2/ 19
Steps:
1. Build a new program ...................................................................................... 3
2. Screen preparation ......................................................................................... 6
3. Graphs types ................................................................................................... 9
4. Data insertion ............................................................................................... 11
5. Compilation .................................................................................................. 14
6. CLP Creation ................................................................................................. 15
7. 1st deployment ............................................................................................ 17
8. Result ............................................................................................................ 18

3. SilverDev – Tutorial – Build a Graph
Experia Europe – All Rights Reserved -- 3/ 19
1. Build a new program
Launch SilverDev Designer and select a context from the menu Tools > Context.

4. SilverDev – Tutorial – Build a Graph
Experia Europe – All Rights Reserved -- 4/ 19
Use the « + » icon to create your new program,
in the Context tab
This program will contain SQL :
Select SVDSQLRPG type

5. SilverDev – Tutorial – Build a Graph
Experia Europe – All Rights Reserved -- 5/ 19
Your program appears on the Context tab list
Double-click it to open it

6. SilverDev – Tutorial – Build a Graph
Experia Europe – All Rights Reserved -- 6/ 19
2. Screen preparation
Put first a panel on the top of the screen:
On the Components tab, click on the CPanel icon and place it on the screen with another click.
To adapt it to the screen width, use the Align property on the Inspector tab: alTop value.

7. SilverDev – Tutorial – Build a Graph
Experia Europe – All Rights Reserved -- 7/ 19
Add a button to load data.
Use CButton Component, place it on the screen and name it ‘Load’ with its Caption property.

8. SilverDev – Tutorial – Build a Graph
Experia Europe – All Rights Reserved -- 8/ 19
Now prepare the graph display area:
Use a CChart Component and select alClient value on the Align property

9. SilverDev – Tutorial – Build a Graph
Experia Europe – All Rights Reserved -- 9/ 19
3. Graphs types
Double click on the graph area
This pop-up appears.
Click the New icon, at the top left, to insert new series.
You can choose your graph type on this dialog box.
We select the pie one.

10. SilverDev – Tutorial – Build a Graph
Experia Europe – All Rights Reserved -- 10/ 19
The form is ready to receive data.
Be careful: This screen is a preview. It does not displays real data

11. SilverDev – Tutorial – Build a Graph
Experia Europe – All Rights Reserved -- 11/ 19
4. Data insertion
We’ll use the Load button to load data. Select it on the form.
On the Events tab, select and double click the OnClick event.
The source code has been automatically updated

12. SilverDev – Tutorial – Build a Graph
Experia Europe – All Rights Reserved -- 12/ 19
We’ll use data on two tables from SilverDev demo library :
On table contains a book list (sddmbks), the other one contains books themes (sddmthm).
The graph will display the number of books of each theme.
Declare your variables:
And prepare SQL query :

13. SilverDev – Tutorial – Build a Graph
Experia Europe – All Rights Reserved -- 13/ 19
Before displaying query’s resulsts, we need to clear previous data so they don’t overlap
Use sdSeriesClear function:
Now you can add data with sdAddPie function
Tip: To get more info on SilverDev functions, use F1.

14. SilverDev – Tutorial – Build a Graph
Experia Europe – All Rights Reserved -- 14/ 19
5. Compilation
Save and compile the form
Then Generate your program on Compiling menu

15. SilverDev – Tutorial – Build a Graph
Experia Europe – All Rights Reserved -- 15/ 19
6. CLP Creation
To deploy the app, you need a CLP. Let’s build it on SilverDev:
Open a new member
Add on it your library and call your RPG program :

16. SilverDev – Tutorial – Build a Graph
Experia Europe – All Rights Reserved -- 16/ 19
Save the CLP
And compile it.

17. SilverDev – Tutorial – Build a Graph
Experia Europe – All Rights Reserved -- 17/ 19
7. 1st deployment
Launch MyDesk and right click where you want to make your application available. Then, choose « New application »
Fill the dialog box with the application title, the file name and the call command.
On next screen, select the app authorizations.

18. SilverDev – Tutorial – Build a Graph
Experia Europe – All Rights Reserved -- 18/ 19
8. Result
You can now launch your application and click the Load button to load data:

19. SilverDev – Tutorial – Build a Graph
Experia Europe – All Rights Reserved -- 19/ 19
More info on www.silverdev.com
EXPERIA Europe
4, rue L.Beridot
Les jardins d'Epione
38500 VOIRON - FRANCE
www.experia.com
info@experia.com