Window diagram ANALYSIS AND DESIGN SYSTEM

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