Designing graphical interfaces by using panel diagrams

Edit online

You can create a panel diagram to design a graphical interface in Rhapsody® Developer for C and Rhapsody Developer for C++ projects.

About this task

Developers can use the diagrams to:

  • Simulate and prototype a panel
  • Imitate hardware devices for users
  • Activate and monitor a user application
  • Test applications by triggering events and change attributes values
Note: Panel diagrams are intended only for simulating and prototyping, and not for use as a production interface for the user application. In addition, panel diagrams can only be "used" on the host and can be "used" only from within Rhapsody .

The following illustration shows an animated panel diagram for a hypothetical coffee maker application. During animation, the developer of the application can test it by doing such things as, for example:

  • Turn on the coffee maker application by clicking the power On/Off Switch control.
  • Use the coffeeContainer and milkContainer Bubble Knob controls to increase/decrease the amount of coffee and milk that is available.
  • Order a coffee by clicking the evCoin Push Button control. The following actions could happen:
    • Messages appear on the Matrix Display control, such as Filling Coffee or Filling Cup.
    • The coffeeContainer and milkContainer Level Indicator controls go down as these items are dispensed.
    • The cup Level Indicator control rises as coffee fills a cup, until the Please Take Your Cup message displays on the Matrix Display control.
    • The Take cup LED control turns red.
    • The cupCounter Digital Display control keeps a count of each cup of coffee made.
  • Indicate that a cup of coffee has been taken by clicking the evTakeCup Push Button control, which could reset the coffee machine.
    Panel diagram