Panel | ||||||||
---|---|---|---|---|---|---|---|---|
| ||||||||
Chapter goals & duration In this chapter you will learn the basics on how to install and configure Helium widgets. You will also learn where to find documentation, examples, installers & license. Expected duration 2-4h. |
Table of Contents | ||
---|---|---|
|
1. Prerequisites
3DEXPERIENCE dev env (tomee 3dspace exploded web app)
Basic xml understanding
(OPTIONAL) IDE - VSCode, Eclipse or similar
2. Installation
Panel | ||||||||
---|---|---|---|---|---|---|---|---|
| ||||||||
Exercise 1 - Install product
|
3. Installation result and basic Setup
By now the web resources should be installed into your target 3dspace server folder. Value Component basic behaviour is controlled by global properties (e.g production mode for performance or development efficiency) . Let’s have a look at the result in 3dspace.
Panel | ||||||||
---|---|---|---|---|---|---|---|---|
| ||||||||
Exercise 2 - Installation result and Setup
|
WEB-INF/classes/Helium.xml
Code Block |
---|
<?xml version="1.0" encoding="UTF-8"?> <Application xmlns="http://technia.com/helium/Application"> </Application> |
WEB-INF/classes/tvc.properties
Code Block |
---|
tvc.core.logLevel=DEBUG tvc.core.productionMode=false tvc.core.user=User Agent tvc.core.password=secret123 |
4. Deploy a widget
<update with correct url and json?
<SCREENSHOT compass app and resulting widget>
TODO Widget structure. Widgets could be routed to page, dashboards, directly to tables etc.. Visualization?
Gliffy | ||
---|---|---|
|
https://products.technia.com/app/docs/tvc-helium-documentation-2024.1.1/helium/admin/index.html#page
Panel | ||||||||
---|---|---|---|---|---|---|---|---|
| ||||||||
Exercise 3 - Deploy a widget
|
json sample, widget url
Code Block |
---|
<TODO/> |
5. Basic Configuration
<SCREENSHOT RESULT>
Panel | ||||||||
---|---|---|---|---|---|---|---|---|
| ||||||||
Exercise 4 - Modify widget configuration It is recommended to TEST all below steps incrementally (refresh widget in dev mode)
|
Attribute
Code Block |
---|
<boilerPlate/> |
XSD validation with IDE
Code Block |
---|
<boilerPlate/> |
Related Assignee and CR inc group header
Code Block |
---|
<boilerPlate/> |
Style cell using built-in handlebar template
Code Block |
---|
<boilerPlate/> |
Modify Data set to exclude closed issues
Code Block |
---|
<boilerPlate/> |
Toolbar command to add CR using service invoke
Code Block |
---|
<boilerPlate/> |
Add priority pie
Code Block |
---|
<boilerPlate/> |
6. Create Issue Configuration
<SCREENSHOT create form and highlighted new row>
Panel | ||||||||
---|---|---|---|---|---|---|---|---|
| ||||||||
Exercise 5 - Add issue create form
|
Toolbar sample
Code Block |
---|
<boilerPlate/> |
Create form sample
Code Block |
---|
<boilerPlate/> |
7. HEX / Launch Pads
<SCREENSHOT MY DOCUMENTS PAD or HEX?>
Panel | ||||||||
---|---|---|---|---|---|---|---|---|
| ||||||||
Exercise 6 - Download, expand zip and reference a specific HEX / Launch Pad
|
Code Block |
---|
<boilerPlate/> or json |
8. Standalone?
<SCREENSHOT>
9. Studio Live widget configuration using UI (In-app designer)
Info |
---|
Studio (In-app designer) Most configurations could be made live directly from within the UI. This way server access and deploys (release) is no longer needed but view definitions are handled like data. Studio is not included in this training. |
<SCREENSHOT studio>
10. Advanced / Dev
Info |
---|
Advanced There could be requirements outside what is possible by standard configuration. E.g. cells using custom calculation logic. The product supports a wide range of controlled extension plugins using well defined and upgrade safe interfaces. Development of advanced use cases is not covered in this training. <DATA HANDLER example?> |
<SCREENSHOT complex column>
Code Block |
---|
<DataHandler reference/> |