76
Payment Information System For Acceptance New Students Using Virtual Account
Abdul Latif Bagus Sholichin
Faculty of Computer Science, Narotama University, Indonesia [email protected]
Tubagus Purworusmiardi
Faculty of Law Economics and Business, Narotama University, Indonesia [email protected]
ABSTRACT
With the development of information technology that is so fast today, inevitably all aspects of life, including educational institutions, must follow. The university has also started implementing new student admissions through online media, from the registration process, payments, entrance tests, and announcements of being accepted or rejected. In its implementation, find obstacles, how is the payment system? if you use a transfer, it's hard to tell which one pays the registration fee and the others. After discussing with the leadership, marketing team, and the bank, it was decided to use the virtual account (VA) method.
The author then analyzes and designs an online new student admission payment information system using the virtual account (VA) method. The case study adopted in this study was at the Merdeka University, Surabaya. Previously, new student admissions were carried out directly on campus, but in the current pandemic season, prospective students can't come to campus considering the danger of covid is still very dangerous. Therefore, it is very appropriate if at this time Merdeka University Surabaya had to change the system from prospective students registering to come to campus using online media.
The method that the author uses in making this application with the waterfall, starts from the study of literature, analysis, design, and implementation of the program. For registration and entrance test, the author uses web media and for payment processing, the author uses the virtual account (VA) method.
Keywords:
Payment information system, Virtual Account, online media
1. Introduction
During the current covid 19 pandemic, every university continues to try to maintain and advance its campus by utilizing information technology. One of them is Merdeka University Surabaya, leaders, lecturers and academic staff make a strategy by creating an online application for new student admissions. From registration, entrance tests to pay online if possible, so that prospective students and the new student admissions team can carry out the admission process without meeting in person.
From the strategy above, the writer concludes that the problem is how to get prospective students to register, take tests and pay for registration without having to come to campus. Likewise, the New Student Admissions Team, can see applicants and select the results of the entrance test and validate payments made by prospective students. So that administratively prospective students can be fully served by online media.
The author then analyzes and makes a system design that will be applied, for the registration form and entrance test using web programming and for payment using a virtual account. This system has been agreed upon by the leadership and the new student admissions team and the bank will collaborate for virtual account services.
77 2. Research Method
2.1. Information Systems
The information system is a system, which contains a network of SPD (Data Processing System), which is equipped with communication channels used in the data organization system. Process elements of the information system include collecting data (data gathering), managing stored data, disseminating information.
2.2. Virtual Account
A virtual account is a company customer identification number opened by the Bank at the company's request to be further provided by the company to its customers (individuals or non-individuals) as the Account Number for receipt (collection). Where every deposit on a Virtual Account, the system automatically records the Main Account by including the Virtual Account Number and Name, the Virtual Account does not have a definite billing amount (open payment). In this case, the bank that will be used by Universitas Merdeka Surabaya is BNI.
Some of the conveniences in using Virtual Account payments are:
1. Assist the company in reconciling sales results to run quickly and efficiently.
2. For the simplification and efficiency of the company's revenue account management.
3. Companies/Billers are given the option to be able to use access through various BNI Channels 4. For business partners/company customers/billers, it is easy to pay through various channels 5. Companies/Billers can reconcile the results of bill payments quickly and accurately
6. Simplify and speed up the process of billing or depositing the proceeds of the Customer's sales from the customer/business partner into the Customer's account
7. Relatively short implementation time
8. Transaction results can be viewed online via BNI-Direct or BNI-Corporate iBanking 9. Company partners are not required to have an account at BNI
10. Ensure the correctness of the information (payer identity) that enters the company's account 11. Virtual number can be an identification number for company partners
2.3. Application Programming Interface (API)
The Application Programming Interface (API) is a set of commands, functions, and protocols that can be used by programmers when building software for certain operating systems. APIs allow programmers to use standard functions to interact with the operating system.
2.4. Context Diagram
A context diagram is a data flow that serves to describe the relationship between data flows between systems and the outside (outer unit). This external unit is the source of the data flow or the destination of data related to the information system.
2.5. UML
The Unified Modeling Language (UML) is a standard specification language for documenting, specifying, and building software systems. UML is a set of structures and techniques for modeling object-oriented program design (OOP) and its applications. UML is a methodology for developing OOP systems and a set of tools to support the development of such systems. UML was introduced by the Object Management Group, an organization that has been developing OOP models, technologies, and standards since the 1980s. Now UML has started to be widely used by OOP practitioners. UML is the basis for IBM's object-oriented design tools. UML is a language used to define, visualize, build, and document an information system.
78 3. Result and Discussion
3.1. System Description
The physical architecture of the system used in this study is a two-tier application architecture model where the physical architecture of this system has three main components, namely the client (frontend), application server (backend and Web Service), and database server.
Figure 1. System Architecture 3.2. Frontend Apps
The frontend application is an application that functions as an interface between the user and the system by displaying information, announcements that are conveyed for promotion from the marketing team to prospective new students. This frontend application is built using the Eclipse IDE using the Java programming language as the builder language. For users of this frontend application, there are four users, namely prospective students, the marketing team, foundations, and administrators who manage the overall operation of the information system.
3.3. Backend Apps
The Backend application serves as a liaison between the frontend application and the database server.
In this backend application there are four parts, namely web administrator, web user, web service, and database server. The web administrator functions to manage all data operated by the admin. The data that is managed by the admin includes managing all announcement data and information on prospective new students. In addition, on the backend application there is a user web that is used by the marketing team to manage data for prospective new students. Both web administrators and web users are built using several web builder technologies, namely HTML, PHP, CSS, JavaScript, and JQuery.
3.4. Context Diagram
Context diagram is a diagram that describes the system in an environment and relationships with external entities. The environment describes the system as a whole and the processes of the system.
In addition, the context diagram is a diagram that can show the study object area and the data flow made to the top level.
79
Figure 2. Context Diagram
In the context of the diagram above, it can be explained that the registrant processes the register, then the system provides a registration data form after that prospective students fill out forms such as biodata then the system sends to the admin, and admin processes the registrant data and after processing then sends the selection data to the system, and the system automatically sends to the registrant's email whether it is accepted or rejected.
3.5.1. Activity Diagram
An activity diagram is a diagram that models the workflow or workflow of the sequence of activities in a process that refers to the existing use case diagram. Activity diagrams in the Merdeka University Surabaya Info application consist of activity diagrams for login frontend, login backend, logout frontend, logout backend, send announcement info, view info data, view detailed info, share, bookmarks, download, view bookmarks data, view data, view Merdeka University Surabaya news blog, view blog details, view Merdeka University Surabaya center news, view Merdeka University Surabaya center details, view Merdeka University Surabaya news, view Merdeka University Surabaya details, update system info, update admin data, find data info, add data info, change info data, delete info data. The following is an explanation of each activity diagram as shown in the following figure.
a. Activity Diagram Admin Login (frontend)
The Admin Candidate Login Activity Diagram (frontend) describes the actor's workflow to perform the authentication process before sending registration data through the frontend application.
80
Form Login
Isi Data Login Username & Password
Login
Validasi Field Login
Pesan Field Kosong Field Kosong
x
Autentifikasi Login Field Terisi
Pesan Gagal Login Data Login Salah
x
Halaman Admin Data Login Benar
Figure 3. Activity Diagram Admin Login (frontend)
b. Activity Diagram Logout Admin (frontend)
The Logout (frontend) activity diagram describes the Admin actor's workflow to terminate the authentication session on the frontend application.
81
Admin Sistem
Halaman Admin
Tekan Tombol Menu
Pilih Menu LogOut
Tampilkan Menu
Logout Aplikasi
Tampilkan Halaman Utama Aplikasi
Figure 4. Activity Diagram Admin Logout (frontend)
Calon Siswa / Pendaftar Sistem
Form Pendaftaran
Isi Form Pendaftaran
Simpan
Validasi Field Simpan
Pesan Field Kosong Field Kosong
x
Kirim Data Calon Siswa Field Terisi
Pesan Gagal Simpan Data
x
Pesan Berhasil Simpan Data
Figure 5. Activity Diagram Registration
c. Activity Diagram Registration Data
Activity Diagram of sending Registration Data describes the workflow of user actors / prospective new students to send registration form data through the frontend application.
3.6. Schema / Database Design
The following is a database design that will be used as a data container for each attribute of each table.
In the database, there are 3 tables as the beginning of the new student registration process based on the average value and the final value of the National UAS. The tables that are used are register_online_registration, register_online_cek_pendaftaran, and register_online_hasil_registration table. As well as table relations that describe the relationship between one table and another table.
Table 1. Schema / Database Design Admin
82
access data so that the database is easily modified. There are three tables to the database design discussed in this web development, which is related to other tables.
Table 2. Schema / Database Design student
3.7. Application Program
A. New Student Admission (input by prospective students)
Prospective students enter data on the form provided, click the DAFTAR button to complete the registration input process
Figure 6. input by prospective students
83
Prospective students will receive an email about account detail information, account for form payment.
Figure 7. student registration email Upload proof of payment
Figure 8. Upload proof of payment
84
Prospective students first log in according to the account details sent via registered email. Click on the Payment Confirmation menu to view the details of the bill payment form
Click on the Upload Bukti Pembayaran button to upload the proof of payment form.
B. PMB SIAKAD (run by PMB Team) 1. update form payment data
The registered admin email will get an email proof of payment by prospective students
Figure 9. update form payment data
2. Generate NIM
The button will appear in the NIM column if the attribute payment has been paid off. Click GENERATE NIM button to create a new NIM
Figure 10. Generate NIM
Prospective students and admins will receive an email like the following:
85
Figure 11. Announcements 4. Conclusion
From the research that the author did, it can be concluded as follows:
The new student admission payment information system using a virtual account can make it easier for prospective new students to register, as well as from the new student admissions team the process continues as standard, but everything can be monitored and implemented using online media and Financial reports can be carried out in real-time and can be easily monitored by the leadership because by using a virtual account money goes directly into the foundation's account without having to be collected first by the new student admissions team.
5. References
Ade, Anom, A., 2005, Java Web Services Menggunakan Apache Axis, http://ikc.depsos.go.id/populer/adeanom-axis.php, diakses pada 29 Agustus 2013.
Ahmad, Amarullah, 2010, Kampus Online Unikom Application Interface, Bandung: Universitas Komputer Indonesia.
Java, Learn About Java Technology, http://www.java.com/en/about/, Access 11 Agustus 2013.
Joyce, Avestro, 2007, Web Services, Dalam Pengembangan Perangkat Mobile Java Education Network Indonesia (JENI) [Online], Materi 2,
Bab 8 Hal. 5-7, http://space.meruvian.org/jtechnopreneur/jeni, diakses 26 Agustus 2013.