Defining User Interfaces
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 IT Application Designer profile or with IT 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 interface :
1. Click Design (UML) navigation pane.
2. In the navigation pane click User Intrface Design.
The list of user interfaces appears.
3. Click New.
4. Enter the name of the interface.
5. Click OK.
Building a User Interface Diagram
To create an interface diagram:
1. Right-click the User Interface that interests you and select New > Diagram.
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 properties dialog box of the event.
2. Click the Characteristics tab.
3. In the User Interface Event Type text box, click the arrow and select Query User Interface Event Type.
The Query dialog box appears:
4. Click Find.
The list of event types appears.
5. Select the type required and click OK.
Connecting the event to an element
To connect the event to an element, there are two possibilities:
• Select the event in the diagram and drag it onto the element.
Or open the properties dialog box of the event and complete the User Interface Element text box.