BAB III ANALISIS DAN DESAIN SISTEM

Transkripsi

1 BAB III ANALISIS DAN DESAIN SISTEM III.1. Analisis Masalah Analisa masalah dilakukan guna mengetahui masalah-masalah yang terkait didalam Sistem Informasi Tentang Pakaian Adat Dalam Pernikahan. Adapun Sistem Informasi Tentang Pakaian Adat Dalam Pernikahan yang sedang berjalan saat ini masih menggunakan sistem yang manual, yakni membuat buku yang berisikan tentang Pakaian Adat Dalam Pernikahan dengan tujuan untuk dibaca oleh masyarakat. Dengan sistem yang sedang berjalan saat ini, sistem tersebut tidak dapat bekerja secara efisien dan efektif. Sistem yang bekerja secara manual ini dapat menyebabkan kurangnya pengetahuan tentang pakaian adat untuk masyarakat yang tidak membaca buku tersebut. Untuk itu penulis membuat sebuah sistem baru yang sudah terkomputerisasi untuk mempermudah masyarakat mengetahui informasi pakaian adat dalam pernikahan dalam bentuk website secara online sehingga akses penyampaian informasi dapat bekerja lebih efektif dan efisien. III.2. Desain Sistem Desain sistem pada penelitian ini menggunakan bahasa pemodelan UML yang terdiri dari Use Case Diagram, Class Diagram, Activity Diagram dan Sequence Diagram.

2 III.2.1. Use Case Diagram 27 Adapun bentuk rancangan use case diagram yang akan dirancang adalah seperti pada Gambar III.1 : Gambar III.1 Use Case Diagram Pakaian Adat Pernikahan III.2.2. Class Diagram Rancangan kelas-kelas yang akan digunakan pada sistem yang akan dirancang dapat dilihat pada gambar III.2 berikut :

3 Gambar III.2 Class Diagram III.2.3. Activity Diagram Proses yang telah digambarkan pada use case diagram di atas dijabarkan dengan activity diagram : 1. Activity Diagram Data Login Adapun activity diagram untuk melihat data form login sebagai berikut : ADMIN SISTEM Masukkan User Name dan Pasword Cek User Name dan Password Salah Benar Pesan : user Name dan Password Salah Tampil Menu Gambar III.3 Activity Diagram Login

4 2. Activity Diagram Melihat Suku Aktivitas melihat informasi diterangkan dalam langkah-langkah state, dimulai dari kegiatan mengklik menu Suku kemudian melihat informasi yang di sajikan mengenai pakaian adat pernikahan yang ditunjukkan pada gambar III.4 : ADMIN APLIKASI Mulai Simpan? N Tampil Form Suku Baru Y Simpan Batal N Y Input Data Suku Edit N Y Ubah Data Hapus Data Data Dihapus Gambar III.4 Activity Diagram Melihat Tentang Suku 3. Activity Diagram Melihat Pakaian Adat Pernikahan Aktivitas melihat Pakaian Adat Pernikahan diterangkan dalam langkahlangkah state, dimulai dari kegiatan mengklik menu artikel kemudian melihat informasi yang di sajikan pada gambar III. 5 berikut :

5 ADMIN APLIKASI Mulai Simpan? N Tampil Form Pakaian Adat Y Baru Simpan Batal N Y Input Data Pakaian Adat Edit N Y Ubah Data Hapus Data Data Dihapus Gambar III. 5 Activity Diagram Melihat Pakaian Adat Pernikahan 4. Activity Diagram Melihat Artikel Aktvitas Artikel diterangkan dalam langkah-langkah state, dimulai dari dari kegiatan mengklik menu artikel kemudian melihat ditunjukkan pada gambar III.6 berikut : ADMIN APLIKASI Mulai Simpan? N Tampil Form Artikel Y Baru Simpan Batal N Y Input Data Artikel Edit N Y Ubah Data Hapus Data Data Dihapus Gambar III.6 Activity Diagram Melihat Artikel

6 5. Activity Diagram Manajemen Admin Aktivitas proses manajemen admin diterangkan dalam langkah-langkah state yang ditunjukkan pada gambar III. 7 berikut : ADMIN APLIKASI Mulai Simpan? N Tampil Form Manajemen User Y Baru Simpan Batal N Y Input Data Manajemen admin Edit N Y Ubah Data Hapus Data Data Dihapus Gambar III. 7 Activity Diagram Manajemen admin III.2.4. Sequence Diagram Rangkaian kegiatan pada setiap terjadi event sistem digambarkan pada sequence diagram berikut:

7 1. Sequence Diagram pada Halaman Login Ke Sistem Serangkaian kegiatan saat terjadi event pada halaman Login dapat dilihat pada gambar III.8 : Gambar III.8 Sequence Diagram Halaman login 2. Sequence Diagram pada Halaman suku Serangkaian kegiatan saat terjadi event pada halaman suku dapat dilihat pada gambar III. 9 berikut :

8 Gambar III. 9 Sequence Diagram suku 3. Sequence Diagram pada Halaman pakaian adat pernikahan Serangkaian kegiatan saat terjadi event pada halaman pakaian adat pernikahan dapat dilihat pada gambar III.10 berikut : Gambar III. 10 Sequence Diagram Halaman pakaian adat pernikahan 4. Sequence Diagram pada Halaman Artikel Serangkaian kegiatan saat terjadi event pada halaman artikel dilihat pada gambar III.11 berikut :

9 Gambar III.11 Sequence Diagram Halaman Artikel 5. Sequence Diagram pada Halaman Manajemen Admin Serangkaian kegiatan saat terjadi event pada halaman manajemen user dapat dilihat pada gambar III.12 berikut : Gambar III.12 Sequence Diagram Halaman manajemen admin 6. Sequence Diagram pada Halaman User Serangkaian kegiatan saat terjadi event pada halaman manajemen user dapa dilihat pada gambar III.13 berikut :

10 Gambar III.13 Sequence Diagram Halaman User III.3. Desain Basis Data III.3.1. Normalisasi 1. Bentuk tidak Normal dan Normal 1 (1NF) Tidak normal Normal 1 (NF) Id Username Password kode Nama Asal Provinsi Suku Id* Username Password Kode* Nama Asal Provinsi Suku Gambar III.14 Normalisasi Bentuk Tidak Normal dan Normal 1 (1NF) 2. Bentuk Normal Tahap 2 (2NF)

11 Tabel Login Tabel suku Id* : int(10) Username :varchart (100) Password :varchart (200) Kode* :varchart( 6) Nama :varchart (100) Suku :varchart (100) Provinsi :varchart (100) Login() Simpan() Edit() Hhapus() Tabel pakaian adat Kode* :varchart( 6) Nama :varchart (100) Asal :varchart (100) Provinsi :varchart (100) Simpan() Edit() Hapus() Gambar III.15 Normalisasi Bentuk Normal Tahap 2 (2NF) 3. Bentuk Normal Tahap 3 (3NF) Tabel Login Tabel suku Tabel pakaian adat Id* : int(10) Username :varchart (100) Password :varchart (200) Kode* :varchart( 6) Nama :varchart (100) Suku :varchart (100) Provinsi :varchart (100) Kode* :varchart( 6) Nama :varchart (100) Asal :varchart (100) Provinsi :varchart (100) Login() Simpan() Edit() Hhapus() Simpan() Edit() Hapus() Gambar III.16 Normalisasi Bentuk Normal Tahap 3 (3NF) III.3.2. Desain Tabel

12 Setelah melakukan tahap normalisasi, maka tahap selanjutnya yang dikerjakan yaitu merancang struktur tabel pada basis data sistem yang akan dibuat, berikut ini merupakan rancangan struktur tabel tersebut : 1. Struktul Tabel Suku Tabel Suku terdiri dari 5 kolom, yaitu kodesuku, namasuku, Asal, Struktur tabelnya dapat dilihat pada Tabel III.1 dibawah ini : Tabel III.1 Struktur Tabel Suku Nama Tabel : tsuku Kunci Primer : kodesuku No. Nama Kolom Tipe Data Ukuran Primary Key 1. Kodesuku int 5 Ya 2. Namasuku varchar Asal Varchar Provinsi Varchar Struktur Tabel Pakaian Adat Tabel pakaian adat terdiri dari 6 kolom, yaitu kodepakaian, namapakaian, sejarah, keterangan, kodesuku, gambar. Struktur tabelnya dapat dilihat pada Tabel III.2 dibawah ini : Tabel III.2 Struktur Tabel Pakaian Adat Nama Tabel : tpakaianadat Kunci Primer : kodepakaian No. Nama Kolom Tipe Data Ukuran Primary Key 1. Kodepakaian Varchar 5 Ya 2. Namapakaian Varchar 50 -

13 3. Sejarah Text Keterangan Text Kodesuku Int 5-6. Gambar Varchar Struktur Tabel Login Tabel login terdiri dari 3 kolom, yaitu id_admin, username, password. Struktur tabelnya dapat dilihat pada Tabel III.3 dibawah ini : Tabel III.3 Struktur Tabel Login Nama Tabel : tadmin Kunci Primer : id No. Nama Kolom Tipe Data Ukuran Primary Key 1. Id int 11 Ya 2. Username Varchar Password Varchar Nama Varchar Jeniskelamin Varchar 9-6. Alamat Varchar Telepon Varchar Statususer Varchar Gambar Varchar Struktur Tabel Berita Tabel berita terdiri dari 6 kolom, yaitu id, kategori, judul, isi, jam, gambar. Struktur tabelnya dapat dilihat pada Tabel III.4 dibawah ini : Nama Tabel : tberita Kunci Primer : id No. Nama Kolom Tipe Data Ukuran Primary Key 1. Id int 5 Ya 2. Kategori Varchar Judul Text - 4. Isi Text -

14 5. Jam Date - 6. Gambar Varchar Struktur Tabel Pakaian Adat Tabel pakaian adat terdiri dari 6 kolom, yaitu kodepakaian, namapakaian, sejarah, keterangan, kodesuku, gambar. Struktur tabelnya dapat dilihat pada Tabel III. 5 dibawah ini : Nama Tabel : tpakaianadat Kunci Primer : kodepakaian No. Nama Kolom Tipe Data Ukuran Primary Key 1. Kodepakaian Varchar 5 Ya 2. Namapakaian Varchar Sejarah Text Keterangan Text Kodesuku Int 5-6. namasuku Varchar asalsuku varchar provinsi varchar 50-9 gambar varchar 50 - III.3.3. Desain User Interface Setelah melakukan tahap desain tabel, maka tahap selanjutnya yang dikerjakan yaitu merancang desain user interface sistem yang akan dibuat, berikut ini merupakan desain user interface tersebut : III Desain Output sistem: Berikut ini adalah rancangan tampilan desain yang akan dihasilkan oleh

15 1. Desain Halaman Home Desain Halaman Home dapat dilihat pada gambar III.17 berikut : Gambar Sistem Informasi Pakaian Adat Dalam Pernikahan INFORMASI Judul : xxxxxxxx Home Profil Daftar Pakaian Adat LOGIN ADMIN User Name Password Pakaian adat Tanggal Hosting Jam Xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxxxxxxxxx. Xxxxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxselengkapnya Gambar Judul : xxxxxxxx Pakaian adat Tanggal Hosting Jam Xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxxxxxxxxx. Xxxxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxselengkapnya Gambar Judul : xxxxxxxx Pakaian adat Tanggal Hosting Jam

16 Gambar III.25 Desain Halaman Beranda Gambar III.17 Desain Halaman Tentang Home 2. Desain Halaman Tentang Profil Desain Halaman Profil dapat dilihat pada gambar III.18 berikut: Gambar Sistem Informasi Tentang Pakaian Adat Dalam Pernikahan INFORMASI Pakaian Adat Home Profil Daftar Pakaian Adat

17 Gambar III.18 Desain Halaman Tentang Profil 3. Desain Halaman Daftar Pakaian Adat Desain Halaman Daftar Pakaian Adat dapat dilihat pada gambar III.19 berikut : Gambar Sistem Informasi Tentang Pakaian Adat Dalam Pernikahan INFORMASI Home Profil Judul : xxxxxxxx Pakaian adat Tanggal Hosting Jam Xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxxxxxxxxx.

18 Gambar III.29 Desain Halaman Daftar Budaya 6. Desain Halaman Login Admin Desain Halaman Login Admin dapat dilihat pada gambar III.30 be : Gambar III.19 Desain Halaman Daftar Pakaian III Desain Input Berikut ini adalah rancangan atau desain input sebagai antarmuka pengguna: 1. Desain Halaman Daftar Suku

19 Desain Halaman Daftar Suku dapat dilihat pada gambar III.20 berikut : Gambar Sistem Informasi Tentang Pakaian Adat Dalam Pernikahan INFORMASI Home Profil Daftar Pakaian Adat LOGIN ADMIN Foto Admin Selamat Datang di Menu Administrator Untuk xxxxxxx Suku Pakaian Adat Artikel Manajemen User Logout Daftar Suku Di Indonesia + Kode Nama Asal Provinsi Proses KALENDER ARTIKEL X X XXXXXXX X X XXXXX Gambar III.20 Desain Halaman Daftar Suku 2. Desain Input suku Desain Input suku dapat dilihat pada gambar III.21 berikut: Gambar Sistem Informasi Tentang Pakaian Adat Dalam Pernikahan

20 INFORMASI Home Profil Daftar Pakaian Adat FORM INPUT SUKU Nama Suku : Asal : Provinsi : LOGIN ADMIN Foto Admin Selamat Datang di Menu Administrator Untuk xxxxxxx Suku Pakaian Adat Artikel Manajemen User Logout KALENDER ARTIKEL XXXXXXX XXXXX Gambar III. 21 Desain Input Suku 3. Desain Halaman Daftar Pakaian Adat

21 Desain Halaman Daftar Pakaian Adat dapat dilihat pada gambar Gambar III.22 berikut : Sistem Informasi Tentang Pakaian Adat Dalam Pernikahan INFORMASI Home Profil + Kode Daftar Pakaian Adat Nama Suku Provinsi Proses Daftar Pakaian LOGIN ADMIN Fot o Admin Selamat Datang di Menu Administrator Untuk xxxxxx Suku Pakaian Adat Artikel Manajemen User Logout KALENDER ARTIKEL X X XXXXXXX X X XXXXX Gambar III.22 Desain Halaman Daftar Pakaian

22 4. Desain Input Pakaian Adat Desain Input Pakaian Adat dapat dilihat pada gambar III.23 Berikut : Gambar Sistem Informasi Tentang Pakaian Adat Dalam Pernikahan INFORMASI Home Profil Daftar Pakaian Adat LOGIN ADMIN Foto Admin Selamat Datang di Menu Administrator Untuk xxxxxxx Suku Pakaian Adat Artikel Manajemen User Logout Nama Pakaian Adat : Sejarah : Keterangan : Nama Suku : Gambar : Simpan Form Input Pakaian Adat Reset Telusuri KALENDER ARTIKEL XXXXXXX XXXXX Gambar III.23 Desain Input Pakaian Adat

23 5. Desain Halaman Artikel Desain Halaman Artikel dapat dilihat pada gambar III.24 Gambar Sistem Informasi Tentang Pakaian Adat Dalam Pernikahan INFORMASI DAFTAR BERITA Home Profil Daftar Pakaian Adat LOGIN ADMIN Fot o Admin Selamat Datang di Menu Administrator Untuk xxxxxxx Suku Pakaian Adat Artikel Manajemen User Logout KALENDER ARTIKEL XXXXXXXXX XXXXX + ID KATEGORI JUDUL ISI PROSES Edit- Hapus Edit- Hapus Edit- Hapus Edit- Hapus Edit- Hapus Edit- Hapus Edit- Hapus Edit- Hapus Edit- Hapus Edit- Hapus Edit- Hapus Edit- Hapus

24 Gambar III.24 Desain Halaman Daftar Berita 6. Desain Input Berita Desain Input Berita dapat dilihat pada gambar III.25 Gambar Sistem Informasi Tentang Pakaian Adat Dalam Pernikahan INFORMASI FORM INPUT Berita Home Kategori Berita/Artikel : Profil Daftar Pakaian Adat LOGIN ADMIN Foto Admin Selamat Datang di Menu Administrator Untuk xxxxxxx Judul Berita / Artikel : Isi Berita/Artikel : Suku Pakaian Adat Artikel Manajemen User Logout Foto : KALENDER Telusuri ARTIKEL XXXXXXX XXXXX Simpan Reset

25 Gambar III.25 Desain Input Berita 7. Desain Halaman Data Admin Desain Halaman List Data Admin dapat dilihat pada gambar III.26 berikut : Gambar Sistem Informasi Tentang Pakaian Adat Dalam Pernikahan INFORMASI DAFTAR ADMIN Home Profil Daftar Pakaian Adat LOGIN ADMIN Foto Admin Selamat Datang di Menu Administrator Untuk xxxxxxx Suku Pakaian Artikel Manajemen User Logout + ID NAMA ALAMAT TELP USER NAME PASS WORD PROSES KALENDER Gambar III.35 Desain Halaman Tabel Budaya ARTIKEL XXXXXXXXX XXXXX

26 Gambar III.26. Desain Halaman Admin 8. Desain Input Admin Desain Input Admin dapat dilihat pada gambar III. 27 berikut : Gambar Sistem Informasi Tentang Pakaian Adat Dalam Pernikahan INFORMASI FORM INPUT ADMIN Home Nama : Profil Daftar Pakaian LOGIN ADMIN Foto Admin Selamat Datang di Menu Administrator Untuk xxxxxxx Suku Pakaian Adat Artikel Manajemen User Logout Jenis Kelamin : Alamat : Telepon : User Name : Password : Status User : KALENDER Gambar III.27. Gambar Desain Halaman : Telusuri Admin Simpan Reset ARTIKEL XXXXXXXXX XXXXX

27