LANDASAN TEORI

Website dapat diartikan sebagai Dynamic website dapat

suatu kumpulan-kumpulan halaman melakukan perubahan informasi dan
yang menampilkan berbagai macam bukan perubahan program. Website
informasi teks, data, gambar diam mempunyai kemampuan untuk
ataupun bergerak, data animasi, menyesuaikan dirinya sesuai dengan
suara, video maupun gabungan dari keadaan saat pengguna mengakses
semuanya, baik itu yang bersifat website tersebut dengan
statis maupun yang dinamis, dimana memanfaatkan database. Pada
membentuk satu rangkaian bangunan tampilan website ini diatur
yang saling berkaitan dimana menggunakan bahasa pemrograman
masing-masing dihubungkan dengan seperti Perl, PHP, Javascript, Phyton
jaringan halaman atau hyperlink. dan dan lain sebagainya. Beberapa
Halaman website dibuat fitur yang biasanya terdapat pada
menggunakan Bahasa stander dynamic website adalah cookies,
HTML. Skript HTML ini akan fasilitas live chatting, kolom
diterjemahkan oleh web browser komentar, form registrasi dan lain
sehingga dapat ditampilkan dalam sebagainya.
bentuk informasi yang dapat dibaca Website interaktif adalah
oleh semua orang (Abdulloh, 2008). pengembangan dari website dinamis.
Secara garis besar, website Dalam website interaktif terjadi
dapat digolongkan ke dalam tiga komunikasi dua arah antara
jenis utama yaitu static website, pengunjung dan pengurus website
dynamic website dan interaktif atau antar pengunjung.
website. Manfaat website yang paling
Static website pada umumnya utama adalah penyebaran informasi
merupakan informasi yang disimpan yang lebih cepat kepada masyarakat
didalam server dengan format luas. Manfaat lainnya yaitu
tertentu dan nantinya akan tampil menangani berbagai keluhan,
secara identik untuk semua pertanyaan, dan aduan terkait produk
pengguna. Website jenis ini atau jasa yang dijual perusahaan.
umumnya dikembangkan dengan Website juga menjadi sara
menggunakan bahasa pemrograman komunikasi bagi manusia di berbagai
HTML ataupun Cascading Style belahan dunia, sebagai sarana
Sheets (CSS). Tampilan pada edukasi bagi masyarakat, dan sebagai
website ini tidak dapat berubah dan sarana hiburan yang murah.
jika pemilik website ingin mengubah Laravel adalah framework
tampilan maka harus dilakukan untuk bahasa pemrograman PHP
secara manual, yaitu dengan yang membantu dalam pembuatan
mengedit kode-kode struktur website. Laravel dibuat untuk
websitenya. Website statis tidak mengurangi biaya pengembangan di
memungkinkan terjadinya interaksi awal aplikasi dan maintenance, juga
langsung antara pemilik dan diharapkan dapat menambah
pengunjung website Contoh dari pengalaman dalam bekerja dengan
website ini yaitu website perusahaan. menyediakan sintaks yang eksoresif,

6
jelas dan menghemat waktu dalam bahasa pemrograman lain seperti
membangun sebuah perangkat lunak. PHP , JavaScript , VB dan C.
Laravel mengikuti struktur JavaScript adalah bahasa
MVC (Model View Controller), pemrograman tingkat tinggi dan
MVC adalah sebuah pendekatan dinamis. JavaScript merupakan
perangkat lunak yang memisahkan bahasa pemrograman web yang
perangkat lunak logika dari pemrosesannya dilakukan di sisi
presentasi. MVC memisahkan client. JavaScript merupakan salah
perangkat lunak berdasarkan satu teknologi inti World Wibe Web
komponen-komponen perangkat selain HTML dan CSS yang
lunak seperti: menipulasi data, membantu membuat halaman web
controller dan user interface. menjadi interaktif dan esensial.
JavaScript biasanya dijalankan ketika
ada event tertentu yang terjadi pada
halaman web. Baik event yang
dilakukan oleh user, maupun event
yang terjadi karena adanya
perubahan pada halaman website.
Gambar 1. Logo Laravel
Hypertext Markup Language
(HTML) merupakan bahasa markah
yang digunakan untuk membuat
halaman web yang dapat diakses
untuk menampilkan berbagai
informasi di dalam sebuah browser. Gambar 2. Logo JavaScript
Bermula dari sebuah bahasa yang Bootstrap adalah library
sebelumnya banyak di gunakan di (pustaka / kumpulan fungsi-fungsi)
dunia penerbitan dan percetakan dari Framework CSS yang dibuat
yang disebut dengan standar SGML ( khusus untuk bagian pengembangan
Standard Generalized Markup fontend dari suatu website. Didalam
Language), HTML adalah sebuah library tersebut terdapat berbagai
standar yang digunakan secara luas jenis file yang diantaranya HTML,
untuk menampilkan halaman web. CSS, dan Javascript.
HTML saat ini merupakan Hampir semuadeveloper
standar internet yang didefinisikan website menggunakan framework
dan dikendalikan penggunaannya bootstrap agar memudahkan dan
oleh World Wide Web mempercepat pembuatan website.
Consortium(W3C). HTML diawali Karena semuanya sudah ada dalam
dan diakhiri dengan suatu perintah frameworknya sehingga para develop
yang sudah baku yang disebut / pengembang hanya tinggal
dengan tag dan diantara kedua tag membuat / menyisipkan class nya
tersebut terdapat nilai-nilai dan yang ingin dipakai seperti membuat
atribut-atribut. HTMLmerupakan tombol, grid navigasi dan lain
Bahasa pemrograman yang fleksibel sebagainya.
karena bisa meletakan script dari

7
 XAMPP adalah web server 2. DML (Data Manipulation
open source yang berjalan pada Language) merupakan perintah SQL
system operasi cross platform. yang berhubungan manipulasi atau
Semus yang diperlukan untuk pengolahan data yang ada di dalam
mengelola website tersedia di table. Syntax pada DML : SELECT,
XAMPP seperti Apache, INSERT, UPDATE, DELETE
MySQL/MariaDB, PHP, dab Oerl. 3. DCL (Data Control Language)
Pada awalnya XAMPP merupakan data yang biasa
dikembangkan oleh sebuah tim digunakan untuk merubah hak akses,
proyek bernama Apache Friends. memberikan roles dan isu lain yang
XAMPP mendukung banyak sistem berhubungan dengan keamanan
operasi dan merupakan kompilasi database, Syntax pada DCL :
dari beberapa program. Bagian- GRANT, REVOKE
bagian yang penting dalam XAMPP Struktur Navigasi merupakan
adalah Htdocs, Control Panel, dan struktur atau alur dari suatu program
PhpMyAdmin. yang merupakan rancangan
hubungan dari beberapa area yang
berbeda dan dapat membuat
mengorganisasikan seluruh elemen
pembuatan website. Menentukan
struktur navigasi merupakan hal yg
sebaiknya dilakukan sebelum
membuat suatu website. Terdapat
empat macam bentuk dasar dari
Gambar 3. Logo XAMPP struktur navigasi yang digunakan
MySQL adalah sebuah DBMS dalam proses pembuatan website
yang menggunakan perintah SQL. sebagai berikut.
MySQL termasuk jenis Struktur Navigasi Linier hanya
RDBMS(Relation Database mempunyai satu rangkaian cerita
Management System), pada MySQL yang berurut, yang menampilkan
sebuah database mengandung satu satu demi satu tampilan layer secara
table, table terdiri dari kolom dan berurut menurut urutannya. Tampilan
baris. Dalam Bahasa SQL, pada yang dapat di tampilkan pada
umumnya informasi tersimpan dalam struktur jenis ini adalah satu halaman
table table yang secar logika sebelumnya atau satu halaman
merupakan dua dimensi yang terdiri sesudahnya, tidak dapat dua halaman
atas baris baris data yang berada sebelumnya atau dua halaman
dalam satu atau lebih kolom. sesudahnya.
Bentuk Bahasa basis data pada
MySQL ada tiga yaitu :
1. DDL (Data Definition Language)
merupakan perintah SQL yang
berhubungan dengan pendefinisian Gambar 4. Struktur Navigasi
suatu struktur database. Syntax pada
DDL : CREATE, RENAME, Linier
ALTER, DROP

8
 Struktur Navigasi non-linier Gambar 6. Struktur Navigasi
atau struktur tidak berurut
Hirarki
merupakan pengembangan dari
struktur navigasi linier. Pada struktur Struktur Navigasi Campuran
ini diperkenankan membuat navigasi merupakan gabungan dari struktur
bercabang. Percabangan yang dibuat navigasi yang ada. Struktur navigasi
pada struktur non-linier ini berbeda ini juga biasa disebut dengan struktur
dengan percabangan pada struktur navigasi bebas. Struktur navigasi ini
hirarki, karena pada percabangan banyak digunakan dalam pembuatan
nonlinier ini walaupun terdapat website karena struktur ini dapat
percabangan, tetapi tiap-tiap dapat digunakan dalam pembuatan
tampilan mempunyai kedudukan website sehingga dapat memberikan
yang sama yaitu tidak ada Master ke-interaksian yang lebih tinggi.
Page dan Slave Page.

Gambar 7. Struktur Navigasi

Gambar 5. Struktur Navigasi Non- Campuran
linier Unified Modeling Languade
Struktur Navigasi Hirarki biasa (UML) adalah bahasa spesifikasi
disebut struktur bercabangadalah standar untuk mendokumentasikan,
struktur mengandalkan percabangan menspesifikasikan dan membangun
untuk menampilkan data berdasarkan system perangkat lunak. UML
kriteria tertentu. Tampilan pada merupakan metode permodelan
menu pertama akan di sebut sebagai secara visual untuk sarana
Master Page (Halaman Utama perancangan sistem berorientasi
Pertama), halaman utama ini objek, atau definisi UML yaitu
mempunyai halaman percabangan sebagai suatu bahasa yang sudah
yang disebut Slave Page (Halaman menjadi standar pada visualisasi,
Pendukung). Jika salah satu halaman perancangan dan juga
pendukung dipilih atau diaktifkan, pendokumentasian sistem software.
maka tampilan tersebut akan Saat ini UML sudah menjadi bahasa
bernama Master Page ( Halaman standar dalam penulisan blue print
Utama Kedua),dan seterusnya. Pada software ( Sora, 2015).
struktur navigasi ini tidak Use Case Diagram merupakan
diperkenankan adanya tampilan secar diagram yang menggambarkan
linier. hubungan antara actor dengan
system. Tugas actor
memrepresentasikan pengguna yang
ingin mengoperasikan sistem atau
sebagai orang yang berinteraksi
langsung dengan aplikasi yang ingin
dibuat. Sementara itu use case akan
mempresentasikan semua operasi

9
Simbol(Gambar) Keterangan

Menspesifikasikan himpunan peran

yang pengguna mainkan ketika
berinteraksi dengan use case.
perkembangan peristiwa yang
terhubung dalam kegiatan. Dalam
Aktor
UML, diagram aktivitas dibuat untuk
Abstraksi dan interkasi antara menjelaskan aktivitas computer
sistem dan aktor maupun alur aktivitas dalam
organisasi. Berikut adalah simbol-
simbol yang ada pada Activity
Use case Diagram.
Apa yang menghubungkan antara
objek satu dengan objek lainnya. Tabel 2.2 Simbol Activity Diagram
Simbol(Gambar) Keterangan
Association
Memperlihatkan
Hubungan dimana perubahan yang
terjadi pada suatu elemen mandiri bagaimana
akan mempengaruhi elemen yang masing-masing
Generalisasi bergantung pada elemen yang tidak
mandiri. Actifity kelas antarmuka
saling berinteraksi
Menunjukan bahwa suatu use case
seluruhnya merupakan satu sama lain.
fungsionalitas dari use case lainya
State dari sistem
Menunjukan bahwa suatu use case yang
merupakan tambahan fungsional
dari use case lainnya jika suatu mecerminkan
kondisi terpenuhi Action eksekusi dari
yang telah dilakukan oleh actor. suatu aksi.
Berikut adalah simbol-simbol yang
ada pada diagram use case : Sebuah diagram
aktivitas memiliki
Tabel 2.1 Simbol Use Case Diagram Initial Node
status awal.

Status akhir yang

dilakukan system,
Activity Diagram merupakan Actifity Final
aliran aktivitas dalam sebuah system sebuah diagram
Node
yang akan dijalankan. Activitiy aktivitas memiliki
Diaagram digunakan untuk
menampilkan serangkaian kegiatan, sebuah status
menunjukan alur kerja dari suatu titik akhir.
awal ke titik akhir keputusan,
merinci banyak jalur yang ada dalam Satu aliran yang

10
 pada tahap atasnya objek

Fork Node tertentu berubah induk

menjadi beberapa (ancestor).
aliran.
Upaya untuk
Memisahkan menghindari
organisasi bisnis asosiasi
Nary Association
yang bertanggung dengan lebih
swimline
jawab terhadap dari 2 objek.
aktivitas yang
Himpunan
terjadi.
dari objek-
objek yang
Class Diagram adalah diagram Class berbagi
yang memetakan struktur system
atribut serta
tertentu dengan memodelkan kelas,
atribut, operasi serta hubungan antar operasi yg
objek yang menggambarkan struktur
sama.
sistem dari segi pendefinisian kelas-
kelas yang akan dibuat untuk
membangun sistem. Kelas memiliki Deskripsi dari
apa yang disebut atribut dan metode urutan aksi-
atau operasi. Berikut adalah simbol-
simbol yang ada pada Class aksi yang
Diagram : Collaboration ditampilkan
Tabe; 2.3 Simbol Class Diagram
sistem yang
Simbol(Gambar) Keterangan
menghasilkan
Hubungan
suatu hasil
dimana objek
yang terukut
Generalization anak
bagi suatu
(descendent)
actor
berbagi
Operasi yang
perilaku dan
benar-bener
struktur data
Realization dilakukan
dari objek
oleh suatu
yang ada di

11
 objek. dengan kebutuhan yang ada dan
memastikan sistem dapat menangani
Hubungan semua masukan yang tidak sesuai.
Oleh karena itu, pengguna hanya bisa
dimana memasukan data yang benar ke
Dependency perubahan dalam sistem. Metode uji dapat
diterapkan pada semua tingkat
yang terjadi pengujian perangkat lunak : unit,
pada suatu integrasi, fungsional, system dan
penerimaan.
elemen
mandiriakan
mempegaruhi
elemen yang
bergantung
padanya
elemen yang
tidak mandiri

Relasi
antarclass
Association dengan arti
umum,
asosiasi
biasanya juga
disertai
dengan
multiplicity.

Black Box Testing merupakan

pengujian yang dapat dilakukan
dengan mengamati hasil eksekusi
melalui beberapa data uji dan
memeriksa fungsional yang terdapat
pada perangkat lunak. Pengujian
Black Box akan dilakukan dengan
cara yang relative bertentangan

12
13