1. 7
BAB II
TINJAUAN PUSTAKA DAN LANDASAN TEORI
A. Tinjauan Pustaka
Dalam pelaksanaan penelitian ini menggunakan referensi yang berkaitan
dengan obyek penelitian. Beberapa referensi tersebut diambil dari buku yang
berkaitan dengan penelitian, selain itu juga diperoleh dari hasil penelitian yang
serupa dengan obyek yang akan diteliti.
Hasil penelitian yang dilakukan oleh Katrini (2012) jurusan Teknik
Informatika (STMIK) El Rahma Yogyakarta dengan judul Aplikasi Pembayaran
Iuran Komite Dan Tabungan Siswa Dilengkapi Informasi Berbasis SMS Pada
SMA Negeri 1 Kalasan. Berdasarkan hasil pengujian, aplikasi pembayaran iuran
komite memberikan kemudahan bagian administrasi pembayaran untuk
mendapatkan data dan membuat laporan pembayaran siswa dan Meningkatkan
pelayanan sekolah kepada orang tua khususnya dalam hal informasi pembayaran
iuran komite dan tabungan putra putrinya.
Penelitian lainya yang di lakukan oleh Arif Wijaya (2009) jurusan Teknik
Informatika Fakultas Teknologi Industri dengan judul Layanan Informasi
Pembayaran Kuliah Berbasis SMS Interaktif. Layanan informasi pembayaran
kuliah berbasis SMS interaktif ini merupakan aplikasi yang dapat memberikan
kemudahan kepada user orang tua mahasiswa untuk mengetahui atau mencari
7
2. 8
informasi tentang pembayaran kuliah melalui SMS meliputi data nilai akademik,
data tagihan serta status pembayaran kuliah.
Dari kedua penelitian di atas terdapat perbedaan yaitu metode penelitian
tersebut sama-sama menggunakan metode berbasis SMS tetapi penelitian yang
satu membahas tentang iuran komite dan tabungan siswa, sedangkan penelitian
yang kedua membahas tentang kemudahan user untuk mengetahui atau mencari
informasi tentang pembayaran kuliah melalui SMS meliputi data nilai akademik,
data tagihan serta status pembayaran kuliah.
Berdasarkan hasil penelitian diatas maka penulis termotivasi untuk
membuat sebuah sistem aplikasi pembayaran karcis wisata kolam renang Dewa-
Dewi menggunakan aplikasi berbasis web dengan tujuan untuk memudahkan staf
dalam melakukan proses pembayaran, pengumpulan data, penyimpanan dan
menyalurkan informasi mengenai wisata kolam renang Dewa-Dewi desa Aikdewa
kecamatan Pringgasela.
B. Landasan Teori
Dalam hal ini akan dijelaskan tentang teori-teori tentang parawisata dan
yang digunakan dalam pembuatan sistem tersebut, meliputi teori dasar tentang
komponen atau aplikasi pendukung yang digunakan untuk membuat sistem yang
dimaksudkan.
3. 9
1. Parawisata
Jhon Naisbitt dalam bukunya Global Paradox melaui Mugni
menegaskan bahwa trusme atau parawisata atau travel bagi banyak orang
saat ini merupakan penghasil uang terbesar dan sektor terkuat dalam
pembiyayaan ekonomi global.
Berbedanya struktur organisasi pengelola wisata akan berpengaruh
pada energi untuk mengoptimalisasikan pemberdayaan potensi wisata satu
daerah. Terlepas dari bentuk organisasi ini, satu hal yang pasti adalah
pengelolaan dunia keparawisataan memerlukan kerja multikomponen.
(Mugni, 2013).
2. Undang-Undang tentang Bisnis
Dalam buku Himpuana Peraturan Perundang-undangan tentang
Bisnis(Sentosa Sembiring, 2008). Peraturan menteri perdagangan republik
indonesia Nomor 37/M-DAG/PER/9/2007 tentang penyelenggaraan
pendaftaran perusahaan/badan usaha yaitu:
a. Undang-Undang Republik Indonesia Nomor 3 Tahun 1982 tentang
Wajib Daftar Perusahaan (Lembaran Negara Republik Indonesia
Tahun 1982 Nomor 7, Tambahan Lembaran Negara Republik
Indonesia Nomor 3214);
b. Keputusan Presiden Republik Indonesia Nomor 53 Tahun 1988
tentang Usaha Atau Kegiatan Yang Tidak Dikenakan Wajib Daftar
Perusahaan.
4. 10
3. Pengertian Sistem Informasi
Sistem informasi adalah suatu sistem yang dibuat oleh manusia yang
terdiri dari komponen-komponen dalam organisasi untuk mencapai suatu
tujuan yaitu menyajikan informasi (Al-Bahra: 2005).
Manfaat adanya sistem informasi yaitu:
a. Menyajikan informasi guna mendukung pengambilan suatu keputusan.
b. Menyajikan informasi guna mendukung operasi harian.
c. Menyajikan informasi yang berkenaan dengan kepengurusan.
Gambar di bawah ini menjelaskan sustu sistem informasi yang
berjalan dalam sebuah proses pengolahan data dan komponen-komponen
sistem informasi
Masukkan proses Keluaran
Gambar 2.1 Diagram Umum Sistem Informasi
Gambar 2.2 Lima komponen sistem informasi
Input Output
Hardware Software Procedures People
DATA
5. 11
Kelima komponen tersebut dapat diklasifikasikan sebagai berikut :
1) Hardware dan Software yang berfungsi sebagai mesin
2) People dan procedures yang merupakan manusia dan tatacara
menggunakan mesin.
3) Data merupakan jembatan penghubung antara manusia dan mesin
agar terjadi suatu proses pengolahan data.
Adapun pengertian Sistem Informasi terdiri dari pengertian sistem, pengertian
informasi dan pengertian sistem informasi.
1. Pengertian Sistem
Sistem adalah seperangkat elemen yang terintegrasi dengan maksud
yang sama untuk mencapai suatu tujuan yang sama.
2. Pengertian Informasi
Informasi adalah data yang diolah menjadi bentuk yang lebih berarti bagi
penerimanya (Al-Bahra: 2005).
Kegunaan informasi adalah untuk mengurangi ketidakpastian di dalam
proses pengambilan keputusan tentang suatu keadaan.
Kualitas dari suatu informasi tergantung dari 3 (tiga) hal yaitu :
a. Akurat
Informasi harus bebas dari kesalahan dan tidak menyesaatkan.
b. Tepat waktu (timelines)
Informasi yang sampai pada penerima tidak boleh terlambat.
6. 12
c. Relevan (relevance)
Informasi tersebut mempunyai manfaat untuk pemakainya.
3. Pengertian sistem informasi
Sistem informasi dapat didefinisikan sebagai berikut:
a. Suatu sistem yang dibuat oleh manusia yang terdiri dari komponen-
komponen dalam organisasi untuk mencapai suatu tujuan yaitu
menyajikan informasi.
b. Sekumpulan prosedur organisasi yang pada saat ini dilaksanakan akan
memberikan informasi bagi pengambilan keputusan dan atau untuk
mengendalikan organisasi.
c. Suatu sistem di dalam suatu organisasi yang mempertemukan kebutuhan
pengolahan transaksi, mendukung operasi, bersifat manajerial, dan
kegiatan strategi dari suatu organisasi dan menyediakan pihak luar tertentu
dengan laporan-laporan yang diperlukan. (Al-Bahra BinLadjamudin,
2005).
4. Pengertian Interaksi Manusia Dan Komputer
Interaksi manusia dan komputer merupakan satu disiplin ilmu yang mengkaji
komunikasi atau intraksi di antara pengguna dengan sistem. Sistem yang
dimaksud disini tidak hanya sistem yang ada pada komputer saja tetapi juga
sistem yang banyak digunakan dalam kehidupan sehari- hari, seperti
kendaraan, peralatan rumah tangga dan sebagainya. Peran utama dari HCI
7. 13
adalah untuk menghasilkan sebuah sistem yang mudah digunakan, aman,
efektif dan efisien.
Gambar 2.3 Bidang Studi yang Mempengaruhi Interaksi Manusia dengan Komputer
(IMK)
Sedangkan Pengertian IMK menurut Asosiasi Untuk Mesin
Komputerisasi merupakan ilmu yang berkaitan dengan desain, evaluasi dan
pelaksanaan sistem komputasi interaktif manusia dengan komputer dan
menggunakan studi kasus utama fenomena di sekitar mereka.
Sedangkan menurut www.dosenpendidikan.com1
sendiri IMK adalah
Sebuah ilmu yang mempelajari tentang hubungan atau dialog antara manusia
dengan mesin ( komputer ) yang keduanya saling memberikan feedback atau
umpan balik melalui sebuah antarmuka untuk mendapatkan hasil yang di
1
http://www.dosenpendidikan.com/100-macam-pengertian-imk-menurut-para-ahli-dan contohnya.
Akses: 18 September 2017.
8. 14
inginkan. Adapun Contoh Interaksi Manusia dan Komputer dalam kegiatan
sehari – hari :
a. Handpond yang semakin modern dan canggih.
b. ATM.
c. Internet.
d. Komputer.
e. Internet Banking.
Adapun yang digunakan dalam pembuatan perancangan aplikasi ini agar
dapat berfungsi dengan baik yaitu :
1. HTML (Hypertext Markup Languge)
HTML digunakan untuk membangun suatu halaman web. Sekalipun
banyak orang menyebutnya sebagai suatubahasa pemrograman, HTML
sebenarnya sama sekali bukan bahasa pemrograman, karena seperti tercermin
dari namanya,HTML adalah suatu bahasa mark up. HTML digunakan untuk
melakukan mark up (penandaan) terhadap sebuah dokumen teks.tanda
tersebut digunakan untuk menentukan format atau style dari textyang ditandai.
2. CSS (Cascading Style Sheets)
CSS biasa digunakan dalam dokumen HTML untuk menciptakan suatu
style yang dipakai untuk mengatur penampilan HTML. Dengan menggunakan
style, suatu elemen dapat diformat dengan fitur yang lebih jauh kaya daripada
yang disediakan oleh elemen HTML itu sendiri. Sebagai contoh pengaturan
9. 15
seperti warna tulisan bisa ditangani melalui style tanpa melibatkan tag HTML
yang berfungsi untuk mengatur warna.
Cascading Style Sheet (CSS) merupakan aturan untuk mengendalikan
beberapa komponen dalam sebuah web sehingga akan lebih
terstruktur dan seragam. CSS bukan merupakan bahasa pemograman. Sama ha
lnya style dalam aplikasi pengolahan kata seperti Microsoft Word yang menga
tur beberapa style, misalnya heading,sub bab, bodytext, footer, imag-es
dan style lainnya untuk dapat digunakan bersama-sama dalam beberapa
berkas (file). Pada umumnya CSS dipakai untuk memformat tampilan
halaman web yang dibuat dengan bahasa HTML dan XHTML.
CSS dapat mengendalikan ukuran gambar, warna bagian tubuh pada
teks, warna tabel, ukuran border, warna border, warna hyperlink,
warna mouse over, spasi antar paragraf, spasi antar teks, margin kiri, kanan,
atas, bawah, dan parameter lainnya. CSS adalah bahasa stylesheet yang
digunakan untuk mengatur tampilan dokumen. Dengan adanya CSS
memungkinkan kita untuk menampilkan halaman yang sama dengan format
yang berbeda.
Bagian pertama sebelum tanda '{}' dinamakan selector, sedangkan
yang diapit oleh '{}' disebut declaration yang terdiri dari dua ,
yaitu property dan value. Selector dalam pernyataan di atas adalah h1,
sedangkan color adalah property, dan #0789de adalah value.
10. 16
Adapun sifat CSS adalah Internal dan Eksternal. Jika internal yang
dipilih, maka skrip itu dimasukkan secara langsung ke halaman website yang
akan didesain. Kalau halaman web yang lain akan didesain dengan model
yang sama, maka skrip CSS itu harus dimasukkan lagi ke dalam halaman web
yang lain itu. Sifat yang kedua adalah eksternal di mana skrip CSS dipisahkan
dan diletakkan dalam berkas khusus. Nanti, cukup gunakan semacam tautan
menuju berkas CSS itu jika halaman web yang didesain akan dibuat
seperti model yang ada di skrip tersebut.
3. JavaScript
Dalam buku ”Webmaster Series JavaScript“ yang ditrbitkan oleh TIM
LITBANG WAHANA KOMPUTER. JavaScript adalah bahasa yang
digunakan untuk membuat program yang digunkan supaya dokumen HTML
yang ditampilkan dalam browser menjadi lebih interaktif, tidak sekedar indah
saja. JavaScript memberikan beberapa fungsionalitas ke dalam halaman web,
sehingga dapat menjadi sebuah program yang disajikan dengan menggunakan
antarmuka web. Adapun format dasar JavaScript sebagai berikut:
<script type=”text/javascript”>
.....isi script....
</script>.
Semua variabel JavaScript harus diidentifikasi dengan nama yang unik.
Nama-nama yang unik ini disebut identifier. Identifier dapat berupa nama
11. 17
penedek (seperti x dan y), atau nama yang lebih deskriptif (usia, jumlah dan
total volume).
Berikut adalah contoh pembuatan variabel dalam JavaScript:
<!DOCTYPE HTML>
<html>
<body>
<h1>JavaScript Variables</h1>
<p>...text....</p>
<p>...text....</p>
<p>...text....</p>
<p id=”demo”></p>
<script>
Var pi = 3.14;
Var person =”Jhon Doe”;
Var answear =” yes I am”;
//documen.getElemenByid(“demo”).innerHTML=pi;
documen.getElemenByid(“demo”).innerHTML=person;
//documen.getElemenByid(“demo”).innerHTML=answear;
</script>
<script type=”text/javascript”></script>
</body>
</html>
12. 18
4. PHP
PHP (Hypertext Prepocessor) merupakan salah satu bahasa
pemrograman skrip yang dirancang untuk membangun aplikasi web browser,
program yang ditulis dengan PHP akan di-parsing di dalam web server oleh
interpreter PHP dan diterjemahkan ke dalam dokumen HTML, yang
selanjutnya akan ditampilkan kembali ke web browser (Budi Raharjo dkk,
2014). Sebelum belajar bahasa pemrograman ini, hendaknya tahu terlebih
dahulu mengenai bahasa dasar pemrograman web HTML dan JavaScript,
karena PHP merupakan pengembangan dari bahasa pemrograman tersebut.
5. Database
Secara umum, database dapat didefinisikan sebagai kumpulan tabel
(walaupun lebih tepat dikatakan kumpulan objek karena yang terkandung di
dalam database sebenarnya bukan hanya tabel, melainkan indeks, view,
constraint, tringger, dan sebagainya). Dalam sistem database relasional atau
RDBMS (Relational Database Management System), tabel-tabel tersebut
harus saling berelasi melalui kolom-kolom yang ada berdasarkan aturan-
aturan tertentu.(Budi Raharjo. dkk, 2014).
13. 19
Gambar dibawah ini akan mengilustrasikan sutau database.
Gambar 2.4 Ilustrasi Database.(Budi Raharjo. dkk, 2014).
Ada beberapa definisi yang umum digunakan dalam basis data, yaitu :
a. Entitas : adalah orang, tempat, kejadian atau konsep yang informasinya
direkam, pada bidang administrasi siswa misalnya, siswabuku,
pembayaran
b. Atribut: biasanya disebut juga data elemen, data field, atau data item yang
digunakan untuk menerangkan suatu entitas dan mempunyai
hargatertentu, misalnya atribut dari entitas pegawai diterangkan oleh,
nama, umur, alamat dan pekerjaan.
c. Data Value (Nilai Data): Data Value adalah data aktual atau informasi yang
disimpan pada tiap data, atau atribut. Atribut nama pegawai menunjukan
tempat dimana informasi nama karyawan disimpan, nilai datanya
misalnya adalah Obir, Arif, Surya, dan lain-lain yang merupakan isi data
nama pegawai tersebut.
14. 20
d. File/Tabel : kumpulan record sejenis yang mempunyai panjang elemen
yang sama, atribut yang sama, namun berbeda nilai datanya.
e. Record/ Tuple: kumpulan elemen- elemen yang saling berkaitan
menginformasikan tentang suatu entitas secara lengkap.
6. MySQL
MySQL merupakan sebuah perangkat lunak sistem manajemen basis
data SQL (bahasa inggris: database manajement system) atau DBMSyang
multithread, multi-user, dengan sekitar 6 juta intstalasi diseluruh dunia.
MySQL AB membuat MySQL tersedia sebagaiperangkat lunak gratis
dibawahlisensi GNUGeneral Public License (GPL),tetapi meraka juga
menjual lisensi komersial untuk kasus-kasus dimana penggunanya tidak cocok
dengan penggunaGPL. MySQL adalah salah satu jenis database server yang
sangat terkenal. Kepopulerannya disebabkan MySQL menggunakan SQL
sebagai bahasa dasar untuk mengaksesdatabasenya. Selain itu, ia bersifat
Open Source pada sebagai platform (kecuali untuk jenis enterprise, yang
bersifat komersial). perangkat lunak MySQL sendiribisa diunduh dari internet
MySQL termasuk jenis RDBMS(Relational Database Management System).
Itulah sebabnya, istilah seperti tabel,baris, kolom digunakan pada
MySQL.pada MySQL, sebuah database mengandung satu atau beberapa
kolom.
15. 21
7. Unified Modelling Language (UML)
Unified Modelling Language (UML) adalah salah satu alat bantu yang
sangat handal di dunia pengembangan sistem yang berorentasi obyek.
(Munawar, 2005).UML merupakan kesatuan dari bahasa pemodelan di
kembangkan oleh Booch, Object Modeling Techniqui (OMT) dan Object
Oriented Software Engineering(OOSE). Metode Booch dari Grady Booch
sangat terkenal dengan nama metode Design ObjectOriented. Metode ini
menjadikan proses analisis dan designke dalam empat tahapan interaktif,
yaitu: identifikasi kelas-kelas dan objek-objek, identifikasi semantik dari
hubungan objek dan kelas tersebut, perincian interface dan impelementasi.
Beberapa diagram - diagram dalam UML antara lain:
a.Diagram Use Case (use case diagram)
Diagram use case atau use case diagram adalah deskripsi fungsi dari sebuah
sistem dari perspektif pengguna. Use case bekerja dengan cara
mendeskripsikan tipikal interaksi antara user (pengguna) sebuah sistem di
pakai.
Menurut Al-Bahra Bin Lajdamudin (2005) Notasi-notasi simbolik di dalam
diagram yang dapat di gunakan adalah sebagai berikut:
1) Aktor, menyatakan seorang pakar dan user
2) Use Case, menyatakan gambaran fungsionalitas sistem
16. 22
Tabel 2.1. Simbol Use Case Diagram
Simbol Keterangan Penjelasan
Actor
Menspesifikasikan himpunan peran
yang pengguna mainkan ketika
berinteraksi dengan use case
Dependency
Hubungan dimana perubahan yang
terjadi pada suatu elemen mandiri
(independent) akan mempengaruhi
elemen yang bergantung padanya
elemen yang tidak mandiri.
Generalization
Hubungan dimana objek anak
(descendent) berbagi perilaku dan
struktur data dari objek yang ada di
atasnya objek induk (ancestor)
Include
Menspesifikasikan bahwa use case
sumber secara eksplisit
17. 23
Simbol Keterangan Penjelasan
Extend
Menspesifikasikan bahwa use case
target memperluas perilaku dari use
case sumber pada suatu titik yang
diberikan
Association
Apa yang menghubungkan antara
objek satu dengan objek lainnya
System
Menspesifikasikan paket yang
menampilkan system secara terbatas
Use Case
Deskripsi dari urutan aksi-aksi yang
ditampilkan system yang
menghasilkan suatu hasil yang
terukur bagi suatu aktor
Collaboration
Interaksi aturan-aturan dan elemen
lain yang bekerja sama untuk
menyediakan perilaku yang lebih
besar dari jumlah dan elemen-
elemennya (sinergi)
18. 24
Gambar Nama Keterangan
Note
Elemen fisik yang eksis saat
aplikasi dijalankan dan
mencerminkan suatu sumber daya
komputasi
b. Activity diagram adalah teknik untuk menggambarkan logika prosedur,
proses bisnis, dan jalur kerja. Dalam beberapa hal, digram ini memainkan
peran mirip sebuah bagan alir, tetapi perbedaan prinsip antara diagram ini
dan notasi diagram alir adalah diagram ini mendukung behavior parable.
Tabel 2.2. Simbol Activity Diagram
Simbol Keterangan Penjelasan
Initial State
Titik awal untuk memulai suatu
aktivitas
Activity Menandakan sebuah aktivitas
Control Flow Arus aktifitas
Final State
Titik akhir untuk mengakhiri
suatu aktivitas
Decision
Pilihan untuk pengambilan
keputusan
19. 25
Simbol Keterangan Penjelasan
Fork/Join
Menunjukkan kegiatan
menggabungkan dua panel
activity menjadi satu, atau satu
panel activity menjadi dua
Send Tanda pengiriman
Receive Tanda penerimaan
Note
Elemen fisik yang eksis saat
aplikasi dijalankan dan
mencerminkan suatu sumber
daya komputasi
20. 26
c. Diagram Kelas (Class Diagram)
Diagram ini sangat membantu dalam visualisasi struktur kelas dari
suatu sistem.
Tabel 2.3. Simbol Class Diagram
Gambar Nama Keterangan
Generalization
Hubungan dimana objek anak
(descendent) berbagi perilaku dan
struktur data dari objek yang ada di
atasnya objek induk (ancestor).
Nary Association Upaya untuk menghindari asosiasi
dengan lebih dari 2 objek.
Class
Himpunan dari objek-objek yang
berbagi atribut serta operasi yang
sama.
Collaboration
Deskripsi dari urutan aksi-aksi yang
ditampilkan sistem yang
menghasilkan suatu hasil yang
terukur bagi suatu aktor
Realization
Operasi yang benar-benar dilakukan
oleh suatu objek.
Dependency
Hubungan dimana perubahan yang
terjadi pada suatu elemen mandiri
(independent)
Association
Apa yang menghubungkan antara
objek satu dengan objek lainnya