BAB III ANALISIS DAN DESAIN SISTEM

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.

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 :

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

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 ?

Tampil Form Suku

Y

Simpan

N

Batal

Baru Y N

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 langkah-

langkah state, dimulai dari kegiatan mengklik menu artikel kemudian melihat informasi yang di sajikan pada gambar III. 5 berikut :

ADMIN

APLIKASI

Mulai

Simpan ?

Tampil Form Pakaian Adat

Y

N

Simpan

Batal

Baru Y N

Input Data Pakaian Adat

Edit Y

N

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

Mulai Tampil Form Artikel

APLIKASI

Simpan ?

N

Y Simpan

Batal

Baru Y N

Input Data Artikel

Edit N

Y Ubah Data

Hapus Data

Data Dihapus

Gambar III.6 Activity Diagram Melihat Artikel

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 ?

Tampil Form Manajemen User

Y

N

Simpan

Batal

Baru Y N

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:

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 :

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 :

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 :

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)

Tabel Login

Tabel suku

Kode* Nama Suku Provinsi

Id* : int(10) Username :varchart (100) Password :varchart (200)

:varchart( 6) :varchart (100) :varchart (100) :varchart (100) Simpan() Edit() Hhapus()

Login()

Tabel pakaian adat

Kode* Nama Asal Provinsi

:varchart( 6) :varchart (100) :varchart (100) :varchart (100) Simpan() Edit() Hapus()

Gambar III.15 Normalisasi Bentuk Normal Tahap 2 (2NF)

3. Bentuk Normal Tahap 3 (3NF) Tabel Login

Id* : int(10) Username :varchart (100) Password :varchart (200)

Login()

Tabel suku

Kode* Nama Suku Provinsi

:varchart( 6) :varchart (100) :varchart (100) :varchart (100) Simpan() Edit() Hhapus()

Tabel pakaian adat

Kode* Nama Asal Provinsi

:varchart( 6) :varchart (100) :varchart (100) :varchart (100) Simpan() Edit() Hapus()

Gambar III.16 Normalisasi Bentuk Normal Tahap 3 (3NF)

III.3.2. Desain Tabel

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 Kunci Primer No. Nama Kolom

: tsuku : kodesuku Tipe Data

Ukuran

1. 2. 3. 4.

int varchar Varchar Varchar

5 50 100 50

2.

Kodesuku Namasuku Asal Provinsi

Primary Key Ya -

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 Kunci Primer No. Nama Kolom

: tpakaianadat : kodepakaian Tipe Data Ukuran

1. 2.

Varchar Varchar

Kodepakaian Namapakaian

5 50

Primary Key Ya -

3. Sejarah 4. Keterangan 5. Kodesuku 6. Gambar 3. Struktur Tabel Login

Text Text Int Varchar

100 5 50

-

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 Kunci Primer No. Nama Kolom

: tadmin : id Tipe Data

Ukuran

1. 2. 3. 4. 5. 6. 7. 8. 9.

int Varchar Varchar Varchar Varchar Varchar Varchar Varchar Varchar

11 30 30 30 9 30 30 30 30

4.

Id Username Password Nama Jeniskelamin Alamat Telepon Statususer Gambar

Primary Key Ya -

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 Kunci Primer No. Nama Kolom

: tberita : id Tipe Data

1. 2. 3. 4.

int Varchar Text Text

Id Kategori Judul Isi

Ukuran 5 10

Primary Key Ya -

5. 6.

5.

Jam Gambar

Date Varchar

-

50

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 Kunci Primer No. Nama Kolom

: tpakaianadat : kodepakaian Tipe Data Ukuran

1. 2. 3. 4. 5. 6. 7. 8. 9

Varchar Varchar Text Text Int Varchar varchar varchar varchar

Kodepakaian Namapakaian Sejarah Keterangan Kodesuku namasuku asalsuku provinsi gambar

5 50 100 5 50 100 50 50

Primary Key Ya -

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.3.3.1.

Desain Output

Berikut ini adalah rancangan tampilan desain yang akan dihasilkan oleh sistem:

1. Desain Halaman Home Desain Halaman Home dapat dilihat pada gambar III.17 berikut :

Gambar

Sistem Informasi Pakaian Adat Dalam Pernikahan

INFORMASI

Judul : xxxxxxxx Pakaian adat |Tanggal Hosting | Jam

Home

Profil Daftar Pakaian Adat

Xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxxxxxxxxx.

Xxxxxxxxxxxxxxxxxxxxxx

Gambar xxxxxxxxxxxxxxxxxxxSelengkapnya Judul : xxxxxxxx Pakaian adat |Tanggal Hosting | Jam

LOGIN ADMIN User Name

Password


Xxxxxxxxxxxxxxxxxxxxxx

Gambar xxxxxxxxxxxxxxxxxxxSelengkapnya Judul : xxxxxxxx Pakaian adat|Tanggal Hosting | Jam

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

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


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.3.3.2.

Desain Input

Berikut ini adalah rancangan atau desain input sebagai antarmuka pengguna: 1. Desain Halaman Daftar Suku

Desain Halaman Daftar Suku dapat dilihat pada gambar III.20 berikut : Gambar

Sistem Informasi Tentang Pakaian Adat Dalam Pernikahan INFORMASI

Daftar Suku Di Indonesia

+

Home Profil

Kode

Nama

Asal

Provinsi

Daftar Pakaian Adat LOGIN ADMIN Foto Admin Selamat Datang di Menu Administrator Untuk xxxxxxx

Suku Pakaian Adat Artikel Manajemen User Logout

KALENDER

ARTIKEL

 

XXXXXXXXXXXX XXXXXXXXXXXX XXXXXXX XXXXXXXXXXXX XXXXXXXXXXXX XXXXX

Gambar III.20 Desain Halaman Daftar Suku

2. Desain Input suku Desain Input suku dapat dilihat pada gambar III.21 berikut: Gambar


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

INFORMASI Home Profil

Nama Suku Asal Provinsi

FORM INPUT SUKU : : :

Daftar Pakaian Adat

LOGIN ADMIN Foto Admin Selamat Datang di Menu Administrator Untuk xxxxxxx


KALENDER

ARTIKEL  

XXXXXXXXXXX XXXXXXXXXXX XXXXXXX XXXXXXXXXXX XXXXX

Gambar III. 21 Desain Input Suku

3. Desain Halaman Daftar Pakaian Adat

Desain Halaman Daftar Pakaian Adat dapat dilihat pada gambar III.22 berikut : Gambar

Sistem Informasi Tentang Pakaian Adat Dalam Pernikahan INFORMASI

Daftar Pakaian Adat

+

Home

Kode

Profil

Nama

Suku

Provinsi

Daftar Pakaian

Proses Edit-Hapus

LOGIN ADMIN

Edit-Hapus

Fot o Admin Selamat Datang di Menu Administrator Untuk

Edit-Hapus

xxxxxx


Edit-Hapus Edit-Hapus Edit-Hapus Edit-Hapus Edit-Hapus

KALENDER Edit-Hapus Edit-Hapus ARTIKEL  

XXXXXXXXXXXX XXXXXXXXXXXX XXXXXXX XXXXXXXXXXXX XXXXXXXXXXXX XXXXX

Gambar III.22 Desain Halaman Daftar Pakaian

Edit-Hapus Edit-Hapus

4. Desain Input Pakaian Adat Desain Input Pakaian Adat dapat dilihat pada gambar III.23 Berikut :

Gambar


INFORMASI

Form Input Pakaian Adat

Home

Nama Pakaian Adat

:

Sejarah

:

Keterangan

:

Nama Suku

:

Gambar

:




Telusuri

Simpan

Reset

KALENDER

ARTIKEL  


Gambar III.23 Desain Input Pakaian Adat

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


+ ID

KATEGORI

JUDUL

ISI

PROSES EditHapus EditHapus EditHapus EditHapus EditHapus EditHapus EditHapus

KALENDER

EditHapus EditHapus EditHapus

ARTIKEL   

XXXXXXXXXXX XXXXXXXXXXX XXXXXXXXX XXXXXXXXXXX XXXXXXXXXXX XXXXX XXXXXXXXXXX XXXXXXXXXXX

EditHapus EditHapus

Gambar III.24 Desain Halaman Daftar Berita

6. Desain Input Berita Desain Input Berita dapat dilihat pada gambar III.25

Gambar


INFORMASI Home

FORM INPUT Berita Kategori Berita/Artikel :


Judul Berita / Artikel :



Isi Berita/Artikel :

Foto :

KALENDER

Telusuri ARTIKEL  


Simpan

Reset

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

ID

Profil

NAMA

ALAMAT

TELP

USER NAME

PASS WORD

Daftar Pakaian Adat


Suku Pakaian Artikel Manajemen User Logout

KALENDER Gambar III.35 Desain Halaman Tabel Budaya

ARTIKEL   

XXXXXXXXXXX XXXXXXXXXXX XXXXXXXXX XXXXXXXXXXX XXXXXXXXXXX XXXXX XXXXXXXXXXX

PROSES

Gambar III.26. Desain Halaman Admin

8. Desain Input Admin Desain Input Admin dapat dilihat pada gambar III. 27 berikut :

Gambar


INFORMASI

FORM INPUT ADMIN

Home Profil Daftar Pakaian



Nama

:

Jenis Kelamin : Alamat

:

Telepon

:

User Name

:

Password

:

Status User

:

KALENDER Gambar III.27. Desain Halaman Admin Gambar : Telusuri Simpan ARTIKEL   

XXXXXXXXXXX XXXXXXXXXXX XXXXXXXXX XXXXXXXXXXX XXXXXXXXXXX XXXXX XXXXXXXXXXX

Reset

BAB III ANALISIS DAN DESAIN SISTEM

Recommend Documents