BAB IV

PEMBAHASAN

4.1 Perancangan Website DISPERINDAG Kabupaten Lombok Barat

Pembangunan Website DISPERINDAG Kabupaten Lombok Barat
ditujukan untuk mengelola dan menampilkan data dan informasi yang
tersedia pada Kantor Dinas Perindustrian dan Perdagangan Kabupaten
Lombok Barat. Prosedur kerja pada aplikasi website ini adalah sebagai
berikut :
1. Operator dapat melakukan penginputan data dan informasi yang terkait
dengan profil Kepala Dinas dan profil pegawai DISPERINDAG daerah
Lombk Barat ke sistem. Adapun data yang dimasukkan adalah sebagai
berikut :
- Nama Kedin.
- Jabatan.
- Alamat.
- Nomer HP.
- Alamat Email.
- Nip, nama pegawai, alamat, bagian, dan foto pegawai.
2. Operator dapat melakukan penambahan data yang diperlukan.
3. Operator dapat melakukan edit dan update data dan informasi jika
terdapat perubahan data.
4. Operator dapat menghapus data dan informasi jika informasi sudah
tidak diperlukan lagi.
Berikut ini akan dibahas mengenai perancangan website Dinas
Perindustrian dan Perdagangna kabupaten Lombok Barat dengan
menggunakan DFD (Data Flow Diagram) dan Entity Relation Diagram.

1
4.1.1 Perancangan DFD dari website DISPERINDAG
a. Diagram Konteks dari website DISPERINDAG

Gambar 4.1. Diagram konteks

Gambar 4.1 merupakan Diagram konteks dari website

DISPERINDAG, pada diagram ini terdapat satu proses yaitu
keseluruhan dari website DISPERINDAG dan terdapat hanya 3
(tiga) user yang menggunakan SI-PDPKL yaitu Operator dan
pegawai dan masyarakat umum. Dimana masing-masing user
melakukan kegiatan sebagai berikut:
a) Operator akan melakukan pengolahan data berita, pengolahan
data artikel, pengolahan data agenda, pengolahan data
pegawai, pengolahan data kepala dinas dan upload data ke
dalam sistem.
b) Masyarakat umum dapat melihat berbagai macam informasi
dari website antara lain, melihat data pegawai, melihat data
kepala dinas, melihat info berita, melihat info agenda, melihat
info artikel dan men-download data yang sudah ada di dalam
sistem.
c) Pegawai dapat melihat berbagai macam informasi dari website
antara lain, melihat data pegawai, melihat data kepala dinas,
melihat info berita, melihat info agenda, melihat info artikel
dan men-download data yang sudah ada di dalam sistem.

2
b. Data Flow Diagram Level 0 dari website DISPERINDAG.

Gambar 4.2. DFD level 1 dari website DISPERINDAG

Gambar 4.2 merupakan DFD Level 0 dari website

DISPERINDAG Kab. Lobar, pada diagram tersebut terdapat 7
proses yang dilakukan oleh admin, yaitu proses, login, proses
kelola data profil pegawai, proses kelola data profil kedin, kelola
data berita, kelola data artikel, kelola data agenda, dan kelola
upload data.

3
c. Diagram rinci dari website DISPERINDAG.

Diagram rinci menguraikan proses yang ada pada diagram zero

atau Data Flow Diagram level 0. Berikut proses yang dapat di
uraikan:

1) Diagram rinci proses kelola data pegawai.

Gambar 4.3. DFD level 2 proses kelola data pegawai

Gambar 4.3 diatas merupakan diagram rinci dari proses

kelola data pegawai. Bagaimana alur jalannya data pegawai
dari operator hingga sampai ke user (Masyarakat dan Pegawai)
dan disimpan pada storage profil pegawai.

4
2) Diagram rinci proses kelola data kedin

Gambar 4.4. DFD level 2 proses kelola data kedin.

Gambar 4.4 diatas merupakan diagram rinci dari proses
kelola data kedin. Bagaimana alur jalannya data kedin dari
operator hingga sampai ke user (Masyarakat dan Pegawai) dan
disimpan pada storage profil kedin.

3) Diagram rinci proses kelola data berita.

Gambar 4.5. DFD level 2 proses kelola data berita.

5
 Gambar 4.5 diatas merupakan diagram rinci dari proses
kelola data artikel. Bagaimana alur jalannya data artikel dari
operator hingga sampai ke user (Masyarakat dan Pegawai)
dan disimpan pada storage Berita.

4) Diagram rinci proses kelola data artikel.

Gambar 4.6. DFD level 2 proses kelola data artikel.

Gambar 4.6 diatas merupakan diagram rinci dari proses

kelola data artikel. Bagaimana alur jalannya data artikel dari
operator hingga sampai ke user (Masyarakat dan Pegawai) dan
disimpan pada storage Artikel.

5) Diagram rinci proses kelola data agenda.

Gambar 4.7. DFD level 2 proses kelola data agenda.

6
 Gambar 4.7 diatas merupakan diagram rinci dari proses
kelola data agenda. Bagaimana alur jalannya data agenda dari
operator hingga sampai ke user (Masyarakat dan Pegawai) dan
disimpan pada storage Agenda.

6) Diagram rinci proses kelola upload data.

Gambar 4.8. DFD level 2 proses upload data.

Gambar 4.8 diatas merupakan diagram rinci dari proses

kelola upload data. Bagaimana alur jalannya upload data dari
operator hingga sampai ke user (Masyarakat dan Pegawai) dan
disimpan pada storage Download.
4.1.2 Perancangan Entity Relationship Diagram (ERD)
ERD merupakan salah satu pemodelan data konseptual yang paling
sering digunakan dalam proses pengembangan basis data bertipe
relasional. ERD menunjukkan hubungan antara relasi dan entitas yang
merepresentasikan logika daripada suatu organisasi. Gambar 4.9
merupakan ERD dari website DISPERINDAG Kabupaten Lombok
Barat.

7
 Gambar 4.9 Entity Relationship Diagram DISPERINDAG.

Pada gambar 4.9 merupakan tampilan Entity Relationship Diagram

dari website DISPERINDAG Kabupaten Lombok Barat.

4.1.3 Perancangan Database DISPERINDAG

Untuk merancang website Dinas Perindustrian dan Perdagangan
Kabupaten Lombok Barat, dibutuhkan sebuah Database untuk
menyimpan data/informasi yang diperlukan. Adapun Database yang
telah dibuat adalah sebagai berikut.

Tabel 4.1 Tabel Admin

Tabel 4.1 merupakan Tabel Admin berisikan username dan

password dari admin untuk validasi saat proses Login ketika masuk ke
dalam sistem.

Tabel 4.2 Tabel Agenda

8
 Tabel 4.2 merupakan tabel agenda berisikan data-data agenda
pada website DISPERINDAG yang dimana field ‘id’ adalah primary
key.

Tabel 4.3 Tabel Artikel

Tabel 4.3 merupakan tabel artikel berisikan tentang informasi

berupa artikel seputar DISPERINDAG yang dimana field ‘id’ adalah
primary key.

Tabel 4.4 Tabel Berita

Tabel 4.4 merupakan tabel berita berisikan tentang berita-berita

seputar DISPERINDAG yang dimana field ‘id’ adalah primary key.

Tabel 4.5 Tabel Download

9
 Tabel 4.5 merupakan tabel downlaod berisikan tentang informasi
yang akan di download oleh masyarakat umum seputar
DISPERINDAG yang dimana field ‘id’ adalah primary key.

10
 Tabel 4.6 Tabel profil kedin

Tabel 4.6 merupakan tabel profil kepala dinas berisikan tentang

informasi dari kepala dinas DISPERINDAG yang dimana field ‘id’
adalah primary key.

Tabel 4.7 Tabel Profil pegawai

Tabel 4.7 merupakan tabel profil pegawai berisikan tentang

informasi dari pegawai DISPERINDAG yang dimana field ‘id’ adalah
primary key.

4.2 Fitur umum Website beserta fungsinya:

- Home adalah menu untuk Operator untuk melihat perkembangan dari
website tersebut.
- Profile adalah menu untuk Operator untuk melihat dan mengelola data
profil.
- Profile pegawai adalah menu untuk Operator untuk melihat dan
mengelola data profil dari pegawai.

11
- Profile kedin adalah menu untuk Operator untuk melihat dan
mengelola data profil dari kepala dinas.
- post adalah menu untuk Operator untuk membuat dan memasukkan
informasi ke dalam website.
- Post Berita adalah menu untuk Operator untuk menambahkan berita
kedalam website.
- Post Agenda adalah menu untuk Operator untuk menambahkan agenda
kedalam website.
- Post Artikel adalah menu untuk Operator untuk menambahkan artikel
kedalam website.
- Upload Data adalah menu untuk Operator untuk menambahkan data
yang akan di download oleh masyarakat umum ke dalam website.
- Arsip Data adalah menu untuk Operator untuk melihat berbagai data
pada website.
- Data Pegawai adalah menu untk Operator menampilkan data pegawai
yang sudah di masukkan ke dalam website.
- Data Berita adalah menu untuk Operator menampilkan daftar berita
yang sudah dimasukkan ke dalam website.
- Data Artiel adalah menu untuk Operator menampilkan daftar artikel
yang sudah dimasukkan ke dalam website.
- Data Agenda adalah menu untuk Operator menampilkan daftar agenda
yang sudah dimasukkan ke dalam website.
- Data upload adalah menu untuk Operator menampilkan daftar data
upload yang sudah dimasukkan ke dalam website.
- Home user adalah menu untuk user umum untuk melihat tampilan
utama website Dinas Perindustrian dan Perdagangan Kabupaten
Lombok Barat.
- Profil adalah menu untuk user umum melihat berbagai macam profil
Dinas Perindustrian dan Perdagangan Kabupaten Lombok Barat antara
lain yaitu, profil DISPERINDAG, visi dan misi, data pegawai dan
struktur organisasi DISPERINDAG.

12
 - Informasi adalah menu untuk user umum melihat berbagai macam
informasi mengenai DISPERINDAG antara lain yaitu, berita, agenda,
artikel dan arsip data.
- Sekretariat adalah menu untuk user umum untuk melihat tugas dan
fungsi sekretariat pada DISPERINDAG.
- Bidang merupakan menu untuk user umum melihat tugas dan fungsi
berbagai bidang yang ada di DISPERINDAG diantaranya yaitu, Bidang
IKAHH, Bidang ILMEA, Bidang Perdagangan dan Bidang Metrologi.
- Aplikasi adalah menu untuk user umum meliahat dan mengelola data
Sistem Informasi Pedagangn Kaki Lima Kabupaten Lombok Barat.
- Kontak Kami adalah menu untuk user umum melihat informasi
mengenai DISPERINDAG.

4.3 Tampilan Website Dinas Perindustrian dan Perdagngan Kabupaten

Lombok Barat
Berikut merupakan tampilan halam pada website Dinas
Perindustrian dan Perdagangan Kabupaten Lombk Barat.

4.3.1 Laman Home Website DISPERINDAG

13
 Gambar 4.10 Home

Gambar 4.10 merupakan tampilan halaman utama user pada

website DISPERINDAG yang dimana terdapat beberapa Menu, antara
lain
- Home
- Profile
- Informasi
- Sekretariat
- Bidang
- Aplikasi dan
- Kontak kami

14
 4.3.2 Laman Profile DISPERINDAG pada Website
DSIPERINDAG:

Gambar 4.11 Tampilan halama profile DISPERINDAG pada Menu Profile.

Gambar 4.11 merupakan tampilan halaman dari Profile

DISPERINDAG, dimana User dapat melihat berbagai informasi dari
profile dari DISPERINDAG berupa fungsi, tugas pokok dan struktur
organisasi dari DISPERINDAG itu sendiri.

4.3.3 Laman Data Pegawai:

15
 Gambar 4.12 Laman Data Pegawai pada Menu Profile.

Gambar 4.12 merupakan tampilan laman dari data pegawai pada

Menu profile, dimana User dapat melihat data pegawai dari
DISPERINDAG.

4.3.4 Laman visi & misi Lobar

Gambar 4.13 laman visi & misi Lobar

Gambar 4.13 merupakan tampilan laman dari visi & misi

Lombok Barat pada Menu profile, dimana User dapat melihat visi
& misi Lombok Barat pada Website DISPERINDAG.

4.3.5 Laman visi & misi DISPERINDAG

16
 Gambar 4.14 laman visi & misi DISPERINDAG
Gambar 4.14 merupakan tampilan laman dari visi & misi
DISPERINDAG pada Menu profile, dimana User dapat melihat
visi & misi DISPERINDAG pada Website DISPERINDAG.

4.3.6 Laman Agenda

Gambar 4.15 Tampilan laman Agenda

Gambar 4.15 merupakan tampilan laman dari Agenda

pada Menu Informasi, dimana User dapat melihat Agenda
DISPERINDAG pada Website DISPERINDAG

4.3.7 Laman Artikel

17
 Gambar 4.16 Tampilan laman Artikel

Gambar 4.16 merupakan tampilan laman dari Artikel

pada Menu Informasi, dimana User dapat melihat berbagai
macam Artikel yang ada pada Website DISPERINDAG.

4.3.8 Laman Berita

Gambar 4.17 Tampilan laman Berita

18
 Gambar 4.17 merupakan tampilan laman dari Berita pada
Menu Informasi, dimana User dapat melihat berbagai macam Berita
yang ada pada Website DISPERINDAG.

19
4.3.9 Laman Login Admin

Gambar 4.18 Tampilan form login Admin.

Pada gambar 4.18 merupakan tampilan form login Admin untuk masuk
ke dalam sistem.

4.3.10 Laman Utama Admin

Gambar 4.19 Tampilan laman utama Admin.

Pada gambar 4.19 merupakan tampilan laman utama pada sisi Admin.

20
4.3.11 Form Profile Pegawai

Gambar 4.20 Tampilan form profile pegawai

Pada gambar 4.20 merupakan tampilan laman untuk mengisi data diri
pegawai yang bekerja pada DISPERINDAG Kabupaten Lombok Barat.

4.3.12 Form Profile kepala dinas

Gambar 4.21 Tampilan form kepala dinas.

Pada gambar 4.21 merupakan tampilan laman untuk mengisi data diri
kepala dinas pada DISPERINDAG Kabupaten Lombok Barat.

21
4.3.13 Form input berita

Gambar 4.22 Tampilan form input berita

Pada gambar 4.22 merupakan tampilan laman untuk menambahkan

berita pada website DISPERINDAG Kabupaten Lombok Barat.

4.3.14 Form input artikel

Gambar 4.23 Tampilan form input Artikel.

Pada gambar 4.23 merupakan tampilan laman untuk menambahkan

artikel pada website DISPERINDAG Kabupaten Lombok Barat.

22
4.3.15 Form input agenda

Gambar 4.24 Tampilan form input Agenda

Pada gambar 4.24 merupakan tampilan laman untuk menambahkan

agenda pada website DISPERINDAG Kabupaten Lombok Barat.

4.3.16 Form upload data

Gambar 4.25 Tampilan form upload data

Pada gambar 4.25 merupakan tampilan laman upload data, yang

dimana berfungsi untuk meng-upload data ke dalam sistem untuk masyarakat.

23
4.3.17 Data pegawai

Gambar 4.26 Tampilan laman daftar pegawai yang sudah di tambahkan ke dalam
sistem

Pada gambar 4.26 merupakan tampilan laman daftar pegawai yang

telah di tambahkan oleh operator ke dalam sistem.

4.3.18 Data Berita

Gambar 4.27 Tampilan laman daftar berita yang sudah di tambahkan ke dalam
sistem

Pada gambar 4.27 merupakan tampilan laman daftar pegawai yang telah
di tambahkan oleh operator ke dalam sistem.

24
4.3.19 Data Artikel

Gambar 4.28 Tampilan laman daftar pegawai yang sudah di tambahkan ke dalam
sistem
Pada gambar 4.28 merupakan tampilan laman daftar pegawai yang
telah di tambahkan oleh operator ke dalam sistem.

4.3.20 Data Agenda

Gambar 4.29 Tampilan laman daftar pegawai yang sudah di tambahkan ke dalam
sistem

25
 Pada gambar 4.29 merupakan tampilan laman daftar agenda yang
telah di tambahkan oleh operator ke dalam sistem.

4.3.21 Data Upload

Gambar 4.30 Tampilan laman daftar data yang sudah di tambahkan ke dalam sistem

Pada gambar 4.30 merupakan tampilan laman daftar data yang telah di
upload oleh operator ke dalam sistem.

4.3.22 Logout

Gambar 4.31 Tampilan laman setelah admin logout.

Pada gambar 4.31 merupakan tampilan laman ketika admin keluar dari
sistem.

26