LANDASAN TEORI
kesatuan yang terdiri dari interaksi subsistem untuk mencapai tujuan yang sama”.
elemen, komponen atau subsistem yang saling berhubungan, bekerja sama dan
sistem yang baik. Karakteristik dari sistem (Fauzi, 2017:2) diuraikan sebagai
berikut:
1. Komponen sistem
komponen-komponen.
8
9
2. Batas sistem
Batas sistem merupakan daerah yang membatasi antara suatu sistem dengan
Lingkungan luar dari suatu sistem adalah daerah di luar batas dari suatu sistem
4. Penghubung sistem
sumber daya mengalir dari suatu subsistem ke subsistem yang lainnya. Keluaran
5. Masukan sistem
6. Keluaran sistem
Keluaran sistem adalah hasil dari energi yang diolah dan diklasifikasikan
7. Pengolah sistem
Suatu sistem dapat mempunyai suatu bagian pengolah atau sistem itu sendiri
8. Sasaran sistem
Suatu sistem pasti mempunyai tujaun (goal) atau sasaran (objective). Kalau
suatu sistem tidak mempunyai sasaran maka sistem tersebut tidak berguna.
10
System)
a. Sistem alamiah merupakan sistem yang terjadi melalui proses alam, tidak
dibuat oleh manusia, misalnya sistem tata surya, sistem galaksi, sistem
(Probabilistic System)
manusia.
11
manusia dan berinteraksi dengan kontrol oleh satu atau lebih komputer
tanpa danya campur tangan dari pihak luar. Secara teoritis sistem tersebut
ada, tetapi kenyataannya tidak ada sistem yang benar-benar tertutup, yang
ada hanyalah relatively closed system (secara relatif tertutup, tidak benar-
benar tertutup).
mengontrol dan memproses data untuk mendapatkan hasil berupa informasi lainnya
bahwa “Sistem informasi adalah suatu sistem di dalam suatu organisasi yang
bersifat manajerial dan kegiatan strategi dari suatu organisasi dan menyediakan
keras, dan prosedur yang saling berinteraksi, bekerja sama dalam menyelesaikan
pengambilan keputusan.
Blok masukan merupakan blok yang bertugas dalam input data agar masuk ke
dalam sistem informasi. Blok masukan bertugas dalam merekam data yang akan
Blok model terbentuk dari kombinasi prosedur, logika dan model matematik
yang memproses data input dan data yang tersimpan di basis data dengan cara
pemakai sistem.
Basis data (database) merupakan media untuk menyimpan data yang saling
memanipulasinya.
yang saling berhubungan yang disimpan secara bersama sedemikian rupa dan tanpa
Maka dari itu bahwa basis data merupakan suatu wadah yang menampung
dari pembuatan dan manajemen basis data (Lubis, 2016:7), yang terdiri dari:
14
1. Data
Data pada sistem data mempunyai dua (2) ciri, yaitu data yang tersimpan secara
rangkap (redundant).
2. Perangkat keras
Perangkat keras ini terdiri dari semua peralatan perangkat keras komputer yang
3. Perangkat lunak
data fisik database, dapat berupa database management system (DBMS) atau
4. Pemakai
programmer.
diantaranya:
aplikasi.
8. Program/data independent.
2. Rumit/kompleks.
2.1.6. Website
Media informasi khususnya website dan internet merupakan hal yang tidak
asing lagi karena merupakan bagian teknologi di kalangan masyarakat, banyak pula
media pemasaran yang cukup menjanjikan. Situs web yang menarik dan informatif
rangkaian atau sejumlah halaman di internet yang memiliki topik saling terkait
teks, gambar diam atau gerak, animasi, suara, yang bersifat dinamis atau statis yang
membentuk suatu rangkaian bangunan yang saling terkait dan memerlukan internet.
A. Web Server
menerima permintaan dari klien yang dikenal dengan browser web dan
protokol HTTP atau HTTPS dan bertugas mengelola halaman-halaman web dan
untuk dapat menjalankan perintah dari client, server internet yang digunakan
sebagai koneksi dan transfer data (HTML, asp, aspx, php, js, dan lain).
17
B. Web Browser
Menurut Solichin (2016:9) “peramban web atau lebih dikenal dengan web
HTTP dan menampilkannya kembali kepada user dengan format HTML (Supono
adalah aplikasi yang digunakan untuk menampilkan halaman web untu proses
digunakan untuk menerjemahkan baris kode program menjadi kode mesin yang
dapat dimengerti oleh komputer yang berbasis server-side yang dapat ditambahkan
ke dalam HTML”.
18
Berdasarkan pendapat dari para ahli di atas, dapat disimpulkan bahwa PHP
membuat dan menggambarkan struktur halaman web yang terdiri dari elemen
HTML sebagai blok bangunan sebuah halaman dan direpresentasikan dengan tag
(Atmoko, 2018:1).
Berdasarkan definisi dari para ahli yang telah dikemukakan di atas, dapat
style sheets (CSS) merupakan bahasa yang digunakan dan membantu programmers
dalam merancang sebuah tampilan website dan menimbulkan efek animasi yang
bagus.
19
D. Javascript
berfokus pada proses pengolahan data di sisi client dan menyajikan komponen web
banyak aspek interaksi pemakai pada suatu dokumen HTML dimana. Dimana objek
tersebut dapat berupa suatu window, frame, URL, dokumen, form, button, atau item
yang lain”.
berbasis client dan script untuk tampilan pendukung pada website sehingga
E. JQuery
F. Bootstrap
desain web bagi berbagai tingkat pengguna, mulai dari level pemula hingga yang
sudah berpengalaman”.
cascading style sheet (CSS) untuk mendesain web agar tampilan web menjadi lebih
menarik.
penelitian untuk saling berinteraksi selama proses perancangan sistem (Sukamto &
software, metode ini baik digunakan apabila client tidak bisa memberikan informasi
Maka dari itu, dapat disimpulkan bahwa model prototipe merupakan salah
objek penelitian dapat saling berkomunikasi dan memberikan informasi yang terdiri
2015:32), yaitu:
21
1. Mendengarkan Pelanggan
pengumpulan kebutuhan.
sistem. Teori-teori lain yang digunakan untuk mendukung penulisan ini terdiri dari
unified modeling language (UML) yang terdiri dari use case diagram dan activity
objek dan juga merupakan alat untuk mendukung pengembangan sistem (Hendini,
Maka dari itu dapat ditarik kesimpulan bahwa unified modeling language
(UML) merupakan suatu bahasa standar yang digunakan untuk pemodelan dan
simbol tertentu.
Use case mendeskripsikan sebuah interaksi antara satu atau lebih aktor
dengan sistem informasi yang akan dibuat”. Use case diagram digunakan untuk
mendefinisikan bahwa “Use case atau diagram use case merupakan pemodelan
case diagram merupakan diagram UML yang berfungsi sebagai alat bantu
23
pemodelan untuk menggambarkan tingkah laku (behavior) dari sudut pandang luar
sistem untuk menjelaskan interaksi dan peran antara aktor dengan sistem yang
dirancang.
Tabel II.1.
Simbol Use Case Diagram
Simbol Deskripsi
use case Fungsionalitas yang disediakan sistem sebagai
unit-unit yang saling bertukar pesan antar unit
atau aktor, biasanya dinyatakan dengan kata
kerja di awal frase nama use case.
B. Activity Diagram
aktifitas yang dapat dilakukan oleh seorang entity atau pengguna yang akan
diagram menggambarkan workflow (aliran kerja) atau aktivitas dari sebuah sistem
atau proses bisnis atau menu yang ada pada perangkat lunak”
Tabel II.2.
Simbol Activity Diagram
Simbol Deskripsi
Status awal
Status awal aktivitas sistem, sebuah diagram
aktivitas memiliki sebuah status awal.
Aktivitas
Percabangan/decision
Penggabungan/join
Asosiasi penggabungan dimana lebih dari satu
aktivitas digabungkan menjadi satu.
Swimlane
Memisahkan organisasi bisnis yang
bertanggung jawab terhadap aktivitas yang
terjadi.
C. Sequence Diagram
objek di dalam dan di sekitar sistem (termasuk pengguna, display, dan sebagainya)
pemodelan rancangan sistem yang menggambarkan alur atau urutan sistem yang
objek dan message yang dikirm atau diterima oleh objek tersebut.
Tabel II.3.
Simbol Sequence Diagram
Gambar Keterangan
Entity Class, merupakan bagian dari sistem yang berisi
kumpulan kelas berupa entitas-entitas yang membentuk
gambaran awal sistem dan menjadi landasan untuk
menyusun basis data.
Boundary Class, berisi kumpulan kelas yang menjadi
interfaces atau interaksi antara satu atau lebih aktor
dengan sistem, seperti tampilan form entry dan form
cetak.
Control Class, suatu objek yang berisi logika aplikasi
yang tidak memiliki tanggung jawab kepada entitas,
26
D. Class Diagram
Class diagram merupakan hubungan antar kelas dan penjelasan detail tiap-
tiap kelas di dalam model desain dari suatu sistem, juga memperlihatkan aturan-
aturan dan tanggung jawab entitas yang menentukan perilaku sistem (Hendini,
atau class diagram menggambarkan struktur sistem dari segini pendefinisian kelas-
Maka dari itu, dapat disimpulkan bahwa class diagram merupakan diagram
UML yang mirip dengan ERD atau LRS yang menggambarkan struktur sistem dari
Tabel II.4.
Multiplicity Class Diagram
Multiplicity Keterangan
1 Satu dan hanya satu.
0..* Boleh tidak ada atau 1 atau lebih.
1..* 1 atau lebih.
0..1 Boleh tidak ada, maksimal 1.
n..n Batasan antara. Contoh 2..4 mempunyai arti minimal 2
maksimal 4.
Sumber: (Hendini, 2016)
adalah bentuk paling awal dalam melakukan perancangan basis data relasional. Jika
tabel dimana tabel-tabel tersebut terbentuk dari hasil himpunan antar entitas pada
lengkap dengan atributnya dan hubungan yang terjadi antar entitas tersebut.
sebagai berikut:
28
Tabel II.5.
Komponen Entity Relationship Diagram (ERD)
Notasi Komponen Keterangan
Entitas merupakan data inti yang
akan disimpan, bakal tabel pada
Entitas/entity basis data, benda yang memiliki
data dan harus disimpan datanya
nama_entitas agar dapat diakses oleh aplikasi
komputer. Penamaan entitas
biasanya lebih ke kata benda dan
belum merupakan nama tabel.
Atribut Field atau kolom data yang butuh
nama_atribut
disimpan dalam suatu entitas.
Field atau kolom data yang butuh
disimpan dalam suatu entitas dan
digunakan sebagai kunci akses
record yang diinginkan, biasanya
Atribut kunci berupa id. Kunci primer dapat lebih
kunci_primer primer dari satu kolom, asalkan kombinasi
dari beberapa kolom tersebut dapat
bersifat unik (berbeda tanpa ada
yang sama).
Atribut Field atau kolom data yang butuh
nama_atribut multinilai/multivalu disimpan dalam suatu entitas yang
e dapat memiliki lebih dari satu.
Relasi yang menghubungkan antar
Relasi entitas, diawali dengan kata kerja.
struktur record-record pada tabel. Dimana tabel-tabel tersebut terbentuk dari hasil
himpunan antar entitas pada ERD Pratama, Sihombing & Putra, 2014).
hasil kardinalitas dari ERD menjadi LRS yang memiliki hubungan dan mengikuti
Relasi yang terjadi antara suatu entity dengan entity lainnya yang memiliki
hubungan 1:1.
Relasi yang terjadi antara suatu entity dengan entity lainnya yang memiliki
hubungan 1:M.
Relasi yang terjadi antara suatu entity dengan entity lainnya yang memiliki
hubungan M:N. Pada relasi ini biasa digunakan tabel bantuan untuk