NYANG-NYANG
SKRIPSI
Oleh :
JEPTALINA SALELEUSIK
NPM:15100062
i
ABSTRACT
Jeptalina Saleleusik (15100062), Web-based Tourism Information System on
Nyang-nyang Island
Keywords: Information Systems, Tourism, Web, SDLC
ii
KATA PENGANTAR
Puji syukur penulis ucapkan kepada Tuhan Yang Maha Esa atas limpahan
rahmat, dan berkat, serta kejernihan hati dan ilmu pengetahuan sehingga penulis
persyaratan guna meraih gelar Sarjana Pendidikan pada Program Studi Pendidikan
kepada Tuhan Yang Maha Kuasa, atas segala limpahan rahmat dan karunianya,
2. Bapak Prof. Dr. H. Ansofino, M.Si selaku Rektor Universitas PGRI Sumatera
Barat.
3. Ibu Sofia Edriati, S.Si, M.Pd selaku Ketua Prodi Pendidikan Informatika
setia dan sabar dalam meluangkan waktu, tenaga dan pikiran serta
iii
5. Bapak Anggri Yulio Pernanda, M.Kom selaku Dosen Pembimbing II yang
telah dengan sabar serta meluangkan waktu, tenaga serta pikirannya dalam
saran-saran yang sangat berguna bagi penulis, sehingga skripsi ini dapat
terselesaikan.
Mentawai.
yang telah memberikan ilmu yang nantinya akan menjadi bekal ilmu di masa
11. Kepada seluruh staf perpustakaan dan staf karyawan Universitas PGRI
Sumatera Barat yang telah melayani penulis serta membantu dalam kelancaran
Penulis
iv
DAFTAR ISI
KATA PENGANTAR................................................................................................iii
DAFTAR ISI................................................................................................................v
DAFTAR GAMBAR................................................................................................viii
BAB I PENDAHULUAN............................................................................................1
A. Latar Belakang Masalah....................................................................................1
B. Identifikasi Masalah..........................................................................................3
C. Batasan Masalah................................................................................................3
D. Rumusan Masalah..............................................................................................4
E. Tujuan Penelitian...............................................................................................4
F. Manfaat Penelitian.............................................................................................4
BAB II LANDASAN TEORI......................................................................................6
A. Landasan Teori..................................................................................................6
1. Sistem Informasi..........................................................................................6
2. Web............................................................................................................11
3. Pariwisata...................................................................................................12
4. System Development Life Cycle (SDLC).................................................14
5. Unified Modeling Language (UML).........................................................14
6. Software Pendukung Sistem Informasi Pariwisata Berbasis Web............24
7. Entity Relationship Diagram (ERD)..........................................................26
8. Database.....................................................................................................26
9. Bahasa Pemrograman Sistem Informasi Pariwisata..................................27
B. Penelitian Relevan...........................................................................................28
BAB III PERENCANAAN DAN ANLISIS SISTEM.............................................28
A. Perencanaan Sistem.........................................................................................29
1. Metode Pengumpulan Data.......................................................................29
2. Analisis Sistem Yang diusulkan................................................................29
3. Analisis Sistem Yang Sedang Berjalan.....................................................30
B. Analisis Sistem................................................................................................30
v
1. Analisis User.............................................................................................31
2. Analisis Dokumen.....................................................................................31
3. Analisis Proses...........................................................................................32
4. Analisis Kebutuhan Sistem........................................................................33
C. Perancangan Sistem.........................................................................................36
1. Desain Sistem............................................................................................36
2. Perancangan Database...............................................................................45
3. Desain Interface.........................................................................................51
BAB IV IMPLEMENTASI DAN PEMBAHASAN...............................................59
A. Implementasi Sistem........................................................................................59
B. Implementasi Perangkat Lunak.......................................................................59
C. Implementasi Perangkat Keras........................................................................60
D. Implementasi Program.....................................................................................60
E. Pengujian Sistem.............................................................................................72
F. Pembahasan.....................................................................................................84
BAB V PENUTUP.....................................................................................................86
A. Kesimpulan......................................................................................................86
B. Saran................................................................................................................86
DAFTAR PUSTAKA................................................................................................88
vi
DAFTAR TABEL
vii
DAFTAR GAMBAR
viii
Gambar 24. Halaman Dashboard Admin...............................................................67
ix
DAFTAR LAMPIRAN
x
BAB I
PENDAHULUAN
dan perlu mendapat perhatian yang baik bagi pemerintah daerah untuk
Kabupaten ini terdiri 4 pulau besar keempat pulau ini terdiri adalah Pulau
Siberut, Pulau Sipora, Pulau Pagai Utara dan pulau Pagai selatan.
1
2
yang baik. Berbagai macam tempat wisata seperti Beng-beng, Ebay, Pitstop,
seperti boat.
menjadi tempat tujuan wisata. Akan tetapi dalam penyebaran informasi masih
bersifat manual antara lain seperti pemberian brosur, pamflet, dan poster.
Sehingga kurang adanya informasi yang mudah dan cepat untuk diakses oleh
informasi terkait dengan destinasi yang ada akibat minimnya informasi yang
dapat diakses secara luas. Ketersediaan informasi yang terkait obyek wisata
yang ingin berkunjung dan sebagai media promosi bagi pariwisata yang ada di
pulau Nyang-nyang.
B. Identifikasi Masalah
manual
khalayak luas
C. Batasan Masalah
pulau Nyang-nyang.
data.
4
D. Rumusan Masalah
Nyang-nyang, yang dapat diakses oleh masyarakat lokal maupun orang Asing
dengan mudah, cepat serta dapat diakses dimanapun dan kapanpun tanpa
E. Tujuan Penelitian
Adapun tujuan yang ingin dicapai dari penelitian ini adalah merancang
F. Manfaat Penelitian
1. Bagi penulis
2. Bagi Akademik
Laporan Skripsi ini dapat dijadikan sebagai bahan acuan bagi masyarakat
3. Bagi Masyarakat
5
4. Bagi Pendidikan
pendidikan.
6
BAB II
LANDASAN TEORI
A. Landasan Teori
1. Sistem Informasi
B. Sistem
Menurut (Nurmi, 2016) “Sistem adalah sekumpulan unsur/
tujuan tertentu”.
C. Informasi
belum diolah yang mempunyai arti dan daya yang telah diolah menjadi
6
7
mendatang.”
adalah himpunan data yang telah diolah menjadi suatu yang memiliki
D. Sistem Informasi
sama antara bagian satu dengan yang lainnya dengan cara-cara tertentu
pengambilan keputusan.”
adalah kumpulan elemen yang saling berhubungan satu sama lain yang
pengambilan keputusan.
9
1) Komponen sistem
2) Batas Sistem
4) Penghubung
5) Masukan
6) Keluaran
7) Pengelolah
sistem
11
yang dinginkan.
B. Web
Menurut Turban, Rainer, dan Potter dalam (Yani et al., 2018) web
yang saling terkait dalam sebuah dokumen yang berformat hypertext yang
berisi beragam informasi baik tulisan, gambar, suara, video, dan informasi
dan atau gabungan dari semuanya itu, baik yang bersifat statis maupun
(hyperlink).
C. Pariwisata
satu tempat ke tempat lain dengan tujuan untuk mendapatkan suatu bentuk
berasal dari dua suku kata bahasa Sansekerta, “pari‟ yang berarti banyak
13
atau berkali-kali dan “wisata‟ yang berarti perjalanan atau bepergian. Jadi,
ragam”.
dari tempat tinggal semula ke daerah tujuan dengan alasan bukan untuk
menetap atau mencari nafkah melainkan hanya untuk memenuhi rasa ingin
lainnya.
pada waktunya akan kembali ke tempat tinggal semula. Jadi ada dua
14
(SDLC) Merupakan salah satu metode yang mempunyai ciri khas bahwa
pengembangan sistem”.
adalah salah satu standar bahasa yang banyak digunakan didunia industri
pengembangan sistem”
dan user. Dengan kata lain, digram ini menjelaskan siapa yang akan
Use case menggmbarkan hubungan atara aktor dan kegiatan yang dapat
Simbol Deskripsi
Fungsionalitas yang disediakan
Nama use case sistem sebagai unit-unit yang saling
bertukar pesan antar unit atau aktor,
Simbol Deskripsi
berorientasi objek, biasanya use
case tambahan memiliki nama
depan yang sama dengan use case
yang ditambahkan misal
<<user>>
dijalankan use case ini
b. Activity Diagram
work flow (aliran kerja) atau aktivitas dari sebuah sistem atau proses
Simbol Deskripsi
suatu proses
arsitektur sistem
aksi
lain.
c. Class Diagram
struktur sistem dari segi pendefinisian kelas- kelas yang akan dibuat
untuk membangun sistem. Kelas memiliki apa yang disebut atribut dan
struktur dan penjelasan class, paket dan objek serta hubungan satu
sistem.”
Nary Association
Class
Realization
Dependency
Association
d. Sequence Diagram
23
lain melalui message dalam eksekusi dari sebuah use case atau sebuah
berikut:
Simbol Deskripsi
Simbol Deskripsi
mengirimkan
Masukan
data/masukan/informasi ke objek
lainya.
Pesan tipe return Menyatakan bahwa suatu objek
yang telah menjalankan suatu
Keluaran
operasi atau metode menghasilkan
suatu kembalian ke objek tertentu.
Sumber : (Simatupang Julianto, 2019:19)
a. Xampp
mac”.
server side yang bersifat open source dan MySQL adalah basis data
banyak jenis basis data, tetapi untuk membuat sebuah basis data yang
tercepat saat ini. Selain itu terdapat juga PhpMyAdmin sebagai tempat
b. Sublime Text 3
text editor berbasis phyton yang elegan dan simple biasa digunakan
H. Database
yang dapat digambarkan sebagai aktivitas dari satu atau lebih organisasi
yang berelasi.
mengandung satu atau jumlah tabel terdiri atas sejumlah baris dan setiap
baris menggandung satu atau sejumlah tabel. Tabel terdiri atas sejumlah
dengan cepat, dapat menampung data dengan jumlah yang besar, dapat
diakses banyak user (multi-user) dan dapat melakukan suatu proses sikron
atau bersamaan .”
data dan juga merupakan kumpulan dari baris (field) dan kolom (column).
Yang merupakan tempat dimana kita akan menyimpan data dari sebuah
open source atau gratis. PHP merupakan script yang menyatu dengan
scripting).
yang tempat pengolahannya berada di server. Hal ini berarti PHP dapat
scripting PHP. Dengan PHP, situs yang dibuat tidak berupa kumpulan
dengan HTML.
F. Penelitian Relevan
Xampp.
buku tamu. Selain itu penelitian ini juga menggunakan pemodelan analisis
berorientasi objek, yaitu use case Diagram, Class Diagram dan Activity
Diagram
indukatif.
BAB III
ini adalah System Development Life Cycle (SDLC) model Waterfall yang
dalam bab ini meliputi perencanaan sistem, analisis sistem, perancangan sistem,
28
29
A. Perencanaan Sistem
tujuan penelitian.
sebagai berikut:
untuk membangun suatu sistem baru agar kebutuhan terhadap sistem dapat
pada sistem yang ada pada bagian server antar lain pengentrian data,
akses yang jelas apalagi bagi pengunjung yang berada diluar daerah.
B. Analisis Sistem
dan saling berinteraksi satu sama lain untuk mencapai tujuan sistem.
1. Analisis User
oleh pengguna (User) baik itu pencarian informasi wisata di pulau nyang-
objek wisata.
informasi.
B. Analisis Dokumen
pengolahan pesan .
32
dalam sistem
C. Analisis Proses
data merupakan proses yang akan terjadi didalam sistem. Pada sistem yang
fasilitas, berita, gallery, data pengguna dan mengirim pesan. Setelah data
sakit.
33
a. Kebutuhan Fungsional
diperlukan sistem agar dapat berjalan dengan baik serta sesuai dengan
kebutuhan sistem.
a) Fungsi login
baru.
wisata.
fasilitas
i) Fungsi logout
admin untuk mecari informasi atau berita yang ada pada sistem
35
pulau nyang-nyang.
dari beranda.
c) Fungsi profil
dan admin.
menambah pesan.
b. Kebutuhan Non-Fungsional
(RAM) 2,00 GB
dengan fungsinya.
4) Kinerja Sistem
berbasis web.
C. Perancangan Sistem
yang baik yang isinya adalah langkah-langkah operasi sistem dalam proses
jelas dan rancang bangun yang lengkap kepada programmer dan ahli-ahli yang
terlibat didalamnya.
1. Desain Sistem
37
satu atau lebih aktor yang dengan sistem informasi yang akan dibuat.
Keterangan pengunjung:
nyang
b. Activity Diagram
Keterangan :
form login.
dashboard admin.
Keterangan:
c. Class Diagram
variabel yang dimiliki oleh suatu kelas, dan operasi yaitu fungsi-
Keterangan :
d. Sequence Diagram
42
terurut
Keterangan:
Keterangan :
44
setiap entitas.
B. Perancangan Database
siswa baru:
a. Tabel Pengunjung
Database : db_travel
Tabel : Pengunjung
1 id_pengunjung Integer 10
2 Nama_pengunjung Varchar 20
4 Alamat_email Varchar 50
5 No_tlpn Varchar 12
b. Tabel Admin
Database : db_travel
Tabel : Admin
1 id_admin Integer 10
2 nama_admin Varchar 50
3 Username Varchar 20
4 Password Varchar 20
47
Database : db_travel
Tabel : wisata
1 id_wisata Integer 12
3 Deskripsi Varchar 50
5 Gambar Varchar 50
48
d. Tabel Berita
Database : db_travel
Tabel : Berita
1 id_berita Integer 12
3 isi_berita text
4 Tgl_post Datetime
5 Gambar Varchar 40
6 Tgl_last_update datetime
e. Tabel Fasilitas
Database : db_travel
Tabel : Fasilitas
1 id_fasilitas Integer 10
2 nama_fasilitas Varchar 40
4 foto_fasilitas Varchar 10
f. Tabel Pesan
Database : db_travel
Tabel : pesan
1 id_inbox Integer 12
50
3 Inbox-name Varchar 40
4 Inbox_email Varchar 60
5 Inbox_kontak Varchar 20
6 Inbox_pesan Text
7 Inbox_tgl timestamp
g. Tabel Pesan
Database : db_travel
Tabel : testimoni
1 id_itestimoni Integer 12
3 Nama Varchar 50
51
4 Email Varchar 60
5 Inbox_kontak Varchar 70
6 Pesan Text
7 Tgl_post timestamp
h. Tabel Album
Database : db_travel
Tabel : album
1 id_album Integer 12
4 Jml Integer 12
i. Tabel galeri
52
Database : db_travel
Tabel : galeri
1 id_galeri Integer 12
4 Album_id Integer 11
C. Desain Interface
data wisata, berita, kontak halaman utama ini bersifat umum jadi
Keterangan :
mengirim pesan
Keterangan :
Sign Out
55
Keterangan :
berita
baru.
Keterangan:
fasilitas baru.
Keterangan :
tersebut.
Keterangan :
1) Fasilitas : menu untuk daftar fasilitas
menambahkan gallery.
masuk.
BAB IV
IMPLEMENTASI DAN PEMBAHASAN
61
A. Implementasi Sistem
penerapan program yang telah dibuat pada bab sebelumnya dalam penerapan
aplikasi program yang telah dibuat , hasil dari tahapan implementasi ini adalah
sebuah sistem yang telah berjalan dengan baik sesuai dengan alur dan proses
sistem yang di inginkan. Maka pada tahap implementasi ini merupakan tahap
penerapan sistem yang telah siap untuk dapat di entrikan data sampai dengan
Tahap dari perancanaan sistem ini dapat dilihat sebagai suatu usaha
program diterapkan, maka program harus bebas dari kesalahan yang akan
terjadi. Langkah dari proses implementasi ini adalah urutan dari kegiatan atau
1. Windows 10
59
2. Xampp
62
1. Laptop Acer Processor Intel (R) Celeron (R) CPU N3350@ 1.10GHz
2. Hardisk 500 GB
3. Memori 2 GB
4. Mouse
5. Keyboard
D. Implementasi Program
dengan mengaktifkan Xampp sebagai server dari aplikasi yang telah dibuat
a. Halaman Utama
63
dari halaman ini para pengunjung dapat berinteraksi dan memperolah info
terkait wisata.
b. Halaman Profil
64
wisata.
c. Halaman Wisata
65
dipulau Nyang-nyang.
informasi beberapa objek wisata yang dikunjungi secara detail yang ada di
pulau Nyang-nyang.
66
d. Halaman Berita
dalam bentuk post serta dapat mencari topik berita yang terdapat pada
e. Halaman Gallery
di pulau Nyang-nyang.
berikut.
68
seperti User, tempat wisata, gallery, inbox, dan sign Out yang memiliki
fungsi masing-masing.
dimana saja.
71
j. Wisata
k. Fasilitas
Pada halaman ini admin dapat melihat data fasilitas berserta tarif
l. Halaman Gallery
ini.
juga admin dapat memberikan keterangan pada setiap gallery, selain itu
m. Halaman Inbox
mengirim pesan, pesan tersebut akan masuk pada dashboard admin, pada
pengunjung, nama pengirim, email pengirim, dan isi pesan dihalaman ini
E. Pengujian Sistem
tujuan dari pengujian ini adalah untuk dapat melakukan validitas dalam
atau tidak, apabila ditemukan error maka program tersebut dapat diperbaiki.
perangkat lunak yang berfokus pada fungsi program yang khususnya pada
input aplikasi apakah sudah sesuai dengan apa yang diharapkan atau tidak.
Langkah pengecekan ini adalah salah satu langkah yang ada pada siklus
Jenis
nyang.
a. Menu Login
CC = e – n + 2
CC = 6 – 6 + 2=2
Keterangan :
Jalur 1 : 1−2−3−4−6
Jalur 2 : 1−2−3−4−5−6
gambar 33.
Path 1
Jalur 1−2−3−4−6
Skenario 1. Klik tombol login
2. Masukan username dan
password
3. Klik tombol login
4. Validasi data benar
81
Path 2
Jalur 1−2−3−4−5−6
1. Klik tombol login
2. Masukan username dan
password
3. Klik tombol login
4. Validasi data salah
Skenario 5. Muncul pesan error atau salah
6. Masukan kembali username
dan password
7. Klik menu login
8. Validasi data benar
9. Tampil halaman dashboard
1) Menentukan flow chart dan basis path dari tombol Tambah Berita:
CC = e – n + 2
82
CC = 7 – 7 + 2 = 2
Keterangan :
Jalur 1 : 1−2−3−4−5−6−8
Jalur 2 : 1−2−5−6−7−3−4−6−8
Path 1
83
Jalur 1−2−3−4−5−6−8
1. Klik tombol tambah berita
2. Isi data Judul
3. Isi data berita
Skenario 4. Isi data gambar
5. Klik simpan
6. Validasi data benar
7. Data berhasil ditambahkan
Hasil pengujian Berhasil
Path 2
Jalur 1−2−5−6−7−3−4−6−8
1. Klik tombol tambah berita
2. Isi data judul
3. Klik simpan
4. Validasi data salah
Skenario 5. Muncul pesan error
6. Masukan isi berita
7. Masukan gambar
8. Validasi data benar
9. Data berhasil ditambahkan
1) Menentukan flow chart dan basis path dari tombol update berita:
84
Gambar 36. flow chart dan basis path tombol update berita
CC = e – n + 2
CC = 7 – 7 + 2 = 2
Keterangan :
Jalur 1 : 1−2−3−4−5−6−8
Jalur 2 : 1−2−5−6−7−3−4−6−8
85
Untuk tampilan source code tombol Tambah berita dapat dilihat pada
gambar 37.
Path 1
Jalur 1−2−3−4−5−6−8
Skenario 1. Klik tombol berita
2. Isi data Judul
3. Isi data berita
4. Isi data gambar
5. Klik Update
6. Validasi data benar
7. Data berhasil di Update
Hasil Pengujian Berhasil
Path 2
Jalur 1−2−5−6−7−3−4−6−8
Skenario 1. Klik tombol tambah berita
86
F. Pembahasan
dibangun dengan user frendly dan telah melalui proses pengujian perangkat
lunak dengan menggunakan metode black box whitebox, sistem ini dibangun
menu diantaranya menu home, profil,wisata, fasilitas, berita, dan gallery, dan
inbox, testimonial dan logout. Semua menu berdasarkan hasil pengujian yang
informasi mengenai wisata secara cepat dan akurat (Martayasa, 2017, Gulo,
87
2017, Sitindaon & Herry, 2020). Namun pada penelitian ini terdapat fitur-fitur
1. Fasilitas, pada fitur ini berfungsi untuk menampilkan fasilitas apa saja
3. Gps fitur ini dapat mempermudah wisatawan dalam mencari letak objek
4. Hubungi kami dengan adanya fitur ini wisatawan dapat dapat mengirim
pesan
88
BAB V
PENUTUP
A. Kesimpulan
aplikasi ini menggunakan Visual Studio Code dengan database MySQL maka
pada bab ini akan disajikan beberapa kesimpulan dan saran yang berupa ulasan
B. Saran
aplikasi.
78
89
Opensource atau bisa dikembangkan oleh siapa saja suatu saat demi
90
91
Oracle (Studi Kasus: UIN Sumatera Utara Medan). Jurnal Ilmu Komputer
Dan Informatika, 3(1), 1–9.
http://jurnal.uinsu.ac.id/index.php/algoritma/article/download/3148/1871
Suendri. (2018b). Implementasi Diagram UML (Unified Modelling Language)
Pada Perancangan Sistem Informasi Remunerasi Dosen Dengan Database
Oracle (Studi Kasus: UIN Sumatera Utara Medan) Suendri.
6341(November), 1–9.
Sukrianto, D. (2017). Penerapan Teknologi Barcode pada Pengolahan Data
Pembayaran Sumbangan Pembinaan Pendidikan (SPP). Intra-Tech, 1(2), 18–
27.
Umagapi, D., Ambarita, A., Studi, P., & Informatika, M. (2018). Sistem Informasi
Geografis Wisata Bahari pada Dinas Pariwisata Kota Ternate. 1(2), 59–69.
Wijianto, R., Maarif, V., & Ariesta, L. (2020). Sistem Informasi Rawat Inap Klien
Di BRSKP Napza” Satria” Baturraden Berbasis Website. SPEED - Sentra
Penelitian Engineering Dan Edukasi, 12(4), 1–9.
Yadi, U. (2016). Sistem Informasi Berbasis Web Jaringan Sistem Informatika
Fakultas Ilmu Komputer Universitas Sruwijaya. Jurnal Sistem Informasi,
3(2).
Yani, A., & Saputra, B. (2018). RANCANG BANGUN SISTEM INFORMASI
EVALUASI SISWA DAN KEHADIRAN GURU BERBASIS WEB ( Studi
Kasus di SMK Nusa Putra Kota Tangerang ). 11(2).
Yani, A., Saputra, B., & Jurnal, R. T. (2018). Rancang Bangun Sistem Informasi
Evaluasi Siswa Dan Kehadiran Guru Berbasis Web. Petir, 11(2).
https://doi.org/10.33322/petir.v11i2.344
Yanti, D., & Medan, P. P. (2018). PEMANFAATAN WEB BLOG SEBAGAI
MEDIA DISTRIBUSI. XXVI, 600–605.
94
LAMPIRAN