Designing Graphical User Interface
Duration: 1 Hour
Location: Online
Prerequisite: Completion of the Advanced course
The Programming course builds on all topics taught in Intermediate and Advanced course. The AVSnap coordinator will introduce User Interface design concepts with practical application.
During the course a small control system with full Graphical User Interface (GUI) will be designed and programmed. The AVSnap uses internal programming language modeled after Pascal language. It is event driven with powerful user interface.
Additional information will be provided on RS-232 and TCP communication design and control of other equipment. To participate in this course you should have active RS-232 port. If you computer does not have RS-232 port, then simulated port will be created to complete exorcizes.
1. |
Introduction |
1.1. |
Active objects |
1.2. |
System objects |
1.3. |
Communication objects |
1.4. |
Time objects |
2. |
Language Structure |
2.1. |
Language keywords |
2.2. |
Language syntax |
2.3. |
Defining variables |
2.4. |
Type of Variables |
2.5. |
Scope of Variables |
3. |
User Interface |
3.1. |
Graphical design of user interface |
3.2. |
Adding interaction to objects |
3.3. |
Presentation mode |
3.4. |
Read Only mode |
4. |
Active Objects |
4.1. |
Array of Objects |
4.1.1. |
Button / Level Control / Progress Bar |
4.1.2. |
IMG object |
5. |
Page formatting |
5.1. |
Page size/orientation |
5.2. |
Page dimensions using Custom |
5.3. |
Page templates |
6. |
Multiple pages |
6.1. |
Designing Multipage user interface |
6.2. |
Switching between pages |
6.3. |
Determining Run Mode |
9. |
Passive Objects properties |
9.1. |
Line tool + format |
9.3. |
Text tool+ format |
9.5. |
Rectangle tool + format |
9.15. |
Rotate tool (shortcut) |
13. |
Active Objects Library |
13.1. |
Basic concepts |
13.2. |
Switching to Library Mode from Design Mode |
13.3. |
Returning to Design mode |
13.4. |
Drawing objects |
13.5. |
Inserting BMP/JPG |
13.6. |
Adding Snap points |
13.7. |
Defining defaults |
13.8. |
Setting up first symbol in the library |
13.9. |
Identifying type of symbol (Diagram, Outline, Photo, My) |
13.10. |
Defining library symbol size |
|
|
|
