7

BAB II

LANDASAN TEORI

II.1 PENGERTIAN PERANCANGAN

Desain adalah proses mendefinisikan sesuatu yang harus dilakukan dengan

menggunakan berbagai teknik dan termasuk mendefinisikan arsitektur dan detail

komponen serta batasan yang harus dialami dalam proses ini [3].

Zainun [4] menyatakan “Desain adalah penciptaan hasil akhir dengan

mengambil tindakan tertentu, atau penciptaan sesuatu yang memiliki realitas

fisik”.

Berdasarkan penjelasan diatas maka dapat disimpulkan bahwa perancangan

adalah gambaran sistem yang mencakup beberapa komponen yang

dikelompokkan menjadi satu kesatuan sehingga dapat menghasilkan sistem yang

konsisten dengan hasil tahap analisis sistem pemecahan masalah.

II.2 PENGERTIAN SISTEM

Ludwig Von Bertallanffy [5] menyatakan “Sistem adalah kumpulan dari

elemen-elemen dalam kondisi saling berinteraksi”.

Jeperson Hutahaean [6] menyatakan “Sistem adalah jaringan dari program-

program yang saling terkait yang datang bersama-sama untuk melaksanakan suatu

kegiatan atau mencapai suatu tujuan”.

Berdasarkan penjelasan diatas maka dapat disimpulkan bahwa sistem adalah

sekumpulan atau seperangkat elemen-elemen yang saling terkait untuk mencapai

7
 8

suatu tujuan.

II.3 PENGERTIAN INFORMASI

Gordon B.Davis [7] menyatakan “Informasi adalah data yang telah diolah

menjadi bentuk yang berguna bagi pengguna dan memiliki nilai pemikiran yang

nyata untuk keputusan saat ini atau prospek masa depan”.

Miyarso Dwi Aji [8] dalam jurnalnya “Informasi adalah data yang diperoleh

dari berbagai elemen sistem, diolah menjadi bentuk yang mudah dipahami, dan

merupakan pengetahuan yang relevan yang dibutuhkan orang untuk meningkatkan

pemahamannya tentang fakta”.

Berdasarkan penjelasan yang disebutkan diatas dapat disimpulkan bahwa

informasi adalah kumpulan fakta yang diolah menjadi suatu bentuk data sehingga

lebih bermanfaat untuk dijadikan informasi atau untuk pengambilan keputusan

oleh siapa saja yang membutuhkan data tersebut..

II.4 PENGERTIAN PENGEMBANGAN SISTEM

Menurut Jogiyanto [9] “Pengembangan sistem dapat diartikan sebagai

kegiatan menyusun sistem baru untuk menggantikan keseluruhan sistem yang

lama atau untuk memperbaiki sistem yang sudah ada”.

Amsa [10] menyatakan “Pengembangan sistem adalah proyek yang harus

melalui proses evaluasi seperti implementasi proyek lainnya”.

Dari penjelasan di atas dapat disimpulkan bahwa pengembangan sistem

adalah penyusunan sistem baru untuk menggantikan sistem yang lama secara

keseluruhan atau untuk memperbaiki sistem yang sudah ada. Ini harus didukung

oleh para eksekutif di bidang pengembangan sistem.

 9

II.5 WEBSITE

Rohi Abdulloh [11] menyatakan “Website atau disingkat web, dapat

diartikan sekumpulan halaman yang terdiri dari beberapa laman yang berisi

informasi dalam bentuk data digital baik berupa text, gambar, video, audio, dan

animasi lainnya yang disediakan melalui jalur koneksi internet”.

Menurut Jimi Asmara [12] dalam jurnalnya menyebutkan “Website adalah

keseluruhan halaman-halaman web yang terdapat dalam sebuah domain yang

mengandung informasi”.

Berdasarkan penjelasan diatas maka dapat disimpulkan website adalah

kumpulan halaman web yang saling berhubungan, biasanya terletak di server yang

sama, berisi kumpulan informasi yang disediakan oleh individu, kelompok, atau

organisasi.

II.6 ALAT BANTU DALAM DESAIN SISTEM

Dalam melakukan desain sistem perancangan sistem informasi ini, penulis

membutuhkan unsur-unsur sebagai berikut:

II.6.1 Diagram Use Case

Munawar [13] menyatakan “Use case adalah deskripsi fungsionalitas sistem

dari sudut pandang pengguna. Use case bekerja dengan menggambarkan interaksi

tipikal antara pengguna (users) dari suatu sistem dan sistem itu sendiri,

digambarkan dengan sebuah cerita tentang bagaimana sistem tersebut digunakan”.

Pratama [14] menyatakan “Diagram use case adalah penggambaran grafis

dari beberapa atau semua aktor, use case, dan interaksi di antara mereka”.
 10

Berdasarkan penjelasan diatas maka dapat disimpulkan Use case adalah

sekumpulan kelompok atau deskripsi yang saling terkait yang membentuk sistem

yang teratur yang dijalankan atau dikendalikan oleh aktor.

Berikut adalah simbol-simbol yang ada pada diagram use case [13] :

Tabel 2. 1 Daftar Simbol Use Case Diagram

 11

II.6.2 Activity Diagram

Diagram aktivitas menggambarkan alur kerja atau aktivitas sistem dan

pengguna. [15].

Menurut Tohari [16] “Diagram aktivitas memodelkan alur kerja proses

bisnis dan urutan aktivitas dalam proses. Diagram ini sangat mirip dengan

flowchart karena memodelkan alur kerja dari satu aktivitas ke aktivitas lain atau

dari aktivitas ke status”.

Dari penjelasan di atas dapat disimpulkan bahwa diagram aktivitas adalah

diagram yang dapat memodelkan proses-proses yang berlangsung dalam suatu

sistem.

Tabel 2. 2 Daftar Simbol Diagram Activity

II.6.3 Class Diagram

Tohari [17] menyatakan “Kelas adalah spesifikasi yang menghasilkan objek

ketika dipakai, dan merupakan inti dari pengembangan dan desain berorientasi

objek”.
 12

Diagram kelas adalah salah satu pemodelan terpenting dalam UML,

perannya adalah untuk membuat model logis dari suatu sistem [18].

Dari penjelasan di atas dapat disimpulkan bahwa class diagram akan

menunjukkan bagaimana pola dari arsitektur sistem yang dirancang.

Tabel 2. 3 Daftar Simbol Class Diagram

II.7 ALAT BANTU PEMBUATAN APLIKASI WEBSITE

II.7.1 Database

Silberschatz dkk. [19] mendefinisikan “Basis data, yang merupakan

kumpulan data, berisi informasi yang sesuai untuk perusahaan.”.

McLeod dkk. [19] menyatakan “ Basis data adalah kumpulan semua sumber
 13

daya berbasis komputer yang dimiliki oleh suatu organisasi”.

Berdasarkan penjelasan diatas maka dapat disimpulkan bahwa database

adalah kumpulan semua sumber daya berbasis komputer yang dimiliki oleh suatu

organisasi.

II.7.2 XAMPP

Yogi Wicaksono [20] menyatakan “XAMPP adalah perangkat lunak untuk

menjalankan situs web berbasis PHP dan menggunakan pemrosesan data MySQL

di komputer lokal Anda”.

Iqbal [21] menyatakan “XAMPP ialah perisian pelayan apache, anda boleh

menggunakan pengatur caraan MySQL dan PHP dalam pelayan pangkalan data

XAMPP”.

Berdasarkan penjelasan diatas dapat disimpulkan XAMPP adalah software

server apache yang mendukung instalasi Windows dan Linux, mudah digunakan,

gratis, dan banyak kelebihan lainnya.

II.7.3 PhpMyAdmin

Nugroho [22] menyatakan “phpMyAdmin adalah alat yang mudah

digunakan untuk mengelola database MySQL dan server MySQL secara visual,

menyelamatkan kita dari keharusan menulis kueri SQL setiap kali kita melakukan

operasi database”.

PhpMyadmin adalah aplikasi berbasis web open source yang dibuat dengan

menggunakan program PHP yang fungsinya untuk mengakses database MySQL

 14

[23].

Berdasarkan penjelasan diatas dapat disimpulkan phpmyadmin adalah

perangkat lunak gratis yang ditulis dalam bahasa pemrograman PHP untuk

mengelola administrasi MySQL.

II.7.4 Laravel

“Laravel adalah kerangka kerja PHP yang dirilis di bawah lisensi MIT dan

dibangun di atas konsep MVC (Model View Controller). Laravel adalah

pengembangan situs web berbasis MVP yang ditulis dalam PHP yang bertujuan

untuk meningkatkan kualitas perangkat lunak dengan mengurangi biaya

pengembangan dan pemeliharaan awal, dan meningkatkan pengalaman

menggunakan aplikasi dengan menyediakan sintaks yang bermakna, jelas, dan

menghemat waktu” [24].

Naista [25] menyatakan “Laravel merupakan framework open source

berbasis PHP yang menggunakan konsep Model-View-Controller. Laravel

dilisensikan di bawah Lisensi MIT dan berjalan menggunakan Github sebagai

tempat berbagi kode”.

Berdasarkan penjelasan diatas dapat disimpulkan Laravel merupakan

framework PHP open source yang berada di bawah lisensi MIT yang bertujuan

untuk mempermudah para developer untuk membuat web dengan sintaks yang

sederhana.

II.7.5 Visual Studio Code

“Visual Studio Code adalah kode editor sumber yang dikembangkan oleh
 15

Microsoft untuk Windows, Linux dan macOS. Ini termasuk dukungan untuk

debugging, kontrol git yang tertanam dan GitHub, penyorotan sintaksis,

penyelesaian kode cerdas, snippet, dan refactoring kode” [26].

“Visual Studio Code merupakan sebuah aplikasi editor code open source

yang dikembangkan oleh Microsoft untuk sistem operasi Windows, Linux, dan

MacOS. Visual Code memudahkan dalam penulisan code yang mendukung

beberapa jenis pemrograman, seperti C++, C#, Java, Python, PHP, GO” [27].

Berdasarkan penjelasan diatas dapat disimpulkan visual studio code adalah

sebuah IDE yang dapat digunakan untuk debugging dan mendukung banyak

bahasa pemrograman.