RESULTS
Picture 6: System Metaphor
3.2 Design System
Below is the design system which started from identification of E-Counselling actor.
a. Identification Actor
Tabel 2: Identification Actor
No. Actor Description
1. Admin People who can manage and organize all data inside counseling system
2. User People who still registered in the system can see, access and do counselling process
3.
4.
Visitor
Counselor
People whom can only see some system, but if they register already, they can do counseling too
People who gives counseling service
b. Identification Use Case
Tabel 3: Identification Use case
No Use Case Name Description Actor 1. Login This use case pictures the input data login activity
to enter the system. User,
Counselor, Admin 2 Logout This use case pictures process to end and exit from
the system. User,
Counselor, Admin 3 Counselor’s
Profile This use case pictures counselor’s activity profile by user and visitor.
User, Visitor, Counselor 4. Article This use case pictures activities of viewing article
data. User, Visitor,
Counselor 5. Gallery and
Video This use case pictures activities of viewing data of
gallery and video. User, Visitor,
Counselor 6. Download This use case pictures activities of downloading
and counselling. User, Visitor,
Counselor, Admin 7. Event and
Seminar
This use case pictures activities of data event management and seminars.
User, Visitor, Counselor 8. Registration This use case pictures the new data creating
process to register as user.
Visitor
9. FAQ This use case pictures viewing FAQ data activities. User, Counselor, Visitor, Admin 10. Contact Us This use case pictures ‘’Contact Us’’ activities. User,
Counselor, Visitor, Admin 11. Manage User’s
Data
This use case pictures data user management activities.
Admin
12. Manage
Counselor Data This use case pictures activities of management and counselor.
Admin
13. Manage Consultation Data
This use case pictures activity of management and consultation.
Admin
14. Consultation This use case pictures consultation activities which
is given from the counselor. Admin
15. Manage
Reference Data This use case pictures management and reference
activity. Admin
16. Manage Media
Data This use case pictures management media data activities.
Admin
17. Manage Data Event
This use case pictures management data event activities.
Admin
18. Manage FAQ
Data This use case pictures management data FAQ activity.
Admin
19. Manage
Download Data This use case pictures management data download
activity. Admin
20. Manage Contact Us Data
This use case pictures management data “Contact Us’’ activities.
Admin
Interaction between user and E-Counseling system is maintained in use case diagram as illustrated in Figure 10. In figure 10, it is showing the interaction between user, visitor, counselor and admin towards the system. Users consists of college students, lectures, and staffs who can see counselor’s profile, articles, video, gallery, seminars and even the counselor’s consultation after logging in. Meanwhile, visitor can only see counselor’s profile, article, gallery and video, events and seminars. Counselors can answer questions filled by user after logging in. Therefore, Admin can fully interact to user or counselor, and arrange the front and back part of the system so it could run well. The next process is to build use case narration, a diagram activity which pictures activities that are happening inside the system, and class diagram to picture the system’s object structure, sequence diagram which used to picture the behavior of a certain scenario followed by:
Figure 10: Use Case Diagram of E-Counseling
The next design is to translate analysis task card result transferred to CRC index and user interface design.
Based from task card 1, there are 4 user levels shown on table 4 below : Tabel 4: Level user
Level User Keterangan College students College students All college students
Lectures Lectures All lectures
Staffs Staffs Staffs whom are
responsible on a certain system
Admin Faculty admin Person who has the
position as he head of Pusdatin
In table 4, college students level are all of the students who are still studying in UIN Syarif Hidayatullah Jakarta, lecture level are all of the lectures teaching in UIN, staff level are all of the staffs in UIN who are responsible on a certain system, and admin level is every admin in the faculty who manages the system. After that, we start to design User interface which forms shapes of faces that users will see. Based on user story, we will make a user interface design program shown in picture 11. In picture 11, there is a login form design that user uses to enter the system.
Figure 11: User Interface (GUI) E-Counseling Graphics 4. Implementation
In this step, the implementation on technology and programming will be done. The first implementation is local server as a simulation before try-outs on the environment server that will be used. The server used to develop the system is XAMPP as emulation server. If the XAMPP installation is done, we have installed PHP, APACHE, & MYSQL. Next step is to run the service, by running it from the control panel. Next, technical process is coding programming. Coding programming was made based on CRC Card design. So, we will make coding class log-in, user, counselor and text. Then, there would be a test which code R will be used if the system can be accessed by user. A (add) is a process which allows user to change the data they input, D (delete) is a process which allows user to delete data they input. After testing, we will process analysis, which is the analysis of time estimation, user story and task card previously agreed. The amount of time until we receive the result of user’s test agreed with user story made by user’s needs and business process the user’s expected is based on the agreement at planning phase. It is summed up that the user’s needs with the system is appropriate and proper time estimation and test results matched the agreement. So the system development can continue to the nest process, which is the production process.