Hopex Aquila EN

Defining User Interfaces

User interface element

User interface event

It is possible to describe interfaces connecting services or operations with the exterior. This description is carried out in a user interface diagram.

To access UML functions, you must be connected Solution Architect profile or with Solution Architecture Functional Administrator profile.

To see the User Interfaces, open the Options window and check that IT Architecture > User Interface and Batch Features (ADES) option is activated.

Creating a user interface

To create a user interaction using Design (UML) navigation menu:

1. Select User Interfaces.

The list of user interfaces appears.

2. Click New.

3. Enter the name of the interface.

4. Click OK.

Building a User Interface Diagram

To create an interface diagram:

1. Select the User interface that interests you and click Create Diagram button.

2. In the dialog box, select User Interface Diagram.

The UI diagram opens in the Edit window.

Take, for example, the "Flight Reservation" UI diagram.

The interface is presented in the form of a dialog box, in which various fields must be completed.

• Departure city

• Destination

• Flight date

A button cancels the request, another button opens a second interface.

Drawing the Interface Diagram

The user interface diagram allows you to draw the interface of the operation or service.

User interface element

Buttons allow you to modify the appearance of the interface:

• Text Field

• List

• Radio Group

• Check Box

• etc.

To create an element:

1. In the diagram objects bar, select the button corresponding to the element required, then click in the diagram.

2. In the dialog box that appears, enter the name of the element.

3. Click OK.

You can also click the User Interface Element button and indicate the element type in its properties dialog box.

User interface event

You can connect an event to a user interface element. In our example, the "Propose flights" button is connected to an event, which when actuated opens another interface.

To create an event:

1. Click the Interface event button, then click in the diagram.

2. Enter the name of the event and click OK.

Event type

There are various types of event. An event can be:

• Click on a button

• Entry in a text field

• etc.

To specify the type of event:

1. Open the Characteristics property page of the sketch.

2. In the User Interface Event Type text box, click the arrow and select Query User Interface Event Type.

The Query dialog box appears:

3. Click Find.

The list of event types appears.

4. Select the type required and click OK.

Connecting the event to an element

To connect the event MMI to an element MMI, there are two possibilities:

• Select the event in the diagram and drag it onto the element.

• Or open the Characteristics properties dialog box of the event and complete the User Interface Element text box.