background image

 

gen4-uLCD-XXPT - GETTING STARTED MANUAL

 

15  

 

2.2 

Workshop4 Pro 

 

Standard Workshop4 has its capabilities to make a UI design, but a 

richer and more interactive design can be achieved with Worskhop4 

Pro. The Workshop4 PRO License unlocks Genie Magic for the ViSi-

Genie environment, along with the Smart Widget Editor for both ViSi 

and ViSi-Genie Environment. New features and additions continue to 

be developed, and updates are made available for free once the 

license has been purchased. 

 

 

 

Genie Magic 

Genie Magic is an upgraded version of the standard ViSi-Genie 

environment. With this advanced environment, the user can 

overcome the limitation of the standard ViSi-Genie environment 

which is its strictly drag-and-drop and event-adding type of 

programming; while the code can be added using another 

microcontroller (i.e. Arduino) interfaced to a 4D Systems display. 

Genie Magic brings the ability to add standard 4DGL code to various 

points within the ViSi-Genie environment. This enables you to have 

all the advantages of ViSi-Genie but with the new ability to add extra 

4DGL where you want it. 
The Magic tab automatically appears once the Workshop4 Pro 

License has been purchased. 

 

 
 

 

 

 

Smart Widgets Editor 

Smart Widget Editor brings a comprehensive tool which allows you to 

create and animate Gauges, Sliders, Knobs and more, using the tools 

provided. This allows you to easily add custom graphics and build 

customised widgets, exactly as you want them.  
Smart Widgets are custom widgets designed using the Smart Widgets 

Editor and Workshop4 Pro comes with 30+ different examples of 

smart widgets. 

 
 

 

Note

: Workshop4 PRO is an 

OPTIONAL

 upgrade to unlock advanced features. Workshop4 

is still FREE to download and use, however, the PRO features requires a paid license to 

unlock the additional features. To know more about Workshop4 Pro and on how to 

purchase the license, you may go to Workshop4 PRO product page.

 

 

Summary of Contents for gen4-uLCD-28PT

Page 1: ...gen4 uLCD XXPT GETTING STARTED MANUAL 1...

Page 2: ...amming Cable Using the uSB PA5 II Using the 4D UPA Let WS4 Identify the Display Module 09 Getting Started with a Simple Project 15 Workshop4 Pro 16 Application Notes 17 Reference Documents 19 Glossary...

Page 3: ...ystems Picaso graphics processor which offers an array of functionality and options for the designer integrator user Intelligent display modules are low cost embedded solutions used in various applica...

Page 4: ...4D Programming Cable uUSB PA5 II Programming Adaptor 4D UPA To use any of the programming modules the corresponding driver must first be installed in the PC You may refer to the product page of the gi...

Page 5: ...es four development environments for the user to choose based on application requirements or even user skill level Designer ViSi Genie ViSi and Serial Workshop4 Environments Designer This environment...

Page 6: ...s for connecting the display to the PC There are three 3 options of instructions under this section as shown in the image below Each option is specific to a programming module Follow only instructions...

Page 7: ...with the assistance of the supplied ribbon cable 4 Connect the other end of the 4D Programming Cable to the computer Option B Using the uUSB PA5 II 1 Connect one end of the FFC to your module s 30 wa...

Page 8: ...ect the other end of the USB Micro B Cable to the computer Let WS4 Identify the Display Module After following the appropriate set of instructions in the previous section you now need to configure and...

Page 9: ...ropdown list 7 Click on the RED Dot to start scanning for the display module A YELLOW dot will show while scanning Make sure that your module is connected properly 8 Lastly a successful detection will...

Page 10: ...ject consists of a slider an input widget controlling a gauge an output widget The widgets can also be configured to send event messages to an external host device through the serial port Create a New...

Page 11: ...e of widget that you want to use In this case the slider widget is selected Simply drag and drop the widget towards the What You See Is What You Get WYSIWYG section Add a Gauge Widget To add a gauge w...

Page 12: ...widget is released On the other hand the OnChanging event is continuously triggered while an input widget is being touched In this example the OnChanging event is used Set the event handler by clickin...

Page 13: ...during runtime The graphics processor will then render the widgets on the display At this point WS4 generates the required graphics files and will prompt you for the drive to which the microSD card i...

Page 14: ...nt out by the display module to the serial port This tool is called GTX which stands for Genie Test eXecutor This tool can also be thought of as a simulator for an external host device The GTX tool ca...

Page 15: ...ems display Genie Magic brings the ability to add standard 4DGL code to various points within the ViSi Genie environment This enables you to have all the advantages of ViSi Genie but with the new abil...

Page 16: ...ou Get screen ViSi 4D AN 00001 ViSi Genie Getting Started First Project for Picaso Display Modules The simple project developed in this application note demonstrates basic touch functionality and obje...

Page 17: ...graphics oriented language allowing rapid application development An extensive library of graphics text and file system functions and the ease of use of a language that combines the best elements and...

Page 18: ...gen4 uLCD XXPT GETTING STARTED MANUAL 18 NOTES...

Page 19: ...hardware having one or more recessed holes with electrical terminals inside 5 Micro USB cable a type of cable used to connect the display to a computer 6 microSD Card a type of removable flash memory...

Page 20: ...ion 6 Image Files are graphics files generated upon program compilation that should be saved into the microSD Card 7 Object Inspector a section in Workshop4 where the user can change the properties of...

Reviews: