Rancang Bangun Aplikasi Kamus Istilah Komputer Berbasis Web dengan

PHP & MySQL Menggunakan Metode Waterfall

Abiyan Pasya Pamungkas1, Febi Masda Pratama2, Gilang Rakasiwi3, Muhammad Ridwan4 and
Bagas Setiyaki Wicaksono5
1
Jurusan Teknik Informatika, Fakultas Teknik, Universitas Pamulang, Jl. Surya Kencana No. 1,

Pamulang – Tangerang Selatan, 15417, Indonesia

e-mail: 1abiyanpasya06@gmail.com

2,3,4,5
Jurusan Teknik Informatika, Fakultas Teknik, Universitas Pamulang, Jl. Surya Kencana No. 1,

Pamulang – Tangerang Selatan, 15417, Indonesia

e-mail: 2febimasdapratama@gmail.com, 3gilangraka404@gmail.com,

4
muhammadridone0@gmail.com, 5bagas.unpamti@gmail.com

Abstract

Conventional print dictionaries on computer terms are one reliable source of knowledge for
finding an understanding of a term in the computer world, however, the use of conventional print
dictionaries is not practical because we will bring a dictionary in the form of the book. Given these
problems, it is possible to design web-based application about computer dictionary terms, this
application can make it easy for users to access the understanding of a term in the computer world.
The design of this application is made using PHP as a programming language and MySQL as a
database manager, thus the dictionary can be accessed anytime and anywhere so that it can support
the process of finding information about computers term.

Keyword : Application, Dictionary, Computer, Mysql, Php.

Abstrak

Kamus cetak konvensional mengenai istilah komputer merupakan salah satu sumber ilmu
yang dapat diandalkan untuk mencari sebuah pengertian dari sebuah istilah di dunia komputer, akan
tetapi penggunaan kamus cetak konvensional bersifat kurang praktis karena kita akan membawa
kamus yang berupa buku tersebut. Dengan adanya permasalahan tersebut, maka memungkinkan
adanya perancangan aplikasi kamus istilah komputer berbasis web, aplikasi ini dapat memberi
kemudahan kepada penggunanya dalam mengakses pengertian mengenai sebuah istilah pada dunia
komputer. Perancangan aplikasi ini dibuat menggunakan php sebagai bahasa pemrograman dan mysql
sebagai pengelola database, dengan demikian kamus dapat diakses kapan saja dan dimana saja
sehingga dapat mendukung proses pencarian informasi mengenai komputer.

Kata kunci : Aplikasi, Kamus, Komputer, Mysql, Php.

1. Pendahuluan
Kebutuhan masyarakat terhadap layanan
teknologi berbasis teknologi sangat beragam ,
salah satunya mengenai informasi mengenai
teknologi komputer. komputer adalah
sekumpulan perangkat keras serta perangkat
lunak yang tujuan awalnya hanya sekedar
melakukuan perhitungan matematik biasa,
namun seiring dengan perkembangan zaman
fungsi komputer dapat diaplikasikan ke
banyak bidang lainnya. Diantaranya adalah
sistem komputer di kassa supermarket yang
mampu membaca kode barang belanjaan,
sentral telepon yang menangani jutaan
panggilan dan komunikasi, jaringan komputer
dan internet yang mennghubungkan berbagai
tempat di dunia [1].
Oleh karena itu kebutuhan masyarakat
terhadap kamus istilah komputer tentunya
akan sangat membantu mereka dalam mencari
informasi mengenai teknologi komputer,
namun kamus istilah komputer yang banyak
beredar saat ini masih dalam bentuk buku,
sehingga banyak menyulitkan penggunanya
karena harus mencari arti dan istilah komputer
secara satu persatu. Apabila seseorang ingin
mencari informasi mengenai sebuah istilah
komputer ketika sedang mengerjakan tugas
maupun sedang melakukan troubleshooting
komputer tetapi orang tersebut tidak memiliki
akses terhadap kamus istilah komputer maka
hal tersebut tentu akan menghambat proses
pencarian informasi itu.
Berdasarkan pada permasalahan tersebut,
penulis membuat sebuah aplikasi kamus istilah
komputer yang berbasis web sehingga
masyarakat bisa menggunakan kamus
komputer secara praktis dan gratis melalui
komputer.
2. Landasan Teori
2.1. Penelitian Terkait
a. Penelitian oleh Herlan Mulyana,
Maimunah (2014) dari Program Studi
Teknik Informatika STMIK Nusa
Mandiri dengan judul “aplikasi
mobile kamus istilah komputer
bebasis android”. Pada penelitian ini
mengangkat masalah bagaimana
merancang sistem aplikasi mobile
kamus istilah komputer bebasis
android menggunakan metode
algoritma autocomplete. Hasil dari
penelitian ini yaitu sebuah sistem
aplikasi mobile kamus istilah
komputer bebasis android.[2]
b. Penelitian oleh Achmad Rifai, Yasinta
Prabawati Yuniar (2019) dari Program
Studi Teknik Informatika, STMIK
Nusa Mandiri dengan judul
“Penerapan Metode Waterfall
Dalam Perancangan Sistem
Informasi Ujian Pada SMK
Indonesia Global Berbasis Web”.
Dimana masalah yang diangkat adalah
bagaimana mengurangi permasalahan
yang berhubungan dengan penilaian
siswa karena keterlambatan guru
dalam mengoreksi jawaban siswa satu
persatu lewat perancangan Sistem
informasi ujian online berbasis web.
Hasil dari penelitian ini berupa sebuah
aplikasi ujian berbasis web yang
dikembangkan menggunakan model
waterfall yang dapat membantu guru
dalam membuat soal ujian dan
mempermudah dalam mengelola nilai
ujian siswa dengan cepat dan tepat. [3]
c. Penelitian oleh Zaiful Bahri, Sukamto
(2017) dari Jurusan Ilmu Komputer,
FMIPA Universitas Riau dengan judul
“Aplikasi evaulasi pembelajaran
berbasis multimedia interaktif
menggunakan php dan mysql”. Pada
penelitian ini masalah yang diangkat
adalah bagaimana membangun sebuah
aplikasi pembelajaran berbasis
multimedia agar dapat meningkatkan
keefektifan pelaksanaan ujian. Hasil
dari penelitian ini berupa aplikasi
pembelajaran berbasis multimedia
interaktif menggunakan php dan mysql
yang dapat digunakan dimana saja dan
kapan saja, serta dapat mengkoreksi
jawaban ujian secara otomatis. [4]
2.2. Aplikasi Kamus Istilah Komputer
Kamus istilah merupakan bagian dari
kamus khusus, kamus istilah adalah
kamus yang memuat istilah dengan
makna konsepnya dari bidang ilmu
tertentu (seperti kamus hukum dan kamus
kimia). [5] Maka dari itu alasan dibuatnya
aplikasi kamus istilah komputer ini adalah
sebagai penyedia informasi tentang segala
istilah yang berkaitan dengan bidang
komputer untuk penggunanya.
2.3. Metode Waterfall
Metode atau model waterfall adalah
model dalam Software Engineering (SE).
Model ini melakukan pendekatan secara
sistematis dan urut mulai dari level
kebutuhan sistem lalu menuju ke tahap
analisis, desain, coding, testing /
verification, dan maintenance. Disebut
dengan waterfall karena tahap demi tahap
yang dilalui harus menunggu selesainya
tahap sebelumnya dan berjalan berurutan.
Tahapan umum dari model proses ini
menurut Ian Sommerville. Penjelasan dari
tiap tahapan tersebut adalah : (1)
Requirements analysis and definition: Di
tahapan ini dilakukan Analisa kebutuhan;
(2) System and software design: Pada
tahapan ini, desain dikerjakan setelah
kebutuhan selesai dikumpulkan secara
lengkap; (3) Implementation and unit
testing; (4) Desain program
diterjemahkan ke dalam kode-kode
dengan menggunakan bahasa
pemrograman yang sudah ditentukan.
Program yang dibangun langsung diuji
baik secara unit; (5) Integration and
system testing: Penyatuan unit-unit
program kemudian diuji secara
keseluruhan (system testing); (6)
Operation and maintenance:
Mengoperasikan program
dilingkungannya dan melakukan
2.4. UML (Unified Modeling Language)
Unified Modelling Language (UML)
adalah suatu alat untuk
memvisualisasikan dan
mendokumentasikan hasil analisa dan
desain yang berisi sintak dalam
memodelkan sistem secara visual (Braun,
et. al. 2001). Juga merupakan satu
kumpulan konvensi pemodelan yang
digunakan untuk menentukan atau
menggambarkan sebuah sistem software
yang terkait dengan objek (Whitten, et. al.
2004). [7]
2.5. Database
Basis data adalah kumpulan informasi
yang disimpan di dalam komputer secara
sistematik sehingga dapat diperiksa
menggunakan suatu program komputer
untuk memperoleh informasi dari basis
data tersebut. Database digunakan untuk
menyimpan informasi atau data yang
terintegrasi dengan baik di dalam
komputer.[8]
3. Perancangan dan Implementasi
3.1. Metode Penelitian
Metode yang digunakan dalam proses
rancang bangun sistem aplikasi kamus
berbasis web ini dilakukan dengan cara
sebagai berikut:
a. Studi Pustaka
Studi pustaka dilakukan dengan
mempelajari materi mengenai
pemrograman PHP, basis data MySQl,
serta mencari informasi – informasi
lain yang dapat membantu dalam
pembuatan aplikasi ini.
b. Pembangunan Aplikasi
Pembangunan aplikasi kamus ini
menggunakan metode waterfall,
dimana metode tersebut meliputi
tahapan seperti berikut:
1. Requirements analysis and
definition. Tahap ini merupakan
tahap dimana dilakukannya
pengumpulan data-data yang
berkaitan dengan pembuatan sistem
aplikasi kamus istilah komputer ini.
2. System and software design. Pada
tahap ini hal yang dilakukan adalah
pembuatan desain sistem yang
meliputi perancangan sistem dan
desain antarmuka.
3. Implementation and unit testing.
Dan dalam tahapan ini desain yang
telah dibuat sebelumnya akan
diimplementasikan kedalam sistem
aplikasi melalui PHP sebagai
bahasa pemrogramannya dan
MySQL sebagai pengelola
database. Nantinya sistem aplikasi
yang dibangun akan diuji secara
keseluruhan agar diketahui apakah
sistem aplikasi yang telah dibuat
sesuia dengan yang diinginkan
3.2. Perancangan Sistem
Dalam pembuatan aplikasi kamus
komputer berbasis web ini penulis
membuat desain sistem dengan
mengunakan tiga bahasa Unified
Modeling Language (UML) yaitu
Usecase Diagram, Activity Diagram, dan
Class Diagram.
a. Usecase Diagram
 Gambar 1. Usecase Diagram
Gambar 2. Activity diagram Login
Use case Diagram tersebut Activity diagram Login dimulai pada
menggambarkan sistem dari sudut saat admin atau guest user (user)
pandang pengguna yang meliputi membuka aplikasi, lalu sistem akan
guest user dan admin, sehingga menampilkan halaman login dan
pembuatan use case diagram tersebut admin atau guest user (user) harus
lebih difokuskan pada fungsionalitas mengisi form yang tersedia untuk
yang ada pada sistem, bukan masuk ke dalam aplikasi, setelah
berdasarkan alur atau urutan kejadian. mengisi form login apabila data yang
Pada sistem aplikasi ini terdapat dimasukan valid maka sistem akan
beberapa interaksi antara pengguna menampilkan halaman home.
dan sistemnya antara lain, login serta
logout untuk admin & guest user,
menginput serta mengedit data kamus
& user untuk admin, serta meilhat data
kamus untuk admin & guest user

b. Activity Diagram
Activity diagram bertujuan
menggambarkan rangkaian aliran dari
aktivitas, digunakan untuk
mendeskripsikan aktivitas yang
dibentuk dalam satu operasi sehingga
dapat juga untuk aktivitas lainnya,
berikut beberapa activity diagram
yang terdapat pada sistem aplikasi
kamus ini:
Gambar 3. Activity diagram input
data user
Activity diagram Input Data User
merupakan operasi yang hanya dapat
dilakukan oleh admin. Yang diawali
dari memilih opsi user pada menu
utama, dan memilih opsi input user
pada halaman data user (halaman
user), dilanjuti dengan mengisi data
pada form input user, bila data tidak
ada kendala maka aplikasi akan
menampilkan notifikasi “data berhasil
ditambahkan” dan admin akan
dialihkan kembali ke halaman data
user.
Gambar 4. Activity diagram input
data kamus
Untuk operasi pada Activity diagram
input data kamus proses nya hampir
sama dengan Activity diagram input
data user hanya saya admin memulih
opsi kamus ketimbang opsi user pada
menu utama.
Gambar 5. Activity diagram
mencari data kamus
Untuk Activity diagram Mencari Data
Kamus proses nya dapat dilakukan
oleh admin maupun guest user (user),
prosesnya sendiri dimulai dari memilih
opsi kamus, lalu mengisi keyword di
form pencarian pada halaman data
kamus (halaman kamus), setelah itu
sistem akan menampilkan hasil
pencarian yang tersedia berdasarakan
keyword yang dimasukan.
Gambar 6. Activity diagram
Melihat Data Kamus
Activity diagram Melihat Data Kamus
berguna untuk menampilkan info lebih
lanjut dari sebuah istilah yang ada
pada data kamus
Gambar 7. Activity diagram Logout
Activity diagram Logout merupakan
proses dimana pengguna aplikasi yang
berupa admin maupun guest user
(user) keluar dari aplikasi, proses nya
dengan memilih opsi logout di menu
utama, setelah itu sistem akan
memberikan notifikasi “Logout
Berhasil”, dan pengguna akan
dialihkan ke halaman Login.
 c. Class Diagram

Gambar 8. Class diagram

Class diagram tersebut dibuat untuk mengindikasikan operasi apa saja yang dapat dilakukan
pada tiap objek di sistem aplikasi ini.

3.3. Perancangan Basis Data

Perancangan Basis Data dalam pembuatan sistem aplikasi kamus istilah komputer meliputi
perancangan ERD (Entity Relationship Diagram), Transformasi dari ERD ke LRS, LRS (Logical
Record Structure) serta Spesifikasi Basis Data
a. Entity Relationship Diagram

Gambar 9. Entity Relationship Diagram

b. Transformasi ERD ke LRS

Gambar 10. Transformasi ERD ke LRS

c. Logical Record Structure

Gambar 11. LRS (Logical Record Structure)

d. Spesifikasi Basis Data
Basis data untuk aplikasi kamus istilah komputer ini dibuat dengan nama db_kamus yang
didalamnya terdapat tabel user dan tabel kamus, dan berikut susunan tabelnya :
Tabel 1. Tabel User

Nama Field Tipe Data Keterangan

id_user Int(3) Primary key untuk tabel
user
nama Varchar(200) Field untuk nama user
username Varchar(50 Field untuk username
user
password Varchar(200) Field untuk password
user
email Varchar(100) Field untuk alamat
email user
foto Varchar(50) Field untuk foto user
level Enum('admin','guest') Field untuk level
aksesibilitas user

Tabel 2. Tabel Kamus

Nama Field Tipe Data Keterangan

id_kamus Int(5) Primary key untuk tabel

kamus
judul Varchar(50) Field untuk judul istilah
kategori Varchar(20) Field untuk kategori
istilah
keterangan Varchar(400) Field untuk keteranagn
istilah
tgl_input datetime Field untuk tanggal
input istilah
foto Varchar(50) Field untuk foto istilah
3.4. Implementasi
Tahap implementasi adalah tahap
penerjemahan desain ke dalam source
code. Dan beberapa hasil implementasi
tersebut kepada sistem aplikasi kamus ini
berupa sebagai berikut :
Gambar 12. Halaman login
Pada halaman login ini pengguna aplikasi
harus memasukan username serta
password agar dapat memasuki halaman
home dan menggunakan fitur-fitur yang
terdapat di aplikasi kamus ini.
Gambar 13. Halaman home admin
Pada halaman Home Admin ini
terdapat pilihan panel yang berguna untuk
membuka halaman data kamus dan
halaman data user, serta terdapat pilihan
Menu Utama, sedangkan untuk halaman
home guest user tampilannya hampir
sama hanya saja tidak terdapat panel
halaman data user, karena guest user tidak
memiliki akses untuk data user.
Gambar 14. Halaman Data Kamus
Admin
Untuk Halaman Data Kamus Admin ini
terdapat data kamus yang berupa
kumpulan istilah mengenai dunia
komputer, dan untuk Halaman Data
Kamus Admin ini juga terdapat pilihan
untuk mengedit dan menghapus data
kamus. Lalu untuk Halaman Data
Kamus Guest user hanya akan
memuat data kamus yang berupa
kumpulan istilah mengenai dunia
komputer saja tanpa ada pilihan untuk
mengedit atau menghapus data
tersebut, kareana Guest user tidak
memiliki akses untuk melakukannya
Gambar 15. Halaman Input Data
Kamus
Halaman Input Data Kamus ini berguna
untuk menambahkan data ke dalam
database agar nantinya dapat ditampilkan
lewat aplikasi kamus ini, untuk data yang
harus disii ada “judul istilah”, “kategori
istilah”, “keterangan dari istilah”, serta
“foto” jika ada.
Gambar 16. Halaman Detil Data
Kamus
Halaman Detil Data Kamus ini memuat
penjelasan istilah mengenai dunia
komputer yang ada didalam kamus, untuk
data yang ditampilkan ada “judul istilah”,
“kategori istilah”, “keterangan dari
istilah”, “tanggal input”, serta “foto” jika
ada.

Gambar 17. Halaman Data User

Halaman Data User ini memuat data dari
seluruh user atau pengguna yang
terdaftar. Halaman ini juga memiliki
menu untuk menambah, merubah, dan
menghapus user
Gambar 19. Halaman Detil Data User
Halaman Detil Data User ini memuat
informasi darai user yang sudah
terdaftar didalam database, untuk data
yang ditampilkan ada “nama lengkap”,
“username”, “password”, “email”,
serta “foto”.

4.
Gambar 18. Halaman Input Data User
Halaman Input Data User ini berguna
untuk menambahkan user baru ke dalam
database, untuk data yang harus disii ada
“nama lengkap”, “username”,
“password”, “email”, serta “foto”.
Kesimpulan
Kesimpulan yang dapat diberikan dari
hasil analisis, desain , serta
pengimplementasian terhadap sistem
aplikasi kamus istilah komputer ini
adalah sebagai berikut:
a. Dengan membangun sistem aplikasi
kamus istilah komputer ini dapat
membuat penggunanya lebih mudah
dalam mengakses informasi terkait
istilah komputer.
b. Aplikasi Kamus Istilah Komputer
Berbasis Web ini sudah dapat berhasil
dibuat menggunakan bahasa
pemrograman PHP serta MySQL
sebagai basis datanya.
c. Aplikasi ini dapat digunakan untuk
mengelola data kamus dan data
usernya.

Aplikasi ini juga dapat berguna untuk

menyajikan detil dari data kamus serta
usernya yang telah terdaftar

UCAPAN TERIMAKASIH
Rasa dan ucapan terima kasih penulis
sampaikan kepada semua pihak yang
berkontribusi dalam penelitian ini, sehingga
penelitian ini dapat terselesaikan dengan baik.
DAFTAR PUSTAKA
[1] H. Asri, Sukirman, and Munawir,
Pengetahuan Dasar Komputer. Makasar:
Yayasan Pendidikan Makasar, 2011.
[2] H.Mulyana and Maimunah, "Aplikasi
Mobile Kamus Istilah Komputer Berbasis
Android", Jurnal Penelitian Ilmu
Komputer, System Embedded & Logic,
vol 2, no 1, pp. 27-34, 2014.
[3] Z. Bahri and Sukanto, "Aplikasi Evaulasi
Pembelajaran Berbasis Multimedia
Interaktif Menggunakan PHP Dan
MySQL", JIPI (Jurnal Ilmiah Penelitian
dan Pembelajaran Informatika)
, vol 2, no 2, pp 55-64, 2017.
[4] A. Rifai and Y. P. Yuniar, "Penerapan
Metode Waterfall Dalam Perancangan
Sistem Informasi Ujian Pada SMK
Indonesia Global Berbasis Web",
JURNAL KHATULISTIWA
INFORMATIKA, vol 7, no 1, pp 1-6,
2019.
[5] Anonim, "Kamus Istilah", lektur.id, 18
Mei 2020. [Online]. Tersedia:
https://lektur.id/arti-kamus-istilah/
[Diakses: 30 Mei 2020].
[6] Tim Dosen, MODUL PERKULIAHAN
Rekayasa Perangkat Lunak, Jakarta:
Universitas Mercu Buana,2016.
[7] Haviluddin, "Memahami Penggunaan
UML (Unified Modelling Language)",
Jurnal Informatika Mulawarman, vol 6,
no 2, pp 1-15, 2011.
[8] S. Achmad, "MySQL 5 : Dari Pemula
Hingga Mahir", achmatim.net, 31 Januari
2010. [Online].
Tersedia:https://achmatim.net/2010/01/31
/buku-gratis-mysql-5-dari-pemula-
hingga-mahir-2/ [Diakses: 7 Mei 2020].