117 3. Management RKA
Chose Management RKA-SKPD Simple
Read Create, update, delete RKA-SKPD
- Update
4. Search data Chose Search data menu
Simple Read
Chose data type Simple
Read Input data
Simple Create , Read
Display and print result Simple
Read 5. Logout
Chose menu logout Simple
Read
From table above describes some of the functions of the Use Case that has been made. And it can be concluded that the results from the function or use made of
some of the activities undertaken are fairly consistent and in accordance with the required design.
Window Diagram
Window diagram aims to illustrate the design of the display or user interface of the application to be made. The design of web secure system is consisting of two
menu pages of the operator and the super user admin. The following diagram window for the web secure system.
a. Window diagram
1. Window Diagram Login From
118
LOGO HEADER
FOOTER Process
Cancel Username :
Password :
Figure 4.3.2.1 Window Diagram Login Form
Login page is the start page to open a secure web system. In this case each user either Super Admin or operators are required to enter the correct username and
password to enter the main page of the user. 2. Window Diagram Home form
LOGO HEADER
FOOTER Home
Management XML Management RKA
Search Logout
Home Page
Figure 4.3.2.2 Window Diagram Home Form
Super admin-level home page will appear first when they successfully login in system.
119 3. Window Diagram Management XML from
LOGO HEADER
FOOTER Home
Management XML Management RKA
Search Logout
Log XML XML Log System
Figure 4.3.2.3 Window Diagram management XML
Super admin-level XML page will appear first when they successfully login in system List of all XML log will appear here.
4. Window Diagram Management RKA
120
LOGO HEADER
FOOTER Home
Management RKA Logout
Data Bound +
- ?
Data Bound Data Bound
Data Bound Data Bound
Data Bound
Back +
+ +
+ +
- -
- -
- ?
? ?
? ?
Search Management XML
Figure 4.3.2.4 Window Diagram management RKA
This page displays the user edit form that can allow a user to update delete and add data.
5. Window Diagram Management Input RKA
LOGO HEADER
FOOTER Home
Management XML Management RKA
Search Logout
Save Cancel
Government Business Organisation
Program Activity
Year Location
Sum n-1 Sum n
Sum n+1 Program Goal
input Output
Result Sugestion
Figure 4.3.2.5 Window Diagram input management RKA
This page displays the user input form that can allow a user to insert data.
121 6. Window Diagram Management Edit RKA
LOGO HEADER
FOOTER Home
Management XML Management RKA
Search Logout
Update Cancel
Data Bound DB
Data Bound Data Bound
Data Bound Government Business
Organisation Program
Activity Year
Location Data Bound
Sum n-1 Data Bound
Data Bound Data Bound
Sum n Sum n+1
Program Goal input
Output Result
Sugestion Data Bound
Data Bound Data Bound
Data Bound Data Bound
Data Bound Data Bound
Data Bound Data Bound
Figure 4.3.2.6 Window Diagram management edit RKA
This page displays the user edit form that can allow a user to update data.
4.2 Architecture Design