Anda di halaman 1dari 44

PROPOSAL TUGAS AKHIR

A. Judul Perancangan Sistem Informasi Small MeWeb.

B. Pendahuluan 1. Latar Belakang Indonesia merupakan negara kepulauan yang kaya akan budaya dan tradisi. Setiap provinsi memiliki ciri khas yang berbeda. Keanekaragaman ini menjadi ciri khas bangsa yang patut kita lestarikan. Sebagai kekayaan bangsa, sudah seharusnya seni dan budaya tersebut dilestarikan dan dikenalkan ke seluruh arga negara Indonesia. Pengetahuan mengenai ragam seni dan budaya nusantara sebaiknya dilakukan sejak usia dini, misalnya sejak usia sekolah dasar. !imana pergertian dari Kebudayaan sendiri adalah keseluruhan sistem gagasan, tindakan dan hasil karya manusia dalam rangka kehidupan masyarakat yang dijadikan milik dari manusia dengan belajar "Prof. !r.Koentjoroningrat "#$%&' #%(), *anyak generasi muda di Indonesia pada jaman sekarang, sedikit dan bahkan tidak mengetahui keberadaan seni dan budaya dari Indonesia yang sangat bersejarah dan berharga untuk dipelajari dan dilestarikan ini. Sangat miris memang, padahal Indonesia ini memiliki begitu banyak seni dan budaya, tetapi banyak arganya hanya sedikit yang mengetahuinya. Karena itulah dibutuhkan sebuah media sosialisasi informatif yang bisa memberikan pengetahuan tentang Seni dan *udaya Indonesia kepada semua lapisan masyarakat. +idak hanya generasi muda saja melainkan seluruh juga untuk masyarakat umum. !iperlukan sebuah media sosialisasi informatif yang mudah dimengerti dan familiar bagi masyarakat umum. ,nsiklopedia adalah sebuah media yang sangat familiar dan mudah untuk dipahami. ,nsiklopedia adalah sejumlah tulisan yang berisi penjelasan yang

1

menyimpan informasi secara komprehensif dan cepat dipahami serta dimengerti mengenai keseluruhan cabang ilmu pengetahuan atau khusus dalam satu cabang ilmu pengetahuan tertentu yang tersusun dalam bagian artikel - artikel dengan satu topik bahasan pada tiap-tiap artikel yang disusun berdasarkan abjad, kategori atau volume terbitan dan pada umumnya tercetak dalam bentuk rangkaian buku yang tergantung pada jumlah bahan yang disertakan. !ari permasalahan tersebut maka disusunlah suatu sistem ./ancang *angun ,nsiklopedia !igital Seni dan *udaya Indonesia *erbasis Web0 ini. !engan demikian diharapkan dapat membantu pengguna agar dapat memberikan sejumlah pengetahuan tentang Seni dan *udaya Indonesia. 2. Permasalahan *erdasarkan latar belakang di atas, maka ditemukan beberapa rumusan masalah yaitu ' #. *agaimana merancang ensiklopedia digital seni dan budaya Indonesia berbasis eb 1 . Tu!uan +ujuan penulisan ini adalah membuat aplikasi ensiklopedia digital seni dan budaya Indonesia berbasis eb. ". #an$aat Manfaat dari penulisan ini antara lain ' #. !iharapkan dapat dijadikan sebagai sumber informasi, pengetahuan dan juga mengenalkan tentang seni dan budaya nusantara ke seluruh dunia dan arga Indonesia sendiri 2. !engan mengenalkan seni dan budaya Indonesia pada website ensiklopedia ini maka membantu menambah devisa 3egara pada sektor pari isata yaitu dengan mendatangkan isata an local maupun mancanegara. isata an, baik

2

%. Batasan #asalah 4ntuk menghindari meluasnya pemasalahan dan juga pembahasan mengenai sistem, maka dalam perencanaan pembuatan tugas akhir ini penulis memberikan batasan permasalahan sebagai berikut' #. 5plikasi yang dibuat berbasis eb. 2. *ahasa pemrograman yang digunakan adalah P6P dan Databasenya menggunakan MyS78. 9. !ata yang diambil sebatas seni dan budaya Indonesia di setiap provinsi. :. !ata provinsi yang akan dimasukkan sejumlah 9: provinsi. &. !ata untuk setiap provinsi antara lain adalah ' a) 8ambang ";ambar dan arti dari lambang). b) *iodata Provinsi "Peta dan Keterangan mengenai ' hari jadi, ibu kota, letak ilayah, luas ilayah, bandar udara, pelabuhan laut, aktu, jumlah penduduk, perguruan tinggi, pertambangan, <ona Kelurahan = !esa). c) !aftar Kabupaten dan Kota "Keterangan). d) /umah 5dat ";ambar dan Keterangan). e) Suku ";ambar dan Keterangan). f) Senjata +radisional ";ambar dan Keterangan). g) *ahasa !aerah "Keterangan). h) Pakaian 5dat ";ambar dan Keterangan). i) j) +arian !aerah ";ambar, >ideo dan Keterangan). 5lat Musik ";ambar dan Keterangan). Keterangan). l) Makanan dan Minuman Khas ";ambar dan Keterangan). m) +empat Wisata ";ambar dan Keterangan). n) Pahla an 3asional ";ambar dan Keterangan). ?. *ahan = data ensiklopedia yang digunakan sebagian besar akan diambil dari sumber non @ digital yaitu buku dengan judul

jumlah Kabupaten, jumlah Kota, jumlah Kecamatan dan jumlah

k) Kesenian !aerah dan 5dat Istiadat ";ambar, Suara, >ideo dan

3

.Mengenal Seni A *udaya Indonesia0. Serta akan mengunakan tambahan dari sumber digital "misalnya website, blog, ebook dan sebagainya). &. T'n!auan Pustaka 1. (ns'kl)*ed'a ,nsiklopedia (/énsiklopédia/) adalah sejumlah tulisan yang berisi penjelasan yang menyimpan informasi secara komprehensif dan cepat dipahami serta dimengerti mengenai keseluruhan cabang ilmu pengetahuan atau khusus dalam satu cabang ilmu pengetahuan tertentu yang tersusun dalam bagian artikel @ artikel dengan satu topik bahasan pada tiap @ tiap artikel yang disusun berdasarkan abjad, kategori atau volume terbitan dan pada umumnya tercetak dalam bentuk rangkaian buku yang tergantung pada jumlah bahan yang disertakan. "http'==library.rcc.edu=riverside=glossaryoflibraryterms.htm) Sedangkan menurut Kamus *esar *ahasa Indonesia, ,nsiklopedia adalah buku "atau serangkaian buku) yang menghimpun keterangan atau uraian tentang berbagai hal dalam bidang seni dan ilmu pengetahuan, yang disusun menurut abjad atau menurut lingkungan ilmu. 2. Sen' dan Buda+a Ind)nes'a Menurut Ki 6ajar !e antara, Seni merupakan hasil keindahan yang dapat menggerakkan persasaan atau ji a seseorang yang melihatnya, oleh karena itu perbuatan manusia yang dapat mempengaruhi ji a dan dapat menimbulkan perasaan indah disebut seni. Sedangkan definisi seni menurut Soedarso SP "#$%%B#?) ' !alam bahasa Inggris, seni disebut C5rtC, yang mengandung arti ' a. Karya manusia yang mengandung kualitas dan nilai estetis. b. 5neka keahlian yang didapatkan memiliki dari pengalaman yang memungkinkan seseorang kecakapan membuat,

menyusun dan merencanakan sesuatu secara sistematis dan tujuan

4

!engan demikian Pembangunan 3asional merupakan pembangunan yang berbudaya. !an memiliki sebanyak 9: provinsi. pelabuhan laut. terletak antara dua benua "*enua 5sia dan *enua 5ustralia=Fceania) serta dua Samudra "Samudra 6india dan Samudra Pasifik). ibu kota. baik secara intuitif maupun kognitif. #$$. Mulai dari ' a. *iodata Provinsi "Peta dan Keterangan mengenai ' hari jadi. karya dan karsa bangsa Indonesia dan merupakan keseluruhan daya upaya manusia Indonesia untuk mengembangkan harkat dan martabat memberikan sebagai bangsa. jumlah penduduk. perguruan tinggi. bandar udara. aktu. Pulau Kalimantan.##E 8S dan $DE . yaitu Pulau Sumatera Pulau Ga a.0 Indonesia adalah negara kepulauan terbesar di dunia yang mempunyai #D. 5rti dan Puncak-Puncak Kebudayaan 8ama dan 5sli baik Masyarakat Pendukukungnya karya !epartemen Pendidikan dan Kebudayaan Semarang' PAK. Kebudayaan nasional adalah kebudayaan yang diakui sebagai identitas nasional. letak ilayah. tindakan dan hasil karya manusia dalam rangka kehidupan masyarakat yang dijadikan milik dari manusia dengan belajar. Indonesia memiliki lima pula besar.mengungkapkan makna keji aan dan untuk mencapai hasil-hasil yang menyenangkan sesuai dengan prinsip-prinsip estetis. Kebudayaan adalah keseluruhan sistem gagasan.#:#E *+. Pulau Sula esi dan Pulau Papua. yakni' . 8ambang Provinsi. serta diarahkan untuk a asan dan makna pada pembangunan nasional dalam segenap bidang kehidupan bangsa. b.Koentjoroningrat "#$%&' #%(). !efinisi kebudayaan nasional menurut +5P MP/ 3o. Wilayah Indonesia terbentang antara ?E 84 . !r.&(% pulau. pertambangan. Pengertian Kebudayaan 3asional dikutip dari buku Wujud. Kebudayaan menurut Prof. luas ilayah. <ona 5 .Kebudayaan nasional yang berlandaskan Pancasila adalah per ujudan cipta.II tahun #$$%. Setiap propinsi bahkan setiap daerah mempunyai ciri khas masing -masing.

Pakaian 5dat. *ahasa !aerah. +arian !aerah. /umah 5dat. jumlah Kecamatan dan Kelurahan = !esa). g. PHP P6P adalah singkatan dari 6yperteHt preprocessor. Makanan dan Minuman Khas.ambar #. Wayang Kulit . n.jumlah Kabupaten. +empat Wisata. 5lat Musik. Pahla an 3asional. !aftar Kabupaten dan Kota. jumlah Kota. e. . i. P6P telah diciptakan terutama untuk 6 . c. l. h. Salah satu contoh dari kebudayaan asli Indonesia yang terkenal adalah kesenian ayang kulit. j. m. Suku. P6P merupakan bahasa pemrograman yang berbentuk script yang diletakkan di dalam server eb. d. Senjata +radisional. Kesenian !aerah dan 5dat Istiadat. k. f.

+oko Fnline. !engan kata lain P6P adalah bahasa pemrograman yang berfungsi untuk membuat ebsite dinamis maupun aplikasi eb.php0. Fleh karena itu. IMS. P6P adalah bahasa pemrograman yang baru dibangun sekitar #$$: = #$$&. dan Website Social Networking adalah eb yang bisa dibuat oleh P6P.php. P6P membutuhkan eb server. Selain 5pache. Program P6P ditulis dalam file plain text "teks biasa) dan mempunyai akhiran . P6P bisa berinteraksi dengan database. 8inuH.. 4ntuk dapat berjalan.apache. sehingga membuat P6P bisa menampilkan konten yang dinamis dari sebuah contoh aplikasi ebsite.com). 5pache atau pun sebagai aplikasi I. P6P termasuk bahasa yang cross-platform. yang bertugas untuk memproses file-file php dan mengirimkan hasil pemrosesan untuk ditampilkan di bro ser client. bukan bahasa tag-based seperti 6+M8. *erbeda dengan 6+M8 yang hanya bisa menampilkan konten statis. P6P juga memerlukan . Jorum.I dan sebagainya "bunafit.5pache0 " P6P binary " eb dari client. ini artinya P6P bisa berjalan pada sistem operasi yang berbeda-beda "Windo s. I. P6P biasa menggunakan 0MyS780 " .net) yang bisa dikonfigurasikan sebagai modul eb pages yang berfungsi secara otomatis seperti 5SP. P6P termasuk server-side scripting "script yang diproses di sisi server). *log.I. P6P adalah bahasa scripting.org).mysKl. P6P dapat menggantikan statis ebsite yang menggunakan 6+M8 ke dinamic 2((:). Web server yang paling banyak digunakan saat ini untuk P6P adalah .kegunaan eb dan dapat menghubungkan query database serta menggunakan perintah perintah sederhana yang dapat diluruskan dalam 9 atau : baris kode saja. ataupun Mac). 4ntuk media penyimpanan datanya "database server). Web server sendiri adalah soft are yang diinstall pada komputer lokal ataupun komputer lain yang berada di jaringan intranet = internet yang berfungsi untuk melayani permintaan-permintaan . 7 . file dan folder.

Semua script P6P harus diapit oleh tanda' L1php dan 1M . Sedangkan kelebihan dari My SKl adalah penggunaan bahasa Kuery yang dimiliki S78. MQS78 "My Structure Query language) adalah sebuah program pembuat database yang bersifat open source yang artinya siapa saja dapat menggunakannya dengan bebas. Selain database server. S78 adalah suatu bahasa pemrograman yang terstruktur dan telah distandarisasi untuk semua pengakses database seperti Fracle. artinya kita bebas menggunakan database ini untuk keperluan pribadi atau usaha tanpa harus membeli atau membayar lisensinya. yaitu . dan lain-lain. Iontoh Script P6P ' <?php echo 'Halo. postgreS78. echo 'Ini <i>script</i> php pertamaku'.1php dan 1M c. atau LP dan PM b. +etapi tanda yang resmi dan paling banyak digunakan adalah yang pertama. ?> ". MyS78 juga merupakan program yang dapat mengakses suatu database MyS78 yang berposisi sebagai 8 . 2((2). diakhiri dengan tanda titik koma " B ).5turan penulisan script P6P adalah' a. Kepopuleran ini karena ditunjang oleh performa Kuery database yang jarang sekali bermasalah "5llen dan 6ornberger. 3ugroho "2((:) mengemukakan. atau L1 dan 1M . Pada setiap akhir perintah. Dunia! <br />'. #+S-L MQS78 merupakan bahasa pemrograman open source yang paling populer dan banyak digunakan di lingkungan linuH. atau Lscript languageNOphpOM dan L=scriptM . MyS78 Merupakan sebuah database server yang free. MyS78 pertama kali dirintis oleh seorang programmer database bernama Michael Widenius.

MyS78 merupakan database yang mampu menyimpan data berkapasitas sangat besar hingga berukuran %iga&yte sekalipun. MyS78 mampu menerima query yang bertumpuk dalam satu permintaan atau Multi #$reading. MyS78 merupakan Database Server yang multi user. MyS78 adalah database menggunakan enkripsi password. h. MyS78 didukung oleh driver F!*I. artinya kita bebas menggunakan database ini untuk keperluan pribadi atau usaha tanpa harus membeli atau membayar lisensinya d. MyS78 merupakan Database Management System "!*MS). Database MyS78 merupakan suatu perangkat lunak database yang berbentuk database relasional atau disebut elational Database Management System " /!*MS ) yang menggunakan suatu bahasa permintaan yang bernama S78 "Structured Query !anguage). 9 . b. MyS78 sebagai elation Database Management System "/!*MS) atau disebut dengan database elational" c. yang berarti program kita berposisi sebagai Client. g.MyS78 mendukung field yang dijadikan sebagai kunci primer "primary key) dan kunci unik "'nique (ey). f. MyS78 merupakan sebuah database server yang free. artinya database MyS78 dapat diakses menggunakanaplikasi apa saja termasuk berupa visual seperti >isual *asic dan !elphi. MyS78 merupakan sebuah database client e. artinya database ini tidak hanya digunakan oleh satu pihak orang akan tetapi dapat digunakan oleh banyak pengguna.Server. !atabase MyS78 memiliki beberapa kelebihan dibanding database lain. Gadi MyS78 adalah sebuah database yang dapat digunakan sebagai Client maupun server. i. diantaranya ' a. jadi database ini cukup aman karena memiliki password untuk mengaksesnya. j.

menangani event. 1. etc. animasi. Fleh karena itu bisa menggunakan j7uery dengan bebas untuk keperluan pengembangan ebsite. 343 Menurut !hanta "2(($'#9%). menerapkan Gavascript mungkin akan lebih sulit. kode 6+M8 murni tidak memungkinkan untuk untuk mengatur ukuran font yang diterapkan pada setiap sel dan bahkan tag L*5S. terutama untuk pemula yang baru belajar Gavascript. 2. &SS .sel tabel "5bdul. !J! adalah suatu model logika data atau proses yang dibuat untuk 10 . 2((9). Screen. print. sebagai contoh. Mengkontrol layout banyak dokumen dari satu style sheet.%.JF3+M pun tak berpengaruh pada sel . +anpa library seperti j7uery. Mengaplikasikan perbedaan layout ke berbagai jenis media eH.&as/ad'ng St+le Sheet0 ISS "Cascading Style S$eet) digunakan dalam kode 6+M8 untuk menciptakan suatu kumpulan style yang terkadang dapat digunakan untuk memperluas kemampuan 6+M8. 8ebih akurat dalam mengkontrol layout c. J-uer+ G7uery adalah sebuah library Gavascript yang sangat ringkas dan sederhana untuk memanipulasi komponen di dokumen 6+M8. b. Keuntungan menggunakan ISS' a. Data )low Diagram "!J!) yaitu salah satu alat dalam perancangan sistem yang menggunakan simbol @ simbol untuk menggambarkan aliran data melalui serangkaian proses yang saling berhubungan. efek dan memproses interaksi ajaH. Sedangkan menurut Kristanto "2((%'?#). G7uery dirancang sedemikian rupa supaya membuat program menggunakan. G7uery adalah library Gavascript yang gratis dan open source. Selain itu tersedia plugin-plugin lain yang makin memperkaya kemampuan j7uery.

Simbol !J! "!ata Jlo !iagram) "goesarymanuaba.com=2(($=(:=(9=data-flo -diagram-dfdKui<-&=) 5. 11 . ordpress. *agan alir program digunakan untuk menggambar logika program yang dirancang. +abel #. dimana data disimpan.menggambarkan darimana asal data dan kemana tujuan data yang keluar dari sistem. proses apa yang menghasilkan data tersebut dan interaksi antara data yang tersimpan dan proses yang dikenakan pada data tersebut. 4l)6/hart Jlo chart Program menurut Gogiyanto 6. *agan alir program adalah bagan yang menjelaskan secara terinci langkah-langkah dari proses program.M "2((&-%(2) adalah Jlo chart program merupakan bagan yang menjelaskan secara rinci langkah-langkah dari proses program.

#et)de Reka+asa 1. Pemahaman Ke7utuhan S'stem 10 Gam7aran S'stem !alam mendalami pengertian tentang seni dan budaya Indonesia dapat dilakukan dengan membuat sebuah media sosialisai yang informatif dan sanggup dipahami oleh user "pecinta seni dan budaya.+abel 9. pendidik. ebsite ensiklopedia ini menjelaskan berbagai macam seni budaya di Indonesia yaitu mulai dari cerita rakyat. jadi menggunakan !imana ebsite sebagai media sosialisai atau perantara dirasa sangat tepat. Website adalah media yang familiar = mudah digunakan dan tepat untuk digunakan. Anal's's S'stem a. pakaian 12 .. karena kebutuhan internet sudah menjadi kebutuhan sehari @ hari. dan masyarakat umum).com=2(#(=(%=p:-simbolflo chart.jpg) 3.files. ordpress. Simbol Jlo chart "http'==(D###(?$cbis.

Selain itu dijelaskan juga mengenai lambang = simbol. dan kesenian tradisional dari setiap provinsi di Indonesia. padahal Kesenian Wayang juga terdapat di Provinsi *ali. juga terdapat keterangan 3egara Indonesia dan penjelasan dari tiap @ tiap provinsi yaitu sebanyak 9: Provinsi 13 .Mengenal Seni A *udaya Indonesia0. blog. Provinsi 3usa +enaggara *arat. kebanyakan masyarakat umum mengira Kesenian Wayang hanya terdapat = berasal dari provinsi @ provinsi di Pulau Ga a. user juga mengetahui lebih dalam tentang Seni dan *udaya Indonesia karena di dalam ensiklopedia digital ini terdapat penjelasan dari tiap @ tiap seni dan budaya. tempat isata dari setiap provinsi guna menambah pengetahuan dan a asan user. provinsi Kalimantan Selatan dan Sumatera Selatan. ibukota. Selain memberikan informasi mengenai seni dan budaya Indonesia secara singkat dan padat. letak ilayah. Penggunaan Indonesia ini berpedoman pada sumber non digital yaitu buku . berita ebsite ensiklopedia Seni dan *udaya seni dan budaya. alat musik tradisional. luas ilayah dan. galeri foto. video. bahasa daerah. ebook dan sebagainya).tradisional. !i dalam ebsite ini terdapat fasilitas pencarian. 20 Permasalahan 3ata Permasalahan yang akan dibahas adalah bagaimana membuat sebuah media sosialisasi informatif yang dapat membantu proses pemahaman user tentang Seni dan *udaya Indonesia. Selama ini orang tidak bisa membedakan antara seni dan budaya tiap daerah dan biasanya menganggap # seni itu hanya milik dari # daerah. Serta akan mengunakan tambahan dari sumber digital "misalnya website. tari tradisional. buku tamu dan juga fitur audio. senjata tradisional. rumah tradisional. hal itu dikarenakan oleh kurangnya sosialisali dan juga a asan dari masyarakat. contohnya yaitu Kesenian Wayang.

!ata yang digunakan yaitu data yang diperoleh dari buku . suara dan video sebagai tambahan data guna melengkapi data @ data yang sudah ada pada buku sebagai sumber utamanya. Pada pembangunan sistem ini. antara lain ' #) Komputer Intel Iore i9 9##(M. serta data dari ebsite blog. Perangkat Keras "6ard are) Perangkat keras "hard are) adalah peralatan dalam komputer yang secara fisik dapat dilihat. Perangkat lunak yang digunakan dalam pembuatan aplikasi ini antara lain' a) Sistem Fperasi Windo s D b) Rampp c) 5dobe !ream eaver II 14 . 0 Ke7utuhan 4ungs')nal 6al pertama yang dilakukan adalah mempersiapkan data yang akan diolah.Mengenal Seni dan *udaya Indonesia0. "0 Ke7utuhan 8)n 4ungs')nal a. spesifikasi minimum perangkat keras yang digunakan. 9) 6arddisk &(( . &) Keyboard ?) Printer. b. Perangkat 8unak "Soft are) Perangkat lunak dalam sistem computer merupakan rangkaian perintah dengan aturan tertentu yang mengatur operasi perangkat keras. ebook dan sebagainya yaitu berupa artikel.*.*. 2) /5M 2 .serta terdapat galeri foto. gambar. :) Mouse. tampilan dibuat semudah mungkin sehingga memudahkan user untuk menggunkan eb ensiklopedia ini.

3esa'n Pr)ses 10 3esa'n #)del 3'agram Al'r . 3esa'n S'stem a. *erikut ini adalaha diagram alir dari dan *udaya Indonesia.Flowchart0 Jlo chart merupakan diagram gambaran alur program yang digunakan sebagai perencanaan pembuatan aplikasi.nsiklopedia Seni 15 .2. a) Jlo chart 8ogin 5dmin eb .

lalu kemudian melakukan login yaitu memasukkan data 'sername dan +assword dengan benar. )lowc$art * 5dmin Pada . Kemudian jika sudah selesai admin bisa keluar = !ogout" b) Jlo chart Pengolahan !ata 16 .nsiklopedia untuk mengolah data.. setelah itu admin bisa melakukan proses pengolahan data.ambar 2 menerangkan ketika admin ingin masuk ke dalam halaman admin ebsite . termasuk menambahkan data. mengubah data dan menghapus data. maka hal pertama yang dilakukan adalah masuk ke halaman login.ambar 2.

gambar. Pada tambah data admin bisa memasukkan data yaitu berupa artikel. 20 S'te #a* 9e7s'te (ns'kl)*ed'a 17 . ubah data.ambar 9. yaitu mencari data yang ingin dihapus. Selanjutnya jika data sudah disimpan data juga dapat diolah kembali yaitu dengan mengubah data dan juga menghapus data tersebut. kemudian pilih data yang dihapus lalu konfirmasi hapus data. video dan suara. gambar. !an setelah melakukan konfirmasi maka data akan tersimpan.. admin mencari dahulu data yang sudah disimpan. hapus data. )lowc$art Pengolahan !ata . admin bisa melakukan tambah data. Pada proses ubah data.ambar 9 menerangkan proses pengolahan data admin. video maupun suara. lalu melakukan pengubahan data baik itu mengganti artikel. Sedangkan pada proses penghapusan data langkahnya hampir sama dengan pengubahan data. Setelah melakukan pengubahan data dan konfirmasi maka data akan tersimpan.

Pada halaman home juga terdapat daftar berita terkini tentang kebudayaan di Indonesia. rumah adat.maka akan ditampilkan semua pakaian adat yang terdapat di daerah tersebut. Site Map Website . !aftar provinsi berisi daftar @ daftar provinsi di seluruh Indonesia. untuk melihat detail dari kebudayaan maka klik link . makanan dan minuman khas..Selengkapnya0 maka akan tampil detail dari kebudayaan tersebut. alat musik kesenian daerah dan adat istiadat. senjata tradisional. Gika kita klik salah satu berita maka akan tampil detail dari berita tersebut. tempat isata. dan pahla an nasional. tarian daerah. Guga terdapat Keterangan mengenai 3egara Indonesia. dimana detail provinsi ini berisi tentang berbagai informasi tentang provinsi yang kita pilih. pakaian adat.allery Menu gallery berisi album dari yang di dalamnya terdapat foto-foto tentang seni dan budaya Indonesia. 18 . !imana menu ini berisi daftar provinsi dan daftar berita terkini tentang seni dan budaya. bahasa daerah.uest*ook eb ini dibuat.ambar :. b) Menu Profil Menu profil adalah halaman yang berisi keterangan dan latar belakang c) Menu . suku. Gika kita klik salah satu budaya maka akan ditampilkan semua budaya daerah tersebut misal pakaian adat. !i ba ah detail provinsi terdapat menu kebudayaan antara lain daftar kabupaten dan kota. Gika kita klik salah satu propinsi maka akan masuk ke detail provinsi.nsiklopedia Keterangan a) Menu 6ome Menu home adalah menu utama dari eb ini. d) Menu .

dan data guestbook" Sedangkan pada admin baik masuk maupun keluar dari aplikasi .nsiklopedia Seni dan *udaya Indonesia dapat dilihat pada gambar & ini ' .uest adalah pengguna yang hanya bisa menjadi mengakses data .uest berupa data ensiklopedia. Konteks !iagram Website . e) Menu Iontact Menu contact adalah halaman yang di dalamnya terdapat alamat dan nomor telepon yang bisa dihubungi jika ada komplain di eb.nsiklopedia dan data %uestbook tanpa bisa memanagenya dengan batasan tertentu. . 5dmin adalah pengguna yang mempunyai hak akses penuh dalam sistem eb ini.ambar &. 5rus data dari .pesan dari pengunjung eb dan pengiriman pesan.uest dan 5dmin. guest dan lain-lain.nsiklopedia Konteks diagram pada gambar & menunjukkan gambaran bah a aplikasi .Menu guestbook adalah halaman yang di dalamnya berisi pesan . "0 343 a0 343 Le:el . 19 .nsiklopedia berinteraksi dengan 2 entitas yaitu .nsiklopedia adalah semua data baik aplikasi. 0 K)nteks 3'agram Konteks !iagram pada pembuatan ebsite .

!J! 8evel ( Data flow diagram level ( pada gambar ? merupakan bagan alir karena menggambarkan secara umum tentang proses ebsite .!ari konteks diagram pada gambar & maka bisa didapatkan penjabaran yaitu berupa !ata Jlo berikut ' !iagram level (. !J! level ( menjelaskan tentang gambaran umum mengenai proses dari admin dan guest dimana guest bisa melakukan akses interface = tampilan ebsite ensiklopedia ini dan juga melakukan akses data pada data 20 . !J! level ( dapat dilihat pada gambar ? sebagai .nsiklopedia yang nantinya akan dikerjakan.ambar ?.

data guestbook. data profile. data album gallery dan juga data ensiklopedia. data profile.ambar D.ensiklopedia. bisa didapatkan penjabaran dari proses yang ada dan digambarkan pada !J! level # untuk masing-masing entitas. !J! 8evel # Manajemen !ata . data album gallery. admin juga bisa melakukan akses data dan juga akses interface ebsite ensiklopedia. data admin. data berita. Sedangkan admin bertugas melakukan manajemen data contact.10 343 Le:el 1 #ana!emen 3ata (ns'kl)*ed'a . Selain memanajemen data. !J! level # untuk masing-masing proses adalah sebagai berikut' .nsiklopedia Data flow diagram level # pada gambar D menjelaskan tentang gambaran umum mengenai proses 21 . data kontak ebsite dan juga melihat guestbook serta bisa mengisi guestbook. 70 343 Le:el 1 !ari !J! level (.

dan hapus guestbook.nsiklopedia yaitu tambah data provinsi "menambahkan data provinsi diedit). edit data provinsi "perubahan dari daftar data propinsi yang manajemen kebudayaan. Setelah melalui proses.20 343 Le:el 1 #ana!emen Guest7))k . edit guestbook "perubahan dari data guestbook yang diedit).ambar %. semua data yang masuk dan sudah diedit akan disimpan pada data store guestbook. 22 . !J! 8evel # Manajemen !ata .dari admin pada !ata . Semua data yang masuk dan sudah diedit akan disimpan pada data store provinsi dan data store kebudayaan.uestbook Data flow diagram level # pada gambar % menjelaskan tentang gambaran umum mengenai proses dari admin pada !ata .uestbook yaitu tambah data guestbook "menambahkan data guestbook baru). hapus provinsi. . dan baru).

edit profile "perubahan dari data profile yang diedit). Setelah melalui proses. semua data yang masuk dan sudah diedit akan disimpan pada data store profile. dan hapus profile.ambar $. 0 343 Le:el 1 #ana!emen Pr)$'le . !J! 8evel # Manajemen !ata Profile Data flow diagram level # pada gambar $ menjelaskan tentang gambaran umum mengenai proses dari admin pada !ata Profile yaitu tambah data profile "menambahkan data profile baru).. 23 .

"0 343 Le:el 1 #ana!emen Al7um . edit album "perubahan data album yang diedit).allery yaitu tambah data album "menambahkan data album baru).. dan 24 .ambar #(. !J! 8evel # Manajemen !ata 5lbum Data flow diagram level # pada gambar #( menjelaskan tentang gambaran umum mengenai proses dari admin pada !ata 5lbum dan !ata .

Setelah melalui proses.%0 343 Le:el 1 #ana!emen &)nta/t . dan hapus gallery.ambar ##. edit gallery "perubahan data gallery yang diedit). semua data yang masuk dan sudah diedit akan disimpan pada data store album dan data store gallery. Setelah melalui proses. !J! 8evel # Manajemen !ata Iontact Data flow diagram level # pada gambar ## menjelaskan tentang gambaran umum mengenai proses dari admin pada !ata Iontact yaitu tambah data contact "menambahkan data contact baru). semua data yang masuk dan sudah diedit akan disimpan pada data store contact. edit contact "perubahan dari daftar data propinsi yang diedit).hapus album. . !an pada data gallery yaitu tambah data gallery "menambahkan data gallery baru). dan hapus contact. /0 343 Le:el 2 25 .

yang digunakan dalam pembuatan dan penyimpanan data-data.ntitas ini berguna untuk memberikan gambaran hubungan antara relasi sehingga dapat 26 . Pada proses menambahkan data kebudayaan. 5dmin melakukan penghapusan data kebudayaan yang ada pada tabel data kebudayaan.nsiklopedia !igital Seni dan *udaya Indonesia ini adalah database MySKl.. !J! 8evel 2 Manajemen !ata Kebudayaan Pada !J! level 2 Manajemen !ata Kebudayaan menjelaskan tentang gambaran umum mengenai proses dari admin pada !ata Kebudayaan yaitu tambah data kebudayaan edit data kebudayaan. 3esa'n 3ata7ase !atabase yang digunakan dalam aplikasi . 7. (R 3'agram !iagram /elasi . admin melakukan editing pada data kebudayaan yang sudah ada pada store kebudayaan tabel data kebudayaan.ambar #2./! dan tabel @ tabel sebagai berikut ' 1. semua data yang masuk dan sudah diedit akan disimpan pada data store kebudayaan. dan hapus data kebudayaan. +erdapat beberapa . admin melakukan penambahan data pada tabel data kebudayaan. Pada proses mengedit kebudayaan. Setelah melalui proses.

/ !iagram ' 27 . Pada gambar & berikut menampilkan .diimplementasikan dalam aplikasi yang akan dibuat.

/ !iagram 28 . !esain ..ambar #9.

!ata . +abel :. +abel 9. !ata 5lbum "tbSalbum) 8ama 4'eld idSalbum T'*e 3ata Int"2() Keterangan Menyimpan id alat musik sebagai primary judulSalbum gambar key >archar"#(() Menyimpan album >archar"#(() Menyimpan album c. !ata 5lat Musik "tbSalatSmusik) 8ama 4'eld idSalatSmusik T'*e 3ata Int"2() Keterangan Menyimpan id alat musik sebagai primary idSprovinsi namaSalat gambarSalat keterangan >archar"#(() >archar"#(() >archar"#(() +eHt"2(() key Menyimpan id provinsi Menyimpan nama alat musik Menyimpan gambar alat musik Menyimpan keterangan alat musik b. Ta7el < ta7el a.2. !ata *ahasa !aerah "tbSbahasa) 8ama 4'eld idSbahasa T'*e 3ata Int"2() Keterangan Menyimpan id bahasa daerah sebagai primary idSprovinsi namaSbahasa keterangan key >archar"#(() Menyimpan id provinsi >archar"#(() Menyimpan nama +eHt"2(() bahasa daerah Menyimpan keterangan bahasa daerah d. +abel #.allery "tbSgallery) judul gambar 29 . +abel 2.

8ama 4'eld idSgallery idSalbum judulSgallery gambarSgallery keterangan T'*e 3ata Int"2() Keterangan Menyimpan id gallery sebagai primary key Int"2() Menyimpan id album >archar"#(() Menyimpan judul gallery >archar"#(() Menyimpan +eHt"2(() gambar gallery Menyimpan keterangan gallery e. !ata . +abel ?.uest *ook "tbSguestbook) 8ama 4'eld idSguestSbook T'*e 3ata Int"2() Keterangan Menyimpan id guest book sebagai primary nama email komentar key >archar"#(() Menyimpan guestbook >archar"#(() Menyimpan +eHt"2(() guestbook Menyimpan guestbook nama email komentar f. +abel D. +abel &. !ata Kesenian !aerah "tbSkesenian) 30 . !ata Kabupaten "tbSkabupaten) 8ama 4'eld idSkabupaten T'*e 3ata Int"2() Keterangan Menyimpan kabupaten idSprovinsi kabupaten ibukota id sebagai primary key >archar"#(() Menyimpan id provinsi >archar"#(() Menyimpan nama kabupaten >archar"#(() Menyimpan kabupaten ibukota g.

8ama 4'eld idSkesenianSdaer ah idSprovinsi namaSkesenian gambarSkesenian keterangan suaraSkesenian videoSkesenian T'*e 3ata Int"2() Keterangan Menyimpan id kesenian daerah sebagai primary key Menyimpan id provinsi Menyimpan nama >archar"#( () >archar"#( () >archar"#( () +eHt"2(() >archar"#( () >archar"#( () kesenian daerah Menyimpan gambar kesenian daerah Menyimpan keterangan kesenian daerah Menyimpan kesenian daerah Menyimpan kesenian daerah suara video h. +abel %. !ata Makanan dan Minuman "tbSmakanan) 8ama 4'eld idSmakananSmi numan idSprovinsi namaSmakanan namaSminuman gambarSmakan an gambarSminum an keteranganSma kanan keteranganSmin T'*e 3ata Int"2() Keterangan Menyimpan id makanan dan minuman sebagai primary key >archar"#(() Menyimpan id provinsi >archar"#(() Menyimpan nama minuman >archar"#(() Menyimpan minuman >archar"#(() Menyimpan makanan >archar"#(() Menyimpan +eHt"2(() +eHt"2(() nama gambar gambar minuman Menyimpan keterangan makanan Menyimpan keterangan 31 .

+abel #(. !ata Pakaian 5dat "tbSpakaian) 8ama 4'eld idSpakaian idSprovinsi namaSpakaian T'*e 3ata Int"2() Keterangan Menyimpan id pakaian sebagai primary key Int"2() Menyimpan id provinsi >archar"#(() Menyimpan nama gambar pakaian gambarSpakaian >archar"#(() Menyimpan keterangan +eHt"2(() pakaian Menyimpan keterangan pakaian adat k. +abel $.uman minuman i. !ata Pahla an "tbSpahla an) 8ama 4'eld idSpahla an T'*e 3ata Int"2() Keterangan Menyimpan pahla an idSprovinsi namaSpahla an gambarSpahla an keterangan id sebagai primary key Int"2() Menyimpan id provinsi >archar"#(() Menyimpan nama pahla an >archar"#(() Menyimpan +eHt"2(() gambar pahla an Menyimpan keterangan pahla an j. +abel ##. !ata Provinsi "tbSprovinsi) 8ama 4'eld idSprovinsi T'*e 3ata Int"2() Keterangan Menyimpan id makanan minuman namaSprovinsi lambang primary key >archar"#(() Menyimpan provinsi >archar"#(() Menyimpan lambang provinsi dan sebagai id 32 .

!ata /umah 5dat "tbSrumah) 8ama 4'eld idSrumahSadat T'*e 3ata Int"2() Keterangan Menyimpan id rumah adat sebagai primary 33 .hariSjadi ibukota letakS ilayah luasS ilayah jumlahSpenduduk jumlahSkabupaten jumlahSkota jumlahSkecamatan jumlahSdesa bandarSudara pelabuhan perguruanStinggi >archar"#(() Menyimpan jadi provinsi hari >archar"#(() Menyimpan ibukota provinsi >archar"#(() Menyimpan letak ilayah provinsi >archar"#(() Menyimpan luas ilayah provinsi >archar"#(() Menyimpan jumlah penduduk provinsi >archar"#(() Menyimpan jumlah kabupaten provinsi >archar"#(() Menyimpan jumlah kota provinsi >archar"#(() Menyimpan jumlah kecamatan provinsi >archar"#(() Menyimpan jumlah desa provinsi >archar"#(() Menyimpan bandar udara provinsi >archar"#(() Menyimpan pelabuhan provinsi >archar"#(() Menyimpan perguruan provinsi >archar"#(() Menyimpan pertambangan provinsi >archar"#(() Menyimpan <ona aktu provinsi tinggi pertambangan <onaS aktu l. +abel #2.

idSprovinsi namaSrumah gambarSrumah Int"2() key Menyimpan id nama gambar provinsi >archar"#(() Menyimpan rumah adat >archar"#(() Menyimpan rumah adat Menyimpan keterangan adat keteranganSrumah +eHt"2(() rumah m. +abel #&. !ata Senjata +radisional "tbSsenjata) 8ama 4'eld idSsenjata idSprovinsi namaSsenjata gambarSsenjata keterangan T'*e 3ata Int"2() Keterangan Menyimpan id senjata sebagai primary key >archar "2() Menyimpan id provinsi >archar"#(() Menyimpan nama senjata tradisional >archar"#(() Menyimpan gambar +eHt"2(() senajata tradisional Menyimpan keterangan senjata tradisional n. !ata Suku "tbSsuku) 8ama 4'eld idSsuku idSprovinsi namaSsuku gambarSsuku keterangan T'*e 3ata Int"2() Keterangan Menyimpan id suku sebagai primary key >archar "2() Menyimpan id provinsi >archar"#(() Menyimpan nama suku >archar"#(() Menyimpan gambar +eHt"2(() suku Menyimpan keterangan suku o. !ata +ari "tbStari) 8ama 4'eld idStariSdaerah T'*e 3ata Int"2() Keterangan Menyimpan id taris 34 . +abel #9. +abel #:.

Graphic User Interface0 !esain . 6ome 35 . +abel #?. 3esa'n GUI .nsiklopedia !igital Seni dan *udaya Indonesia sebagai berikut ' #. 5dapun menu yang terdapat dalam Web .4I merupakan desain antarmuka pengelolaan informasi pada suatu sistem. !ata +empat Wisata "tbS isata) 8ama 4'eld T'*e 3ata idStempatS isata Int"2() Keterangan Menyimpan id tempat isata sebagai primary idSprovinsi namaS isata gambarS isata keterangan >archar "2() key Menyimpan id nama provinsi >archar"#(() Menyimpan tempat isata >archar"#(() Menyimpan gambar +eHt"2(() tempat isata Menyimpan keterangan isata tempat /.daerah sebagai primary idSprovinsi namaStari gambarStari keterangan videoStari key >archar "2() Menyimpan id provinsi >archar"#(() Menyimpan nama tari daerah >archar"#(() Menyimpan gambar tari +eHt"2(() +eHt"2(() daerah Menyimpan keterangan tari daerah Menyimpan keterangan video tari daerah p.

*erlaku juga untuk kategori lain. berita. yang berisikan menu kategori budaya. gallery. maka akan tampil halaman Kebudayaan /umah 5dat saja. 6alaman Kategori Kebudayaan 9.ambar #:..ambar #&. 6alaman 4tama Pada gambar #: yaitu halaman utama pada saat membuka ebsite. jika user mengklik salah satu pilihan pada kategori kebudayaan misalnya /umah 5dat. profile. 2. . Kategori Kebudayaan Pada gambar #& yaitu tampilan halaman kategori kebudayaan. peta provinsi. pencarian. guestbook dan contact. Pencarian 36 .

jika user mengklik .*erita 8ainnya MM0 pada halaman home. .ambar #? adalah halaman hasil pencarian. 6alaman *erita &. *erita Pada gambar #D yaitu tampilan halaman berita..ambar #?. Provinsi 37 .ambar #D. . maka akan muncul halaman seperti diatas dan klik selanjutnya untuk melanjukan membaca artikel dengan lengkap. 6alaman 6asil Pencarian :. 6alaman ini menampilkan hasil @ hasil pencarian dari kata yang sudah dimasukkan user pada kolom search dan klik selanjutnya untuk melanjukan membaca artikel dengan lengkap.

6alaman Provinsi a) !aftar Kabupaten = Kota Pada gambar #$ merupakan sub menu dari halaman Provinsi yaitu halaman !aftar Kabupaten = Kota. . 6alaman ini menampilkan sejumlah kota dan ibukota dalam bentuk tabel.ambar #%.Pada halaman provinsi menampilkan infomasi tentang seni dan budaya provinsi @ provinsi yang ada di Indonesia. +erdapat sub @ sub menu untuk pindah ke halaman selanjutnya misalnya sub menu !aftar Kota. 6alaman !aftar Kabupaten = Kota.ambar #$. 6alaman Provinsi tampak seperti gambar #%. b) /umah 5dat 38 . . /umah 5dat dan Kesenian !aerah.

ambar 2#. 6alaman ini menampilkan Kesenian !aerah dan 5dat Istiadat yaitu berupa gambar. 6alaman Kesenian !aerah 39 . 6alaman ini menampilkan gambar dan keterangan dari rumah adat. keterangan. . 6alaman !aftar /umah 5dat c) Kesenian !aerah Pada gambar 2# merupakan sub menu dari halaman Provinsi yaitu Kesenian !aerah.Pada gambar 2( merupakan sub menu dari halaman Provinsi yaitu halaman /umah 5dat. suara dan juga video. .ambar 2(.

.allery 40 .ambar 22 merupakan halaman Profile. 6alaman Profile D. . 6alaman ini menampilkan gambar dan keterangan 3egara Indonesia dan latar belakang dari eb ini.allery .allery.?. . +erdiri dari album @ album dimana # album berisi banyak gambar = foto.ambar 22.ambar 29 merupakan halaman . 6alaman .ambar 29. 6alaman ini menampilkan gambar seni dan budaya 3egara Indonesia. Profile .

uestbook. 4ser dapat mengisi nama. email dan komentar pada kolom yang disediakan. . mengirim pesan maupun bertanya. 6alaman 5lbum .allery.allery %. .allery .ambar 2&.uestbook 41 .a) 5lbum .ambar 2: merupakan halaman . .uestbook Gika user ingin berbagi informasi.ambar 2:. 6alaman . seperti pada gambar 2&. +erdiri dari album @ album dimana # album berisi banyak gambar = foto. 6alaman ini menampilkan gambar seni dan budaya 3egara Indonesia. bisa dilakukan pada halaman .

. 6alaman contact tampak pada gambar 2?. Iontact 6alaman Iontact berisi informasi tentang data dari pembuat ebsite. 6alaman .ambar 2?.uestbook 42 .$. email dan akun jejaring sosial guna memudahkan user untuk menghubungi pembuat ebsite. +erdapat informasi no telepon.

Tanial. 6M.id=ensiklopedia Seni.nsiklopedia. .plikasi +emrograman 0eb Dinamis dengan +1+ dan MySQ!.binus.net=senidanbumi. (amus -stila$ (omputer %rafis / -nternet" Surabaya' Indah. 2((?. 1#M!* CSS* 2avascript / +1+.html *udaya. diakses : Fktober 2(#9).ac.plikasi &isnis. http'==kbbi. . /i<ky. eb. 2((9" +emrograman 0eb Mencakup.+endekatan #erstruktur #eori dan +raktik . 43 . Kadir.A*l'kas' Pem'n!aman dan Pengem7al'an "http'==blog.id=nayel= p(#:D9-!IP2(*ab2((#. http'==library. 2((%. Qogyakarta.ava Media. .pdf.id=eIolls=e+hesisdoc=*ab2!FI=2(#2-22(#(.site&(. *unafit.(. http'==senidanbumi.doc Ma<alisa. Gogiyanto. +anduan +enulisan dan +enilaian #ugas . . Penerbit 5ndi.binadarma. Surabaya ' 4niversitas 3egeri Surabaya. 3a$tar Pustaka +im Penyusun.ac. Qogjakarta' . Buku *ada Per*ustakaan Un':ers'tas #uhammad'+ah Palem7ang content=uploads=2(#(=(%=*ab-II#. 2((&.nalisis dan Desain Sistem -nformasi . !hanta. 5bdul. Kamus *esar *ahasa Indonesia Fnline. "Fnline).k$ir . Qogyakarta' 5ndi Qogyakarta 3ugroho. 2(($.

3!/Q S.M.I+58 S. Program Studi Gurusan=angkatan Jakultas Gudul +ugas 5khir ' 6. "(9#) %2%&9?2 faH "(9#) %2$9:# L(#BAR P(8G(SAHA8 3ama 3o.K)m.3I !53 *4!5Q5 I3!F3.SI5 *./*5SIS W.lektro = 2(#( ' +.!I5 !I. 2& Jebruari 2(#9 3)sen Pem7'm7'ng 3ed+ Rahman Prehant)? S.K(#(8TRIA8 P(83I3IKA8 8ASIO8AL U8I=(RSITAS 8(G(RI SURABA>A 4AKULTAS T(K8IK Kampus Ketintang Surabaya ?(29#. /eg.? #.11 44 . +elp.43 . *53..+I5W53 ' #(&?299(? ' !9 M535G.K)m 8IP.K3IK ' /53I53.12.3SIK8FP. Surabaya.* Menyatakan bah a judul yang telah diajukan oleh mahasis a yang tersebut telah d'setu!u' dan s'a* d'ker!akan. 1@2@12.11.5.3 I3JF/M5+IK5 ' +eknik .