Web and Application Program Interface (API) Design “Parmon” Modern Parking Application

Samarinda city is one of the cities with large local revenue potential in the large parking fee sector. This is evidenced by the quite fast increasing number of users of two-wheeled and four-wheeled vehicles. But due to the increase in vehicle users in Samarinda it has not had a significant impact on the parking fee sector. This is because there is no clear record of every parking transaction. In this case the parking lot is open or roadside. The collection of parking fees in Samarinda there are still many obstacles faced by UTPD parking management, there are still many illegal parking spaces managed by irresponsible elements. One technology that is currently quite developed is the web. With the web, all data and information can be distributed effectively and efficiently and contain and display various information that can be accessed by various devices. Based on the problems and technological developments that have been presented, an idea emerged about the need to create a web-based information system to store and record transactions at any time and create an API for supporting applications. It is expected from this study that every transaction for drivers and drivers can be recorded so that the government can clearly know the income and the amount of levy tax from parking that must be paid by each parking attendant in the “Parmon” application. Keywords—Parking, Web, API (Application Program Interface)


I. INTRODUCTION
Samarinda City is one of the cities with the potential for local revenue in the parking fee sector which is quite large. This is evidenced by the quite rapid increase in both two-wheel and four-wheeled vehicle users. According to the Samarinda Central Statistics Agency, in 2016 the number of vehicles totaled 129,281,079 vehicles and in 2017 it increased to 138 556 669 vehicles.
However, the increasing number of vehicle users in Samarinda has not had a significant impact on the parking fee sector. This is because there is no clear recording of each parking transaction. In this case in an open parking lot or a curb. Collecting parking fees in Samarinda there are still many obstacles faced by the UPTD (Regional Technical Implementation Unit) parking management, there are still many illegal parking lots organized by irresponsible individuals so that in collecting parking fees in Samarinda city from the original income target Blood (PAD) that has been determined never reaches the target (Budiarto, 2016).
The rapid development of information technology encourages many organizations and companies to strive to be able to show competitive advantages in order to continue to survive (Ramadiani et al., 2016). The impact of the development of the world of Information and Communication Technology (ICT) at this time increased access to the internet began to change lifestyles Humans in various aspects, be it in the fields of economy, politics, and the social life of society, are now colored by the sophistication of the world of Information and Communication Technology (Sundari, 2016). One technology that is currently quite developed is the web. With the web, all data and information can be channeled effectively and efficiently and contain and display various information that can be accessed by various devices. In addition, the development of smartphone technology has also begun to make dependence on society. The dependence of the community on a smartphone cannot be separated from the conveniences offered by the development of this device. Along with the development of these smartphone devices, the development of applications that support the use of smartphones is also accompanied by the features offered. The trend of a technology that supports these applications is now starting to increase in its development, especially on smartphones with the Android operating system, from a standalone application to an application that can connect with other applications via a global network. This technology is now known as the Web Service API (Syarwani, 2019).
Based on the problems and technological developments that have been conveyed, the idea emerged that the need to create a web-based information system to store and record transactions for each parking attendant and create an API for supporting applications. The author plans to design and create a web and API using the Laravel framework. TEPIAN Vol. 2 No. 3 (September 2021) p-ISSN 2721-5350 e-ISSN 2721-5369 Wahyudi, A., Junirianto, E., & Franz, A. (2021. Web and Application Program Interface (API) Design "Parmon" Modern Parking Application. TEPIAN, 2(3), 108-115. https://doi.org/10.51967/tepian.v2i3.181 -109-

A. Study of Literature
Some of the literature as a guide and reference in this paper: 1. Research conducted by Kurniawan & Puspita (2010) with the title Parking Service Information System Equipped with a Camera is a parking service information system application that makes it easier to run parking applications, faster leaders can monitor the results of parking reports at any time, and the presence of cameras increases parking security at parking area. With this application, it is expected to solve these problems. 2. Research conducted by Hanaf (2015) in his journal entitled Design and Building of a Web-Based Car Workshop Information System is an information system application as a tool to provide the right solution to solve problems in the PT. Surya Kencana includes transactions that are not recorded effectively and providing information about customer vehicle maintenance that cannot be accessed by customers anytime and anywhere. With this system, it is hoped that PT. Surya Kencana can solve these problems and can improve service to customers. 3. Research conducted by Sundari (2016) with the title Web-Based Public Health Center Service Information System is an information system application that has queuing activities, registration, and patient medical records. In general, the system performance in patient services running at the health center is not optimal because it is still processing patient data and medical record data still using bookkeeping or manual media. So patient services at the puskesmas are not effective and efficient, because the bookkeeping media slows down the making of reports. Implementation of the program using the PHP language with a database using MySQL. This system was created to aim to build a computerized information system, making it easier for the health center to process patient data and patient medical records into reports. 4. Research conducted by (Solihin & Kurniadi, (2017)with the title Design and Build a Parking Information System for Garut College of Technology (STTG) is a parking information system application that can make it easier to improve security in parking management by using the software development methodology used, namely the Rational Unified Process (RUP). By making a parking management information system at STTG, it is hoped that it will be able to assist in parking management and improve security and make parking at STTG more organized. 5. Research conducted by Perkasa & Setiawan (2018)with the title Community Data Web Service Development Using the REST API with Access Token is an application that provides community web service data to create and register job search cards using available community data. This application is able to provide and facilitate many parties, such as data administrators to monitor data usage, register employees in data input, and people can register independently.

B. Web (World Wide Web)
WWW or the World Wide Web or the web alone is a system that is interrelated in a hypertext format document that contains a variety of information, including text, images, sound, video, and other multimedia information and can be accessed through a device called a web browser. To translate documents in hypertext form into understandable documents, the web browser through the web client will read the web pages stored on a web server through a protocol known as HTTP or Hypertext Transfer Protocol (Morita et al., 1974).

C. PHP (Hypertext Preprocessor)
PHP is a programming language that allows web developers to create dynamic web applications quickly and easily. PHP was pioneered and first introduced around 1994 by Rasmus Lerdorf through his website to find out who had accessed his online summary. PHP is a server-side scripting language that integrates HTML tags. Server-side scripting is the syntax and commands that are executed on the server and included in HTML documents. On a dynamic web page, PHP functions as a programming language that carries out certain commands, while HTML functions as the structure of the web page design. When a dynamic web page is opened on a web browser page, the first time that happens is the server processes all existing PHP commands then displays the results in HTML format to the web browser, so that what is displayed to the web browser is only the design view of HTML, while PHP scripts working behind the scenes.

D. Laravel
Laravel is a PHP framework with open code (open source) with an MVC (Model-View-Controller) design which is used to build website applications. This framework was first built by Taylor Otwell on February 22, 2012 (Junirianto, 2018). Laravel provides an updated tool for interacting with databases called migrations. With migration, developers can easily modify a database on a platform independently because the database schema implementation is represented in a class. Migration can run on several databases that have been supported by Laravel (MySQL, PostgreSQL, MSSQL, and SQLITE) and for implementation of Active Record on Laravel called Eloquent which uses the modern OOP standard.

E. API (Application Program Interface)
API stands for Application Programming Interface, or often translated into an application programming interface. There are many definitions put forward about API. One of the briefs was conveyed by the Konkani NLP Team, from Goa University, in a presentation entitled API or Application Programming Interface. TEPIAN Vol. 2 No. 3 (September 2021) p-ISSN 2721-5350 e-ISSN 2721-5369 Wahyudi, A., Junirianto, E., & Franz, A. (2021). Web and Application Program Interface (API) Design "Parmon" Modern Parking Application. HTTP GET This method is used to take representational information only and not change it.

2.
HTTP POST This method is used to send the entity to the specified resource, and make additions to a resource.

3.
HTTP PUT This method is used to replace all current representations of the target source with the request payload.

4.
HTTP DELETE This method is used to delete the specified resource.

5.
HTTP PATCH This method is used to apply partial modifications to the resource.
After sending a data or request via HTTP Request, then the server responds via HTTP Response where the response is in the form of Json (Javascript Object Notation) which contains data or information and has a status code that describes the server status of the requested resource. The HTTP response status code indicates whether the specified HTTP request has completed successfully. Responses are classified into five classes consisting of informational responses, successful responses, redirects, client errors, and server errors (Admin, 2018). The following are several types of status codes in HTTP responses which are presented in Table 2 .

F. System Usability Scale (SUS)
System usability scale is scale that used to assessment of usability system. This method has been used by so many people to testing software, because it is easy to use and the result could be consideration. Another reason using this method is easy to understanding and easy to use, so that this method is popular to usability testing (Santoso, 2016) This method has 10 questions and 5 answer options. The maximal score is 100 and minimal is 0. The 10 questions can be seen in table 3 and the 5 answer questions can be seen in table 4. TEPIAN Vol. 2 No. 3 (September 2021) p-ISSN 2721-5350 e-ISSN 2721-5369 Wahyudi, A., Junirianto, E., & Franz, A. (2021). Web and Application Program Interface (API) Design "Parmon" Modern Parking Application. TEPIAN, 2(3), 108-115. https://doi.org/10.51967/tepian.v2i3.181 -111- Table 3. List Question of SUS No. Question 1 I think that I would like to use this system frequently.
2 I found the system unnecessarily complex.
3 I thought the system was easy to use. 4 I think that I would need the support of a technical person to be able to use this system.

5
I found the various functions in this system were well integrated.
6 I thought there was too much inconsistency in this system. 7 I would imagine that most people would learn to use this system very quickly.
8 I found the system very cumbersome to use. 9 I felt very confident using the system.

10
I needed to learn a lot of things before I could get going with this system. After collecting data from respondents, data will be measure to find out the average score from all respondents. The average score will be concluding by SUS score to find out in which grade. SUS score can be seen in picture 1. Picture 1. SUS Score

A. Research Time and Place
This research conducted at Samarinda City especially in parking are of Agriculture Polytechnic of Samarinda. It takes duration from October 2019 -Maret 2020. Includes making proposal, collecting data, application development, and reporting.

C. Research Procedure
Research procedure can be seen in picture 2. This research procedure is shown as flow chart diagram.

Picture 2. Research Procedure
In this research, the system making technique uses the waterfall method. The waterfall method is a method of developing information systems that is systematic and sequential, meaning that each stage in this method is carried out sequentially and continuously (Rusmawan, 2019). Method that used in developing the system is Waterfall. This method can be seen in picture 3.

IV. RESULT AND DISCUSSION
A. Implementation Interface 1. Landing Page Picture 9 shows the landing page of the "Parmon" web. On this page there are 4 sections, namely MainHeader, where there is a brief explanation of "Parmon" and there is an about and contact menu on the top right and an admin login link on the top right of MainHeader that says "Parmon". The second part is about "Parmon", which contains persuasive content to invite parking managers to cooperate with "Parmon". The third part is content that contains the terms and conditions for registering as a "Parmon" partner or parking attendant. And the fourth part is content that contains contacts in the form of email and phone numbers to contact and request more information regarding the "Parmon" application.
Picture 9. Landing Page Web

Login Page
Display of the "Parmon" web admin login page where the admin in charge and has been registered, logs in by entering the email and password before entering the "Parmon" admin dashboard page just. Picture 11. Transaction Page B. API Application "Parmon" 1. API Login The "Parmon" login API is a parking attendant user authentication API with JWT security. To request the API login using Postman with the POST method and the URL http://"Parmon".id/api/login and fill in the body form-urlencoded in the email key and password. The following is the input process in.