RANCANG BANGUN APLIKASI TRACKING EKSPEDISI

KAPAL DAN TRUCK BERBABIS WEBSITE PADA

“ PT. LIMA JARI PERSADA”

TUGAS AKHIR

DEVA ATALARIKSYAH
2018.22.00.35

PROGRAM STUDI MANAJEMEN INFORMATIKA

FAKULTAS ILMU KOMPUTER
UNIVERSITAS INDO GLOBAL MANDIRI
2021
 ABSTRAK

Tracking menurut kamus Inggris diterjemahkan ke bahasa indonesia memiliki

arti mengikuti jalan, atau suatu kegiatan untuk mengikuti jejak suatu obyek.
EKSPEDISI atau pengiriman barang adalah melakukan suatu perjalanan untuk
tujuan tertentu. Sehubungan dengan itu, PT LIMA JARI PERSADA adalah
perusahaan ekspedisi barang atau muatan yang bisa melalui darat dan laut
sekaligus penyewaan kendaraan truck yang terletak dijalan Sutan Syahrir No. 886
kel. 5 kec. Ilir Timur II kota PALEMBANG, permasalahan yang terjadi adalah
perusahaan tersebut belum memiliki suatu sistem website atau aplikasi yang bisa
mempermudah pelanggan untuk mengetahui sudah sampai sejauh mana barang
mereka.
Metode WaterFall digunakan pada website tersebut bertujuan untuk membuat
trobosan atau jalan pintas agar website tersebut dapat diolah kembali dan berjalan
sesuai prosedur yang diinginkan.
Hasil Penelitian ini menimbulkan suatu dampak positif yaitu, pengguna
aplikasi dapat dengan mudah mengetahui sudah seajuh mana barang mereka yang
di dikirimkan atau di ekspedisi dengan mengetahui rekam jejak yang
diinformasikan oleh pengirim kepada pelanggan melalui sebuah aplikasi atau
website sehingga mempermudah pengguna dalam memberikan ataupun mencari
informasi. Kesimpulan yang dapat diambil yaitu aplikasi tersebut dapat
mempermudah baik dipihak PT. LIMA JARI PERSADA maupun diakses oleh
pihak pelanggan dan semua orang.
Kata Kunci : aplikasi, website tracking, ekspedisi.
 ABSTRACT

According to the Indonesian translation of the English dictionary, tracking is

defined as "following a path" or "following in the footprints of an object."
EXPEDITION, often known as commodities delivery, is the act of traveling
for a specified purpose.
In this regard, PT LIMA JARI PERSADA PT LIMA JARI PERSADA, based
on Jalan Sutan Syahrir No. 886 kel. 5 district, Ilir Timur II city of PALEMBANG,
is a freight forwarding firm that can transport goods by land and sea, as well as
vehicle rentals.; however, the problem is that the company does not do. The
company does not yet have a website or application system that allows clients to
see how far their goods have traveled.

The website's WaterFall approach seeks to generate breakthroughs or

shortcuts so that it can be reprocessed and performed according to the required
procedure.

The findings of this study have a favorable impact, in that application users
can readily locate what they're looking for.
Keywords: application, website tracking, expedition.
 BAB I
PENDAHULUAN

1.1. Latar Belakang

Dalam perkembangan teknologi dari hari ke hari semakin berkembang,
dimana kebutuhan akan tenaga-tenaga profesional akan semakin diperlukan oleh
perusahaan besar maupun perusahaan kecil. Kehidupan manusia tidak lepas dari
penggunaan internet, dikarenakan akses internet era sekarang penggunaannya
cukup mudah. Dalam penggunaan internet, manusia akan memperoleh informasi
dari website informasi yang beragam. Selain memperoleh informasi yang
beragam, manusia dapat mengakses website setiap waktu. Era sekarang kebutuhan
akan informasi yang cepat dan akurat sangat dibutuhkan. Salah satu kebutuhan
informasi yaitu informasi pemesanan dan pengiriman barang berbasis web.
Pelanggan atau perusahaan pengiriman barang memerlukan suatu aplikasi
pelacakan pengiriman barang menggunakan web yang dapat menghasilkan
informasi pengiriman barang yang cepat dan akurat. Dalam bidang pengiriman
barang sebaiknya sistem dapat mengakomodasi kebutuhan tracking atau
pelacakan terhadap barang yang sudah dikirimkan. PT. Lima Jari Persada
merupakan salah satu perusahaan jasa pengiriman atau ekspedisi barang sekaligus
penyewaan barang.
Saat ini PT. Lima Jari Persada sedang berupaya untuk meningkatkan layanan
serta standar kualitas dari berbagai sisi antara lain sisi pemanfaatan teknologi
informasi. Sistem yang berjalan pada PT. Lima Jari Persada saat ini memiliki
permasalahan – permasalahan diantaranya sistem pemesaan dan pengiriman
barang saat ini cenderung masih secara manual menggunakan buku dan agenda,
sehingga sering timbul permasalahan yang terjadi seperti kesalahan pencatatan
dalam pengolahan data pengiriman dan rekapitulasi data konsumen yang
membutuhkan waktu cukup lama sehingga kurang mendukung, kurang cepat dan
fleksibel dalam menyajikan informasi. Aplikasi yang digunakan untuk mengolah
data juga masih sederhana yaitu microsoft office word dan excel dan Konsumen
dan petugas marketing harus saling berhubungan untuk memastikan informasi
mengenai barang yang dikirim seperti status pengiriman barang apakah barang
tersebut sudah sampai atau belum hal ini tentunya akan memakan waktu dan
tenaga. Situasi ini berdampak pada kurang lengkap dan akuratnya laporan
pemesanan dan pengiriman barang kepada pihak manajemen dan konsumen
sehingga sulit dalam mengambil keputusan yang tepat.
Berdasarkan uraian permasalahan tersebut, penulis mencoba memberikan
solusi untuk membuat sistem berbasis web dalam pemesanan dan pengiriman
barang, aplikasi web yang dibuat memberikan informasi mengenai pemesanan
barang serta pemantauan status pengiriman barang dan memberikan informasi lain
yang berguna bagi konsumen. Aplikasi ini dapat memperkecil kendala hilangnya
barang, dan barang yang dikirimkan akan sampai di tempat tujuan sesuai dengan
rencana awal pengiriman.

1.2. Rumusan Masalah

Berdasarkan Pemaparan di latar belakang diatas maka penulis menemukan
rumusan masalah yaitu, Bagaimana cara agar pelanggan dapat dengan mudah
mendapatkan informasi terkait barang yang akan di ekspedisi dan karena PT.
Lima Jari Persada dirasa perlu merubah metode pengelolaan data yang saat ini
sedang berjalan, yaitu metode konvensional, menjadi metode manajemen
pengolahan data yang terkomputerisasi dan otomatis.

1.3. Tujuan dan manfaat penelitian

1.3.1. Tujuan Penelitian
Tujuan dari laporan tugas akhir ini adalah :
Menemukan masalah ekspedisi barang baik dalam pengerjaannya maupun dalam
kepuasan pelanggan saat menggunakan jasa PT Lima Jari Persada, yaitu dengan
membangun aplikasi berbasis website dimana semua orang dapat mengakses
website dengan melihat informasi PT. Lima Jari Persada. Dan juga membuatkan
code atau no. resi pelanggan agar dapat melihat tahap pengerjaan dan rekam jejak
ekspedisi barang.
1.3.2. Manfaat penelitian

Adapun manfaat dari laporan tugas akhir ini yaitu :

1. Mempermudah pelanggan saat melakukan Servis laptop dan komputer.
2. Mempermudah proses saat pengolahan data servis laptop dan computer.

1.4.Metode penelitian.
Metodologi penelitian merupakan proses atau cara ilmiah

untuk mendapatkan data yang akan digunakan untuk keperluan penelitian.

1.4.1. Lokasi Peneletian.
Penelitian ini dilakukan pada jl. Sutan Syahrir No. 886 kel. 5 kec. Ilir
Timur II kota PALEMBANG.

1.4.2. Tekhnik Pengumpulan Data.

Menurut Teknik pengumpulan data adalah sebuah langkah yang strategis
dalam penelitian, karena memiliki tujuan utama dalam mendapatkan data yaitu:
1. Data Primer merupakan data yang didapat dari sumber pertama baik dari
individu dan perseorangan yaitu melalui metode :

A. Pengamatan (Observasi)

Teknik ini dilakukan dengan melakukan pengamatan secara langsung pada

proses pedataan saat customer akan memperbaiki atau service pada Lapan
Komputer Palembang yang masih dicatat dalam pembukuan atau nota fisik
sehingga laporan proses tidak tersusun secara baik.

B. Teknik pengumpulan data kualitatif  adalah cara menelusuri dokumen yang

berkaitan dengan fokus dalam melakukan penelitian.

2. Data sekunder adalah sumber data penelitian yang diperoleh melalui media

perantara atau secara tidak langsung yang berupa buku, catatan, bukti yang
telah ada, atau arsip baik yang dipublikasikan maupun yang tidak
dipublikasikan secara umum. Dengan kata lain, peneliti membutuhkan
 pengumpulan data dengan cara berkunjung ke perpustakaan, pusat kajian, pusat
arsip atau membaca banyak buku yang berhubungan dengan penelitiannya.

Metode yang digunakan yaitu metode waterfall, Metode yang terdiri dari
beberapa tahapan-tahapan :

1.Analisis

memahami perangkat lunak yang diharapkan oleh pengguna dan batasan

perangkat lunak tersebut. Informasi ini biasanya dapat diperoleh melalui
wawancara, diskusi atau survei langsung. Informasi dianalisis untuk
mendapatkan data yang dibutuhkan oleh pengguna.

2.Design
Spesifikasi kebutuhan dari tahap sebelumnya akan dipelajari dalam fase ini
dan desain sistem disiapkan. Desain Sistem membantu dalam menentukan
perangkat keras(hardware) dan sistem persyaratan dan juga membantu dalam
mendefinisikan arsitektur sistem secara keseluruhan.

3.Implementasi
Pada tahap ini, sistem pertama kali dikembangkan di program kecil yang
disebut unit, yang terintegrasi dalam tahap selanjutnya. Setiap unit
dikembangkan dan diuji untuk fungsionalitas yang disebut sebagai unit
testing.
4. Testing
Seluruh unit dalam tahap implementasi diintegrasikan ke dalam sistem setelah
pengujian yang dilakukan masing-masing unit. Setelah integrasi seluruh
sistem diuji untuk mengecek  setiap kegagalan maupun kesalahan.
5. Pengoperasian dan pemeliharaan
Tahap akhir dalam model waterfall Perangkat lunak yang  sudah  jadi,
dijalankan  serta dilakukan  pemeliharaan. Pemeliharaan termasuk dalam
memperbaiki  kesalahan yang tidak ditemukan pada langkah sebelumnya.
 Perbaikan implementasi unit sistem dan peningkatan jasa sistem sebagai
kebutuhan baru.

1.5. Ruang Lingkup

Permasalahan menjadi lebih terarah, maka penulis membatasi ruang lingkup

pembahasanya :
1. Membahas tentang pengelolahan proses Ekspedisi pada PT. LIMA JARI
PERSADA
2. Aplikasi administrasi dibuat dengan bahasa pemograman PHP dan database
MySQL.
3. Sistem yang dibuat hanya ditujukan administrasi dan pemilik toko pada Lapan
Komputer palembang.

1.6.Sistematika Penulisan

Untuk mempermudah memahami lebih jelas laporan Tugas Akhir ini, maka di
lakukan pengelompokan materi menjadi beberapa sub bab dengan sistematika
penulisan sebagai berikut :

BAB I PENDAHULUAN

Bab ini berisi penulis menguraikan latar belakang, perumusan masalah,

tujuan penelitian, pembatasan masalah, metodologi penelitian dan
sistematika penelitian.

BAB II LANDASAN TEORI

Bab ini merupakan penguraian beberapa hal yang berkaitan dengan

pemograman web yang ingin di bangun, menjelaskan definisi sistem,
definisi informasi, dan teori-teori yang berkaitan dengan sistem yang di
bahas.
BAB III ANALISA SISTEM YANG BERJALAN

Bab ini terdapat gambaran dan kondisi perusahaan, struktur organisasi

perusahaan, pembahasan tugas dan wewenang, prosedur yang sedang
berjalan, Flowchart system, Use Case Diagram.

BAB IV PERANCANGAN SISTEM

Bab ini merupakan penguraian tentang perancangn sistem yang meliputi

usulan prosedur sistem yang baru, data flow diagram sistem baru, data
sistem, perancangan proses, perancangan input, output, database yang akan
di buat serta bagaimana aplikasi tersebut saat dijalankan.

BAB V KESIMPULAN DAN SARAN

Bab ini dimana penulis menguraikan tentang kesimpulan dari isi

pembahasan yang telah penulis uraikan serta memberikan saran-saran
dalam Penulisan tugas akhir yang dibuat oleh penulisan.
 BAB II
LANDASAN TEORI

2.1 Rancang Bangun

Rancang bangun adalah suatu istilah umum untuk membuat atau mendesain
suatu objek dari awal pembuatan sampai akhir pembuatan. (Syarif, 2021).

Pengertian pembangunan atau bangun sistem adalah kegiatan menciptakan

sistem baru maupun mengganti atau memperbaiki sistem yang telah ada secara
keseluruhan. Jadi dapat disimpulkan bahwa Rancang Bangun adalah
penggambaran, perencanaan, dan pembuatan sketsa atau pengaturan dari 7, 8
beberapa elemen yang terpisah kedalam suatu kesatuan yang utuh dan berfungsi.
Dengan demikian pengertian rancang bangun merupakan kegiatan
menerjemahkan hasil analisa ke dalam bentuk paket perangkat lunak kemudian
menciptakan sistem tersebut atau memperbaiki sistem yang sudah ada. (Humeon
& Gunawan, 2020).
Rancang bangun adalah proses pembangunan sistem untuk menciptakan
sistem baru maupun mengganti atau memperbaiki sistem yang telah ada baik
secara keseluruhan maupun hanya sebagian. (Sari, 2017).

2.2. Aplikasi
Aplikasi adalah program yang di buat dengan tujuan untuk melaksanakan
fungsi sesuai dengan kegunaan Aplikasinya, penggunaan dan jenis aplikasi itu
sendiri. Aplikasi dibuat dengan bahasa pemrograman yang bertujuan untuk
membantu memecahkan masalah dengan aturan yang sesuai dengan bahasa
pemrograman itu sendiri yang nantinya bisa mengolah data . (Silalahi & Zikriah,
2021).

Aplikasi dapat diartikan juga sebagai suatu perangkat lunak (Software) atau
program komputer yang beroperasi pada sistem tertentu yang diciptakan dan
dikembangkan untuk menolong manusia dalam melaksanakan tugas tertentu.
Istilah aplikasi sendiri diambil dari bahas inggris (application) yang dapat
diartikan sebagai penerapan atau penggunaan. Secara harfiah, aplikasi merupakan
suatu penerapan perangkat lunak atau Software yang dikembangkan untuk
menjalankan tugas tertentu. (Tuharyadi, 2021).

Aplikasi berasal dari kata application yaitu bentuk bentuk benda dari kata
kerja to apply yang dalam Bahasa Indonesia berarti pengolah. Secara istilah,
aplikasi computer yang menggunakan kemampuan computer langsung untuk
melakukan suatu tugas yang diinginkan pemaka. (Masrizal, 2020).

2.3. Tracking
Tracking sistem adalah suatu sistem yang digunakan untuk memastikan
bahwa ssemua proses telah berjalan sebagaimana mestinya, sehingga dapat
dihasilkan informasi yang akurat. (Darmanta Sukrianto, 2020).

Tracking secara harfiah memiliki arti mengikuti jalan, atau dalam arti
bebasnya adalah suatu kegiatan untuk mengikuti jejak suatu obyek. Pengertian
tracking atau pemantauan dalam hal ini adalah kegiatan untuk memantau
keberadaan mobil berdasarkan posisi yang didapatkan dari peralatan tracking.
(Ristinanta, 2020).

Tracking dapat diartikan memantau atau mengikuti jalan, atau dalam arti
bebasnya adalah suatu kegitan untuk memantau atau mengikuti jejak dari suatu
objek. (Erick, 2016).

2.4. Ekspedisi
 Ekspedisi merupakan fungsi yang melibatkan perpindahan dan penyimpanan
material dalam perjalanannya dari pengrim awal, melalui rantai pasok sampai ke
pelanggan akhir. ( Donald walters, 2003).

Ekspedisi merupakan aliran material, informasi serta uang antara pengguna

dan juga pemasok. ( Frazelle, 2001).

Ekspedisi merupakan proses pengaturan strategis pemindahan komponen,

material dan barang siap pakai dari pemasok antar fasilitas dalam perusahaan
maupun ke konsumen. ( Bowersox, 1987).

2.5. Transportasi

Transportasi ini merupakan suatu perpindahan orang atau barang dengan

menggunakan alat atau juga  kendaraan dari dan ke tempat-tempat yang terpisah
dengan secara geografis. ( Steenbrink, 1974).

Transportasi merupakan kegiatan atau aktivitas memindahkan atau

mengangkut sesuatu dari satu (1) tempat ketempat lainnya. ( Morlok, 1981).

Transportasi adalah kegiatan pemindahan barang (muatan) dan penumpang

dari suatu tempat ke tempat lain. Dalam transportasi ada dua unsur yang
terpenting yaitu pemindahan / pergerakan (movement) dan secara fisik mengubah
tempat dari barang dan penumpang ke tempat lain. ( Salim, 2000).

2.6. Website

Website merupakan sebuah perkumpulan laman yang bertujuan untuk dapat

menampilkan sebuah informasi dimana informasi tersebut dalam bentuk tulisan,
gambaran dan suara yang mempunyai sifat baik tetap ataupun berubah dan akan
membentuk sebuah rangkaian yang terhubung dengan masing-masing jaringan
laman yang dihubungkan. (Maulana, 2021).
Web Page (halaman web) merupakan halaman khusus dari situs web tertentu
yang tersimpan dalam bentuk file. Dalam web page, tersimpan berbagai informasi
dan link yang menghubungkan suatu informasi ke informasi lain, baik itu dalam
page yang sama ataupun web page lain pada website yang berbeda. (Humeon &
Gunawan, 2020).
Website atau situs dapat diartikan sebagai kumpulan halaman yang
menmpilkan informasi data teks, data gambar diam atau gerak, data animasi,
suara, video dan gabungan dari semuanya baik yang bersifat statis maupun
dinamis yang membentuk suatu rangkaian bangunan yang saling terkait dimana
masing-masing dihubungkan dengan jarngan-jaringan halaman (hyperlink).
(Fajriyah, 2017).

Website adalah kumpulan halaman-halaman yang digunakan untuk

menampilkan informasi teks, gambar diam atau gerak, animasi, suara, dan atau
gabungan dari semuanya, baik bersifat statis maupun dinamis yang membentuk
satu rangkaian bangunan yang saling terkait, yang masing-masing dihubungkan
dengan jaringan-jaringan halaman. (Suri, 2019).

Dalam uraian tersebut dapat diketahui bahwa website terdapat dua jenis
sifat, (Suri, 2019) yaitu:

1. Website dinamis
Sebuah website yang menyediakan content atau isi yang selalu berubah- ubah
setiap waktunya, yang menggunakan bahasa pemograman antara lain PHP dan
memanfaatkan database MySQL atau MS SQL.
2. Website statis

Merupakan website yang isinya sangat jarang diubah. Bahasa pemograman

yang digunakan adalah HTML dan belum memanfaatkan database.

2.7. Unified Modeling Language (UML)

UML merupakan bahasa visual untukpemodelan dan komunikasi mengenai

sebuah sistem dengan menggunakan diagram dan teks-teks pendukung. “(Syarif et
al., 2021).

Unified Model Language (UML) adalah salah satu alat bantu yang sangat
handal di dunia pengembangan sistem yang berorientasi obyek. Hal ini di
sebabkan karena UML menyediakan bahasa pemodelan visual yang
memungkinkan bagi pengembang sistem untuk membuat cetak biru atas visi
mereka dalam bentuk yang baku, mudah di mengerti, serta di lengkapi dengan
mekanisme yang efektif untuk berbagi (sharing) dan mengkomunikasikan
rancangan mereka dengan yang lain. (Ardian, 2018).

Unified Modeling Language (UML) adalah bahasa spesifikasi standar yang

dipergunakan untuk mendokumentasikan, menspesifikasikan dan membangun
perangkat lunak. UML merupakan metodologi dalam mengembangkan sistem
berorientasi objek dan juga merupakan alat untuk mendukung pengembangan
sistem. Unified Modeling Language (UML) adalah sebuah bahasa yang
berdasarkan grafik atau gambar untuk memvisualisasi, menspesifikasikan,
membangun, dan pendokumentasian dari sebuah sistem pengembangan software
berbasis OO (Object-Oriented). UML sendiri juga memberikan standar penulisan
sebuah sistem blue print, yang meliputi konsep bisnis proses, penulisan kelas-
kelas dalam bahasa program yang spesifik, skema database, dan komponen-
komponen yang diperlukan dalam sistem software. (Ferdiansyah, 2021).

2.8. Use case diagram

Use case atau diagram use case merupakan pemodelan untuk kelakuan
(behavior) sistem informasi yang akan dibuat. (Syarif et al., 2021).

Use case diagram merupakan pemodelan untuk kelakuan (behavior) sistem

informasi yang akan dibuat. Use case digunakan untuk mengetahui fungsi apa saja
yang ada di dalam sistem informasi dan siapa saja yang berhak menggunakan
fungsi-fungsi tersebut. (Fachreza et al., 2021).

Tabel 2.1. Use Case Diagram

No. Simbol Nama Keterangan

1. Actor Menspesifikasikan himpunan

peran yang pengguna mainkan
ketika berinteraksi dengan use
case.
 Hubungan dimana perubahan
yang terjadi pada suatu elemen
2. Dependency mandiri (independent) akan
mempengaruhi elemen yang
bergantung pada elemen yang
tidak mandiri (independent).

Hubungan dimana objek anak

(descendent) berbagi perlaku
3. Generalization dan struktur data dari objek
yang ada diatas objek induk
(ancestor).
Menspesifikasikan bahwa use
4. Include case adalah sumber secara
eksplisit.

Menspesifikasikan bahwa use

5. Extend case target memperluas
perilaku dari use case sumber
pada suatu titik yangdiberikan.

Apa yang menghubungkan

6. Associaton antara objek satu dengan objek
lainnya.

7. System Menspesifikasian paket yang

menampilkan sistem secara
terbatas.

8. Use Case Deskripsi dari urutan aksi-aksi

yang ditampilkan sistem yang
menghasilkan suatu hasil yang
terukur bagi suatu aktor.

Interaksi aturan-aturan dan

9. Collaboration elemen lain yang bekerja sama
untuk menyediakan perilaku
yang lebih besar dari jumlah
Dan elemen-elemennya.
 10. Elemen fisik yang eksis saat
Note aplikasi dijalankan dan
mencerminkan suatu sumber
daya komputasi.
Sumber : Ilham (2016:4)

Use case diagram merupakan pemodelan untuk kelakuakn (behavior) sistem

informasi yang akan dibuat. Use case digunakan untuk mengetahui fungsi apa saja
yang ada di dalam sistem informasi dan siapa saja yang berhak menggunakan
fungsi-fungsi tersebut. (Hendini, 2016).
Use Case Diagram adalah sebuah metode atau susunan yang berkelompok
dan saling berkaitan sehingga membentuk rangkaian yang terstruktur. (Wandela
& Elisa, 2019).

2.9 Sequence Diagram

Sequence Diagram menguraikan interaksi sebuah objek dan saling
berkomunikasi antara objek-objek tersebut dan memberikan suatu tanda ataupun
pentunjuk. Sequence Diagram dimanfaatkan sebagai penjelaskan perilaku yang
ada pada skenario dan mengilustrasikan dengan cara entitas dan sistem saling
berinteraksi, dan juga pesan yang digunakan pada saat berinteraksi. Seluruh pesan
diilustrasikan pada suatu urutan saat eksekusi. (Hariadi, 2016).

Sequence Diagram adalah suatu diagram yang menjelaskan interaksi objek

dan menunjukkan (memberi tanda atau petunjuk) komunikasi diantara objek-
objek tersebut. (Syabania & Rosmawarni, 2021).

Sequence Diagram menguraikan interaksi sebuah objek dan saling

berkomunikasi antara objek-objek tersebut dan memberikan suatu tanda ataupun
pentunjuk. Sequence Diagram dimanfaatkan sebagai penjelaskan perilaku yang
ada pada skenario dan mengilustrasikan dengan cara entitas dan sistem saling
berinteraksi, dan juga pesan yang digunakan pada saat berinteraksi. Seluruh pesan
diilustrasikan pada suatu urutan saat eksekusi. (Ramdhani, 2021).
 Sequence Diagram menggambarkan kelakuan objek pada use case dengan
mendepenelitiankan waktu hidup objek dan pesan yang dikirimkan dan diterima
antar objek. (Siregar, H. F., Siregar, Y. H., & Melani, 2018).

Sequence diagram digunakan untuk menggambarkan perilaku aktor pada

sebuah sistem secara detail menurut waktu. Diagram ini menunjukkan sejumlah
contoh objek dan message (pesan) yang diletakkan diantara objek-objek di dalam
use case. (Siregar, 2018).

Sequence Diagram adalah suatu diagram yang menjelaskan interaksi objek

dan menunjukkan (memberi tanda atau petunjuk) komunikasi diantara objek-
objek tersebut. Sequence diagram digunakan untuk menjelaskan perilaku pada
sebuah skenario dan menggambarkan bagaimana entitas dan sistem berinteraksi,
termasuk pesan yang dipakai saat interaksi. Semua pesan digambbarkan dalam
urutan pada eksekusi. (Indriyana, 2021). Simbol-simbol Sequence Diagram dapat
dilihat pada tabel 2.3.

Tabel 2.2. Simbol Sequence Diagram

No. Simbol Nama Keterangan

Merupakan instance
:Object1
Object
1. dari
(Partisipan)
sebuah class dan
dituliskan tersusun
secara horizontal.
Menspesifikasikan
himpunan peran
2. Actor yang pengguna
mainkan ketika
berinteraksi
dengan
use case.
Mengindikasikan
keberadaan sebuah
3. Lifeline objek dalam basis
waktu.
 Mengindikasikan
4. Activation sebuah objek yang
akan melakukan
sebuah aksi.
Menyatakan objek
5. Object Name : Class Name Object
yang
berinterkasi dengan
pesan.
Mengindikasikan
6. Message komunikasi antara
objek.
Mengindikasikan
komunikasi kembali
7. Self-Message
kedalam sebuah objek
itu sendiri.
Mengeksekusi
8. Loop berulang kali dan
penjaga menunjukan
dasar iterasi.

Sumber : (Indriyana, 2021).

2.10 Activity Diagram

Activity diagram menggambarkan work flow (aliran kerja) atau aktivitas

dari sebuah sistem atau proses bisnis atau menu yang ada pada perangkat lunak.
Diagram ini memperlihatkan aliran dari suatu aktivitas lainnya dalam suatu
sistem. Activity (Destiningrum & Adrian, 2017).

Diagram activity menunjukkan aktivitas sistem dalam bentuk kumpulan

aksi-aksi, bagaimana masing-masing aksi tersebut dimulai, keputusan yang
mungkin terjadi hingga berakhirnya aksi. Activity diagram juga dapat
menggambarkan proses lebih dari satu aksi salam waktu bersamaan. Diagram
activity adalah aktifitas-aktifitas, objek, state, transisi state dan event. Dengan kata
lain kegiatan diagram alur kerja menggambarkan perilaku sistem untuk aktivitas.
(Suendri, 2018).

Activity Diagram menggambarkan proses bisnis dan urutan aktivitas dalam

sebuah proses, yang biasanya dipakai pada business modeling untuk
memperlihatkan urutan aktivitas bisnis. Selain bisnis, activity diagran juga dapat
digunakan menggambarkan logical procedural sistem, dan aliran kerja kasus
lainnya, terdapat tujuh activity diagram. Pembuatan activity ini bermanfaat untuk
membantu proses secara keseluruhan. (Rahmawati & Mulyono, 2018).

Tabel 2.3. Activity Diagram

No Simbol Nama Keterangan

.
1. StartPoint, Diletakkan pada pojok
kiri atas dan
merupakan awal
Lanjutan aktivitas
Tabel 2.3.
2. EndPoint Akhir aktivitas

3. Activities Menggambarkan
suatu proses/kegiatan
bisnis
4. Fork/percabangan Digunakan untuk
menunjukkan
kegiatan yang
dilakukan secara
paralel atau untuk
menggabung kan dua
kegiatan paralel
menjadi satu

5. Join, Digunakan untuk

menunjukkan adanya
(Penggabungan) dekomposisi
atau rake

6. Decision Points Menggambarkan

pilihan untuk
pengambilan
keputusan,

Sumber : Hendini (2016)

2.11 Class Diagram
Class Diagram menggambarkan struktur sistem dari segi pendefinisian
kelas-kelas yang akan dibuat untuk membangun sistem. Class diagram merupakan
diagram paling umum dipakai di semua pemodelan berorientasi objek. (Aviono,
2021).

Class diagram merupakan diagram yang selalu ada di pemodelan sistem

informasi Managemen ini berorentasi objek. Class diagram menunjukan hubungan
antar class dalam sistem yang sedang di jalani bagaimana mereka saling
berkolaborasi untuk mencapai suatu tujuan. (Mulyadi, 2019).

Diagram Class adalah deskripsi kelompok obyek-obyek dengan property,

perilaku (operasi) dan relasi yang sama. Sehingga dengan adanya class diagram
dapat memberikan pandangan global atas sebuah sistem. Class diagram mirip ER-
Diagram pada perancangan database, bedanya pada ER-diagram tdk terdapat
operasi/metode tapi hanya atribut. Diagram kelas atau class diagram
menggambarkan struktur sistem dari segi pendefinisian kelas-kelas yang akan
dibuat untuk membangun sistem. (Thamardiyah, 2019).

Tabel 2.4. Class Diagram

No Simbol Nama Keterangan

.
Hubungan dimana objek anak
1. Generalization (descendent) barbagi perilaku
Generalization dan struktur
data dari objrk yang ada
diatasnya objek induk
(ancestor)
Upaya untuk Menghindari
2. Nary Assosiasi dengan lebih dari
Association objek
 Himpunan dari objek-objek
3. Class yang barbagi atribut serta
operasi yang sama
Deskripsi dari urutan aksi-aksi
4. Collaboration yang ditampilkan sistem yang
menghasilkan suatu hasil yang
terukur bagi suatu actor
Operasi yang benar-benar
5. Realization dilakukan oleh suatu objek

Hubungan dimana perubahan

yang terjadi pada suatu elemen
6. Dependency mandiri (independent) akan
mempengaruhi elemen yang
bergantung padanya elemen
yang tidak mandiri
2.12 Waterfall
Metode Waterfall adalah sebuah metode pengembangan sistem dimana antar
satu fase ke fase yang lain dilakukan secara berurutan. Dalam proses
implementasi metode waterfall ini, sebuah langkah akan diselesaikan terlebih
dahulu dimulai dari tahapan yang pertama sebelum melanjutkan ke tahapan yang
berikutnya.(Faisal, 2019).

Metode Waterfall adalah sebuah metode pengembangan sistem dimana antar

satu fase ke fase yang lain dilakukan secara berurutan. Dalam proses
implementasi metode waterfall ini, sebuah langkah akan diselesaikan terlebih
dahulu dimulai dari tahapan yang pertama sebelum melanjutkan ke tahapan yang
berikutnya. Adapun keuntungan menggunakan metode waterfall yaitu requirement
harus didefinisikan lebih mendalam sebelum proses coding dilakukan, selain itu
proses implementasinya dilakukan secara bertahap dari tahap pertama hingga
tahap terakhir secara berurutan. Disamping itu metode waterfall juga
memungkinkan sedikit mungkin perubahan yang dilakukan oleh proyek yang
sedang berlangsung. Adapun metode waterfall memiliki tahapan utama dari
waterfall model yang mencerminkan aktifitas pengembangan dasar. (Sasmito,
2017).

Model SDLC air terjun (waterfall) sering juga disebut model sekuensial linier
(sequential linear) atau alur hidup klasik (classic life cycle). Model alur terjun
menyediakan pendekatan alur hidup perangkat lunak secara sekuensial atau
terurut dimulai dari analisis kebutuhan, desain, pengkodean, pengujian dan tahap
pendukung (support). (Murni & Sabaruddin, 2018).

1. Analisis
Fase analisis, tahapan ini penulis menggunakan teknik pengumpulan data
berupa melakukan kunjungan atau melakukan observasi langsung,
wawancara, serta studi pustaka.
2. Design
Design melakukan perancangan sistem dimulai dari database dengan
merancang LRS yang mengacu kepada hasil analisis kebutuhan perangkat
lunak pada tahap sebelumnya. Selain perancangan basis data, juga
memberikan gambaran rancangan UML seperti usecase diagram, activity
diagram dan sequence diagram.
3. Pengkodean (Coding)
Fase pengkodean, penulis implementasikan rancangan yang sudah dibuat
berupa database yang dibuat dengan RDBMS MySQL serta bahasa
pemrograman PHP yang diintegrasikan dengan framework Codeigniter.
4. Pengujian (Testing)
Fase pengujian, dilakukan secara berulang dan beberapa tingkatan. Pengujian
bertujuan untuk menguji fungsionalitas sistem yang dibangun untuk
memastikan kode program yang ditulis bekerja sesuai dengan rancangan yang
diharapkan.
5. Pengoperasian dan Pemeliharaan
 Fase ini memastikan bahwa sistem saat diimplementasikan ke pengguna harus
dapat berjalan pada kondisi server di dunia nyata. Perubahan-perubahan
lingkungan yang terjadi harus disesuaikan untuk memastikan sistem informasi
yang diterima oleh pengguna memang benar-benar berjalan sesuai dengan
harapan.

Sumber : Sasmito (2017)

Gambar 2.1. Tahapan Metode Waterfall.

2.13 Flowchart
Menurut Jogiyanto dalam penelitian Yulia (2017:29), flowchart merupakan
"bagan (chart) yang menunjukkan alir (flow) di dalam program atau prosedur
sistem secara logika. Sedangkan menurut Santoso dan Nurmalina (2017: 86),
Flowchart adalah representasi secara simbolik dari suatu algoritma atau prosedur
untuk menyelesaikan suatu masalah, dengan menggunakan flowchart akan
memudahkan pengguna melakukan pengecekan bagian-bagian yang terlupakan
dalam analisis masalah, disamping itu flowchart juga berguna sebagai fasilitas
untuk berkomunikasi antara pemrogram yang bekerja dalam tim suatu proyek.

Dari pengertian di atas, dapat disimpulkan bahwa flowchart merupakan

gambaran proses yang dinyatakan dalam simbol tertentu yang dihubungkan

dengan garis yang menunjukan urutan program. Adapun simbol-simbol flowchart
adalah sebagai berikut :

Tabel 2.5. Simbol-simbol Flowchart

Simbol Nama Keterangan

Document Dokumen electronic atau kertas

kertas.

Multiple copies of one paper Beberapa salinan dokumen

document kertas diilustrasikan dengan
tumpang tindih symbol
dokumen.

Display / output elektronik Informasi ditampilkan oleh

output electronik perangkat
seperti terminal, monitor, atau
layar.

Lanjutan Tabel 2.5. Simbol-simbol Flowchart

Simbol Nama Keterangan

Electronic input and output Masukan dan keluaran data

device elektronik symbol digunakan
bersamaan untuk menampilkan
perangkatdigunakan keduanya.

Operasi pemrosesan dilakukan

Manual Operation secara manual.
 Database Tempat penyimpanan data dari
computer yang disimpan di
database

Computer processing Pemrosesan yang dilakukan

komputer.

Decision Langkah pengambilan

keputusan.

Terminal Digunakan untuk menunjukan

pihak eksternal.

Sumber: Santoso dan Nurmalina (2017: 86)

2.14 HTML
HTML adalah Bahasa pemrograman yang fleksibel di mana kita bisa
meletakkan scrip dari bahasa pemrograman lain seperti JAVA, Visual Basic, dan
lain-lain. Jika HTML tersebut tidak dapat mendukung suatu perintah
pemrograman tertentu.Browser tidak akan menampilkan kotak dialog”Syntax
Error” jika terdapat penulisan kode yang keliru pada scrip HTML sepanjang kode-
kode yang kita tuliskan merupakan kode-kode HTML tanpa penambahan kode-
kode dari luar seperti java. Oleh karena itu,jika terjadi syntax error pada skrip
HTML, efek yang paling jelas adalah HTML tersebut tak akan ditampilkan pada
halaman jendela browser (Lestanti & Susana, 2016).

Hyper Text Markup Lenguage atau yang biasa disingkat HTML merupakan
bahasa pemrograman web dasar yang mana di gunakan untuk membuat inti
halaman web, dan juga HTML digunakan untuk penghubung antara halaman
website satu dengan lainnya. (Febrianto, 2021).

Hypertext Merkup Languange (HTML) adalah bahasa standard yang

digunakan untuk menampilkan halaman web”. Yang bisa dilakukan dengan
HTML yaitu mengatur tampilan dari halaman web dan isinya, membuat tabel
dalam halaman web, mempublikasikanhalam web secara online, dan membuat
form yang bisa digunakan untuk menangani registrasi dan transaksi via web.
Contoh: Setiap dokumen HTML diawali dan diakhiri dengan tag HTML.
(Novendri, 2019).

HTML adalah Bahasa pemrograman yang fleksibel di mana kita bisa

meletakkan scrip dari bahasa pemrograman lain seperti JAVA,Visual
Basic,C dan lain-lain. Jika HTML tersebut tidak dapat mendukung suatu
perintah pemrograman tertentu.Browser tidak akan menampilkan kotak
dialog ”Syntax Error” jika terdapat penulisan kode yang keliru pada scrip
HTML sepanjang kode-kode yang kita tuliskan merupakan kode-kode
HTML tanpa penambahan kode-kode dari luar seperti java. Oleh karena
itu,jika terjadi syntax error pada skrip HTML, efek yang paling jelas adalah
HTML tersebut tak akan ditampilkan pada halaman jendela browser.
(Lestanti & Susana, 2016).

HTML (Hyper Text Markup Language) adalah sekumpulan simbol-simbol

atau tag- tag yang dituliskan dalam sebuah file yang digunakan untuk
menampilkan halaman pada web browser. Tag- tag HTML selalu diawali dengan
<x> dan diakhiri dengan </x> dimana x tag HTML itu seperti b, i, u, dan lain-lain.
(Haerulah & Ismiyatih, 2017).

HTML adalah kepanjangan atau singkatan dari Hyper Text Markup

Language. Setiap penjelajhan di internet, membuka website apapun, pasti akan
bertemu dengan HTML. Hal ini dikarenakan semua website yang ada di internet,
dibuat dengan menggunakan bahasa markup HTML. (Haerulah & Ismiyatih,
2017).
 HTML merupakan singkatan dari Hypertext Markup Language yaitu bahasa
standar website yang dikelola penggunanya oleh W3C (World Wide Web
Consortium) berupa tag-tag yang menyusun setiap elemen dari website.”
(Abdulloh, 2018:7). Menurut Sulistiono (2018:2) menyatakan bahwa “HTML
(Hypertext Markup Language) adalah sebuah bahasa markah yang digunakan
untuk membuat sebuah halaman web, menampilkan berbagai macam informasi
seperti gambar, teks, video dan suara pada pejelajah web Internet, yang ditulis
dalam berkas format ASCII agar dapat menghasilkan tampilan wujud yang
terintegerasi. (Lestari, 2019).

2.15 PHP
PHP (Hypertext Preprocessor) adalah bahasa script yang dapat ditanamkan
atau disisipkan ke dalam HTML. PHP banyak dipakai untuk membuat program
situs web dinamis. (Manuhut & Otniel, 2021).

PHP adalah bahasa server-side scripting yang menyatu dengan HTML untuk
membuat halaman web yang dinamis. Maksud dari server-side scripting adalah
sintaks dan perintah-perintah yang diberikan akan sepenuhnya akan dijalankan
diserver tetapi disertakan pada dokumen HTML. Pembuatan web ini merupakan
kombinasi antara PHP sendiri sebagai bahasa pemrograman dan HTML sebagai
pembangun halaman web. Dan ada pula beberapa pengertian menurut para ahli
antara lain : PHP (PHP Hypertext Prepocessor) adalah bahasa pemograman yang
berjalan dalam sebuah web server dan berfungsi sebagai pengolahan data pada
sebuah server. (Hendra, 2020).

PHP adalah bahasa pelengkap HTML yang memungkinkan dibuatnya

aplikasi dinamis yang memungkinkan adanya pengolahan data dan pemrosesan
data. Semua sintax yang diberikan akan sepenuhnya dijalankan pada server
sedangkan yang dikirimkan ke browser hanya hasilnya saja. Kemudian
merupakan bahasa berbentuk script yang ditempatkan dalam server dan diproses
di server. Hasilnya akan dikirimkan ke client, tempat pemakai menggunakan
browser. PHP dikenal sebagai sebuah bahasa scripting, yang menyatu dengan tag-
tag HTML, dieksekusi di server, dan digunakan untuk membuat halaman web
yang dinamis seperti halnya Active Server Pages (ASP) atau Java Server Pages
(JSP). PHP merupakan sebuah software Open Source. (Hermiati, 2021).

PHP adalah salah satu bahasa pemrograman script yang dirancang untuk
membangun aplikasi web. Ketika dipanggil dari web browser , program yang
ditulis dengan PHP akan di-parsing di dalam web server oleh interpreter PHP dan
diterjemahkan kedalam dokumen HTML, yang selanjutnya akan ditampilkan
kembali ke web browser. Karena pemrosesan program PHP dilakukan di
lingkungan web server,PHP dikatakan sebagai bahasa sisi server (server-side).
(Alhamidi, 2016).

PHP adalah script bersifat server-side yang ditambahkan ke dalam

HTML. PHP sendiri merupakan singkatan dari Personal Home Page Tools.
Script ini akan membuat suatu aplikasi dapat diintegrasikan ke dalam
HTML sehingga suatu halaman web tidak lagi bersifat statis, namun
menjadi dinamis. (Syabania & Rosmawarni, 2021).

2.16 MySQL
MySQL SQL adalah database yang sudah ada lebih dulu daripada MySQL.
Memiliki nama lain yakni Microsoft SQL Server, sistem ini dikembangkan oleh
Microsoft pada tahun 80- an dan menjadi RDBMS yang andal dan scalable.
Kualitas ini membuat SQL Server tetap bertahan sampai sekarang dan
menjadikaknya go-to platform untuk software enterprise berskala besar. (Sanjaya,
2021).

MySQL adalah sebuah perangkat lunak sistem manajemen basis data SQL
(bahasa Inggris: database management system) atau DBMS yang
multithread,multi-user, dengan sekitar 6 juta instalasi di seluruh dunia. MySQL
AB membuat MySQL tersedia sebagai perangkat lunak gratis dibawah lisensi
GNU General Public License (GPL), tetapi mereka juga menjual dibawah lisensi
komersial untuk kasus-kasus di mana penggunaannya tidak cocok dengan
penggunaan GPL. (Nando, 2016).

MySQL adalah sebuah perangkat lunak system manajemen basis data SQL
(bahasa Inggris: database management system) atau DBMS yang multithread,
multiuser, dengan sekitar 6 juta instalasi di seluruh dunia. MySQL AB membuat
MySQL tersedia sebagai perangkat lunak gratis dibawah lisensi GNU General
Public License (GPL), tetapi mereka juga menjual dibawah lisensi komersial
untuk kasus-kasus dimana penggunaannya tidak cocok dengan penggunaan GPL.
(Jatmika, 2019).

MySQL merupakan RDBMS (Relational Database Management Sytsem)

server. RDBMS adalah program yang memungkinkan pengguna database untuk
membuat, mengelola, dan menggunakan data pada suatu model relational. Dengan
demikian, tabel-tabel yang ada pada database memiliki relasi antara satu tabel
dengan tabel lainnya. Berdasarkan pendapat yang dikemukakan di atas dapat
ditarik kesimpulan bahwa MySQL adalah suatu software atau program yang
digunakan untuk membuat sebuah database yang bersifat open source. (Pradhana,
2017).

MySQL merupakan sistem database yang banyak digunakan untuk

pengembangan aplikasi web. Karena pengolahan datanya sederhana,
memiliki tingkat keamanan yang bagus, dan mudah diperoleh. (Siregar, H.
F., Siregar, Y. H., & Melani, 2018).

2.17 Basis Data (Database)

Database (Basis Data) adalah sebuah koleksi dari data yang saling berelasi,
dimana data tersebut disimpan pada komputer dapat beriteraksi sedemikian hingga
sebuah program komputer dapat berinteraksi dan menggunakan data yang
disimpan tersebut untuk menyelesaikan masalah ataupun menjawab perntanyaan.
Data perlu disimpan dalam suatu database untuk keperluan penyediaan informasi
lebih lanjut. Data didalam database perlu diorganisasikan sedemikian rupa
sehingga informasi yang terkandung didalamnya mudah diakses. (A. Febrian dkk.
2016 : 14).

Basis data atau database adalah sekumpulan table, hubungan dan lain-lain
yang berkaitan dengan penyimpanan. (Swara dan Febriadi, 2016:29).

Sistem Basis Data merupakan sistem yang terdiri atas kumpulan tabel data
yang saling berhubungan (dalam sebuah basis data di sebuah sistem komputer)
dan sekumpulan program (yang biasa disebut DBMS/Data Base Management
System) yang memungkinkan beberapa pemakai dan/atau program lain untuk
mengakses dan memanipulasi tabel-tabel tersebut. (Fathansyah, 2018).

Database Merupakan kumpulan dari data-data yang tersimpan di dalam

perangkat lunak untuk memanipulasinya. Database merupakan salah satu
komponen yang penting dalam sistem komputerisasi karena database
menyediakan semua informasi bagi pengguna. (Mertayasa dan Yambese,
2017:58).

2.18 XAMPP
XAMPP adalah perangkat lunak (free software) bebas, yang
mendukung untuk banyak sistem operasi, yang merupakan kompilasi
dari beberapa program. Fungsi XAMPP sendiri adalah sebagai server
yang berdiri sendiri (localhost), yang terdiri beberapa program antara
lain : Apache HTTP Server, MySQL database, dan penerjemah bahasa
yang ditulis dengan bahasa pemrograman PHP dan Perl. (Nando, 2016).

“XAMPP adalah sebuah software yang berfungsi untuk menjalankan

website berbasis PHP dan menggunakan pengolah data MySQL dikomputer
local”. XAMPP berperan sebagai server web pada komputer. XAMPP juga dapat
disebut sebuah panel server virtual, yang dapat membantu anda melakukan
preview sehingga dapat meemodifikasi website tanpa harus online atau terakses
dengan internet. (Haerulah & Ismiyatih, 2017).

XAMPP adalah paket software atau perangkat lunak komputer maupun

laptop yang system penyebutan XAMPP didapat dari awalan kata ( akronim )
Apache, MariaDB / MySQL ( untuk versi lama ), PHP ( Hypertext Preprocessor ),
dan Perl. Untuk huruf “X” diawal berasal dari istilah cross platform sebagai tanda
bahwa software ini mampu berjalan pada empat system operasi yang beda namun
umumnya digunakan seperti Windows, Linux, MacOS, Solaris Perangkat lunak
XAMPP awalnya dikembangkan oleh tim yang bernama Apache Friend dan
sampai saat ini sudah berkembang hingga yang terbaru saat ini versi 7.3.9 dengan
label GNU (General Publik License) / open source dalam kata lain bisa
didapatkan secara gratis tanpa harus mendapatkan lisensinya terlebih dahulu.
(Fallis, 2016).

XAMPP adalah tool yang menyediakan paket perangkat lunak ke dalam satu
buah paket. Dengan menginstall XAMPP maka tidak perlu lagi melakukan
instalasi dan konfigurasi web server Apache, PHP dan MySQL secara manual.
XAMPP akan menginstalasi dan mengkonfigurasikannya secara otomatis untuk
anda atau auto konfigurasi.Melalui XAMPP ini para web developer dapat menguji
aplikasi web yang dikembangkan dan mempresentasikan secara langsung kepada
orang lain tentang web yang dibangun pada komputer tanpa memerlukan koneksi
internet, istilahnya membuka web secara offlline. (Adrianto, 2021).

XAMPP merupakan paket PHP yang berbasis open source yang

dikembangkan oleh sebuah komunitas open source. XAMPP merupakan suatu
program yang didalam nya terdapat beberapa paket program yang sudah dapat
langsung dijalankan yaitu Apache, MYSQL, PHP, File zila, Phpmyadmin dan lain
lain. (Issn, 2019).

2.19 Sublime Text

Sublime Text Editor adalah editor teks untuk berbagai bahasa pemograman
termasuk pemograman PHP. Sublime Text Editor merupakan editor text lintas
platform dengan Python Application Programming Interface (API). Sublime Text
Editor juga mendukung banyak bahasa pemrograman dan bahasa markup, dan
fungsinya dapat ditambah dengan plugin, dan Sublime Text Editor tanpa lisensi
perangkat lunak. (Pasaribu, 2017).

Sublime Text adalah aplikasi editor untuk kode dan teks yang dapat berjalan
di berbagai platform operating system dengan Menggunakan teknologi Phyton
API. Terciptanya aplikasi ini terinspirasi dari aplikasi Vim. Aplikasi ini sangatlah
fleksibel dan powerfull. Fungsionalitas dari aplikasi ini dapat dikembangkan
Dengan menggunakan sublime-packages. Sublime Text bukanlah aplikasi open
source, yang artinya aplikasi ini membutuhkan lisensi (license) yang harus dibeli.
Akan tetapi beberapa fitur pengembangan fungsionalitas (packages) dari aplikasi
ini merupakan hasil dari temuan dan mendapat dukungan penuh dari komunitas
serta memiliki linsensi (license) aplikasi gratis. (Yanuardi & Permana, 2018).

Sublime Text merupakan salah satu text editor yang sangat powerful yang
dapat meningkatkan produktivitas dan mengembangkan kualitas kode yang
tinggi”. Jadi dapat disimpulkan Sublime Text adalah perangkat lunak berupa teks
editor yang digunakan untuk mengembangkan kualitas kode programmer.
(Kurniyawan, 2019).

Sublime text editor adalah editor teks untuk berbagai macam bahasa
perogaman termasuk pemrogaman PHP. Sublime text editor merupakam editor
text lintas-platform dengan python application programing interfaces(API).
Sblime text editor juga mendukung banyak bahasa pemrogaman dan bahasa
markup,dan fungsinya dapat ditambabh dengan plugin,dan sublime text editor
tanpa lisensi perangkat lunak. (Suri, 2019).

2.20 CSS
CSS adalah singkatan dari Casading Style Sheet yang merupakan kumpulan
perintah yang dibentuk dari berbagai sumber yang disusun menurut urutan
tertentu sehingga mampu mengatasi konfik style. CSS atau yang disebut
Cascading Style Sheet yaitu salah satu bahasa pemrograman web yang mengatur
komponen dalam suatu web supaya lebih terstruktur dan lebih seragam.
(Pasaribu, 2017).

CSS singkatan dari cascading style sheets, yaitu skrip yang digunakan untuk
mengatur desain website. Wlaupun HTML mempunyai kemampuan untuk
mengatur tampilan website, namun kemampuannya sangat terbatas. Fungsi CSS
adalah memberikan pengaturan yang lebih lengkap agar struktur website yang
dibuat dengan HTML terlihat lebih rapi dan indah. (Josi, 2017).

CSS atau singkatan dari Cascading Style Sheet adalah suatu aturan untuk
mengatur tampilan dari website sehingga tampilan dalam web lebih terstruktur.
CSS sendiri bukanlah bahasa pemrograman, CSS lebih seperti konfigurasi
tampilan dari suatu tag pada website. CSS dapat merubah text, warna, background
dan posisi dari suatu tag. (Marlina, 2021).
 CSS adalah singkatan dari Cascading Style-Sheet merupakan
pengembangan atas kode HTML yang sebelumnya. CSS dapat menentukan suatu
struktur dasar halam web secara cepat dan mudah, CSS merupakan Salah satu
bahasa desain web (Style Sheet Languange) yang mengontrol format tampilan
sebuah halaman web yang ditulis dengan menggunakan penanda markup
languange. Biasanya CSS digunakan untuk mendesain sebuah halaman HTML
dan XHTML, tetapi sekarang CSS bisa di aplikasikan untuk segala dokumen
XML, termasuk SVG dan XUL bahkan android. (Tampubolon, 2018).

Cascading Style Sheet (CSS) merupakan aturan untuk mengendalikan

beberapa komponen dalam sebuah web sehingga akan lebih terstruktur.
(IpanRipai, 2017).

CSS biasanya selalu dikaitkan dengan HTML karena keduanya memang

saling melengkapi. HTML ditujukan untuk membuat struktur, atau konten dari
halaman web sedangkan CSS digunakan untuk tampilan dari halaman web
tersebut. Hal tersebut yang biasanya disebut dengan istilah “HTML for content,
CSS for Presentation”. CSS itu sendiri adalah suatu bahasa stylesheet yang
digunakan untuk mengatur tampilan suatu website, baik tata letaknya, jenis huruf,
warna dan semua yang berhubungan dengan tampilan. (Suri, 2019).

2.21 Javaskript
Javascript adalah bahasa yang berbentuk kumpulan skrip yang fungsinya
digunakan untuk menambahkan interaksi antara halaman web dengan pengguna
halaman web. Javascript dijalankan pada sisi klien yang akan memberikan
kemampuan fitur- fitur tambahan halaman web yang lebih baik dibandingkan fitur
– fitur yang terdapat pada HTML. (Febrianto, 2021).

JavaScript (js) ialah suatu bahasa scripting yang digunakan sebagai

fungsionalitas dalam membuat suatu web. Ditambahkan bahwa Java Script
merupakan bahasa pemograman web yang berbasis script. (Manuhut, 2021).

JavaScript merupakan pemrograman yang digunakan pada website agar

website tersebut menjadi lebih interaktif dan dinamis. Penggunaan JavaScript
pada website bersifat opsional. Contoh JavaScript yang biasa digunakan adalah
seperti alert dan confirmation dialog box. (Otniel, 2021).

JavaScript merupakan bahasa pemrograman tingkat dinamis yang tinggi dan

serta merupakan merupakan teknologi inti World Wide Web selain HTML dan
CSS. JavaScript sangat membantu dalam pemembuat halaman web interaktif dan
juga merupakan bagian aplikasi web yang esensial. JavaScript itu sendiri
dikembangkan oleh Brendan Eich yang berasal dari Netscape dengan nama
Mocha, yang kemudian dikembangkan Kembali menjadi JavaScript. (Maydianto
& Ridho, 2021).

JavaScript merupakan modifikasi dari bahasa c++ dengan pola penelitian

yang lebih sederhana.

Interpreter bahasa ini sudah disediakan ASP ataupun internet explorer .

Kelebihan JavaScript adalah berinteraksi dengan HTML , ini membolehkan
pembuat web untuk memasukkan web mereka dengan kandungan-kandungan
yang dinamik, menukar warna background, menukar banner, efek mouse, menu
interaktif dan sebagainya. (Andri Firmansyah, 2018).

JavaScript adalah bahasa scripting yang popular di internet dan dapat bekerja
di sebagian besar browser populer seperti Internet Explorer (IE), Mozila Firefox,
Netscape dan Opera. Kode Javascript dapat disisipkan dalam halaman web
menggunakan tag script. (Kambuno, 2020).

2.22 Studi Pustaka Terdahulu

Tabel 2.6. Penelitian Terdahulu
No. Kajian Pustaka Terdahulu
1. Judul Rancang Bangun Aplikasi Tracking Paket Ekspedisi
Penelitian CV MK Express
Penulis Juwariyah, Siti Sufaidah, Siti Widya, Moh Anshori
Aris
Tahun 2021
Metode Metode blackbox
Hasil Data yang dimasukkan benar lalu menekan tombol
Penelitian selesai maka akan menampilkan popup pesan “Sukses,
Permintaan Pick Up diterima” kemudian kembali ke
Lanjutan

tabulasi akun pick up

2. Judul Rancang Bangun Website Online Percetakan
Penelitian Menggunakan Metode Rapid Application Development
Studi Kasus Percetakan Radja Digital Printing

Penulis Irfan Muhammad

Tahun 2021
Metode Metode blackbox
Hasil Menghasilkan website online untuk pelayanan
Penelitian percetakan melalui sejumlah fase, yang diawali dengan
tahap perencanaan syarat kebutuhan sistem, melibatkan
pengguna untuk merancang dan membangun sistem
(kegiatan ini dilakukan secara berulang-ulang hingga
mencapai kesepakatan bersama), dan terakhir tahap
implementasi. Fase perencanaan syarat kebutuhan
sistem berhubungan dengan pengumpulan semua
data/informasi pengguna

BAB III
ANALISA SISTEM