kelompok masyarakat dari satu tempat ke tempat lain, ada yang terus berpindah –
pindah nomaden ada pula yang menetap di suatu tempat. Kondisi geografis juga mengakibatkan suatu kelompok masyarakat yang tinggal disuatu tempat sulit
untuk berinteraksi dengan kelompok lainnya hingga akhirnya interaksi tersebut hilang. Terdapat banyak perbedaan dan kesamaan diantara sub suku tersebut,
namun seringnya orang – orang diluar suku Dayak menganggap mereka sebagai
satu kesatuan dengan tradisi dan adat yang sama.
2.12 Sekilas Tentang Kabupaten Kutai Barat
Kabupaten Kutai Barat dulunya merupakan bagian dari Kabupaten Kutai. Berdasarkan keputusan pemerintah tentang pemekaran wilayah dan otonomi
daerah maka Kabupaten Kutai dipecah menjadi beberapa bagian, salah satunya
Kabupaten Kutai Barat. Adapun semboyan dari Kabupaten ini adalah : Tanaa Purai Ngeriman,
yang berarti : Tanaa
adalah tanah atau alam dan negri, Purai
adalah subur, Ngeriman
adalah rezeki yang melimpah tanpa akhir. Secara geografis Kabupaten Kutai Barat terletak antara
1130 45’ 05” – 1160 31’ 19” BT dan 10 31’ 35” LU dan 10 10’ 16” LS dengan luas wilayah 33.052 km²
dan batas wilayah administrasi: a.
Disebelah utara berbatasan dengan Kabupaten Malinau dan Negara Serawak Malaysia Timur.
b. Disebelah timur berbatasa dengan Kabupaten Kutai Kartanegara.
c. Disebelah selatan berbatasan dengan Kabupaten Pasir.
d. Disebelah barat berbatasan dengan provinsi Kalimantan Tengah dan
Kalimantan Barat.
30
BAB III
ANALISIS DAN PERANCANGAN SISTEM
3.1 Analisis Sistem
3.1.1 Analisis Kebutuhan Sistem
Analisis kebutuhan sistem digunakan untuk mengetahui kebutuhan yang harus disediakan sistem agar dapat memenuhi kebutuhan pengguna.Tahap analisis
kebutuhan sistem meliputi analisis peran sistem. Sistem informasi pengenalan budaya Dayak Benuaq yang akan dibangun :
1. Dapat memberikan informasi berupa data Dayak Benuaq secara lengkap
kepada pengunjung. Informasi dapat berupa teks, foto, video, dan mp3 2.
Menyediakan fasilitas buku tamu sebagai tempat untuk menampung pertanyaan dan komentar pengunjung.
3. Dapat memberikan fasilitas update data kepada administrator. Fasilitas
ini hanya dapat diakses oleh administrator setelah melakukan login dengan memasukkan nama dan sandi dengan benar.
3.1.2 Gambaran Umum Sistem
Sistem yang dibangun merupakan suatu sistem berisi informasi Pengenalan Budaya Dayak Benuaq Berbasis Web. Pengembangan sistem ini
menggunakan teknologi pemrograman PHP dan database MySQL. Sistem terdiri dari berbagai proses dimana detail data tersimpan di database. Dengan adanya
sistem ini dapat menjadi solusi yang baik dalam memperkenalkan kekayaan budaya yang dimiliki bangsa Indonesia kepada masyarakat luas, khususnya
budaya Dayak Benuaq. Penggunaan sistem terdiri dari 2 aktor, yaitu administrator admin, dan
pengunjung. Administrator disini ialah petugas yang bertanggung jawab dalam mengelola website. Kepada administrator diberikan wewenang khusus untuk
melakukan beberapa proses yang tidak bisa dilakukan oleh pengunjung, seperti menambah, mengubah, dan menghapus data. Pengunjung merupakan masyarakat
umum atau siapa saja yang mengakses website ini. Pengunjung dapat melihat data atau isi web, memberi komentar atau pertanyaan di buku tamu, serta melakukan
pencarian data berdasarkan kategori pencarian yang disediakan.
3.1.2.1 Gambaran Sistem Dari Sisi Administrator
1. Administrator admin dapat masuk ke sistem dengan melakukan
login . Untuk melakukan login, administrator mengisikan nama dan
sandi sesuai dengan nama dan sandi administrator yang tersimpan di database
. 2.
Administrator dapat melihat data. Proses ini terdiri dari : lihat berita, lihat kerajinan, lihat sistek sistem teknologi, lihat sispeng sistem
pengetahuan, lihat orgsos organisasi sosial, lihat lagu, lihat tarian, lihat foto budaya, lihat galeri foto, lihat video budaya, lihat buku tamu.
3. Administrator dapat melakukan pencarian data. Proses ini terdiri dari :
cari berita, cari kerajinan, cari sistek sistem teknologi, cari sispeng
sistem pengetahuan, cari orgsos organisasi sosial, cari tarian dan cari lagu.
4. Administrator dapat memasukan data baru ke dalam web. Lebih
spesifiknya, proses tambah terdiri dari : a.
Tambah berita, untuk menambahkan data berita ke dalam web. b.
Tambah kerajinan, untuk menambahkan data kerajinan ke dalam web
. c.
Tambah sistek, untuk menambahkan data sistem teknologi ke dalam web
. d.
Tambah sispeng, untuk menambahkan data sistem pengetahuan ke dalam web.
e. Tambah orgsos, untuk menambahkan data organisasi sosial ke dalam
web .
f. Tambah lagu, untuk menambahkan data lagu ke dalam web.
g. Tambah tarian, untuk menambahkan data tarian ke dalam web.
h. Tambah foto budaya, untuk menambahkan data foto budaya ke
dalam web. i.
Tambah video budaya, untuk menambahkan data video budaya baru ke dalam web.
j. Tambah galeri foto, untuk menambahkan foto baru ke dalam galeri
foto. k.
Tambah buku tamu, untuk menambahkan komentar sebagai respon terhadap pertanyaan atau komentar dari pengunjung.
5. Administrator dapat mengubah data yang sudah tidak valid melalui
proses ubah. Proses ini terdiri dari ubah berita, ubah kerajinan, ubah sistek, ubah sispeng, ubah orgsos, ubah lagu, ubah tarian, ubah foto
budaya, ubah video budaya dan ubah galeri foto. 6.
Administrator dapat menghapus data yang sudah tidak relevan dengan proses hapus data. Proses hapus data terdiri dari hapus berita, hapus
kerajinan, hapus sistek, hapus sispeng, hapus orgsos, hapus lagu, hapus tarian, hapus foto budaya, hapus galeri foto, hapus video budaya, hapus
buku tamu. 7.
Administrator dapat memainkan lagu dan video budaya.
3.1.2.2 Gambaran Sistem Dari Sisi Pengunjung
1. Pengunjung dapat melihat data, yang meliputi lihat berita, lihat
kerajinan, lihat sistek, lihat sispeng, lihat orgsos, lihat lagu, lihat tarian, lihat foto budaya, lihat galeri foto, lihat video budaya, dan lihat buku
tamu. 2.
Pengunjung dapat melakukan pencarian data berita, kerajinan, sistek, sispeng, orgsos, lagu, dan tarian.
3. Pengunjung dapat memainkan lagu dan video budaya.
4. Pengunjung dapat memberikan komentar atau pertanyaan dibuku tamu
dengan proses tambah buku tamu.
3.1.3 Analisis Batasan Sistem
Sistem yang dibangun memiliki batasan – batasan sebagai berikut
1. Sistem memberikan kemudahan bagi pengunjung untuk memperoleh
informasi budaya Dayak Benuaq. 2.
Informasi yang ditampilkan berupa uraian dan komponen pendukung seperti gambar .jpg, .jpeg, .png, video .mp4, .avi, .3gp dan audio
.mp3. 3.
Administrator bertugas untuk melakukan ubah data jika diperlukan. Untuk melakukan ubah data, administrator harus melakukan login
terlebih dahulu dengan mengisi nama dan sandi, sehingga selain administrator
tidak bisa melakukan ubah data di database.
3.2 Pemodelan Proses
3.2.1 Use Case Diagram Keseluruhan
Gambar 3.1 Use case diagram keseluruhan
Login depend on
Logout Administrator
Pengunjung
Pengenalan Budaya Dayak Benuaq Berbasis Web menggunakan PHP dan
MySQL
Kelola Sispeng
Kelola Tarian Kelola Orgsos
Kelola Kerajinan Kelola Berita
Kelola Sistek
Kelola Lagu
Kelola Video Budaya
Kelola Foto Budaya Kelola Galeri Foto
Kelola Buku Tamu
Penjelasan Use Case Diagram Gambar 3.1 merupakan penggambaran use case secara keseluruhan,
dimana sistem terbagi menjadi 2 aktor yaitu administrator dan pengunjung. Sistem terdiri dari 11 package yaitu package Kelola Berita, Kelola Kerajinan,
Kelola Sistek, Kelola Sispeng, Kelola Orgsos, Kelola Lagu, Kelola Tarian, Kelola Foto Budaya, kelola galeri foto, Kelola Video Budaya, dan Kelola Buku Tamu.
Selain itu, terdapat fasilitas login dan logout yang hanya bisa dilakukan oleh administrator
. 3.2.1.1
Use Case Package Kelola Berita
Gambar 3.2 Use case package Kelola Berita
Penjelasan : Package
Kelola Berita terdiri dari 2 aktor yaitu administrator dan pengunjung. Administrator dapat melihat, mencari, menambah, mengubah, dan
menghapus berita. Pengunjung hanya dapat melihat dan mencari berita.
Kelola Berita Lihat Berita
Cari Berita Tambah Berita
Ubah Berita Hapus Berita
Pengunjung Administrator
3.2.1.2 Use Case Package Kelola Kerajinan
Gambar 3.3 Use case package Kelola Kerajinan
Penjelasan : Package
Kelola Kerajinan terdiri dari 2 aktor yaitu administrator dan pengunjung. Administrator dapat melihat, mencari, menambah, mengubah, dan
menghapus kerajinan. Pengunjung hanya dapat melihat dan mencari kerajinan.
3.2.1.3 Use Case Package Kelola Sistek
Gambar 3.4 Use case package Kelola Sistek
Kelola Kerajinan Lihat Kerajinan
Cari Kerajinan Tambah Kerajinan
Ubah Kerajinan Hapus Kerajinan
Pengunjung Administrator
Kelola Sistek Lihat Sistek
Cari Sistek Tambah Sistek
Ubah Sistek Hapus Sistek
Pengunjung Administrator
Penjelasan : Package
Kelola Sistek terdiri dari 2 aktor yaitu administrator dan pengunjung. Administrator dapat melihat, mencari, menambah, mengubah, dan
menghapus sistek. Pengunjung hanya dapat melihat dan mencari sistek.
3.2.1.4 Use Case Package Kelola Sispeng
Gambar 3.5 Use case package Kelola Sispeng
Penjelasan : Package
Kelola Sispeng terdiri dari 2 aktor yaitu administrator dan pengunjung. Administrator dapat melihat, mencari, menambah, mengubah, dan
menghapus sispeng. Pengunjung hanya dapat melihat dan mencari sispeng.
Kelola Sispeng Lihat Sispeng
Cari Sispeng Tambah Sispeng
Ubah Sispeng Hapus Sispeng
Pengunjung Administrator
3.2.1.5 Use Case Package Kelola Orgsos
Gambar 3.6 Use case package Kelola Orgsos
Penjelasan : Package
Kelola Orgsos terdiri dari 2 aktor yaitu administrator dan pengunjung. Administrator dapat melihat, mencari, menambah, mengubah, dan
menghapus orgsos. Pengunjung hanya dapat melihat dan mencari orgsos.
3.2.1.6 Use Case Package Kelola Lagu
Gambar 3.7 Use case package Kelola Lagu
Kelola Orgsos Lihat Orgsos
Cari Orgsos Tambah Orgsos
Ubah Orgsos Hapus Orgsos
Pengunjung Administrator
Kelola Lagu Lihat Lagu
Cari Lagu Tambah Lagu
Ubah Lagu HapusLagu
Pengunjung Administrator
MainkanLagu
Penjelasan : Package
Kelola Lagu terdiri dari 2 aktor yaitu administrator dan pengunjung. Administrator dapat melihat, mencari, menambah, mengubah,
menghapus, dan mainkan lagu. Pengunjung hanya dapat melihat, mainkan dan mencari lagu.
3.2.1.7 Use Case Package Kelola Tarian
Gambar 3.8 Use case package Kelola Tarian
Penjelasan : Package
Kelola Tarian terdiri dari 2 aktor yaitu administrator dan pengunjung. Administrator dapat melihat, mencari, menambah, mengubah, dan
menghapus tarian. Pengunjung hanya dapat melihat dan mencari tarian.
Kelola Tarian Lihat Tarian
Cari Tarian Tambah Tarian
Ubah Tarian Hapus Tarian
Pengunjung Administrator
3.2.1.8 Use Case Package Kelola Foto Budaya
Gambar 3.9 Use case package Kelola Foto Budaya
Penjelasan Package
Kelola Foto Budaya terdiri dari 2 aktor yaitu administrator dan pengunjung. Administrator dapat melihat, menambah, mengubah, dan menghapus
data foto budaya. Pengunjung hanya dapat melihat foto budaya.
3.2.1.9 Use Case Package Kelola Galeri Foto
Gambar 3.10 Use case package Kelola Galeri Foto
Pengunjung Kelola Foto Budaya
Lihat Foto Budaya Tambah Foto
Budaya Ubah Foto Budaya
Hapus Foto Budaya
Administrator
Pengunjung Kelola Galeri Foto
Lihat Galeri Foto Tambah Galeri
Foto UbahGaleri Foto
Hapus Galeri Foto Administrator
Penjelasan Package
Kelola Galeri Foto terdiri dari 2 aktor yaitu administrator dan pengunjung. Administrator dapat melihat, menambah, mengubah, dan menghapus
data galeri foto. Pengunjung hanya dapat melihat galeri foto.
3.2.1.10 Use Case Package Kelola Video Budaya
Gambar 3.11 Use case package Kelola Video Budaya
Penjelasan : Package
Kelola Video Budaya terdiri dari 2 aktor yaitu administrator dan pengunjung. Administrator dapat melihat, menambah, mengubah, menghapus, dan
mainkan video. Pengunjung hanya dapat melihat dan mainkan video budaya.
Kelola Video Budaya Lihat Video Budaya
Tambah Video Budaya
Ubah Video Budaya
Mainkan Video Budaya
Pengunjung Administrator
Hapus Video Budaya
3.2.1.11Use Case Package Kelola Buku Tamu
Gambar 3.12 Use case package Kelola Buku Tamu
Penjelasan : Package
Kelola Buku Tamu terdiri dari 2 aktor yaitu administrator dan pengunjung. Administrator dapat melihat, menambah, dan menghapus buku tamu.
Pengunjung hanya dapat melihat dan menambah buku tamu.
3.2.2 Context Diagram
Pengunjung Administrator
Kelola Buku Tamu Lihat Buku Tamu
Tambah Buku Tamu
Hapus Buku Tamu
informasi berita, informasi kerajinan, informasisistek, informasi sispeng,
informasi orgsos, informasi lagu, informasi tarian, informasi foto
budaya, informasi galeri foto, informasi video budaya, informasi
buku tamu Validasi login, informasi berita,
informasi kerajinan, informasisistek, informasi
sispeng, informasi orgsos, informasi lagu, informasi tarian,
informasi foto budaya, informasi galeri foto, informasi video
budaya, informasi buku tamu Pilihan menu lihat berita, lihat
kerajinan, lihat sistek, lihat sispeng, lihat orgsos, lihat lagu, lihat tarian, lihat foto
budaya, lihat galeri foto, lihat video budaya, lihat buku tamu, tambah buku
tamu, deskripsi berita, deskripsi kerajinan, deskripsi sistek, deskripsi
sispeng, deskripsi orgsos, deskripsi lagu, deskripsitarian, pilihan menu mainkan
lagu, pilihan menu mainkan video Nama, sandi, data berita, data kerajinan,
data sistek, data sispeng, data orgsos, data lagu, data tarian, data foto budaya,
data galeri foto, data video budaya, data buku tamu, deskripsi berita, deskripsi
kerajinan, deskripsi sistek, deskripsi sispeng, deskripsi orgsos, deskripsi lagu,
deskripsitarian, pilihan menu mainkan lagu, pilihan menu mainkan video
Administrator Pengunjung
Sistem Pengenalan Budaya Dayak Benuaq
Gambar 3.13 ContextDiagram
Penjelasan Terdapat 2 entitas yang terhubung ke sistem yaitu administrator dan
pengunjung dimana keduanya mendapat informasi yang sama dari sistem. Informasi
– informasi tersebut ialah informasi berita, informasi kerajinan, informasi sistek, informasi sispeng, informasi orgsos, informasi lagu, informasi
tarian, informasi foto budaya, informasi galeri foto, informasi video budaya, dan buku tamu. Tidak hanya itu, pengunjung dapat memberikan komentar atau
pertanyaan dengan menggunakan fasilitas tambah buku tamu. Dengan menggunakan fasilitas ini juga, administrator dapat memberikan respon terhadap
komentar atau pertanyaan dari pengunjung. Administrator dan pengunjung juga dapat memainkan lagu dan video budaya. Administrator diberikan hak akses
khusus untuk menambahkan, mengubah, dan menghapus data pada sistem yang tidak dapat dilakukan oleh pengunjung.
3.2.3 Diagram Berjenjang
Penjelasan Diagram Berjenjang : Gambar 3.14 dan gambar 3.15 menggambarkan bahwa sistem yang akan
dibangun memiliki 13 proses yaitu login, kelola berita, kelola kerajinan, kelola sistek, kelola sispeng, kelola orgsos, kelola lagu, kelola tarian, kelola foto budaya,
kelola galeri foto, kelola video budaya, kelola buku tamu, dan logout. Pada proses kelola berita, kelola kerajinan, kelola sistek, kelola sispeng, kelola orgsos, kelola
tarian terdiri dari 5 sub proses, yaitu lihat, cari, tambah, ubah, hapus. Pada kelola
lagu, terdiri dari 6 sub proses yaitu lihat lagu, cari lagu, tambah lagu, ubah lagu, hapus lagu, mainkan lagu. Proses kelola foto budaya dan kelola galeri foto terdiri
dari 4 sub proses yaitu lihat, tambah, ubah, hapus. Proses kelola video budaya terdiri dari 5 sub proses yaitu lihat, tambah, ubah, hapus dan mainkan video
budaya. Sedangkan pada proses kelola buku tamu hanya terdiri dari 3 sub proses yaitu lihat, tambah, hapus.
Berikut ini adalah diagram berjenjang dari sistem pengenalan budaya Dayak Benuaq yang digunakan untuk menggambarkan proses
– proses yang akan ditangani oleh sistem :
Gambar 3.14 Diagram Berjenjang
4.5 P Hapus
Sistek 4.4 P
Ubah Sistek
4.1 P Lihat
Sistek 4.2 P
Cari Sistek
4.3 P Tambah
Sistek 4
Kelola Sistek
Pengenalan Budaya Dayak Benuaq Berbasis Web
2.5 P Hapus
Berita 2.4 P
Ubah Berita
2.1 P Lihat
Berita 2.2 P
Cari Berita
2.3 P Tambah
Berita 2
Kelola Berita 1
Login
3.5 P Hapus
Kerajinan 3.4 P
Ubah Kerajinan
3.1 P Lihat
Kerajinan 3.2 P
Cari Kerajinan
3.3 P Tambah
Kerajinan 3
Kelola Kerajinan
6.5 P Hapus
Orgsos 6.4 P
Ubah Orgsos
6.1 P Lihat
Orgsos 6.2 P
Cari Orgsos
6.3 P Tambah
Orgsos 6
Kelola Orgsos
5.5 P Hapus
Sispeng 5.4 P
Ubah Sispeng
5.1 P Lihat
Sispeng 5.2 P
Cari Sispeng
5.3 P Tambah
Sispeng 5
Kelola Sispeng
Gambar 3.15 Diagram Berjenjang lanjutan
12.1 P Lihat
Buku Tamu
12 Kelola Buku
Tamu
12.2 P Tambah
Buku Tamu
12.3 P Hapus
Buku Tamu
7.6 P Mainkan
Lagu 7.5 P
Hapus Lagu
7.4 P Ubah
Lagu 7
Kelola Lagu
7.1 P Lihat
Lagu 7.2 P
Cari Lagu
7.3 P Tambah
Lagu
Pengenalan Budaya Dayak Benuaq Berbasis Web
8.5 P Hapus
Tarian 8.4 P
Ubah Tarian
8 Kelola Tarian
8.1 P Lihat
Tarian 8.2 P
Cari Tarian
8.3 P Tambah
Tarian 9.4 P
Hapus Foto
Budaya 9
Kelola Foto Budaya
9.1 P Lihat Foto
Budaya 9.2 P
Tambah Foto
Budaya 9.3 P
Ubah Foto Budaya
10.4 P Hapus
Galeri Foto
10 Kelola Galeri
Foto
10.1 P Lihat
Galeri Foto
10.2 P Tambah
Galeri Foto
10.3 P Ubah
Galeri Foto
11.5 P Mainkan
Video Budaya
11.4 P Hapus
Video Budaya
11 Kelola Video
Budaya
11.1 P Lihat
Video Budaya
11.2 P Tambah
Video Budaya
11.3 P Ubah
Video Budaya
13 Logout
3.3 Data Flow Diagram DFD
3.3.1 DFD Level 0 Proses 1 : Login
Gambar 3.16 DFD level 0 proses 1
3.3.2 DFD Level 0 Proses 2 : Kelola Berita
Gambar 3.17 DFD level 0 Proses 2 : Kelola Berita
3.3.3 DFD Level 0 Proses 3 : Kelola Kerajinan
Gambar 3.18 DFD level 0 Proses 3 : Kelola Kerajinan
Administrator 1
Login Data Login
Data Login Data Login
D1 admin
Data Berita Data berita, Data berita baru, Deskripsi
Berita Data Berita
D2 berita
Administrator Pengunjung
Data berita, Data berita baru
Deskripsi Berita
Data Berita 2
Kelola Berita 1
Login Status login terpenuhi
Data kerajinan Data kerajinan, Data kerajinan baru,
Deskripsi kerajinan Data kerajinan
Administrator Pengunjung
Data kerajinan, Data kerajinan baru
Deskripsi kerajinan
Data kerajinan 3
Kelola Kerajinan 1
Login Status login terpenuhi
D3 kerajinan
3.3.4 DFD Level 0 Proses 4 : Kelola Sistek Sistem Teknologi
Gambar 3.19 DFD level 0 Proses 4: Kelola Sistek Sistem Teknologi
3.3.5 DFD Level 0 Proses 5 : Kelola Sispeng Sistem Pengetahuan
Gambar 3.20 DFD level 0 Proses 5: Kelola Sispeng Sistem Pengetahuan
3.3.6 DFD Level 0 Proses 6 : Kelola Orgsos Organisasi Sosial
Gambar 3.21 DFD level 0 Proses 6: Kelola Orgsos Organisasi Sosial
Data sistek Data sistek, Data sistek baru, Deskripsi
sistek Data sistek
Administrator Pengunjung
Data sistek, Data sistek baru
Deskripsi sistek
Data sistek 4
Kelola Sistek 1
Login Status login terpenuhi
D4 sistek
Data sispeng Data sispeng, Data sispeng baru,
Deskripsi sispeng Data sispeng
Administrator Pengunjung
Data sispeng, Data sispeng baru
Deskripsi sispeng
Data sispeng 5
Kelola Sispeng 1
Login Status login terpenuhi
D5 sispeng
Data orgsos Data orgsos, Data orgsos baru,
Deskripsi orgsos Data orgsos
Administrator Pengunjung
Data orgsos, Data orgsos baru
Deskripsi orgsos
Data orgsos 6
Kelola Orgsos 1
Login Status login terpenuhi
D6 orgsos
3.3.7 DFD Level 0 Proses 7: Kelola Lagu
Gambar 3.22 DFD level 0 Proses 7: Kelola Lagu
3.3.8 DFD Level 0 Proses 8: Kelola Tarian
Gambar 3.23 DFD level 0 Proses 8: Kelola Tarian
3.3.9DFD Level 0 Proses 9 : Kelola Foto Budaya
Gambar 3.24 DFD level 0 Proses 9: Kelola Foto Budaya
Data lagu Data lagu, Data lagu baru, Deskripsi
lagu Data lagu
Administrator Pengunjung
Data lagu, Data lagu baru
Deskripsi lagu
Data lagu 7
Kelola Lagu 1
Login Status login terpenuhi
D7 lagu
Data tarian Data tarian, Data tarian baru, Deskripsi
tarian Data tarian
Administrator Pengunjung
Data tarian, Data tarian baru
Deskripsi tarian
Data tarian 8
Kelola Tarian 1
Login Status login terpenuhi
D8 tarian
Data foto budaya Data foto budaya,
Data foto budaya baru Data foto budaya
D9 foto
Administrator Pengunjung
Data foto budaya, Data foto budaya baru
Data foto budaya 9
Kelola Foto Budaya
1 Login
Status login terpenuhi
3.3.10 DFD Level 0 Proses 10 : Kelola Galeri Foto
Gambar 3.25 DFD level 0 Proses 10: Kelola Galeri Foto
3.3.11 DFD Level 0 Proses 11 : Kelola Video Budaya
Gambar 3.26 DFD level 0 Proses 11: Kelola Video Budaya
3.3.12DFD Level 0 Proses 12 :Kelola Buku Tamu
Gambar 3.27 DFD level 0 Proses 12: Kelola Buku Tamu
D10 Data buku tamu
Data Buku tamu, Data buku tamu baru
Data buku tamu Administrator
Pengunjung Data Buku tamu, Data
buku tamu baru 12
Kelola Buku Tamu 1
Login Status login terpenuhi
bukutamu
Data buku tamu baru Data buku tamu
Data galeri foto Data galeri foto, Data galeri foto baru
Data galeri foto D9
foto Administrator
Pengunjung Data galeri foto,
Data galeri foto baru
Datagaleri foto 10
Kelola Galeri Foto 1
Login Status login terpenuhi
Data video budaya Data video budaya, Data video budaya
baru, Data video budaya
Administrator Pengunjung
Data video budaya, Data video budaya
baru
Data video budaya 11
Kelola Video Budaya
1 Login
Status login terpenuhi
D8 tarian
3.3.13 DFD Level 1 Proses 2 : Kelola Berita
Gambar 3.28 DFD level 1 Proses 2 : Kelola Berita
3.3.14 DFD Level 1 Proses 3 : Kelola Kerajinan
Gambar 3.29 DFD level 1 Proses 3 : Kelola Kerajinan
Administrator Pengunjung
data berita
data berita baru
id berita, data berita baru baru id berita
data berita
data berita baru 2.1
Lihat Berita 2.2
Cari Berita
Data berita id berita , data berita
baru 2.3
Tambah Berita 2.4
Ubah Berita
data berita 2.5
Hapus Berita id berita
deskripsi data berita
data berita deskripsi
data berita deskripsi
data berita D2
Berita
Administrator Pengunjung
datakerajinan
datakerajinan baru
id kerajinan, data kerajinan baru idkerajinan
datakerajinan
datakerajinan baru 3.1
Lihat Kerajinan 3.2
Cari Kerajinan
datakerajinan idkerajinan, data
kerajinan baru 3.3
Tambah Kerajinan 3.4
Ubah Kerajinan
datakerajinan 3.5
Hapus Kerajinan idkerajinan
deskripsi datakerajinan
datakerajinan deskripsi
datakerajinan deskripsi
data kerajinan
D3 kerajinan
nn
3.3.15 DFD Level 1 Proses 4 : Kelola Sistek Sistem Teknologi
Gambar 3.30 DFD level 1 Proses 4 : Kelola Sistek Sistem Teknologi
Administrator Pengunjung
datasistek
datasistek baru
id sistek, data sistek baru idsistek
datasistek
datasistek baru 4.1
Lihat Sistek 4.2
Cari Sistek
datasistek idsistek, data
sistek baru 4.3
Tambah Sistek 4.4
Ubah Sistek
datasistek 4.5
Hapus Sistek idsistek
deskripsi datasistek
datasistek deskripsi
datasistek deskripsi
data sistek
D4 sistek
3.3.16 DFD Level 1 Proses 5 : Kelola Sispeng Sistem Pengetahuan
Gambar 3.31 DFD level 1 Proses 5 : Kelola SispengSistem Pengetahuan
Administrator Pengunjung
datasispeng
datasispeng baru
id sispeng, data sispeng baru
idsispeng datasistek
datasispeng baru 5.1
Lihat Sispeng 5.2
Cari Sispeng
datasispeng idsispeng, data
sispeng baru 5.3
Tambah Sispeng 5.4
Ubah Sispeng
datasispeng 5.5
Hapus Sispeng idsispeng
deskripsi datasispeng
datasispeng deskripsi
datasispeng deskripsi
data sispeng
D5 sispeng
3.3.17 DFD Level 1 Proses 6 : Kelola Orgsos Organisasi Sosial
Gambar 3.32 DFD level 1 Proses 6 : Kelola Orgsos Organisasi Sosial
Administrator Pengunjung
dataorgsos
dataorgsos baru
id orgsos, data orgsos baru
idorgsos dataorgsos
dataorgsos baru 6.1
Lihat Orgsos 6.2
Cari Orgsos
dataorgsos idorgsos, data orgsos
baru 6.3
Tambah Orgsos 6.4
Ubah Orgsos
dataorgsos 6.5
Hapus Orgsos idorgsos
deskripsi dataorgsos
dataorgsos deskripsi
dataorgsos deskripsi
data orgsos
D6 orgsos
3.3.18 DFD Level 1 Proses 7 : Kelola Lagu
Gambar 3.33 DFD level 1 Proses 7 : Kelola Lagu
deskripsi datalagu
deskripsi Administrator
datalagu baru
id lagu, data lagu baru datalagu
datalagu
datalagu datalagu
data lagu
D7 lagu
datalagu idlagu, data lagu
idlagu 7.1
Lihat Lagu 7.2
Cari Lagu
datalagu 7.3
Tambah Lagu 7.4
Ubah Lagu
datalagu 7.5
Hapus Lagu idlagu
7.6 MainkanLagu
Pilihan menu mainkanlagu Pilihan menu mainkanlagu
Pengunjung deskripsi
3.3.19 DFD Level 1 Proses 8 : Kelola Tarian
Gambar 3.34 DFD level 1 Proses 8 : Kelola Tarian
Administrator Pengunjung
datatarian
datatarian baru
id tarian, data tarian baru idtarian
datatarian
datatarian baru 6.1
Lihat Tarian 8.2
Cari Tarian
datatarian idtarian, data tarian
baru 8.3
Tambah Tarian 8.4
Ubah Tarian
datatarian 8.5
Hapus Tarian idtarian
deskripsi datatarian
datatarian deskripsi
datatarian deskripsi
data tarian
D8 tarian
3.3.20 DFD Level 1 Proses 9 : Kelola Foto Budaya
Gambar 3.35 DFD level 1 Proses 9 : Kelola Foto Budaya
Pengunjung
Administrator id foto budaya
id foto budaya data foto budaya
data foto budaya 9.3
Ubah Foto Budaya 9.4
Hapus Foto Budaya id foto budaya
data foto budaya data foto budaya
data foto budaya data foto
9.1 Lihat Foto Budaya
9.2 Tambah Foto
id foto budaya, data foto
budaya baru data foto budaya baru
D9 foto
3.3.21 DFD Level 1 Proses 10 : Kelola Galeri Foto
Gambar 3.36 DFD level 1 Proses 10 : Kelola Galeri Foto
Pengunjung
id galeri foto
id galeri foto datagaleri foto
datagaleri foto idgaleri foto
datagaleri foto data galeri foto
Administrator 10.3
UbahGaleri Foto 10.4
HapusGaleri Foto data galeri foto
datagaleri foto 10.1
Lihat Galeri Foto 10.2
TambahGaleri Foto id galeri foto,
data galeri foto baru
data galeri foto baru
D9 foto
3.3.22 DFD Level 1 Proses 11 : Kelola Video Budaya
Gambar 3.37 DFD level 1 Proses 11 :
Kelola Video Budaya
idvideo budaya idvideo budaya
datavideo budaya 11.4
Hapus Video Budaya
11.5 MainkanVideo Budaya
idvideo budaya Pilihan menu mainkanvideo budaya
Pilihan menu mainkanvideo budaya datavideo budaya baru
idvideo budaya, data video budaya baru
Administrator datavideo budaya
datavideo budaya baru datalagu
D8 tarian
11.1 Lihat Video Budaya
11.2 TambahVideo Budaya
11.3 Ubah VideoBudaya
datavideo budaya Pengunjung
idvideo budaya, data
video budaya baru
datavideo budaya
3.3.23 DFD Level 1 Proses 12 : Kelola Buku Tamu
Gambar 3.38 DFD level 1 Proses 12 : Kelola Buku Tamu
3.4 Perancangan Database
Dalam perancangan database sistem, langkah pertama yang harus dilakukan adalah membuat conceptual database design. Alat yang digunakan
adalah entity relational diagram ER-Diagram. ER-Diagram berfungsi untuk menggambarkan hubungan antar entitas.
Data buku tamu Pengunjung
Data buku tamu
Data buku tamu baru Data buku tamu baru
id buku tamu Data buku tamu
Data buku tamu baru 7.1
Lihat Buku Tamu
id buku tamu 7.3
Hapus Buku Tamu id buku tamu
Administrator 7.2
Tambah Buku Tamu D8
bukuTamu
3.4.1 Entity Relational Diagram
Gambar 3.39 Entity Relational Diagram
1 admin
adminNam adminId
adminSandi bukutam
bukutamuNa bukutamuId
bukutamuId
bukutamuUraian bukutamuEmail
1 n
n
1 1
punya
punya tarianVideoLink
tarian tarianNama
tarianId tarianUraian
1 1
sispengUraian sispeng
sispengNama sispengId
laguId
lagu
laguJudul laguUraian
laguLink
1 n
punya
n punya
1 tarianVideoLink
tarian tarianNama
punya n
n kerajinanId
kerajinan kerajinanUraian
n
1 punya
budaya
budayaNama budayaId
budayaBahasaNama budayaUraian
1 n
punya sistek
sistekId sistekUraian
sistekNama orgsosNama
n 1
1 orgsosUraian
orgsos orgsosId
punya 1
1 1
1 punya
punya
foto
fotoJudul fotoId
fotoLink punya
1
beritaId beritaTgl
beritaJudul 1
1 berita
beritaSumber beritaUraian
punya
Pada gambar 3.32 menggambarkan hubungan antar entitas. Entitas budaya memiiki hubungan oneto many dengan entitas tarian, lagu, orgsos, sispeng, dan
sistek. Relasi antara entitas budaya dan kerajinan merupakan relasi many to many sehingga kemudian dibentuk sebuah entitas baru yaitu budayaKerajinan. Masing
– masing entitas orgsos, sistek, sispeng, dan kerajinan memiliki relasi one to one
dengan entitas foto. Entitas foto memiliki relasi one to one dengan entitas berita.
3.4.2 Logical Database Design Relational Model
Gambar 3.40 Relational Tabel
Relational model menggambarkan entitas-entitas dari ER diagram yang
menjadi tabel. Pada relational model ini nama entitas menjadi nama tabel, sedangkan untuk atribut menjadi nama fieldnya.
Bedasarkan relation model pada gambar 3.40, dapat dibuat physical database design.
3.4.3 Physical Database Design 3.4.3.1 Tabel admin
Tabel ini digunakan untuk menyimpan data administrator admin.
KEY NAMA FIELD TIPE DATA
PANJANG KETERANGAN
PK adminId
Int 11
ID administrator adminNama
varchar 25
Nama administrator adminSandi
varchar 25
Sandi administrator
Tabel 3.1 Tabel admin
34.3.2 Tabel budaya
Tabel ini digunakan untuk menyimpan data budaya
KEY NAMA FIELD
TIPE DATA
PANJANG KETERANGAN
PK budayaId
Int 11
ID budaya budayaNama
varchar 25
Nama peta budayaUraian
long text Deskripsi budaya
budayaBahasaNama varchar
25 Nama bahasa budaya
Dayak
Tabel 3.2 Tabel budaya
3.4.3.3 Tabel budayaKerajinan
Tabel ini digunakan untuk menyimpan data budayaKerajinan.
KEY NAMA FIELD
TIPE DATA
PANJANG KETERANGAN
PK budayaKerajinanId
int 11
ID budaya kerajinan FK
budayaId int
11 ID budaya
FK kerajinanId
int 11
ID kerajinan
Tabel 3.3 Tabel budayaKerajinan
3.4.3.4 Tabel kerajinan
Tabel ini digunakan untuk menyimpan data kerajinan.
KEY NAMA FIELD TIPE DATA
PANJANG KETERANGAN
PK kerajinanId
Int 11
ID kerajinan FK
fotoId int
11 ID foto
kerajinanUraian Longtext
Deskripsi kerajinan kerajinanNama
Varchar 25
Nama kerajinan
Tabel 3.4 Tabel kerajinan
3.4.3.5 Tabel sistek
Tabel ini digunakan untuk menyimpan data sistek.
KEY NAMA FIELD
TIPE DATA PANJANG KETERANGAN
PK sistekId
Int 11
ID sistem teknologi FK
budayaId Int
11 ID budaya
FK fotoId
Int 11
ID foto sistekUraian
Longtext Deskripsi sistem
teknologi sisptekNama
Varchar 25
Nama sistem teknologi
Tabel 3.5 Tabel sistek
3.4.3.6 Tabel sispeng
Tabel ini digunakan untuk menyimpan data sispeng.
KEY NAMA
FIELD TIPE DATA PANJANG
KETERANGAN
PK sispengId
int 11
ID sistem pengetahuan FK
budayaId int
11 ID budaya
FK fotoId
int 11
ID foto sispengUraian longtext
Deskripsi sistem pengetahuan
sispengNama varchar
25 Nama sistem pengetahuan
Tabel 3.6 Tabel sispeng
3.4.3.7 Tabel orgsos
Tabel ini digunakan untuk menyimpan data orgsos.
KEY NAMA
FIELD TIPE DATA PANJANG
KETERANGAN
PK orgsosId
Int 11
ID organisasi sosial FK
budayaId int
11 ID budaya
FK fotoId
int 11
ID foto orgsosUraian
longtext Deskripsi organisasi sosial
orgsosNama varchar
25 Nama organisasi sosial
Tabel 3.7 Tabel orgsos
3.4.3.8 Tabel tarian
Tabel ini digunakan untuk menyimpan data tarian.
KEY NAMA FIELD
TIPE DATA
PANJANG KETERANGAN
PK tarianId
int 11
ID tarian FK
budayaId int
11 ID budaya
tarianNama varchar
25 Nama tarian
tarianUraian longtext
Deskripsi tarian tarianVideoLink
varchar 500
Link video tarian
Tabel 3.8 Tabel tarian
3.4.3.9 Tabel lagu
Tabel ini digunakan untuk menyimpan data lagu.
KEY NAMA
FIELD TIPE DATA PANJANG
KETERANGAN
PK laguId
int 11
ID lagu FK
budayaId int
11 ID budaya
laguJudul varchar
25 Judul lagu
laguUraian longtext
Deskripsi lagu laguLink
varchar 500
Link lagu
Tabel 3.9 Tabel lagu
3.4.3.10 Tabel foto
Tabel ini digunakan untuk menyimpan data foto.
KEY NAMA FIELD
TIPE DATA PANJANG KETERANGAN
PK fotoId
Int 11
ID foto fotoJudul
Varchar 25
Namajudul foto fotoLink
Varchar 500
Link foto
Tabel 3.10 Tabel Foto
3.4.3.11 Tabel berita
Tabel ini digunakan untuk menyimpan data berita.
KEY NAMA
FIELD TIPE DATA PANJANG
KETERANGAN
PK beritaId
int 11
ID berita FK
fotoId int
11 ID foto
beritaJudul varchar
25 Judul berita
beritaUraian longtext
Isi berita beritaSumber
text 100
Sumber berita beritaTgl
date Tanggal berita
Tabel 3.11 Tabel berita
3.4.3.12 Tabel bukutamu
Tabel ini digunakan untuk menyimpan data tamu pengunjung.
KEY NAMA FIELD
TIPE DATA
PANJA NG
KETERANGAN
PK bukutamuId
int 11
ID tamu bukutamuNama
varchar 25
Nama tamu bukutamuEmail
varchar 25
Email tamu bukutamuKomentar
text Komentar tamu
Tabel 3.12 Tabel bukutamu
3.4.3.13 Tabel ref_menu
Tabel ini digunakan untuk menyimpan data ref_menu yang berfungsi sebagai kode tampilan menu website.
KEY NAMA FIELD
TIPE DATA
PANJA NG
KETERANGAN
PK refmenuId
Int 3
ID referensi
menu tampilan
refmenuName varchar
100 Untuk
menyimpan nama menu
refmenuLink varchar
200 Link menu
refmenuParentrefmenuId Int
3 ID parent atau ID induk
dari menu refmenuSubMenu
Int 1
Level menu
Tabel 3.13 Tabel ref_menu
3.4.3.14 Tabel ref_user_menu
Tabel ini digunakan untuk menyimpan data ref_user_menu yang berfungsi sebagai kode tampilan menu website.
KEY NAMA FIELD
TIPE DATA
PANJANG KETERANGAN
PK menuLevelId
Int 3
ID menu level menuRefMenuId
Int 3
Untuk menyimpan
id referensi menu menuIsVisible
enum Untuk menandakan
apakah menu
tersebut tampil atau tidak
Tabel 3.14 Tabel ref_user_menu
3.5 Desain Antar Muka User interface
User interface adalah rancangan sistem yang akan digunakan oleh
pengguna. Desain user interface ini dirancang untuk memudahkan pengguna dalam menjalankan sistem ini.
3.5.1 Desain Halaman Pengunjung 3.5.1.1 Desain Halaman Beranda Pengunjung
Gambar 3.41 Desain halaman beranda pengunjung
Gambar 3.41 adalah tampilan halaman beranda yang merupakan halaman utama pengunjung. Pada halaman beranda pengunjung ini terdapat beberapa menu
lain yaitu: Budaya Dayak, Galeri Foto, Buku Tamu, dan Berita. Selain itu juga terdapat headline berita terbaru yang merujuk ke halaman berita. Di dalam menu
budaya Dayak terdapat pilihan menu budaya, yaitu Budaya Dayak Bahau dan Budaya Dayak Benuaq dimana masing
– masing budaya memiliki beberapa sub menu
yang merupakan unsur – unsur penyusun budaya. Unsur – unsur budaya
tersebut adalah kerajinan, sistem teknologi, sistem pengetahuan, organisasi sosial, tarian, lagu.
DAYAK_Kutai Barat
Berita 1 Uraian berita 1
Berita 2 Uraaian berita 2
Penjelasan singkat mengenai budaya dayak
sepha_engel | ranting_pohonymail.com
| Yosepha Christie Beranda Budaya Dayak Galeri Foto Buku Tamu Berita
Foto
3.5.1.2 Desain Halaman Kerajinan Pengunjung
Gambar 3.42 Desain halaman kerajinan pengunjung
Gambar 3.42 adalah tampilan halaman kerajinan untuk pengunjung. Pada halaman ini ditampilkan nama kerajinan, deskripsi kerajinan, dan foto kerajinan.
D
AYAK_Kutai Barat
Beranda Budaya Dayak Galeri Foto Buku Tamu Berita Foto
Nama Kerajinan Uraian Kerajinan
Foto Karajinan Sepha_engel |
ranting_pohonymail.com | Yosepha Christie
3.5.1.3 Desain Halaman Sistem Teknologi Pengunjung
Gambar 3.43 Desain halaman sistem teknologi pengunjung
Gambar 3.43 adalah tampilan halaman sistem teknologi untuk pengunjung. Pada halaman ini ditampilkan nama sistem teknologi, uraian sistem teknologi, dan
foto sistem teknologi.
DAYAK_Kutai Barat Beranda Budaya Dayak Galeri Foto Buku Tamu Berita
Foto
Nama Sistem Teknologi Uraian Sistem Teknologi
Foto Sistem Teknologi Sepha_engel |
ranting_pohonymail.com | Yosepha Christie
3.5.1.4 Desain Halaman Sistem Pengetahuan Pengunjung
Gambar 3.44 Desain halaman sistem pengetahuan pengunjung
Gambar 3.44 adalah tampilan halaman sistem pengetahuan untuk pengunjung. Pada halaman ini ditampilkan nama sistem pengetahuan, uraian
sistem pengetahuan, dan foto sistem pengetahuan.
DAYAK_Kutai Barat Beranda Budaya Dayak Galeri Foto Buku Tamu Berita
Foto
Nama Sistem Pengetahuan Uraian Sistem Pengetahuan
Foto Sistem Pengetahuan Sepha_engel |
ranting_pohonymail.com | Yosepha Christie
3.5.1.5 Desain Halaman Organisasi Sosial Pengunjung
Gambar 3.45 Desain halaman organisasi sosial pengunjung
Gambar 3.45 adalah tampilan halaman organisasi sosial untuk pengunjung. Pada halaman ini ditampilkan nama organisasi sosial, uraian organisasi sosial, dan
foto organisasi sosial.
DAYAK_Kutai Barat Beranda Budaya Dayak Galeri Foto Buku Tamu Berita
Foto
Nama Organisasi Sosial Uraian Organisasi Sosial
Foto Organisasi Sosial Sepha_engel |
ranting_pohonymail.com | Yosepha Christie
3.5.1.6 Desain Halaman Lagu Pengunjung
Gambar 3.46 Desain halaman lagu pengunjung
Gambar 3.46 adalah tampilan halaman lagu untuk pengunjung. Pada halaman ini ditampilkan judul lagu, uraian lagu dan mp3 player sehingga lagu
dapat dimainkan.
3.5.1.7 Desain Halaman Tarian Pengunjung
DAYAK_Kutai Barat Beranda Budaya Dayak Galeri Foto Buku Tamu Berita
Foto
Judul Lagu Uraian Lagu
mp3 player
Sepha_engel | ranting_pohonymail.com
| Yosepha Christie
DAYAK_Kutai Barat Beranda Budaya Dayak Galeri Foto Buku Tamu Berita
Foto Nama Tarian
video player Uraian Tarian
Sepha_engel | ranting_pohonymail.com
| Yosepha Christie
Gambar 3.47 Desain halaman tarian pengunjung
Gambar 3.47 adalah tampilan halaman tarian untuk pengunjung. Pada halaman ini ditampilkan nama tarian, uraian tarian dan video player yang dapat
memutar video dari youtube sehingga video tarian dapat dimainkan.
3.5.1.8 Desain Halaman Galeri Foto Pengunjung
Gambar 3.48 Desain halaman galeri foto pengunjung
Gambar 3.48 adalah tampilan halaman galeri foto untuk pengunjung. Pada halaman ini ditampilkan tabel yang terdiri dari 2 kolom yang berisi judul foto dan
foto.
DAYAK_Kutai Barat Beranda Budaya Dayak Galeri Foto Buku Tamu Berita
Foto
Judul Foto Foto
Sepha_engel | ranting_pohonymail.com
| Yosepha Christie
3.5.1.9 Desain Halaman Berita Pengunjung
Gambar 3.49 Desain halaman berita pengunjung
Gambar 3.49 adalah tampilan halaman berita untuk pengunjung. Pada halaman ini ditampilkan judul berita, tanggal berita, foto berita, isi berita dan
sumber berita
3.5.2 Desain Halaman Administrator Admin 3.5.2.1 Desain Halaman Login Administrator
Nama Sandi
Dayak_Kutai Barat
Login Batal
sepha_engel | ranting_pohonymail.com
| Yosepha Christie Silahkan isi nama dan sandi untuk melakukan login
DAYAK_Kutai Barat Beranda Budaya Dayak Galeri Foto Buku Tamu Berita
Foto Judul Berita
Tanggal Berita Foto Berita
Isi Berita Sumber Berita
Sepha_engel | ranting_pohonymail.com
| Yosepha Christie
Gambar 3.50 Desain halaman login administrator
Gambar 3.50 adalah tampilan halaman login administrator. Pada halaman login
ini administrator dapat melakukan proses login dengan cara menginputkan nama dan sandi ditempat yang telah disediakan, kemudian menekan tombol
Login. Jika tidak jadi melakukan login, administrator dapat menekan tombol batal maka nama dan sandi yang telah diinputkan hilang. .
3.5.2.2 Desain Halaman Beranda Administrator
Gambar 3.51 Desain halaman beranda administrator
Gambar 3.51 adalah tampilan halaman beranda administrator. Halaman ini juga merupakan halaman utama administrator. Tampilan untuk administrator dan
pengunjung hampir sama, namun administrator harus melakukan login terlebih dahulu kemudian dapat mengakses isi web dan melakukan update data.
DAYAK_Kutai Barat
Berita 1 Uraian berita 1
Berita 2 Uraian berita 2
Penjelasan singkat mengenai budaya dayak
sepha_engel | ranting_pohonymail.com
| Yosepha Christie Beranda Budaya Dayak Galeri Foto Buku Tamu Berita
Foto
3.5.2.3 Desain Halaman Kelola Kerajinan Administrator
Gambar 3.52 Desain halaman kelola kerajinan administrator
Gambar 3.52 adalah tampilan halaman kelola kerajinan untuk administrator
. Terdapat field untuk mengisikan nama, uraian, budaya kerajinan. Tombol Simpan untuk menambahkan data yang sudah diinputkan ke dalam tabel.
Jika ingin mengubah data maka klik pada tombol edit. Apabila ingin menghapus data klik tombol hapus.
DAYAK_Kutai Barat
Nama Uraian
Budaya Kelola
Edit | Hapus
sepha_engel | ranting_pohonymail.com
| Yosepha Christie Beranda Budaya Dayak Galeri Foto Buku Tamu Berita
Foto
Nama Kerajinan Uraian Kerajinan
Budaya Simpan
3.5.2.4 Desain Halaman Kelola Sistem Teknologi Administrator
Gambar 3.53 Desain halaman kelola sistem teknologi administrator
Gambar 3.53 adalah tampilan halaman kelola sistem teknologi untuk administrator
. Terdapat field untuk mengisikan nama, uraian, budaya sistem teknologi. Untuk foto tinggal memilih foto dari galeri foto.Tombol Simpan untuk
menambahkan data yang sudah diinputkan ke dalam tabel. Jika ingin mengubah data maka klik pada tombol edit. Apabila ingin menghapus data klik tombol
hapus.
Nama Uraian
Foto Budaya
Kelola Edit | Hapus
sepha_engel | ranting_pohonymail.com
| Yosepha Christie Beranda Budaya Dayak Galeri Foto Buku Tamu Berita
Foto
Nama Sistem Teknologi
Simpan Uraian Sistem Teknologi
Foto Budaya
DAYAK_Kutai Barat
3.5.2.5 Desain Halaman Kelola Sistem Pengetahuan Administrator
Gambar 3.54 Desain halaman kelola sistem pengetahuan administrator
Gambar 3.54 adalah tampilan halaman kelola sistem pengetahuan untuk administrator. Terdapat field untuk mengisikan nama, uraian, budaya
sistem pengetahuan. Untuk foto tinggal memilih foto dari galeri foto. Tombol Simpan untuk menambahkan data yang sudah diinputkan ke dalam tabel. Jika
ingin mengubah data maka klik pada tombol edit. Apabila ingin menghapus data klik tombol hapus.
Nama Uraian
Foto Budaya
Kelola Edit | Hapus
sepha_engel | a ranting_pohonymail.com
| Yosepha Christie Beranda Budaya Dayak Galeri Foto Buku Tamu Berita
Foto
Nama Sistem Pengetahuan
Simpan Uraian Sistem Pengetahuan
Foto Budaya
DAYAK_Kutai Barat
3.5.2.6 Desain Halaman Kelola Organisasi Sosial Administrator
Gambar 3.55 Desain halaman kelola organisasi sosial administrator
Gambar 3.55 adalah tampilan halaman kelola organisasi sosial untuk administrator
. Terdapat field untuk mengisikan nama, uraian, budaya organisasi sosial. Tombol Simpan untuk menambahkan data yang sudah diinputkan ke dalam
tabel. Jika ingin mengubah data maka klik pada tombol edit. Apabila ingin menghapus data klik tombol hapus.
Nama Uraian
Foto Budaya
Kelola Edit | Hapus
sepha_engel | ranting_pohonymail.com
| Yosepha Christie Beranda Budaya Dayak Galeri Foto Buku Tamu Berita
Foto
Nama Organisasi Sosial
Simpan Uraian Organisasi Sosial
Foto Budaya
DAYAK_Kutai Barat
3.5.2.7 Desain Halaman Kelola Lagu Administrator
Gambar 3.56 Desain halaman kelola lagu administrator
Gambar 3.56 adalah tampilan halaman kelola lagu untuk administrator
. Terdapat field untuk mengisikan judul lagu, uraian, budaya. Tombol Browse untuk mengupload lagu dan tombol Simpan untuk menambahkan
data yang sudah diinputkan ke dalam tabel. Jika ingin mengubah data maka klik pada tombol edit. Apabila ingin menghapus data klik tombol hapus.
Nama Uraian
Budaya Link Lagu
Kelola Edit | Hapus
sepha_engel | ranting_pohonymail.com
| Yosepha Christie Beranda Budaya Dayak Galeri Foto Buku Tamu Berita
Foto
Judul Lagu
Simpan Uraian Lagu
Budaya Link Lagu
Browse DAYAK_Kutai Barat
3.5.2.8 Desain Halaman Kelola Tarian Administrator
Gambar 3.57 Desain halaman kelola tarian administrator
Gambar 3.57 adalah tampilan halaman kelola tarian untuk administrator. Terdapat field untuk mengisikan nama tarian, uraian, budaya dan link video
tarian.Tombol Simpan untuk menambahkan data yang sudah diinputkan ke dalam tabel. Jika ingin mengubah data maka klik pada tombol edit. Apabila ingin
menghapus data klik tombol hapus.
Nama Uraian
Budaya Link
Kelola Edit | Hapus
sepha_engel | ranting_pohonymail.com
| Yosepha Christie Beranda Budaya Dayak Galeri Foto Buku Tamu Berita
Foto
Nama Tarian
Simpan Uraian Tarian
Budaya Link Video Tarian
DAYAK_Kutai Barat
3.5.2.9 Desain Halaman Kelola Galeri Foto Administrator
Gambar 3.58 Desain halaman kelola galeri foto administrator
Gambar 3.58 adalah tampilan halaman kelola galeri foto untuk administrator
. Terdapat field untuk mengisikan judul foto. Tombol Browse untuk mengupload foto dan tombol Simpan untuk menambahkan data yang sudah
diinputkan ke dalam tabel. Jika ingin mengubah data maka klik pada tombol edit. Apabila ingin menghapus data klik tombol hapus.
Judul Foto Link Foto
Kelola Edit | Hapus
sepha_engel | ranting_pohonymail.com
| Yosepha Christie Beranda Budaya Dayak Galeri Foto Buku Tamu Berita
Foto
Judul Foto
Simpan Link Foto
Browse DAYAK_Kutai Barat
3.5.2.10Desain Halaman Kelola Berita Administrator
Gambar 3.33 Desain halaman kelola berita administrator
Gambar 3.32 adalah tampilan halaman kelola berita untuk administrator. Terdapat field untuk mengisikan judul berita, isi berita, sumber berita, tanggal
berita, dan foto berita. Tombol Simpan untuk menambahkan data yang sudah diinputkan ke dalam tabel. Jika ingin mengubah data maka klik pada tombol edit.
Apabila ingin menghapus data klik tombol hapus.
Judul Isi
Sumber Tanggal
Foto Kelola
Edit | Hapus sepha_engel |
ranting_pohonymail.com | Yosepha Christie
Beranda Budaya Dayak Galeri Foto Buku Tamu Berita
Foto
Simpan Foto
Sumber Berita Judul Berita
Isi Berita
Tanggal Berita DAYAK_Kutai Barat
89
BAB IV IMPLEMENTASI
Setelah melakukan analisa dan perancangan sistem seperti yang telah tertera pada bab sebelumnya, langkah selanjutnya yang akan dilakukan adalah
mengimplementasikannya ke dalam bahasa pemrograman. Spesifikasi software dan hardware yang akan digunakan dalam pembuatan sistem ini adalah sebagai
berikut : Spesifikasi software :
1. Sistem Operasi Windows 7 Enterprise
2. XAMPP
3. notepad++
4. Mozila Firefox
Spesifikasi hardware : 1.
Processor Intel Core 2 Duo 1,8 GHz 2.
Memori 1Gb 3.
Hardisk 102Gb
4.1 Pembuatan Database
Langkah pertama yang harus dilakukan dalam bab ini adalah membuat database
. Software yang digunakan dalam pembuatan database sistem ini adalah MySQL untuk server dan SQLyog untuk melakukan pemrosesan query.
Dalam sistem ini terdapat 14 tabel yang dibuat sesuai dengan rancangan sistem. Tabel-tabel tersebut adalah sebagai berikut :
a.
Tabel admin, dibuat dengan syntax SQL :
b.
Tabel berita, dibuat dengan syntax SQL :
c.
Tabel budaya, dibuat dengan syntax SQL :
d.
Tabel foto, dibuat dengan syntax SQL :
CREATE TABLE `admin` `adminId` int11 NOT NULL AUTO_INCREMENT,
`adminNama` varchar25 NOT NULL, `adminSandi` varchar25 NOT NULL,
PRIMARY KEY `adminId` ENGINE=InnoDB AUTO_INCREMENT=2 DEFAULT CHARSET=latin1 CHECKSUM=1 DE
LAY_KEY_WRITE=1 ROW_FORMAT=DYNAMIC
CREATE TABLE `berita` `beritaId` int11 NOT NULL AUTO_INCREMENT,
`beritaJudul` varchar25 NOT NULL, `beritaUraian` longtext NOT NULL,
`beritaSumber` text, `beritaTgl` date NOT NULL,
`fotoId` int11 NOT NULL, PRIMARY KEY `beritaId`,
KEY `FK_beritafoto` `fotoId`, CONSTRAINT `FK_beritafoto` FOREIGN KEY `fotoId` REFERENCES `foto` `fotoId`
ENGINE=InnoDB DEFAULT CHARSET=latin1
CREATE TABLE `budaya` `budayaId` int11 NOT NULL AUTO_INCREMENT,
`budayaNama` varchar25 NOT NULL, `budayaUraian` longtext NOT NULL,
`budayaBahasaNama` varchar25 NOT NULL, PRIMARY KEY `budayaId`
ENGINE=InnoDB AUTO_INCREMENT=3 DEFAULT CHARSET=latin1
CREATE TABLE `foto` `fotoId` int11 NOT NULL AUTO_INCREMENT,
`fotoJudul` varchar25 NOT NULL, `fotoLink` varchar500 NOT NULL,
PRIMARY KEY `fotoId` ENGINE=InnoDB AUTO_INCREMENT=11 DEFAULT CHARSET=latin1
e.
Tabel budayaKerajinan, dibuat dengan syntax SQL :
f.
Tabel kerajinan, dibuat dengan syntax SQL :
g.
Tabel sistek, dibuat dengan syntax SQL :
CREATE TABLE `bk` `budayaKerajinanId` int11 NOT NULL AUTO_INCREMENT,
`budayaId` int11 NOT NULL, `kerajinanId` int11 NOT NULL,
PRIMARY KEY `bkId`, KEY `FK_bkbudaya` `budayaId`,
KEY `FK_bkkerajinan` `kerajinanId`, CONSTRAINT `FK_bkbudaya` FOREIGN KEY `budayaId` REFERENCES `budaya`
`budayaId` ON DELETE CASCADE ON UPDATE CASCADE, CONSTRAINT `FK_bkkerajinan` FOREIGN KEY `kerajinanId` REFERENCES `ker
ajinan` `kerajinanId` ON DELETE CASCADE ON UPDATE CASCADE ENGINE=InnoDB AUTO_INCREMENT=52 DEFAULT CHARSET=latin1
CREATE TABLE `kerajinan` `kerajinanId` int11 NOT NULL AUTO_INCREMENT,
`kerajinanUraian` longtext NOT NULL, `kerajinanNama` varchar25 NOT NULL,
`fotoId` int11 NOT NULL, PRIMARY KEY `kerajinanId`,
KEY `FK_kerajinanfoto` `fotoId`, CONSTRAINT `FK_kerajinanfoto` FOREIGN KEY `fotoId` REFERENCES `foto`
`fotoId` ON DELETE CASCADE ON UPDATE CASCADE ENGINE=InnoDB AUTO_INCREMENT=90 DEFAULT CHARSET=latin1
CREATE TABLE `sistek` `sistekId` int11 NOT NULL AUTO_INCREMENT,
`sistekUraian` longtext NOT NULL, `fotoId` int11 DEFAULT NULL,
`budayaId` int11 NOT NULL, `sistekNama` varchar25 NOT NULL,
PRIMARY KEY `sistekId`, KEY `FK_sistekfoto` `fotoId`,
KEY `FK_sistek` `budayaId`, CONSTRAINT `FK_sistek` FOREIGN KEY `budayaId` REFERENCES `budaya` `bu
dayaId` ON DELETE CASCADE ON UPDATE CASCADE, CONSTRAINT `FK_sistekfoto` FOREIGN KEY `fotoId` REFERENCES `foto` `fo
toId` ON DELETE CASCADE ON UPDATE CASCADE ENGINE=InnoDB AUTO_INCREMENT=36 DEFAULT CHARSET=latin1InnoDB AUTO_INCREM
ENT=90 DEFAULT CHARSET=latin1
h.
Tabel sispeng, dibuat dengan syntax SQL :
i.
Tabel orgsos, dibuat dengan syntax SQL :
j.
Tabel lagu, dibuat dengan syntax SQL :
CREATE TABLE `sispeng` `sispengId` int11 NOT NULL AUTO_INCREMENT,
`sispengUraian` longtext NOT NULL, `fotoId` int11 DEFAULT NULL,
`budayaId` int11 NOT NULL, `sispengNama` varchar25 NOT NULL,
PRIMARY KEY `sispengId`, KEY `FK_sispengfoto` `fotoId`,
KEY `FK_sispengbudaya` `budayaId`, CONSTRAINT `FK_sispengbudaya` FOREIGN KEY `budayaId` REFERENCES `budaya`
CONSTRAINT `FK_sispengfoto` FOREIGN KEY `fotoId` REFERENCES `foto` `fotoId` ENGINE=InnoDB AUTO_INCREMENT=11 DEFAULT CHARSET=latin1
CREATE TABLE `orgsos` `orgsosId` int11 NOT NULL AUTO_INCREMENT,
`orgsosUraian` longtext NOT NULL, `fotoId` int11 DEFAULT NULL,
`budayaId` int11 NOT NULL, `orgsosNama` varchar25 NOT NULL,
PRIMARY KEY `orgsosId`, KEY `FK_orgsosfoto` `fotoId`,
KEY `FK_orgsosbudaya` `budayaId`, CONSTRAINT `FK_orgsosbudaya` FOREIGN KEY `budayaId` REFERENCES `budaya` `budayaId`
CONSTRAINT `FK_orgsosfoto` FOREIGN KEY `fotoId` REFERENCES `foto` `fotoId` ENGINE=InnoDB AUTO_INCREMENT=8 DEFAULT CHARSET=latin1
CREATE TABLE `lagu` `laguId` int11 NOT NULL AUTO_INCREMENT,
`laguJudul` varchar25 NOT NULL, `laguUraian` longtext,
`budayaId` int11 NOT NULL, `laguLink` varchar500 NOT NULL,
PRIMARY KEY `laguId`, KEY `FK_lagub` `budayaId`,
CONSTRAINT `FK_lagub` FOREIGN KEY `budayaId` REFERENCES `budaya` `budayaId` ENGINE=InnoDB AUTO_INCREMENT=10 DEFAULT CHARSET=latin1
CREATE TABLE `orgsos`
k.
Tabel tarian, dibuat dengan syntax SQL :
l.
Tabel bukutamu, dibuat dengan syntax SQL :
m. Tabel
ref_menu
, dibuat dengan syntax SQL :
n. Tabel
ref_user_menu
, dibuat dengan syntax SQL :
CREATE TABLE `tarian` `tarianId` int11 NOT NULL AUTO_INCREMENT,
`tarianNama` varchar25 NOT NULL, `tarianUraian` longtext NOT NULL,
`budayaId` int11 NOT NULL, `tarianVideoLink` varchar500 NOT NULL,
PRIMARY KEY `tarianId`, KEY `FK_tarianbudaya` `budayaId`,
CONSTRAINT `FK_tarianbudaya` FOREIGN KEY `budayaId` REFERENCES `budaya` `budayaId` ENGINE=InnoDB AUTO_INCREMENT=7 DEFAULT CHARSET=latin1
CREATE TABLE `bukutamu` `bukutamuId` int11 NOT NULL AUTO_INCREMENT,
`bukutamuNama` varchar25 NOT NULL, `bukutamuEmail` varchar25 NOT NULL,
`bukutamuKomentar` text NOT NULL, PRIMARY KEY `bukutamuId`
ENGINE=InnoDB AUTO_INCREMENT=2 DEFAULT CHARSET=latin1
CREATE TABLE `ref_menu` `refmenuId` int3 NOT NULL AUTO_INCREMENT,
`refmenuName` varchar100 NOT NULL, `refmenuLink` varchar200 NOT NULL,
`refmenuParentrefmenuId` int3 NOT NULL, `refmenuSubMenu` int1 NOT NULL,
PRIMARY KEY `refmenuId` ENGINE=MyISAM AUTO_INCREMENT=111 DEFAULT CHARSET=latin1
CREATE TABLE `ref_user_menu` `menuLevelId` int3 NOT NULL,
`menuRefMenuId` int3 NOT NULL, `menuIsVisible` enumtampil,tidak NOT NULL DEFAULT tampil,
PRIMARY KEY `menuLevelId`,`menuRefMenuId` ENGINE=MyISAM DEFAULT CHARSET=latin1
Hasil dari pembuatan tabel dapat dilihat pada gambar berikut :
Gambar 4.1 Tabel – tabel database bdydayak
4.2 Setting Koneksi dari PHP ke MySQL
