A Web-Based Boarding House Information System

in Yogyakarta
Andry Rachmadi Naufal Asyhab
Department of Informatics Department of Informatics
UIN Sunan Kalijaga UIN Sunan Kalijaga
Yogyakarta, Indonesia Yogyakarta, Indonesia
[email protected] [email protected]

Muhammad Dzulfikar Fauzi Agus Mulyanto

Department of Informatics Department of Informatics
Faculty of Science and Technology Faculty of Science and Technology
UIN Sunan Kalijaga UIN Sunan Kalijaga
Yogyakarta, Indonesia Yogyakarta, Indonesia
[email protected] [email protected]

Abstract— Daerah Istimewa (Special Region of) Yogyakarta has 3,186 km2 wide area with 3,020,837 populations. Yogyakarta is
well-known as an education city and a new student destination. Until 2005, it was reached number of 229,761 students (DIY Education
Department, 2006). Finding boarding houses which are as needed and desired by students and learners is not easy. The obstacle
that is often faced is do not know the area, or do not have friends who can give suggestion of appropriate boarding houses for
students and learners. Therefore, it is necessary to create boarding house information system to facilitate students when looking for
a place to stay. This information system is expected to help students finding a boarding house and also help boarding house owners
to publish an empty boarding house room. System development method in this study is SDLC (System Development Life Cycle)
using a waterfall model. The waterfall model is a systematic approach and sequential starting of the level of system requirements,
then to the analyzing data, designing, coding, and testing / verification. The boarding house information system is capable of
informing the boarding line with the criteria sought by searchers. This information system is also capable of displaying the boarding
house location utilizing Google Maps API to ease the boarding house location searching.

Keywords--Information System; Boarding House; Google Maps API.

 (IJID) International Journal on Informatics for Development,
Vol. 5, No. 1, 2015
1. Create a boarding information system that is able to provide
I. INTRODUCTION information about boarding according to the criteria sought
Technological developments have an important role in by the user.
human life, one of which is the development of information 2. Creating a system that can be used as a media boarding
technology. The internet is a physical network connection from house promotion for boarding owners.
millions of computers using protocol the same for sharing / 3. Creating a system that is able to provide location maps using
transmitting information in addition to information the API.
sharing/transmitting, the internet is also used to connect two or
more people online [1]. III. RESEARCH METHOD
Nowadays the internet has become an important and The research method used in this research is system
effective means of communication throughout the world and development, namely, a web-based boarding house information
many fields that use it. applications Web that can be used in all system in Yogyakarta. The steps used are library studies,
fields, such as in the field of business and in the field of society identification of system requirements, data collection, system
have been widely implemented and proven to provide benefits equipment requirements, and system development methods.
to the community. The field of business has now glanced at this A. Library Studies
internet potential. Nowadays, the internet is a means of learning
and exchange information that is useful for community Library studies can be interpreted as a step to obtain
service(providers) and boarding/tenant (service users’ information from previous research that must be done,
consumer) who aim to make it easier for someone to get practical regardless of whether a study uses primary data or secondary
and efficient information about boarding in an area. data. In this case, try to gather information that is relevant to the
topic and problem to be studied. This step is carried out to study
Boarding is one place for providers of lodging services or theories related to and support research topics so that they get an
temporary residence consisting of several rooms and each room overview of system design and more accurate analysis. Based on
has several facilities offered or provided and also has a price our studies, several research related to boarding house have
determined by the owner of the boarding house while the length done, such as in [1,3,4,5]. Our research is a combination of ideas
of time the rental is determined by the tenant. implemented in those research.
The Special Region of Yogyakarta has an area of 3,186 km2 B. System Identification
with a population of 3,020,837 people, an area in Indonesia
known as the "Student City". This can be seen from the growth Identification of system requirements in this research is
of the number of active students in Yogyakarta until 2005 carried out by identifying the system requirements to implement
reaching 229,761 people (DIY education office, 2006), where the algorithm of the system itself and knowing what is needed
70% of them came from outside the province of Yogyakarta and in making this information system. With this system, users are
it is estimated that there were also thousands of high school expected to be more helpful in finding the desired boarding
students from outside Yogyakarta, all of them are pupils and house.
students live on boarding/ rented houses as mentioned by Aroma
in [2]. Pupils and students who are looking for boarding houses C. System Development Methods
get information from friends or immediately search, this is less System Development Methods used in this study is referring
effective and inefficient. In addition, the budget, facilities, and to the stages in the SDLC standard using the model waterfall or
also the location of boarding are considered. On the other hand, Linear Sequential method [6]. The model waterfall in the figure
boarding owners have difficulty publishing an empty boarding below and approaches systematically and sequentially starting
house, so this application also helps boarding owners to publish from the level of system requirements, then towards analysis,
their boarding house to the fullest.
design, coding, and testing/verification.
With this background, to analyze the extent to which the 1. Analysis, the process of determining system architecture in
web-based boarding information system in processing boarding total and determining data size and amount of data.
information, whether in the form of boarding pictures, complete Determination of the definition of the system needed,
equipment in boarding, as well as a price list per boarding explanation and purpose of the system can be obtained
contract, it is proposed to build a-based boarding house
through consultation with system users. The process of
information system web so students and students can find out
boarding information in certain areas. To build this system will gathering needs is intensified and focused, especially on
use the PHP programming language and MySQL database and software.
utilize the Google Maps API to display a map of boarding 2. Design, determine the basis for the formation and selection
locations. of data structures, program structures, program architecture,
algorithm selection, and interaction with users. The design
II. RESEARCH PURPOSES process will translate the requirements for a software design
The objectives to be achieved in this study are: that can be estimated before made coding is. This process
focuses on: data structures, software architectures, interface
representations, and procedural details.

This article is distributed under the terms of the Creative Commons Attribution-NonCommercial-NoDerivatives 4.0 International
License. See for details: https://creativecommons.org/licenses/by-nc-nd/4.0/
22
 (IJID) International Journal on Informatics for Development,
Vol. 5, No. 1, 2015
3. Programming, transforming designs into program lines,  Admin Data Information:
language selection. Programming or Coding is translation
This information contains data admin that is able to
design in a language that can be recognized by computers.
process boarding data. Admin is divided into two levels,
This stage is a real step in working on a system. In that namely Super Admin and Admin Standard.
sense, the use of computers will be maximized in this stage.
After the coding is complete, will be carried out testing of 2. Functional Requirements
the system that was made earlier. The purpose of testing is Functional requirements are needs that generally must be
to find errors in the system and then be corrected. owned by the system to run a business processing and
4. Testing, testing the correctness of the program, debugging managing data. These needs include:
error. The testing process is done on internal logic to make
sure all statements have been tested. Functional external 1. Login Process: is the process of entering the system using
testing to find errors and ensure that inputs will provide username and password the admin. The information
actual results as needed. involved in this process is admin data information.
2. Data View Process: is a process to display data from the
IV. ANALYSIS AND SYSTEM DESIGN
database to the screen. All data information is involved
A. Requirement Analysis in this process.
Based on the identification of these problems, it needs to be 3. Data Addition Process: is a process for entering new data
described in more detail what needs are needed for system from the system interface display into the database. All
development. These needs are divided into three types, namely information is involved in this process.
information needs, functional requirements, and non-functional
requirements. 4. Data Search Process: is a process for searching data based
on certain parameters. All information is involved in this
1. Information Needs process.
To be able to perform tasks and activities of each entity, the 5. Data Change Process: is a process for updating existing
web-based boarding house information system must be able data with new data. All information involved in this
to provide the required information including: process.
 Boarding Data: 6. Data Removal Process: is a process to delete or delete
data. All information is involved in this process.
This information contains data from boarding profiles.
Starting from the boarding name, boarding photos to the 7. Logout Process: is the process of leaving the system.
coordinates of boarding points in the map.
3. Non-functional Requirements
 Class Data Information: Non-functional requirements are needs that are beyond
This information contains data - class data from a functional requirements such as Access Rights. Access
boarding house that includes price sizes and so on. Rights is the distribution of rights to access the system based
on the level. With the sharing of access rights, only users who
 General Facilities Data: are given access rights can access certain information in the
This information contains ownership data of public system. There are three entities that are directly related and
facilities in a boarding house in the list of public facilities. can use the information system. The three entities include
Admin, Boarding Owner, and User.
 Room Facilities Data Information:
4. System Design
This information contains ownership data of facilities in
a boarding room in the list of room facilities. To understand and implement the results of the analysis
obtained, we need a system design for processes, databases
 Data List Public Facilities Information: and interfaces.
This information contains data on a list of common  Context Diagram
facilities that are usually in boarding.
At this level, the system is described as a whole the process
 Data List Room Facilities Information: that occurs in the system and describes the relationship of
the system with external unity contained in the system. In
This information contains ownership data of facilities in
this system, there are three related entities, namely Admin,
a boarding room in the list of room facilities.
Boarding Owners (Pemilik Kost), and Users.
 Room Size Data:
 Data Flow Diagram Level 1
This information contains data on the size of rooms that
To clarify the data flow diagram, the next context diagram
are common in a boarding.
is further translated into DFD level 1. At this level four

This article is distributed under the terms of the Creative Commons Attribution-NonCommercial-NoDerivatives 4.0 International
License. See for details: https://creativecommons.org/licenses/by-nc-nd/4.0/
23
 (IJID) International Journal on Informatics for Development,
Vol. 5, No. 1, 2015
main processes are described, including the process of In the picture it appears that the entity can then take the
registration, login, data processing, and data search. It is data processing boarding, class data, data list public
shown in Fig. 1. facilities, data list room facility the data size and data
admin. While boarding/ rented owners can perform data
The Registration Process (Process 1.0) describes the data processing boarding, class data, data list public facilities,
flow from the Boarding Owner's entity. In this process only data list room facility and the data size. The following is an
use the admin table. The entity sends registration data and explanation of these processes.
receives the registration information flow.
Process Login (Process 2.0) describes the data flow only
from two entities, namely Admin and Boarding Owner.
Both entities send data login in the form of a username and
password to then be checked by the system against the
Admin table.

Figure 2. Data Flow Diagram Level 2 Data Tabulation

Process

1. Process 3.1, this process describes the admin data

processing flow
2. Process 3.2, this process describes the boarding data
Figure 1. Data Flow Diagram Level 1 processing flow
3. Process 3.3, this process describes the data processing
Data Processing Process (Process 3.0) describes the data flow list of room facilities
flow of two entities, namely Admin and Boarding Owner.
This process will affect all tables in the system. Both 4. Process 3.4, this process illustrates the flow of data
entities can process the boarding data, process class data, processing list facility common
process public data, process room data and measure data. 5. Process 3.5, this process describes the flow of data
For the process of processing admin data can only be done processing size
by the Admin entity.
6. Process 3.6, this process describes the flow of data
Data Search Process (Process 4.0) describes the data flow processing class
from the user entity. In this process use almost all tables
except the Admin table.  Entity Relationship Diagram

 Data Flow Diagram Level 2 The ERD design describes the system database design.
ERD explains the relationship between each data with
DFD Level 2 Data Processing is a translation of DFD level another data. From this ERD, what table will be needed for
1 in process 3.0. At this level the process is described in the system to be built will be seen. Figure 3 shows the ERD
more detail into the six data processing processes which of this system.
described in Fig. 2.

This article is distributed under the terms of the Creative Commons Attribution-NonCommercial-NoDerivatives 4.0 International
License. See for details: https://creativecommons.org/licenses/by-nc-nd/4.0/
24
 (IJID) International Journal on Informatics for Development,
Vol. 5, No. 1, 2015
 Menu Structures Design
Menu structure design describes the results of grouping
based on the processes contained in the Web-Based
Boarding Information System. From the structure chart it
can be seen that the Web-Based Boarding Information
System is designed to be used by 3 parties, namely Users,
Admin and Boarding Owners. Figure 5 shows it.

Figure 3. Entity Relationship Diagram

 Table Relationships Design
Relationships between tables are a representation for
relations between each tables in a system database, which
is shown in Fig. 4. Figure 5. Menu Structures Design

 Databases Design
Databases design is the result of implementation of the
ERD description that has been made. The tables are shown
in Table 1-9.
1. Admin Table

Table 1. Admin Table

Attribute Data Size Constraint
Type
id_admin Integer 11 Primary Key
username Varchar 20
password Varchar 20
nama_admin Varchar 50
alamat Text
no_telepon Varchar 15
email Varchar 25
status Tinyint 4
Figure 4. A Table of Relationships Design

This article is distributed under the terms of the Creative Commons Attribution-NonCommercial-NoDerivatives 4.0 International
License. See for details: https://creativecommons.org/licenses/by-nc-nd/4.0/
25
 (IJID) International Journal on Informatics for Development,
Vol. 5, No. 1, 2015
level Tinyint 4 id_kost Integer 11 Foreign Key

2. Boarding House Table 4. Room Facility Table

Table 2. Boarding House Table Table 4. Room Facility Table

Attribute Data Size Constraint Attribute Data Type Size Constraint
Type
id_faskamar Integer 11 Primary Key
id_kost Integer 11 Primary Key
id_kelas Integer 11 Foreign Key
nama_kost Varchar 20
id_list_faskamar Integer 11 Foreign Key
alamat Varchar
kelurahan Varchar 35
5. Common Facility Table
kecamatan Text 35
kabupaten Varchar Kota Table 5. Common Facility Table
Yogyakarta, Attribute Data Type Size Constraint
Sleman,
Bantul, id_fasumum Integer 11 Primary Key
Kulon id_kost Integer 11 Foreign Key
Progo,
Gunung Kidul id_list_fasumum Integer 11 Foreign Key

kodepos Varchar 5
no_telepon Tinyint 15 6. Room Facility List Table
periode Enum Bulan,
Table 6. Room Facility List Table
3 Bulan,
6 Bulan Tahun Attribute Data Type Size Constraint

penghuni Enum id_list_faskamar Integer 11 Primary Key

Pria,
Wanita, Umum nama_list_faskamar Varchar 35
peliharaan Enum Boleh, Tidak
Boleh
deskripsi Text
7. Common Facility List Table

kampus_terdekat Text Table 7. Common Facility List Table

tempat_menarik Text Attribute Data Type Size Constraint

foto Varchar 75 id_list_fasumum Integer 11 Primary Key

lat Double nama_list_fasumum Varchar 35

lng Double
id_admin Varchar 20 Foreign Key 8. Room Size Table
status enum Y, N
Table 8. Room Size Table
Attribute Data Type Size Constraint
3. Class Table id_ukuran Integer 11 Primary Key
Table 3. Class Table ukuran Varchar 35

Attribute Data Type Size Constraint

id_kelas Integer 11 Primary Key 9. Campus Table
nama_kelas Varchar 35
Table 9. Campus Table
id_ukuran Integer 11 Foreign Key Attribute Data Type Size Constraint
harga Decimal 10,0 id_kampus Integer 11 Primary Key
jumlah_kamar Integer 11 nama_kampus varchar 100
kamar_kosong Integer 11

This article is distributed under the terms of the Creative Commons Attribution-NonCommercial-NoDerivatives 4.0 International
License. See for details: https://creativecommons.org/licenses/by-nc-nd/4.0/
26
 (IJID) International Journal on Informatics for Development,
Vol. 5, No. 1, 2015
alamat_kampus varchar 100
telepon varchar 25
fax varchar 25
website varchar 25
lat_kampus varchar 25
lng_kampus varchar 25
status enum Y/N

Figure 7. Admin Page

V. IMPLEMENTATION AND TESTING
4. Implementation of View Data Page
A. System Implementations
Admin can see all boarding lists stored on the page see
An implementation is the stage of translating design results boarding data. On the boarding page, there is a tool to edit
into program lines. A web-based boarding house information and delete existing data. It is shown in Fig. 8.
system is an information system that is implemented using
programming language and MySQL as its database.
1. Implementation of Database Connection
So that applications can access data in the database, a
connection is needed that will connect the application to the
database.
2. Implementation of Login Page
On the login page, there is a form where registered admin
can enter a username and password to enter the system
admin page according to their respective authorities. It is
shown in Fig. 6. Figure 8. View Data Page

5. Implementation of Boarding House Edit Data Page

Menu is used by admin to update boarding data that has been
previously inputted. The implementation of the boarding
data edit page can be seen in the picture. It is shown in Fig.
9.

Figure 6. Login Page

3. Implementation of Main Admin Page

Admin page that can be accessed after logging in. On this
page, there are several menus for managing data in the Figure 9. Boarding House Edit Data Page
system. Menus on this page include Boarding, list of public
facilities, list of room, size and admin facilities. It is shown 6. Implementation of Home Page
in Fig. 7. Page This page is the first page to be opened when the user
accesses it. On the front page, there is a welcome greeting,
the latest boarding house, boarding page, and boarding
search page. On this page there is also a search column in
the sidebar, this search column is used to search by address.
It is shown in Fig. 10.

This article is distributed under the terms of the Creative Commons Attribution-NonCommercial-NoDerivatives 4.0 International
License. See for details: https://creativecommons.org/licenses/by-nc-nd/4.0/
27
 (IJID) International Journal on Informatics for Development,
Vol. 5, No. 1, 2015

Figure 13. Boarding Owner Registration Page

Figure 10. Home Page
10. Implementation of Boarding House Menu
7. Boarding Houses Map
Menu page is the page used to manage boarding data that
Boarding page is a page that displays boarding location
will and has been stored in the database. On this page there
information in the form of a marker on a map that has been
are features to add, change, delete boarding data and class
stored in the database. This page serves to search boarding
data, change locations and change boarding photos. Figure
based on location. Figure 11 shows this service.
14 shows it.

Figure 11. Boarding Houses Map Figure 14. Boarding House Menu Page

8. Implementation of Search Page

B. Testing
The search page is a page for users to search by feature
criteria or boarding specifications. Users can set the desired System testing is the last stage in this study, which is carried
search criteria. Starting from the address, rent, size, out using a system test that tests the overall capabilities
occupants, and facilities. It is shown in Fig. 12. provided by this system. At this stage, testing the system will
use the method black box. Black box is a testing method by
focusing on the functional system that has been built and pays
attention to the results of the system whether it has been running
as expected. System testing scenarios carried out by several
respondents who use this system, then the results of the test will
be written on the questionnaire that has been given. The test
scenario can be seen in Table 10.
Table 10. System Testing Scenario Table
No. Test Classification Testing Test Category
Technique
Figure 12. Search Boarding House Page 1. Authentication Black Box System can processing
Login for admin. Turn off
9. Implementation of Boarding Owner Registration Page login session so admin has
his page will be visible after the Boarding House Owner who to use admin menu if
wants to register his board clicks on the banner in the he/she want to login again.
2. Input data processing Black Box System can display
sidebar. Then the terms and conditions page will appear inputted data
which if approved will enter the registration form. It is 3. Data processing by Black Box System can manipulate
shown in Fig. 13. Admin data which is include
input, edit and delete data
process by administrator.

This article is distributed under the terms of the Creative Commons Attribution-NonCommercial-NoDerivatives 4.0 International
License. See for details: https://creativecommons.org/licenses/by-nc-nd/4.0/
28
 (IJID) International Journal on Informatics for Development,
Vol. 5, No. 1, 2015
4. Geographical Black Box System can display
information boarding house location
processing on map VI. CONCLUSIONS
The Web-based Boarding House Information System in
Tests are carried out on the functional systems, interfaces and
Yogyakarta is a software that is built to help users, especially
accesses, and testing system content for admins and users.
Alpha test result can be seen in Table 11 and beta test result can boarding seekers and boarding house owners, to determine the
boarding house in accordance with the criteria needed. This
be seen in Table 12.
system helps in boarding searches that have certain facility
Table 11. Alpha Testing Result Table facilities and is strategically located according to the boarding
No. Statements Measurement
house wanted with the help of google maps. With the creation
Yes No of this system, it is expected to provide convenience for
1. If the username and password are incorrect or the 20 0 boarding house owners to publish their vacant boarding houses
username is not registered, then it cannot log in to optimally.
the system.
Based on the results of the analysis and implementation of
2. The system can display the page in the main 20 0
menu. boarding house information systems carried out by the author,
3. System can display boarding data, public data then some conclusions can be drawn, namely:
processing, class data processing, room data 1. Successfully creating a boarding information system that is
facilities, data list public facilities, data list room 19 1 able to provide information about boarding according to the
facilities, data size, boarding data and boarding
details clearly. criteria sought by the user.
4. System can input boarding data, public facilities 19 1 2. Successfully create a system that can be used as a media for
data, class data, room facilities data, public home promotion boarding house for boarding house owner.
facilities data list, room facility data list, size data, 3. Successfully created a system capable of providing location
boarding maps, boarding details, and other input.
5. The system is able to provide menu information 19 1
maps utilizing Google's Map API to find out information
clearly, according to the contents of the system. about the boarding house.
6. The system can search boarding data, public
facilities data, class data, room facilities data, 18 2
public facilities data list, data list room facilities, ACKNOWLEDGEMENTS
data size, boarding maps, boarding and other
input details well Thank you and thank you for the presence of Allah
Almighty, who always bestows His mercy, guidance and
7. The system can proceed to the next process if the 20 0 blessings on us. Thanks also to parents, people closest to us who
user enters data correctly
always provide moral and non-moral support, so we were able
8. The system can display maps used in the system 17 3
9. The system can display all data display properly 18 2 to complete this paper.
10. After user logout, he/she can’t enter the system 20 0
again without login again
Total 190 10 REFERENCES
[1] Syahwari, H., 2012. Analisis dan Perancangan Sistem Web Kos-kosan
Berbasis Client/ Server Sebagai Sarana Pelayanan Jasa dan Informasi.
Table 12. Beta Testing Result Table Skripsi STMIK AMIKOM Yogyakarta.
No. Statements Measurement [2] Tim Peneliti PP3 UII, 2003.
SS S N TS STS Potret 1ehidupan Mahasiswa Universitas Islam Indonesia di Pondokan.
Pusat Penelitian Sosial - Lembaga Penelitian UII.
1. System has navigation that easy 6 14 0 0 0
to operate [3] Abidin, B., 2012. Sistem Informasi Rumah Kos Online Berbasis Web
2. Loading time relatively fast 1 10 9 0 0 Dan Messaging. Surabaya: Politeknik Elektronika Negeri Surabaya
3. System has good display content 3 12 5 0 0 Institut Teknologi Sepuluh Nopember.
4. System displays a successful 5 13 2 0 0 [4] Mujiantoro, S., 2009. Sistem Informasi Profil Kos dan Kontrakan Di
message if the user enters the Wilayah Kota Yogyakarta Berbasis Web. Yogyakarta: Universitas
correct data Gadjah Mada.
5. System displays an alert message [5] Ristiyanto, H.E., 2011. Sistem Informasi Pembayaran Kos Ijo Berbasis
if the user enters the wrong data 6 13 1 0 0 Desktop. Yogyakarta: Sekolah Tinggi Manajemen Informatika Dan
Total Komputer Amikom.
21 62 17 0 0 [6] Pressman, R., 2005. Software Engineering: A Practitioner's Approach.
New York : McGraw-Hill.
Based on the results of system testing, it can be concluded
that this web-based boarding house information system that has
been made is feasible to use. However, further system
development is needed to get optimal results.

This article is distributed under the terms of the Creative Commons Attribution-NonCommercial-NoDerivatives 4.0 International
License. See for details: https://creativecommons.org/licenses/by-nc-nd/4.0/
29