Website Edukasi Budaya Toba Samosir

Tugas ini disusun untuk memenuhi UTS mata kuliah Multimedia dan
Masyarakat

Disusun Oleh:

19012109 - Multimedia 5A - Rahmat Hidayat

Jurusan Desain Grafis Program Studi Multimedia

Politeknik Negeri Media Kreatif Jakarta 2021
 WEBSITE EDUKASI BUDAYA TOBA SAMOSIR
19012109 - Multimedia 5A - Rahmat Hidayat
Jurusan Desain Grafis Program Studi Multimedia
Politeknik Negeri Media Kreatif Jakarta

Abstrak

Budaya adalah suatu cara hidup yang berkembang, dan dimiliki bersama oleh sebuah
kelompok orang, Banyak dari lapisan masyarakat sekarang ini telah menggunakan teknologi
informasi dan komunikasi sebagai salah satu sektor kompetitif yang bisa menambah nilai dari
proses bisnis yang dijalankan. Perkembangan teknologi informasi dan komunikasi telah
menguntungkan pihak yang menggunakan yaitu menjadi sarana yang dapat mempermudah
penggunanya mengakses berbagai informasi kebudayaan toba samosir melalui aplikasi
edukasi budaya toba samosir berbasis android ini. Saat ini kegiatan kunjungan wisata bagi
sejumlah orang ke beberapa tujuan wisata di daerah-daerah yang mempunyai tempat wisata
yang unik dan menarik dapat dimudahkan dengan adanya perangkat bergerak seperti
smartphone dan tablet-PC. Website Edukasi Budaya Toba Samosir ini dibuat menggunakan
bahasa pemograman PHP dan dibantu dengan Bootstrap.

Kata Kunci : Budaya, Toba Samosir, Edukasi, Website

Abstract

Culture is a way of life that develops, is shared by a group of people, Many of today's
society has used information and communication technology as a competitive sector that can
add value to the business processes that are carried out. The development of information and
communication technology has benefited those who use it, namely being a means that can
make it easier for users to access various information about the Toba Samosir culture through
this Android-based Toba Samosir cultural education application. Currently, the activities of
tourist visits for a number of people to several tourist destinations in areas that have unique
and interesting tourist attractions can be facilitated by the presence of mobile devices such as
smartphones and tablet-PCs. This Toba Samosir Cultural Education website was created
using the PHP programming language and assisted with Bootstrap.

Keywords: Culture, Toba Samosir, Education, Website

I. PENDAHULUAN 1. Bagaimana cara untuk membuat
Aplikasi Edukasi Budaya Toba-
Saat ini semakin mudahnya akses
Samosir Berbasis Website yang
untuk mencari informasi melalui
dapat mempermudah pengguna
smartphone, hal ini menjadi alasan
mencari informasi tentang budaya
utama banyak orang yang
yang ada di Toba Samosir ?
menggunakan smartphone. Penunjang
2. Bagaimana cara membuat website
smartphone pun kini sudah sangat
ini menjadi mempermudah
berkembang sangat cepat dengan
mengakses informasi budaya Toba
bermacam-macam fungsinya.
Samosir?
Smartphone yang saat ini peminatnya
3. Bagaimana cara membuat website
yang semakin meningkat tajam yaitu
yang mengenalkan informasi
Android. Android merupakan
mengenai budaya, wisata dan juga
terobosan baru dalam bidang
kesenian khas Toba Samosir
teknologi saat kini, dengan
kepada user agar dapat dipahami
kemudahan pemakaiannya dan bersifat
sebelum menuju lokasi yang akan
open source membuat peminat dari
dikunjungi?
gadget ini semakin banyak dan sudah
menjadi hal yang umum. Hampir Berdasarkan rumusan masalah telah
semua vendor saat ini mengembangkan ditentukan,maka penulis membatasi
produknya dengan sistem operasi masalah pada website ini, antara lain :
Android. Mulai dari pengembangan
1. Website ini menggunakan bahasa
aplikasi yang dapat diunduh dengan
pemrograman PHP dan dibantu
mudah, hingga pengembangan sistem
dengan Bootstrap serta MySQL
yang beragam. Selain itu, banyaknya
sebagai database.
website-website yang memudahkan
2. Pemrograman dari website ini
para pengguna gadget smartphone
dibuat dengan sederhana untuk
untuk berkomunikasi dan menunjang
informasi mengenai budaya yang
kegiatan sehari-hari telah banyak
ada di Toba Samosir.
ditawarkan dan banyak yang
3. Segmentasi user aplikasi ini
menggunakannya.
adalah untuk wisatawan yang
Berdasarkan uraian pada latar belakang akan mengunjungi daerah- daerah
masalah,maka dirumuskan sebuah yang ada di Indonesia.
masalah yaitu :
Tujuan pembuatan website ini adalah terpisahkan dari diri manusia
sehingga banyak orang
Untuk memberikan keterangan lokasi,
cenderungmenganggapnya
informasi budaya daerah, gambar,dan
diwariskan secara genetis. Ketika
suara alat musik khas daerah yang
seseorang berusaha
mengenalkan kepada user agar dapat
berkomunikasi dengan orang-
dipahami sebelum menuju lokasi
orang yang berbeda budaya, dan
wisata yang akan dikunjungi.
menyesuaikan perbedaan-
Adapun manfaatnya antara lain: perbedaannya, membuktikan
bahwa budaya itu dipelajari.
1. Dapat digunakan sebagai media
2.2 Jenis Kebudayaan
informasi dalam berwisata di
Kebudayaan dapat dibagi
daerah Toba Samosir.
menjadi 3 macam dilihat dari
2. Mempermudah wisatawan untuk
keadaan jenis-jenisnya:
mengetahui apa saja budaya-
1. Hidup kebatinan manusia,
budaya di Toba Samosir yang
yaitu sesuatu yang
berbeda-beda juga menarik dan
menimbulkan tertib
wajib dijadikan lokasi wisata
damainya hidup masyarakat
berkunjung di Indonesia.
dengan adat-istiadatnya,
pemerintahan negeri, agama
II. LANDASAN TEORI
atau ilmu kebatinan.
2.1 Pengertian Budaya
2. Angan-angan manusia, yaitu
Budaya adalah suatu cara
sesuatu yang dapat
hidup yang berkembang, dan
menimbulkan keluhuran
dimiliki bersama oleh sebuah
bahasa, kesastraan dan
kelompok orang, dan diwariskan
kesusilaan.
dari generasi ke generasi.Budaya
3. Kepandaian manusia, yaitu
terbentuk dari banyak unsur yang
sesuatu yang menimbulkan
rumit,termasuk sistem agama dan
macam-macam kepandaian
politik, adat istiadat, bahasa,
tentang perusahaan tanah,
perkakas, pakaian, bangunan,
perniagaan, kerajinan,
dan karya seni. Bahasa,
pelayaran, hubungan lalu-
sebagaimana juga budaya,
lintas, kesenian yang
merupakan bagian tak
berjenis-jenis semuanya
 bersifat indah (Ki Hajar pula disebut dengan
Dewantara; 1994). sistem sosial.
3. Artefak (karya)
Artefak adalah
2.2.1 Kebudayaan wujud kebudayaan
berdasarkan wujudnya fisik yang berupa hasil
Menurut J.J. Hoenigman, dari aktivitas,
wujud kebudayaan perbuatan, dan karya
dibedakan menjadi tiga, semua manusia dalam
yaitu: masyarakat berupa
1. Gagasan (Wujud ideal) benda-benda atau hal-
Wujud ideal hal yang dapat
kebudayaan adalah diraba, dilihat, dan
kebudayaan yang didokumentasikan.
berbentuk kumpulan Sifatnya paling
ide - ide, gagasan, konkret diantara
nilai-nilai, norma- ketiga wujud
norma, peraturan, dan kebudayaan. Dalam
sebagainya yang kenyataan kehidupan
sifatnya abstrak tidak bermasyarakat, antara
dapat diraba atau wujud kebudayaan
disentuh. Wujud yang satu tidak
kebudayaan ini terletak bisa dipisahkan dari
dalam kepala-kepala wujud kebudayaan
atau di alam pemikiran yang lain. Sebagai
warga masyarakat. contoh: wujud
2. Aktivitas (tindakan) kebudayaan ideal
Aktivitas adalah wujud mengatur dan
kebudayaan sebagai memberi arah kepada
suatu tindakan berpola tindakan (aktivitas)
dari manusia dalam dan karya (artefak)
masyarakat itu.
Wujud ini sering 2.3 Pengertian Edukasi
 Edukasi adalah proses multimedia secara umum
pembelajaran yang bertujuan merupakan kombinasi tiga
untuk mengembangkan potensi elemen yaitu suara, gambar, dan
diri pada peserta didik dan teks (Mc Cormick,1996) atau
mewujudkan proses multimedia adalah kombinasi
pembelajaran yang lebih baik. dari paling sedikit dua media
Edukasi ini bertujuan untuk input dan output dari data, media
mengembangkan kepribadian, ini dapat berupa audio (suara,
kecerdasan dan mendidik peserta musik), animasi, video, teks,
untuk memiliki akhlak mulia, grafik dan gambar (Turban dkk,
mampu mengendalikan diri dan 2002) atau multimedia
memiliki keterampilan. Edukasi merupakan alat yang
lebih dikenal dan diucapkan menciptakan presentasi yang
dengan kata pendidikan atau dinamis dan interaktif yang
edukasi adalah upaya manusia mengkombinasikan teks, grafik,
dewasa membimbing manusia animasi, audio dan gambar
yang belum dewasa kepada video. Definisi lain dari
kedewasaan. Edukasi ialah usaha multimedia yaitu dengan
menolong anak untuk menempatkannya dalam konteks,
melaksanakan tugastugas seperti yang dilakukan oleh
hidupnya, agar bisa mandiri, (Hoftsteter, 2001). Multimedia
akilbalik, dan bertanggung jawab adalah pemanfaatan komputer
secara susila. Edukasi adalah untuk membuat dan
usaha mencapai penentuandiri- menggabungkan teks, grafik,
susila dan tanggung jawab. (M.J audio, video dan animasi dengan
Langeveld, 1905). menggabungkan link dan tool
yang memungkinkan pemakai
2.4 Multimedia melakukan navigasi, berinteraksi,
Panduan untuk multimedia harus berkreasi dan berkomunikasi
dimulai dengan definisi atau (Munir. 2012).
pengertian multimedia. Dalam
industri elektronika, multimedia 2.5 Website
adalah kombinasi dari komputer World Wide Web (WWW) atau
dan video (Rosch,1996) atau biasa disebut dengan website,
merupakan salah satu sumber tentang pengembangan website
daya internet yang berkembang seperti metode evaluasi untuk
pesat. Informasi Website memperoleh informasi yang
disebarluaskan melalui hypertext dipercaya tentang kualitas
(suatu cara untuk produk dan pengunaan sistematis
menghubungkan berbagai model, metode, dan alat
dokumen di internet), yang dapat teknisnya. Telah banyak
memungkinkan suatu teks penelitian yang dilakukan, untuk
pendek menjadi acuan untuk mendapatkan kualitas website
membuka dokumen yang yang baik, walaupun ini bukan
lainnya. Dengan pendekatan pekerjaan mudah, namun
hypertext ini seseorang pengelola website harus selalu
mendapatkan informasi dengan melakukannya supaya user selalu
meloncat dari satu dokumen ke puas pada website yang
dokumen yang lain. Website dikunjungi. Fokus pada kualitas
adalah gabungan antara publikasi website sudah diperkenalkan
cetak dan pengembangan pada bidang website engineering
website, antara marketing dan
perhitungan, antara seni dan 2.5.1 Sejarah Website
teknologi, dan antara komunikasi Sejarah website pada
internal dan hubungan dengan tahun 1989 Tim Berners-
pelanggan. Website juga dikenal Lee, seorang programmer
sebagai sistem yang komputer berkebangsaaan
menghubungkan antar dokumen Inggris yang bekerja pada
Hypertext yang ada di internet. European Pysics
Melalui website, orang-orang Laboratory (CERN) di
dapat mengakses informasi Genewa, Swiss,
bukan hanya berupa teks, tetapi melakukan sesuatu yang
juga gambar, suara dan film. berbeda dari sebelumnya.
Untuk menghasilkan website Dia menggabungkan
dibutuhkan software yang hypermedia dengan
disebut browser.Penggunaan sumber-sumber informasi
website sangat meningkat Internet yang sangat luas.
sehingga pentingnya perhatian Sebelum ada Website,
banyak hal yang dilakukan ditunjukan untuk desktop
dalam internet, tetapi tidak publishing, Berners-Lee
ada yang dapat dilakukan dan rekan-rekanya
dengan mudah. Solusi mengambil kemampuan
Berners-Lee adalah hyperlink untuk
teknologi hypertext untuk membentuk dasar
membentuk sebuah dokumen Website yang
dokumen Website. Tidak pertama
seperti buku atau 2.5.2 Perkembangan Website
kebanyakan database, Perkembangan Website
Website memiliki banyak yang pertama adalah
kemungkinan informasi Standar Web 1.0. Web 1.0
ini disembunyikan dengan merupakan bentuk website
suatu antar muka yang paling awal. Hal
hypertext berbasis yang disajikan dalam
karakter. Dokumen website ini masih bersifat
Website harus ditulis statis dan cenderung
dalam suatu format khusus hanya bersifat informatif.
yang memungkinkan Layanan yang internet
hypertext saling terjalin kala itu masih berkisar
untuk dapat bekerja. diantara static website
Format ini adalah yang saling dihubungkan
Hypertext Markup dengan hyperlink.
Language (HTML). Umumnya website
HTML adalah bagian dari berformat “brosur online”
Standard Generalized (website yang
Markup Language menyampaikan informasi
(SGML). SGML satu arah) umumnya
merupakan standar dari berbentuk profile, portal
Internasional Standards berita, toko online,
Organization (ISO), untuk layanan email, dll.
mendefinikasikan format Website kala itu dihuni
pada dokumen sebuah oleh website-website yang
teks. Meskipun SGI di desain menggunakan
table dan flash. Contohnya 2001, saat Tim Berners-
adalah DotCom Bubble Lee, penemu World Wide
Burst, atau DotCom Web, menulis sebuah
Crash, atau DotCom artikel ilmiah yang
Doom. Kemudian Era menggambarkan Web 3.0
pengembangan website sebagai sebuah sarana
kedua (Web 2.0) di mana bagi mesin untuk
pengunjung mulai dapat membaca halaman-
melakukan interaksi halaman Website. Hal ini
dengan diatur oleh sistem berarti bahwa mesin akan
yang ada pada website. memiliki kemampuan
Web 2.0 sendiri membaca Website sama
merupakan sebuah istilah seperti yang manusia
yang pertama kali dapat lakukan sekarang
dicetuskan pada tahun ini. Web 3.0 berhubungan
2003 oleh O’Reilly Media, dengan konsep Website
dan dipopulerkan pada Semantik, yang
konferensi web 2.0 memungkinkan isi website
pertama di tahun 2004. dinikmati tidak hanya
Dapat di simpulkan Dalam dalam bahasa asli
standar web 2.0, website pengguna, tapi juga dalam
sudah merupakan ajang bentuk format yang bisa
interaksi antar sesama diakses oleh agen-agen
pengguna. Bentuk yang software. Beberapa ahli
menjadi khas pada bahkan menamai Website
generasi ini adalah 3.0 sebagai Website
website bukannya hanya Semantik itu sendiri.
merupakan sumber bacaan Keunikan dari Web 3.0
dan mencari informasi adalah konsep dimana
namun juga sebagai manusia dapat
bagian dari interaksi berkomunikasi dengan
sosial. Konsep Web 3.0 mesin pencari. Kita bisa
pertama kali meminta Website untuk
diperkenalkan pada tahun mencari suatu data
 spesifik tanpa bersusah- – kode (script) yang digunakan
susah mencari satu per untuk mengolah suatu data dan
satu dalam situs-situs mengirimkannya kembali ke web
Website. Web 3.0 juga browser menjadi kode HTML”.
mampu menyediakan Menurut Kustiyaningsih
keteranganketerangan (2011:114), “PHP (atau resminya
yang relevan PHP: Hypertext Preprocessor)
adalah skrip bersifat server – side
2.6 PHP yang ditambahkan ke dalam
PHP atau kependekan dari HTML”. Pada prinsipnya server
Hypertext Preprocessor adalah akan bekerja apabila ada
salah satu bahasa pemrograman permintaan dari client. Dalam hal
open source yang sangat cocok ini client menggunakan kode-
atau dikhususkan untuk kode PHP untuk mengirimkan
pengembangan web dan dapat permintaan ke server. Sistem
ditanamkan pada sebuah skripsi kerja dari PHP diawali dengan
HTML. Bahasa PHP dapat permintaan yang beasal dari
dikatakan menggambarkan halaman website oleh browser.
beberapa bahasa pemrograman Berdasarkan URL atau alamat
seperti C, Java, dan Perl serta website dalam jaringan internet,
mudah untuk dipelajari. PHP browser akan menemukan
merupakan bahasa scripting sebuah alamat dari webserver,
server – side, dimana mengidentifikasi halaman yang
pemrosesan datanya dilakukan dikehendaki, dan menyampaikan
pada sisi server. Sederhananya, segala informasi yang
serverlah yang akan dibutuhkan oleh webserver.
menerjemahkan skrip program, Selanjutnya webserver akan
baru kemudian hasilnya akan mencarikan berkas yang diminta
dikirim kepada client yang dan menampilkan isinya di
melakukan permintaan. Adapun browser. Browser yang
pengertian lain PHP adalah mendapatkan isinya segera
akronim dari Hypertext menerjemahkan kode HTML dan
Preprocessor, yaitu suatu bahasa menampilkannya. Lalu
pemrograman berbasiskan kode bagaimana apabila yang
 dipanggil oleh user adalah mengandung satu atau sejumlah
halaman yang mengandung tabel.Tabel terdiri atas sejumlah
script PHP? Pada prinsipnya baris dan setiap baris
sama dengan memanggil kode mengandung satu atau sejumlah
HTML, namun pada saat tabel”. Menurut Wahana
permintaan dikirim ke web- Komputer (2010:21), MySQL
server, web-server akan adalah database server open
memeriksa tipe file yang diminta source yang cukup popular
user. Jika tipe file yang diminta keberadaannya. Dengan berbagai
adalah PHP, maka akan keunggulan yang dimiliki,
memeriksa isi script dari membuat software database ini
halaman PHP tersebut. Apabila banyak digunakan oleh praktisi
dalam file tersebut tidak untuk membangun suatu
mengandung script PHP, project.Adanya fasilitas API
permintaan user akan langsung (Application Programming
ditampilkan ke browser, namun Interface yang dimiliki oleh
jika dalam file tersebut MySQL, memungkinkan
mengandung script PHP, maka bermacam – macam aplikasi
proses akan dilanjutkan ke modul komputer yang ditulis dengan
PHP sebagai mesin yang berbagai bahasa pemrograman
menerjemahkan script-script dapat mengakses basis data
PHP dan mengolah script MySQL. Tipe data MySQL,
tersebut, sehingga dapat menurut Kustiyahningsih
dikonversikan ke kode-kode (2011:147), “Tipe data MySQL
HTML lalu ditampilkan ke adalah data yang terdapat dalam
browser user. sebuah tabel berupa field – field
yang berisi nilai dari data
2.7 MySQL tersebut.Nilai data dalam field
Menurut Kustiyahningsih memiliki tipe sendiri – sendiri”.
(2011:145), “MySQL adalah
sebuah basis data yang 2.8 Bootstrap
mengandung satu atau jumlah Bootstrap adalah front-end
tabel. Tabel terdiri atas sejumlah framework yang bagus dan luar
baris dan setiap baris biasa yang mengedapankan
tampilan untuk mobiledevice banyak kekuatan dan
(Handphone, smartphone dll.) fleksibilitas dari CSS pada
guna mempercepat dan umumnya. Dengan Less,
mempermudah pengembangan pengembang dapat mengakses
website. Bootstrap menyediakan dengan mudah informasi dan
HTML, CSS dan Javascript fungsi warna, variabel, dan
siap pakai dan mudah untuk operasi penggunaan.
dikembangkan. Bootstrap
merupakan framework untuk III. METODOLOGI
membangun desain web secara PENELITIAN
responsif. Artinya, tampilan web 3.1 Identifikasi Masalah
yang dibuat oleh bootstrapakan Identifikasi masalah dari hasil
menyesuaikan ukuran layar dari observasi peneliti adalah sebagai
browser yang kita gunakan baik berikut:
di desktop, tablet ataupun 1. Bagaimana membuat Website
mobile device. Fitur ini bisa Budaya Toba Samosir sebagai
diaktifkan ataupun dinon- sarana informasi yang mudah
aktifkan sesuai dengan dan menarik bagi khalayak
keinginan kita sendiri.Sehingga, umum ?
kita bisa membuat web untuk 2. Bagaimana melakukan
tampilan desktop saja dan evaluasi terhadap pengguna
apabila dirender oleh mobile Website Budaya Toba Samosir ?
browser maka tampilan dari web
yang kita buat tidak bisa 3.2 Pengumpulan Data
beradaptasi sesuai layar. Metode pengumpulan data yang
Dengan bootstrap kita juga bisa digunakan peneliti pada
membangun web dinamis penelitian ini terdiri dari :
ataupun statis. Kelebihan dari 1. Studi Pustaka Studi pustaka
menggunakan Bootstrap adalah merupakan suatu metode
kerangka ini dibangun pengumpulan data yang
menggunakan Less, sebuah diperoleh dari bukubuku literatur
teknologi CSS yang sederhana maupun referensi tentang
dan mudah untuk digunakan. pembuatan game yang berbasis
Less juga menawarkan lebih Macromedia Director.
 2. Kuisioner Kuisioner dengan memiliki alur hidup
merupakan suatu metode perangkat lunak secara
pengumpulan data yang sekuensial atau terurut dimulai
dilakukan dengan cara dari analisis, desain, pengodean,
memberikan pertanyaan kepada pengujian, dan tahap Pengetesan
responden mengenai aplikasi (Pemeliharaan). Dan untuk
yang dibuat. gambarannya dapat di
3. Eksplorasi Internet Membuka ilustrasikan seperti gambar
situs-situs yang berhubungan berikut ini.
dengan pembuatan game
menggunakan Macromedia
Director maupun yang
berhubungan dengan judul Tugas
Akhir.

3.3 Metode Waterfall

Gambar 1 Metode Waterfall
Metodologi yang digunakan
dalam penelitian ini ialah metode
Disebut sebagai metode waterfall
waterfall. Waterfall atau sering
dikarenakan tahapan dan juga
juga disebut air terjun adalah
urutan dari metode yang
sebuah metode dalam
dilakukan merupakan jenis
pengembangan sistem yang
metode yang berurutan dan
dilakukan untuk membuat
berkelanjutan, seperti layaknya
pembaruan sistem yang berjalan.
sebuah air terjun.
Menurut Buku Rosa Metode
pengembangan sistem
3.3.1 Tahapan Analisis
merupakan proses
Tahapan analisis mengacu
mengembangkan atau mengubah
pada fenomena dan juga
suatu sistem perangkat lunak
permasalahan yang terjadi,
dengan menggunakan metode-
dan mengapa sebuah
metode atau model-model yang
aplikasi sangat penting
digunakan orang untuk
untuk dibuat dalam
mengembangkan sitem-sistem
mengatasi masalah atau
perangkat lunak sebelumnya
 fenomena tersebut. script akan dimasukkan ke
Kemampuan analisis tidak dalam desain sistem
tidak hanya dibebankan tersebut, sehingga
pada programmer saja, nantinya desain dari
namun bisa juga sistem tersebut bisa
dibebankan pada ahli berjalan dengan lancar dan
ekonomi dan juga sosial juga baik.
politik. 3.3.4 Tahapan Pengujian
3.3.2 Tahapan Desain Setelah sistem selesai
Tahapan berikutnya dilakukan pengkodean,
adalah pembuatan desain maka sistem tersebut akan
dari sebuah sistem. Dalam diuji sebelum dilemparkan
tahapan ini, tidak hanya ke dalam pasaran untuk
desain interface sistemnya digunakan oleh user.
saja yang dkembangkan, Dalam pengujian dilihat
namun juga apakah sistem dapat
dikembangkan desain dari bekerja dengan baik,
alur sistem tersebut, tampilan interface sesuai
hingga bagaimana satu harapan, dan semua
sistem tersebut bisa fungsinya bisa digunakan
bekerja, mulai dari dengan baik dan lancar.
tampilan awal, fungsi- 3.3.5 Tahapan Penerapan dan
fungsi tombol, hingga Pemeliharaan
i/output yang akan Tahapan Penerapan dan
dihasilkan nantinya. Pemeliharaan mengacu
3.3.3 Tahapan Pengkodean pada update – update dari
Pengkodean merupakan sebuah sistem yang
tahapan yang wajib mungkin mengalami
dilakukan oleh mereka kerusakan, perbaikan
yang mengerti bahasa terhadap sistem yang
pemrograman, Untuk mengalami corrupt dan
menjalankan desain sistem kerusakan, serta
yang sudah dibuat, maka penambahan fitur – fitur
kemudian kode dan juga baru pada sistem tersebut.
 Tahap Penerapan dan Use case bekerja dengan
Pemeliharaan sangat cara deskripsikan tipikal
ditentukan oleh kebutuhan interaksi pada antar user
dari user, dan apabila (pengguna) sebuah sistem
sebuah sistem memiliki dengan sistemnya sendiri
Penerapan dan melalui sebuah cerita
Pemeliharaan yang baik, bagaimana sebuah sistem
maka sistem tersebut akan dipakai.
berkembang dengan 3.4.2 Activity Diagram
sangat baik. Activity diagram menurut
Munawar (2005: 109)
3.4 UML adalah teknik untuk
UML (Unified Modelling mendeskripsikan logika
Language) adalah salah satu alat prosedural, proses bisnis
bantu yang sangat handal di dan aliran kerja dalam
dunia pengembangan sistem banyak kasus. Activity
yang berorientasi obyek. Hal ini diagram mempunyai peran
disebabkan karena UML seperti halnya flowchart,
menyediakan bahasa pemodelan akan tetapi perbedaannya
visual yang memungkinkan bagi dengan flowchart adalah
pengembangan sistem untuk activity diagram bisa
membuat cetak biru atas visi mendukung perilaku
mereka dalam bentuk yang baku, paralel sedangkan
mudah dimengerti serta flowchart tidak bisa.
dilengkapi dengan mekanisme 3.4.3 Diagram Class
yang efektif untuk berbagi dan Class adalah sebuah
mengkomunikasikan rancangan spesifikasi yang jika
mereka dengan yang lain. diinstansiasi akan
3.4.1 Use Case Diagram menghasilkan sebuah
Munawar (2005 : 64) objek dan merupakan inti
menyatakan bahwa use dari pengembangan dan
case adalah deskripsi desain berorientasi objek.
fungsi dari sebuah sistem 3.4.4 Diagram Sequence
dari perspektif pungguna.
 Diagram sequence kebutuhan, deskripsi umum
merupakan salah satu sistem dan alur kerja sistem.
yang menjelaskan Media informasi wisata pada saat
bagaimana suatu operasi ini semakin berkembang, namun
itu dilakukan message perkembangan tersebut tidak
(pesan) apa yang dikirim diikuti dengan pemanfaatan
dan kapan media tersebut. Oleh karena itu
pelaksanaannya. informasi wisata ini
memanfaatkan kemajuan
IV. ANALISIS DAN teknologi untuk mempermudah
PERANCANGAN user dalam mencari informasi
Dalam proses perancangan wisata terutama pada ruang
suatu aplikasi diperlukan lingkup budaya toba samosir
analisa konsep yang tepat agar yang terpopuler. Media informasi
proses pembuatan dapat wisata pada umumnya
berjalan dengan baik dan sistem memanfaatkan media berupa
yang dibuat sesuai dengan yang website dan iklan di televisi.
diinginkan. Setelah analisis Oleh karena itu penulis
dilakukan perlu dilakukan melakukan analisa permasalahan
perancangan aplikasi yang apa saja dalam membuat website
bertujuan untuk memberikan edukasi toba samosir. 1. Data apa
gambaran bagaimana jalannya saja yang diperlukan dalam
aplikasi tersebut. Selain itu, proses pembuatan website ?
perancangan juga dapat 2. Apa saja fitur yang ada di
mempermudah programmer website ?
dalam mengimplementasikan 3. Bagaimana cara merancang
aplikasi tersebut. UI/UX yang mudah digunakan
4.1 Konsep dan antarmuka website yang
Dalam membuat website Edukasi menarik ?
Toba Samosir tentunya harus 4.2 Perancangan Sistem
diawali dengan proses Perancangan sistem merupakan
pembuatan konsep. Pada tahap gambaran atau sketsa dan
konsep ini berisi mengenai pembuatan dari beberapa tahap
analisa permasalahan, analisa yang terpisah kedalam satu
kesatuan yang utuh. Tujuan dari bertindak.
perancangan aplikasi adalah
untuk memberikan gambaran
kepada pengguna tentang
aplikasi yang akan dibuat serta
memberi ilustrasi atau rekayasa
aplikasi yang lengkap untuk
diimplementasikan ke dalam
program tersebut.

4.2.1 Pemodelan Use Case

Diagram
Diagram use case
digunakan untuk
menjelaskan dan
menggambarkan sistem
dan perilaku pengguna Gambar 2 Use Case
terhadap sistem itu sendiri. Diagram
Diagram use case lebih 4.2.2 Pemodelan Activity
menekankan apa yang Diagram
akan diperbuat oleh sistem Activity diagram
dan bukan menekankan mempunyai peran seperti
bagaimana sistem tersebut halnya flowchart, akan
tetapi perbedaannya
dengan flowchart adalah
activity diagram bisa
mendukung perilaku
paralel sedangkan
flowchart tidak bisa.
Gambar 3 Activity Diagram
SIGN-UP

Gambar 5 Activity Diagram

Pengunjung

4.2.3 Pemodelan Class

Diagram
Class adalah sebuah
Gambar 4 Activity Diagram spesifikasi yang jika
SIGN-IN
diinstansiasi akan
menghasilkan sebuah
objek dan merupaka inti
dari pengembangan dan
desain berorientasi objek.
 Gambar 6 Class Diagram

4.2.4 Pemodelan Sequence

Diagram
merupakan salah satu
yang menjelaskan Gambar 7 Sequence Diagram

bagaimana suatu operasi

itu dilakukan message
(pesan) apa yang dikirim
dan kapan V. IMPLEMENTASI DAN
pelaksanaannya. PENGUJIAN
Pada bab ini akan dibahas
mengenai implementasi dan
pengujian, setelah sebelumnya
dilakukan analisa dan
perancangan terhadap website
budaya toba samosir.
Implementasi merupakan tahap
realisasi dari rancangan sistem
ke dalam struktur pemrograman
dan menghasilkan aplikasi yang
siap untuk di uji dan
dioperasikan oleh target
pengguna. Pembahasan tersebut
 akan dijelaskan pada subbab
berikut ini.
5.1 Implementasi Aplikasi
Setelah melakukan analisa dan
perancangan aplikasi langkah
selanjutnya adalah pengkodean
(implementasi) dan pengujian. Gambar 8 Landing Page
Implementasi merupakan desain 5.2.2 Antarmuka
(perancangan) aplikasi dengan Login/Register
kode-kode tertentu yang dapat Bagian ini akan
dimengereti oleh mesin dengan diperlihatkan saat
spesifikasi perangkat lunak pengguna masuk ke dalam
(software) dan perangkat keras menu Login/Register,
(Hardware) yang digunakan. halaman ini berfungsi
5.2 Implementasi Antarmuka untuk memberikan
Website fasilitas bagi pengguna
5.2.1 Antar Muka Landing untuk dapat
Page masuk/membuat akun agar
Landing Page adalah mendapat keuntungan
halaman pertama yang lebih saat menjelajah
akan diperlihatkan saat website ini
pengguna membuka
website ini, halaman ini
berisi judul, tagline dan
ajakan bersifat promosi
yang bertujuan agar
pengunjung dapat tertarik
untuk masuk lebih jauh Gambar 9
kedalam website ini. Login/Register
5.2.3 Antarmuka Halaman
Sejarah
Halaman ini berisi tentang
materi edukasi khususnya
 sejarah segala hal Halaman ini berisi salah
mengenai Danau Toba dan satu fitur unggulan dari
pulau samosir. website ini yaitu
konsultasi seputar Objek
wisata, Perencanaan dan
banyak lainnya, konsultasi
bersama pemandu wisata
asli Danau toba & pulau
samosir.
Gambar 10 Halaman
Sejarah

5.2.4 Antarmuka Halaman

Wisata
Halaman ini berisi Gambar 12 Halaman

mengenai berbagai macam Konsultasi

informasi tentang semua

objek wisata yang ada di 5.2.6 Antarmuka Halaman

Danau toba & Pulau Rencana Perjalanan

samosir. Halaman ini berisi fitur

unggulan dari website ini
yaitu Rencana Perjalanan
Wisata, Setelah anda
berkonsultasi dengan
pemandu, anda bisa
memulai membuat

Gambar 11 Halaman rencana berwisata anda di

Wisata website ini mulai dari

objek wisata hingga waktu

5.2.5 Antarmuka Halaman anda berwisata.

Konsultasi
 Berdasarkan tahapan analisa,
perancangan, implementasi dan
pengujian yang telah dilakukan
oleh penulis terhadap Website
Edukasi Budaya Toba Samosir,
secara umum dapat diperoleh
Gambar 13 Halaman kesimpulan sebagai berikut :
Rencana 1. Penelitian ini telah berhasil
5.3 Pengujian Website membangun website edukasi
Pengujian sistem dilakukan budaya toba samosir dan sesuai
sebagai verifikasi atas sistem dengan perancangan yang telah
yang telah dibangun. Hal ini dilakukan.
dimaksudkan untuk mengetahui 2. Pembuatan website ini adalah
kemungkinan terjadinya upaya mempermudah mengakses
kesalahan dan untuk memastikan informasi budaya toba samosir.
fungsi- fungsi pada sistem 3. Website ini mengenalkan
berjalan dengan baik. Pengujian informasi mengenai budaya,
yang penulis lakukan wisata dan juga kesenian khas
menggunakan metode pengujian toba samosir kepada user agar
Black-box. Metode Black-box dapat dipahami sebelum menuju
merupakan metode pengujian lokasi yang akan dikunjungi.
berdasarkan pada fungsionalitas 6.2 Saran
perangkat lunak, serta bertujuan Website yang dibuat ini tentunya
untuk menemukan kemungkinan masih banyak yang harus
kesalahan fungsi tertentu. dikembangkan agar dapat
meningkatkan kualitas dan
kegunaannya.
Saran untuk pengembangan
aplikasi ini antara lain :
1. Pembaharuan user interface
Gambar 14 Hasil Pengujian agar website ini interaktif dan
VI. KESIMPULAN DAN lebih menarik lagi untuk
SARAN digunakan.
6.1 Kesimpulan
 2. Website edukasi budaya toba [5] Munawar. 2005 : 64. Pengertian
samosir ini tidak terbatas hanya Use Case Diagram :

pada platform desktop saja, http://bacablogmaisar.blogspot.co

m/2013/ 06/v-
melainkan dapat mendukung
behaviorurldefaultvmlo.html
platform mobile maupun
[6] Munawar. 2005 : 109. Pengertian
platform lainnya.
Activity Diagram :
3. Penambahan lokasi wisata
http://bacablogmaisar.blogspot.co
yang belum ada di daftar wisata m/2013/ 06/v-
toba samosir. 4. Penambahan behaviorurldefaultvmlo.html
video dan fitur-fitur baru yang [7] Nafisah, Syifaun. Perancangan
menarik lagi bagi user. Aplikasi :
http://tugasakhiramik.blogspot.co.i
d/2013/ 03/pengertian-

DAFTAR PUSTAKA perancangan-aplikasi.html

[8] Rosch. 1996. Pengertian
[1] Cormick, Mc. 1996. Pengertian
Multimedia Menurut Para Ahli :
Multimedia Menurut Para Ahli :
http://tiasopyan.blogspot.co.id/201
http://tiasopyan.blogspot.co.id/201
5/02/pengertian -multimedia-
5/02/pengertian -multimedia-
menurut-para-ahli.html
menurut-para-ahli.html
[9] Shalahuddin. 2011. Pengujian
[2] Dewantara, Ki Hajar. 1994.
Balck Box Testing :
Pengertian Budaya Menurut Para
http://elib.unikom.ac.id
Ahli :
http://www.seputarpengetahuan.co [10] Turban. 2002. Pengertian

m/2015 /03/pengertian-budaya- Multimedia Menurut Para Ahli :

menurut-para-ahlilengkap.html http://tiasopyan.blogspot.co.id/2
[3] Hofster. 2001. Pengertian 015/02/pengertian -multimedia-
Multimedia Menurut Para Ahli : menurut-para-ahli.html
http://tiasopyan.blogspot.co.id/201 [11] http://eprints.polsri.ac.id/
5/02/pengertian -multimedia- 4679/3/FILE%203.pdf
menurut-para-ahli.html [12] https://
[4] Munawar. 2005. Pengertian www.researchgate.net/
Unified Modelling Languange : publication/
http://bacablogmaisar.blogspot.co 323962669_Penerapan_Framewor
m/2013/ 06/v- k_Bootsrap_Dalam_Pembangunan
behaviorurldefaultvmlo.html _Sistem_Informasi_Pengangkatan
 _Dan_Penjadwalan_Pegawai_Stu
di_KasusRumah_Sakit_Bersalin_
Buah_Delima_Sidoarjo
[13] https://ejournal.unsrat.ac.id/
index.php/elekdankom/article/
viewFile/11657/11249