bab iii pembahasan - repository.bsi.ac.id · dinas perdagangan koperasi dan ukm kabupaten tegal...

26

BAB III

PEMBAHASAN

3.1. Tinjauan Institusi

Dalam pembahasan tinjauan perusahaan dari Dinas Perdagangan Koperasi

dan UKM Kabupaten Tegal meliputi sejarah singkat dinas, struktur organisasi dan

fungsi dari masing-masing tugas pada dinas.

3.1.1. Sejarah Institusi

Dinas Perdagangan Koperasi dan UKM Kabupaten Tegal yang berkantor di

Jl. Professor Muhammad Yamin No.2 Kudaile, Slawi pada tahun 1996 bernama

Dinas Pendapatan Daerah, lalu kemudian terjadi pembentukan dinas baru yaitu Dinas

Pasar. Kemudian pada tahun 2001 Dinas Pasar mengalami perubahan menjadi kantor

pengelolaan pasar. Setelah itu pada tahun 2008 terjadi penggabungan dari Dinas

Koperasi dan Pasar menjadi Dinas Koperasi UKM dan Pasar. Kemudian pada

tanggal 1 Januari 20017 Dinas Perindustrian dan Perdagangan mengalami perubahan

dari berlakunya Peraturan Pemerintah No. 18 Tahun 2016. Dimana Dinas

Perindustrian dan Perdagangan sejak 1 Januari 2017 terjadi pemisahan yaitu Dinas

Perdagangan digabung dengan Dinas Koperasi dan UKM yang masih berkantor di Jl.

Professor Muhammad Yamin No.2 Kudaile, Slawi yang sekarang menjadi Dinas

Perdagangan, Koperasi dan UKM Kabupaten Tegal. Sedangkan Dinas Perindustrian

sesuai peraturan yang berlaku digabung dengan Dinas Ketenagakerjaan dan

Perindustrian sejak tanggal 1 Januari 2017.

27

3.1.2. Struktur Organisasi dan Fungsi

SEKRETARIAT

SUB BAGIAN

PERENCANAAN

SUB BAGIAN

KEUANGAN

SUB BAGIAN

UMUM &

KEPEGAWAIAN

BIDANG KOPERASIBIDANG USAHA MIKRO

KECIL & MENENGAH

BIDANG

PENGELOLAAN

PASAR

BIDANG

PERDAGANGANKELOMPOK

JABATAN

FUNGSIONAL

SEKSI BIMBINGAN

USAHA &

PENDAFTARAN

PERUSAHAAN

SEKSI DISTRIBUSI &

TERTIB NIAGA

SEKSI PROMOSI &

PERDAGANGAN

LUAR NEGERI

SEKSI PERIZINAN

PEDAGANG PASAR

SEKSI

PEMBERDAYAAN

PEDAGANG PASAR

SEKSI PENATAAN

PASAR

SEKSI PERIZINAN &

KELEMBAGAAN

KOPERASI

SEKSI PEMBERDAYAAN

KOPERASI

SEKSI PENGAWASAN &

PEMERIKSAAN

KOPERASI

SEKSI PEMBERDAYAAN

UMKM

SEKSI PENGEMBANGAN

USAHA MIKRO &

SEKTOR INFORMAL

SEKSI PEMBINAAN DAN

KELEMBAGAAN UMKM

UPTD

1. UPTD METROLOGI LEGAL

2. UPTD PASAR WILAYAH (8)

KEPALA

Gambar III.1.

Struktur Organisasi Dinas Perdagangan, Koperasi dan UKM Kabupaten Tegal

Struktur Organisasi yang terdapat pada Dinas Perdagangan, Koperasi dan

UKM Kabupaten Tegal dibentuk berdasarkan Peraturan Bupati Tegal Nomor 71

Tahun 2016 tentang Kedudukan, Susunan Organisasi, Tugas dan Fungsi serta Tata

Kerja Dinas-Dinas Daerah dan Satuan Polisi Pamong Praja Kabupaten Tegal.

Adapun penjabaran fungsi dari bidang Perdagangan, Koperasi dan UKM

pada struktur organisasi di lingkungan Dinas Perdagangan, Koperasi dan UKM

Kabupaten Tegal adalah sebagai berikut:

28

1. Kepala Dinas Perdagangan, Koperasi dan UKM

a. Penetapan rencana kerja.

b. Perumusan kebijakan teknis bidang perdagangan, pengelolaan pasar,

koperasi dan UMKM.

c. Penyelenggaraan urusan pemerintahan dan pelayanan bidang perdagangan,

pengelolaan pasar, koperasi dan UMKM.

d. Pembinaan dan pelaksanaan tugas bidang perdagangan, pengelolaan pasar,

koperasi dan UMKM.

e. Pembinaan terhadap UPTD bidang perdagangan, pengelolaan pasar,

koperasi dan UMKM.

f. Pembinaan pengelolaan urusan kesekretariatan/ketatausahaan Dinas.

g. Pengendalian, evaluasi dan pelaporan penyelengaraan tugas Dinas.

2. Sekretaris

a. Penyiapan bahan dan pengkoordinasian penyusunan draf rencana kerja.

b. Penyiapan bahan perumusan kebijakan teknis kesekretariatan atau

ketatausahaan.

c. Penyiapan bahan dan pengkoordinasian perumusan draf kebijakan teknis

bidang perdagangan, pengelolaan pasar, koperasi dan UMKM

d. Pengoordinasian penyelenggaraan tugas Dinas.

e. Penyiapan bahan bimbingan dan pengendalian teknis Dinas.

f. Pengoordinasian penyiapan bahan penyusunan laporan penyelenggaraan

tugas Dinas.

g. Pengelolaan urusan perencanaan, keuangan, kepegawaian dan umum.

h. Pelaksanaan pengendalian, evaluasi dan pelaporan pelaksanaan tugas

Sekretariat.

29

3. Kepala Sub Bagian Perencanaan

a. Penelaahan data sebagai bahan penyusunan rencana kerja.

b. Penelaahan data sebagai bahan perumusan kebijakan teknis perencanaan

Dinas.

c. Penelaahan data sebagai bahan perumusan kebijakan teknis bidang

perdagangan, pengelolaan pasar, koperasi dan UMKM.

d. Pengelolaan Sistem Informasi Manajemen Terintegrasi.

e. Penyiapan data sebagai bahan monitoring dan evaluasi pelaksanaan rencana

kerja Dinas.

f. Penyiapan data sebagai bahan penyusunan pelaporan pelaksanaan rencana

kerja Dinas.

g. Pengendalian, evaluasi dan pelaporan pelaksanaan tugas Sub Bagian

Perencanaan.

4. Kepala Sub Bagian Keuangan


b. Penelaahan data sebagai bahan perumusan kebijakan teknis pengelolaan

keuangan Dinas.

c. Pelaksanaan pengelolaan keuangan Dinas.

d. Pengendalian, evaluasi dan pelaporan pelaksanaan tugas Sub Bagian

Keuangan.

5. Kepala Sub Bagian Umum dan Kepegawaian


b. Penelaahan data sebagai bahan perumusan kebijakan teknis pengelolaan

urusan umum dan kepegawaian.

c. Pengelolaan urusan ketatausahaan.

30

d. Pengelolaan administrasi kepegawaian.

e. Pengelolaan asset Dinas.

f. Pengelolaan kearsipan Dinas.

g. Pelaksanaan urusan rumah tangga, perlengkapan, perpustakaan, humas dan

protokol.

6. Kepala Bidang Perdagangan

a. Penyiapan bahan penyusunan rencana kerja.

b. Penyiapan bahan perumusan kebijakan teknis urusan perdagangan.

c. Pelaksanaan bimbingan usaha dan pendaftaran perusahaan, distribusi dan

tertib niaga, promosi dan perdagangan luar negeri.

d. Pelaksanaan pembinaan pedagang kaki lima dan asongan.

e. Pengendalian, evaluasi dan pelaporan pelaksanaan tugas Bidang

Perdagangan.

7. Kepala Bidang Pengelolaan Pasar


b. Penyiapan bahan perumusan kebijakan umum dan teknis operasional

pengelolaan pasar.

c. Pelaksanaan pengelolaan perizinan pedagang pasar, pemberdayaan

pedagang pasar dan penataan pasar.

d. Pengendalian, evaluasi dan pelaporan pelaksanaan tugas Bidang

Pengelolaan Pasar.

8. Kepala Bidang Koperasi


b. Penyiapan bahan perumusan kebijakan teknis bidang koperasi.

c. Pelaksanaan pembinaan, pemberdayaan dan pengawasan koperasi.

31

d. Pengendalian, evaluasi dan pelaporan pelaksanaan tugas bidang koperasi.

9. Kepala Bidang Usaha Mikro Kecil dan Menengah


b. Penyiapan bahan perumusan kebijakan teknis bidang UMKM.

c. Pelaksanaan pemberdayaan UMKM, pengembangan usaha mikro dan

sektor informal, serta pembinaan dan penataan kelembagaan UMKM.

d. Pengendalian, evaluasi dan pelaporan pelaksanaan tugas Bidang UMKM.

3.2. Analisa Kebutuhan

Pada tahap analisa kebutuhan penulis mencoba menganalisa dua kebutuhan

yaitu kebutuhan fungsional dan kebutuhan non fungsional. Tujuan dari analisis

kebutuhan adalah untuk memberi kenyamanan pengguna dalam mengakses web dan

untuk kelancaran sistem. Berikut analisa kebutuhan yang digunakan:

A. Analisa Kebutuhan Fungsional

Terdapat dua kebutuhan dalam Analisa kebutuhan fungsional yaitu sebagai

berikut:

1. Analisa Kebutuhan Pengguna

Dalam website Sistem Informasi Geografis UMKM pada Dinas Perdagangan,

Koperasi dan UKM Kabupaten Tegal terdapat tiga pengguna yang saling

berinteraksi dalam sistem yaitu admin, member dan pengunjung. Ketiga

pengguna tersebut memiliki interaksi dan kebutuhan dengan sistem yang

berbeda-beda.

a. Hak Akses Admin

1) Admin dapat mengelola tampilan web admin dan pengunjung.

32

2) Admin dapat mengelola manajemen data seperti data Admin, data

UMKM, data berita, data jenis usaha, data galeri, data inbox dan data

laporan.

b. Hak Akses Member/User

1) User dapat melakukan login dengan memasukan username dan

password yang telah terdaftar.

2) User dapat melakukan pendaftaran pada menu daftar UMKM.

3) User dapat melengkapi data pribadi pada halaman menu profil member.

c. Hak Akses Visitor atau Pengunjung

1) Visitor hanya dapat melihat halaman menu beranda, tentang, berita,

galeri, cari UMKM dan kontak.

2) Visitor dapat melakukan pencarian UMKM berdasarkan nama dan

alamat UMKM dalam menu cari UMKM.

3) Visitor dapat mengirimkan pengaduan kritik atau saran pada halaman

menu kontak.

2. Analisa Kebutuhan Sistem

a. Sistem menyediakan form login untuk Admin dan Member/User.

b. Sistem menyediakan menu beranda, menu tentang, menu cari UMKM,

menu galeri, menu daftar UMKM, dan menu kontak.

c. Pada menu data admin, data UMKM, menu jenis usaha, menu galeri dan

menu berita sistem menyediakan tombol action untuk menambahkan,

mengubah, dan menghapus data yang ada.

d. Pada menu inbox terdapat tombol action untuk melihat dan menghapus data

inbox yang ada.

e. Sistem menyediakan laporan data UMKM per-wilayah di Kabupaten Tegal.

33

f. Sistem menyediakan laporan UMKM per-jenis usaha di Kabupaten Tegal.

g. Sistem dapat menyediakan informasi data UMKM dalam bentuk GIS.

B. Analisa Kebutuhan Non Fungsional

Kebutuhan non fungsional untuk website Sistem Informasi Geografis UMKM

pada Dinas Perdagangan, Koperasi dan UKM Kabupaten Tegal merupakan

spesifikasi komputer yang berupa perangkat keras maupun perangkat lunak. Berikut

spesifikasinya:

1. Kebutuhan Perangkat Keras (Hardware)

Perangkat keras yang dibutuhkan dalam membuat website SIG UMKM pada

Dinas Perdagangan, Koperasi dan UKM Kabupaten Tegal yaitu:

a. Satu unit PC atau Laptop

b. Mouse wireless PS/2 1 PC

c. Keyboard Standard PS/2

d. Monitor 14 Inch

e. Printer 1 PC

f. Koneksi internet

g. Hosting

2. Kebutuhan Perangkat Lunak (Software)

Perangkat lunak yang digunakan dalam membuat website ini yaitu:

a. Sistem Operasi : Windows 8 Pro 32-bit

b. Web Server : Apache

c. Editor Web : Sublime Text

d. Pengolah Database : MySQL

e. Web Browser : Mozilla Firefox dan Google Chrome

f. Software Pendukung: Microsoft Visio 2010

34

3.3. Rancangan Dokumen

A. Rancangan Dokumen Masukan (input)

Menguraikan secara rinci setiap rancangan dokumen masukan yang

digunakan dalam sistem dengan uraian parameter-parameter dokumen tersebut

dengan parameter-parameter dokumennya sebagai berikut:

1. Nama Dokumen : Formulir Pendaftaran Member UMKM

Fungsi : Mengisi identitas diri

Sumber : Penduduk/calon member

Tujuan : Staff UMKM

Media : Kertas

Jumlah : 1 Lembar

Frekuensi : Setiap melakukan pendaftaran

Bentuk : Lihat Lampiran A.1

B. Rancangan Dokumen Keluaran (output)

Menguraikan secara rinci setiap rancangan dokumen masukan yang

digunakan dalam sistem dengan uraian parameter-parameter dokumen tersebut

dengan parameter-parameter dokumennya sebagai berikut:

1. Nama Dokumen : Laporan UMKM Per-Wilayah

Fungsi : Untuk informasi UMKM per-wilayah

Sumber : Staff UMKM

Tujuan : Kepala Dinas

Media : Kertas

Jumlah : 1 Lembar

Frekuensi : Setiap bulan

Bentuk : Lihat Lampiran B.1

35

2. Nama Dokumen : Laporan UMKM Per-Jenis Usaha

Fungsi : Untuk informasi UMKM per-jenis usaha

Sumber : Staff UMKM

Tujuan : Kepala Dinas

Media : Kertas

Jumlah : 1 Lembar

Frekuensi : Setiap bulan

Bentuk : Lihat Lampiran B.2

3.4. Rancangan Antar Muka

Rancangan antar muka merupakan segala sesuatu yang berhubungan dengan

desain tampilan yang akan diterapkan dalam sebuah pembuatan projek dengan

memperhatikan unsur kenyamanan pengguna baik itu admin, member ataupun

pengunjung.

1. Rancangan Antar Muka Halaman Login Admin

Merupakan halaman yang berfungsi untuk masuk ke dalam halaman admin dan

sekaligus untuk melindungi halaman admin dari pengguna yang tidak

berkepentingan masuk. Terdapat form dengan ketentuan username dan

password dengan satu tombol yaitu sign in untuk masuk ke dalam sistem.

Rancangan dapat dilihat pada Gambar III.2. Rancangan Antar Muka Halaman

Login Admin.

36

Footer

Foto

logo

SIG UMKM

KABUPATEN TEGAL

Login Admin

Username

Password

SIGN IN

Gambar III.2.

Rancangan Antar Muka Halaman Login Admin

2. Rancangan Antar Muka Halaman Beranda Admin

Merupakan tampilan utama dari halaman admin setelah admin berhasil

melakukan login. Halaman Beranda Admin memungkinkan pengguna untuk

mengakses menu-menu yang ada dalam sistem. Dalam halaman Beranda ini

pada bagian kiri nama SIG UMKM, foto admin, dan menu yang meliputi menu

beranda, data admin, data UMKM, jenis usaha, berita, galeri, image slider,

inbox, info kontak dan laporan. Pada pojok kanan atas terdapat nama admin dan

logout. Serta konten berada di sebelah kanan menu. Rancangan dapat dilihat

pada Gambar III.3. Rancangan Antar Muka Halaman Beranda Admin.

37

foto

SIG UMKM Nama admin =

Beranda

Laporan

Footer

PETA

LOG OUT

Selamat datang Nila Nur Indahsari

Nama admin

Admin

Info Contact

Inbox

Data UMKM

Jenis Usaha

Galeri

Image Slider

Artikel Berita

>

Gambar III.3.

Rancangan Antar Muka Halaman Beranda Admin

3. Rancangan Antar Muka Data Admin

Merupakan halaman yang berfungsi menampilkan data admin yang terdapat

pada sistem, dalam menu data admin terdapat tombol untuk menambahkan,

mengubah dan menghapus data yang terdapat dalam menu data admin.


Data Admin.

foto


Beranda

Laporan

Footer

Nama admin

+ Add New

Foto Username Jenis Kelamin Level Aksi

xxx xxx xxx Hapus/Editxxx

xxx xxx xxx xxx Hapus/Edit

xxx xxx xxx Hapus/Edit

Nama

xxx

xxx

xxx xxx

Artikel Berita

Admin

Info Contact

Inbox

Data UMKM

Jenis Usaha

Galeri

Image Slider

>

Gambar III.4.

Rancangan Antar Muka Data Admin

38

4. Rancangan Antar Muka Halaman Jenis Usaha

Rancangan antar muka pada menu jenis usaha digunakan untuk menampilkan

jenis usaha UMKM, dalam menu jenis usaha terdapat tombol untuk

menambahkan, mengubah dan menghapus data yang ada. Rancangan dapat

dilihat pada Gambar III.5. Rancangan Antar Muka Halaman jenis usaha.

logo

SIG UMKM

Beranda

Artikel Berita

Image Slider

Galeri

Jenis Usaha

Data UMKM

Inbox

Laporan

Footer

+ Add New

No Jenis Usaha Aksi

xxx Edit/HapusX

xxx

xxx

X

X Edit/Hapus

Edit/Hapus

Nama admin =

Nama admin

Info Contact

Admin

>

Gambar III.5.

Rancangan Antar Muka Halaman Jenis Usaha

5. Rancangan Antar Muka Halaman Data UMKM

Rancangan antar muka pada menu Data UMKM digunakan untuk

menampilkan data-data UMKM, dalam menu ini terdapat tombol untuk

menambahkan, mengubah dan menghapus UMKM yang ada. Data UMKM

digunakan untuk pencarian UMKM pada halaman pengunjung. Rancangan

dapat dilihat pada Gambar III.6. Rancangan Antar Muka Halaman Data

UMKM.

39

logo

SIG UMKM

Beranda

Artikel Berita

Image slider

Galeri

Jenis Usaha

Data UMKM

Inbox

Laporan

Footer

+ Add New

No Nama Aksi

xxx Hapus/Edit111

xxx

xxx

xxx

xxx

111

111 Hapus/Edit

Hapus/Edit

Nama admin =

Nama admin

Admin

Info Contact

>

xxx

Alamat

Gambar III.6.

Rancangan Antar Muka Halaman Data UMKM

6. Rancangan Antar Muka Halaman Berita

Rancangan antar muka halaman Berita digunakan untuk menampilkan data-

data berita yang akan di tampilkan pada halaman pengunjung, dalam menu

berita terdapat tombol untuk menambahkan, mengubah dan menghapus data

yang ada pada menu berita. Rancangan dapat dilihat pada Gambar III.7.

Rancangan Antar Muka Halaman Berita.

logo

Beranda

Artikel Berita

Image Slider

Galeri

Jenis Usaha

Data UMKM

Inbox

Laporan

Footer

Gambar

SIG UMKM

Judul Tanggal Aksi

xxx xxx xxx Edit/hapus

xxx xxx xxx Edit/hapus

+ Add New

Nama admin

Nama admin =

Admin

Info Contact

>

Gambar III.7.

Rancangan Antar Muka Halaman Berita

40

7. Rancangan Antar Muka Halaman Inbox

Rancangan antar muka pada menu halaman inbox berfungsi untuk

menampilkan pesan yang masuk dari user/visitor melalui menu kontak yang

ada pada website, dalam menu inbox terdapat tombol untuk melihat dan

menghapus data yang ada. Rancangan dapat dilihat pada Gambar III.8.

Rancangan Antar Muka Halaman Inbox.

logo

Beranda

Artikel Berita

Image Slider

Galeri

Jenis Usaha

Data UMKM

Inbox

Laporan

Footer

No Tanggal

SIG UMKM

Email subject Status Aksi

xxx xxx xxx xxx Lihat/hapus9

9 xxx xxx xxx xxx Lihat/hapusxxx

xxx

Nama

search

Nama admin =

Nama admin

Admin

Info Contact

>

Gambar III.8.

Rancangan Antar Muka Halaman Inbox

8. Rancangan Antar Muka Halaman Info Kontak

Rancangan antar muka pada menu info kontak berfungsi untuk admin mengedit

keterangan kontak pada halaman frontend kontak. Rancangan dapat dilihat

pada Gambar III.9. Rancangan Antar Muka Halaman Info Kontak.

41

foto


Beranda

Laporan

Footer

Nama admin

Edit

Sistem Informasi Geografis Dinas UMKM Kab. Tegal

Jika ada pertanyaan seputar Usaha Mikro Kecil dan Menengah (UMKM) di wilayah

Kabupaten Tegal silakan isi form kontak kami.

Alamat: Alamat: Jl. Prof. M. Yamin 4 Slawi Kab. Tegal, Indonesia

Phone: (0283) 491538

E-Mail

[email protected]

Admin

Info Contact

Inbox

Data UMKM

Jenis Usaha

Galeri

Image Slider

Artikel Berita

>

Gambar III.9.

Rancangan Antar Muka Halaman Info Kontak

9. Rancangan Antar Muka Halaman Image Slider

Rancangan antar muka pada menu image slider berfungsi untuk admin

mengedit foto dan keterangan pada slider halaman frontend menu beranda,

dalam menu image slider terdapat tombol untuk melihat dan menghapus data

yang ada. Rancangan dapat dilihat pada Gambar III.10. Rancangan Antar Muka

Halaman Image Slider.

foto


Beranda

Artikel Berita

Image Slider

Galeri

Jenis Usaha

Data UMKM

Inbox

Laporan

Footer

NoNama admin Gambar Caption 1 Caption 2 Caption 3 Aksi

x

x

x

xxx

xxx

xxx

xxx

xxx

xxx

xxx

xxx

xxx

xxx

xxx

xxx

Edit/Hapus

Edit/Hapus

Edit/Hapus

+ Add New

Admin

Info Contact

>

Gambar III.10.

Rancangan Antar Muka Halaman Image Slider

42

10. Rancangan Antar Muka Halaman Galeri

Rancangan antar muka pada menu galeri berfungsi untuk admin menambahkan

foto-foto UMKM yang ada di Kabupaten Tegal. dalam menu galeri terdapat

tombol untuk melihat dan menghapus data yang ada. Rancangan dapat dilihat

pada Gambar III.11. Rancangan Antar Muka Halaman Galeri.

logo

SIG UMKM

Beranda

Artikel Berita

Image Slider

Galeri

Jenis Usaha

Data UMKM

Inbox

Laporan

Footer

+ Add New

No Judul Foto Aksi

xxx Edit/HapusX

xxx

xxx

X

X Edit/Hapus

Edit/Hapus

Nama admin =

Nama admin

Info Contact

Admin

xxx

xxx

xxx

Images

>

Gambar III.11.

Rancangan Antar Muka Halaman Galeri

11. Rancangan Antar Muka Halaman Laporan Per-jenis usaha

Rancangan antar muka pada halaman Laporan berfungsi untuk menampilkan

laporan data UMKM per-jenis usaha yang dapat dicetak. Rancangan dapat dilihat

pada Gambar III.12. Rancangan Antar Muka Halaman Laporan Per-jenis usaha.

43

logo

SIG UMKM

Beranda

Artikel Berita

Image slider

Galeri

Jenis Usaha

Data UMKM

Inbox

Laporan

Footer

No Nama UMKM Produk

xxx xxxxx

Alamat

xxx

xxx

xxx

xxx

xxx

x

x

Jenis Usaha

xxx

xxx

xxx xxx

xxxx

Nama admin =

Nama admin

Admin

Info Contact

Per Jenis Usaha

Per wilayah

> JENIS USAHA :

Tampilkan Cetak

V

Search :

Gambar III.12.

Rancangan Antar Muka Halaman Laporan Per-jenis usaha

12. Rancangan Antar Muka Halaman Laporan Per-wilayah

Rancangan antar muka pada halaman Laporan berfungsi untuk menampilkan

laporan data UMKM per-wilayah yang dapat dicetak. Rancangan dapat dilihat

pada Gambar III.13. Rancangan Antar Muka Halaman Laporan Per-wilayah.

logo

SIG UMKM

Beranda

Artikel Berita

Image slider

Galeri

Jenis Usaha

Data UMKM

Inbox

Laporan

Footer

No Nama UMKM Produk

xxx xxxxx

Alamat

xxx

xxx

xxx

xxx

xxx

x

x

Jenis Usaha

xxx

xxx

xxx xxx

xxxx

Nama admin =

Nama admin

Admin

Info Contact

Per Jenis Usaha

Per wilayah

> Kecamatan

Tampilkan Cetak

V

Search :

Kelurahan V

Kecamatan Kelurahan

xxxx

xxxx

xxxx

xxxx

xxxx

xxxx

Gambar III.13.

Rancangan Antar Muka Halaman Laporan Per-wilayah

44

13. Rancangan Antar Muka Halaman Beranda Visitor

Rancangan antar muka pada Halaman Beranda atau sering disebut sebagai

halaman index atau halaman yang pertama kali tampil dari semua halaman

website yang disediakan ketika kita memasukan alamat website ke dalam

browser. Pada halaman ini terdapat logo dan menu seperti Beranda, Tentang,

Berita, Galeri, Cari UMKM, Daftar UMKM, dan Kontak. Rancangan dapat

dilihat pada Gambar III.14. Rancangan Antar Muka Halaman Beranda

Pengunjung.

Footer

Slide show gambar

Daftarkan

UMKM Anda

logo

Beranda

SELAMAT DATANG

Dinas Perdagangan Koperasi dan UKM

Kabupaten Tegal

Alamat Kontak

Tentang Berita Galeri Daftarkan UMKM Kontak

DAFTAR

PETA

BERITA BERITA BERITA

Cari UMKM

Gambar III.14.

Rancangan Antar Muka Halaman Beranda Visitor

14. Rancangan Antar Muka Halaman Tentang

Rancangan antar muka pada Halaman Tentang berisikan mengenai informasi

website SIG UMKM Kabupaten Tegal. Rancangan dapat dilihat pada Gambar

III.15. Rancangan Antar Muka Halaman Tentang.

45

Footer

logo

Beranda Tentang Berita Cari UMKM Kontak

Alamat Kontak

Daftarkan UMKMGalery

Logo

Deskripsi

Gambar III.15.

Rancangan Antar Muka Halaman Tentang

15. Rancangan Antar Muka Halaman Berita

Rancangan antar muka pada Halaman Berita berisi tentang berita-berita seputar

UMKM yang terdapat di Kabupaten Tegal. Rancangan dapat dilihat pada

Gambar III.16. Rancangan Antar Muka Halaman Berita.

Footer

logo

Beranda

gambar

gambar

deskripsi

Alamat Kontak


deskripsi

Cari UMKM

Gambar III.16.

Rancangan Antar Muka Halaman Berita

46

16. Rancangan Antar Muka Halaman Cari UMKM

Rancangan antar muka pada Halaman Cari UMKM berfungsi untuk pencarian

data dan lokasi UMKM yang ada di Kabupaten Tegal. Rancangan dapat dilihat

pada Gambar III.17. Rancangan Antar Muka Halaman Cari UMKM.

Footer

logo

Beranda

Show

Alamat Kontak

Daftar UMKM di Wilayah Kabupaten Tegal

Tentang Cari UMKM Galeri Daftarkan UMKM Kontak

10 v entries Search

NO

1

NAMA UMKM ALAMAT AKSI

xxxxxxxxxxxxx xxxxxxxxxxxx Lihat Peta

Berita

Gambar III.17.

Rancangan Antar Muka Halaman Cari UMKM

17. Rancangan Antar Muka Halaman Lihat Peta

Rancangan antar muka pada Halaman Lihat Peta berfungsi untuk menampilkan

peta dan informasi data UMKM yang ada di Kabupaten Tegal. Rancangan

dapat dilihat pada Gambar III.18. Rancangan Antar Muka Lihat Peta.

47

Footer

logo

Beranda

Alamat Kontak

Tentang Berita Galeri Daftarkan UMKM KontakCari UMKM

Profil UMKM

Data Keterangan

Kelurahan

Alamat

No Telp

Kecamatan

Nama pemilik

Nama UMKM

Jenis usaha

produk

PETA

Gambar III.18.

Rancangan Antar Muka Halaman Lihat Peta

18. Rancangan Antar Muka Halaman Galeri

Rancangan antar muka pada Halaman Galeri berfungsi untuk menampilkan

foto-foto UMKM yang ada pada Dinas Perdagangan Koperasi dan UKM

Kabupaten Tegal. Rancangan dapat dilihat pada Gambar III.19. Rancangan

Antar Muka Halaman Galeri.

Footer

logo

Beranda

Alamat Kontak


foto foto foto foto foto

Gambar III.19.

Rancangan Antar Muka Halaman Galeri

48

19. Rancangan Antar Muka Halaman Daftar UMKM

Rancangan antar muka pada Halaman Daftar UMKM berfungsi jika penduduk

ingin mendaftarkan UMKM nya pada website Dinas Perdagangan, Koperasi

dan UKM Kabupaten Tegal. Rancangan dapat dilihat pada Gambar III.20.

Rancangan Antar Muka Halaman Daftar UMKM.

Footer

logo

Beranda

PENDAFTARAN UMKM KABUPATEN TEGAL

Nama UMKM :

Alamat ;

Alamat Kontak

SIMPAN


Nama umkm

alamat

Cari UMKM

email

PasswordPassword :

Email :

KEMBALI

Gambar III.20.

Rancangan Antar Muka Halaman Daftar UMKM

20. Rancangan Antar Muka Halaman Login Member

Rancangan antar muka pada Halaman Login Member merupakan halaman

login sebelum user atau member melengkapi data pendaftaran UMKM.


Login Member.

49

Footer

logo

Beranda

LOGIN MEMBER

Alamat Kontak

LOGIN


email

PasswordPassword :

Email :

DAFTAR

Gambar III.21.

Rancangan Antar Muka Halaman Login Member

21. Rancangan Antar Muka Halaman Profil Member

Halaman profil member berfungsi untuk melengkapi data-data pendaftaran

UMKM setelah member berhasil login. Rancangan dapat dilihat pada Gambar

III.22. Rancangan Antar Muka Halaman Profil Member.

Footer

logo

Alamat Kontak

Beranda Profil Logout

DATA PROFIL PENGGUNA

Nama

email

password

next

Berita Galeri

Gambar III.22.

Rancangan Antar Muka Halaman Profil Member

50

22. Rancangan Antar Muka Halaman Kontak

Halaman Kontak berfungsi untuk membantu pengunjung mencari info kontak

Dinas Perdagangan, Koperasi dan UKM Kabupaten Tegal. Pengunjung juga

dapat mengirim kritik dan saran kepada Dinas Perdagngan Koperasi dan UKM

yang telah disediakan di dalam menu kontak. Rancangan dapat dilihat pada

Gambar III.23. Rancangan Antar Muka Halaman Kontak.

Footer

logo

Beranda

CONTACT

Jika ada pertanyaan seputar UMKM

di wilayah kab. Tegal silahkan isi

form kontak kami.

Alamat : Jl. Prof. M. Yamin 4 slawi

Kab tegal, indonesia

(0283) 491538

[email protected]

Nama

Alamat Kontak

SEND


email

subject

Write you message

Cari UMKM

Gambar III.23.

Rancangan Antar Muka Halaman Kontak

51

3.5. Entity Relationship Diagram

Berikut adalah ERD (Entity Relationship Diagram) pada database web ini:

UMKM

Admin

Memiliki

Mengelola

Jenis Usaha

Mempunyai Galeri

Memiliki

Berita

Kecamatan

Mempunyai

Memiliki Kelurahan

id_kecamatan nama_kecamatan

id_kecamatan

nama_kelurahan

id_kelurahan

id_jenis

nama_jenis

telp_UMKM

nama_pemilik

badan_usaha

produk

penghasilan

alamat_UMKM

nama_umkm

id_umkm

photo

id_kecamatan

id_kelurahan

jml_karyawan

latitude

email_UMKM

longtitude

berita_tanggal

berita_isi

id_berita

nama_admin

berita_gambar id_admin

berita_judul

MengelolaKontak

id_galeri

fotojudul

alamatdes

telp

email

kd_kontak

Inbox

inbox_email inbox_subject

inbox_nama

inbox_status

inbox_pesan

inbox_id

inbox_tanggal

password

id_admin

admin_level

id_adminnama_admin

admin_jenkel

admin_username

admin_password

admin_photo

id_admin

id_jenisSlider

gambar

caption_2

caption_3

kd_gambar

caption_1

id_admin

id_admin

id_admin

Gambar III.24.

Entity Relationship Diagram

52

3.6. LRS (Logical Record Structure)

Berikut Struktur LRS (Logical Record Structure) pada database web ini:

id_umkm

id_jenis

id_admin

id_kecamatan

id_kelurahan

nama_umkm

alamat_UMKM

telp_UMKM

nama_pemilik

badan_usaha

produk

penghasilan

jml_karyawan

latitude

longtitude

photo

email_UMKM

Password

umkm

id_admin

nama_admin

admin_jenkel

admin_username

admin_password

admin_level

admin_photo

admin

id_berita

id_admin

berita_judul

berita_isi

berita_tanggal

berita_gambar

nama_admin

berita

id_galeri

id_admin

judul

foto

galeri

id_jenis

nama_jenis

jenis usaha

id_kecamatan

nama_kecamatan

kecamatan

id_kelurahan

id_kecamatan

nama_kelurahan

kelurahan

kd_kontak

id_admin

des

alamat

telp

email

kontak

11 1

1

1

M

M

M

M

11

M

MM

1

inbox_id

inbox_nama

inbox_email

inbox_subject

inbox_pesan

inbox_status

inbox_tanggal

id_admin

inbox

kd_gambar

id_admin

gambar

caption_1

caption_2

capion_3

slider

1

1

M

M

1

Gambar III.25.

Logical Record Structure

3.7. Spesifikasi File

Menjelaskan tentang file atau tabel-tabel yang terbentuk dari transformasi

ERD dan LRS yang tersimpan dalam database. Dalam pembuatan website ini

menggunakan satu database dengan nama db_sigumkm.sql.

1. Spesifikasi File Admin

Nama File : Tabel Admin

Akronim : admin

Fungsi : Menyimpan data admin

Tipe File : File Master

Organisasi File : Index Sequential

Akses File : Random

53

Media : Hard Disk

Panjang record : 161 Byte

Kunci Field : id_admin

Software : MySQL

Tabel III.1.

Spesifikasi File Admin

No Elemen Data Akronim Tipe Panjang Keterangan

1. Identitas

Admin

id_admin int 11 Primary

Key

2. Nama Admin nama_admin varchar 40

3. Jenis kelamin admin_jenkel varchar 2

4. Username admin_username varchar 30

5. password admin_password varchar 35

6. Level admin_level varchar 3

7. Photo admin_photo varchar 40

2. Spesifikasi File Berita

Nama File : Tabel Berita

Akronim : berita

Fungsi : Menyimpan data berita



Akses File : Random

Media : Hard Disk


Kunci Field : id_berita

Software : MySQL

54

Tabel III.2.

Spesifikasi File Berita


1. Identitas

berita

id_berita int 11 Primary Key

2. Identitas

admin

id_admin int 11 Foreign Key

3. Judul berita berita_judul varchar 100

4. Isi berita berita_isi longtext

5. Tanggal

berita

berita_tanggal timestamp

6. Gambar berita_gambar varchar 40

7. Nama admin nama_admin varchar 40

3. Spesifikasi File Jenis Usaha

Nama File : Tabel Jenis Usaha

Akronim : Jenis Usaha

Fungsi : Menyimpan data jenis usaha



Akses File : Random

Media : Hard Disk


Kunci Field : id_jenis

Software : MySQL

Tabel III.3.

Spesifikasi File Jenis Usaha


1. Identitas jenis

usaha

id_jenis int 11 Primary Key

2. Nama jenis usaha nama_jenis varchar 100

55

4. Spesifikasi File Kecamatan

Nama File : Tabel Kecamatan

Akronim : kecamatan

Fungsi : Menyimpan data kecamatan



Akses File : Random

Media : Hard Disk


Kunci Field : id_kecamatan

Software : MySQL

Tabel III.4.

Spesifikasi File Kecamatan


1. Identitas Kecamatan id_kecamatan int 11 Primary

Key

2. Nama Kecamatan nama_kecamatan varchar 50

5. Spesifikasi File Kelurahan

Nama File : Tabel kelurahan

Akronim : kelurahan

Fungsi : Menyimpan data kelurahan



Akses File : Random

Media : Hard Disk


56

Kunci Field : id_kelurahan

Software : MySQL

Tabel III.5.

Spesifikasi File Kelurahan


1. Identitas Kelurahan id_kelurahan int 11 Primary Key

2. Identitas Kecamatan id_kecamatan int 11 Foreign Key

3. Nama Kelurahan nama_kelurahan varchar 50

6. Spesifikasi File UMKM

Nama File : Tabel UMKM

Akronim : UMKM

Fungsi : Menyimpan data UMKM

Tipe File : File transaksi


Akses File : Random

Media : Hard Disk


Kunci Field : id_umkm

Software : MySQL

Tabel III.6.

Spesifikasi File UMKM


1. Identitas UMKM id_umkm varchar 10 Primary

Key

2. Identitas jenis

usaha

id_jenis int 11 Foreign

Key

3. Identitas

Kecamatan

id_kecamatan int 11 Foreign Key

4. Identitas

Kelurahan

id_kelurahan int 11

57

5. Identitas admin id_admin int 11 Foreign Key

6. Nama UMKM nama_umkm varchar 100

7. Alamat alamat_UMKM varchar 100

8. Telepon telp_UMKM varchar 13

9. Nama Pemilik nama_pemilik varchar 30

10. Badan usaha badan_usaha varchar 50

11. Produk produk varchar 50

12. Penghasilan penghasilan varchar 30

13. Jumlah karyawan jml_karyawan int 11

14. Latitude latitude text

15. Longtitude longtitude text

16. Photo photo varchar 40

17. Email email_UMKM varchar 35

18. Password password varchar 35

7. Spesifikasi File Galeri

Nama File : Tabel Galeri

Akronim : galeri

Fungsi : Menyimpan foto galeri



Akses File : Random

Media : Hard Disk


Kunci Field : id_galeri

Software : MySQL

Tabel III.7.

Spesifikasi File Galeri


1. Identitas galeri id_galeri int 11 Primary Key


3. Judul judul varchar 50

4. Foto foto varchar 40

58

8. Spesifikasi File Inbox

Nama File : Tabel inbox

Akronim : Inbox

Fungsi : Menyimpan pesan masuk

Tipe File : File master


Akses File : Random

Media : Hard Disk


Kunci Field : inbox_id

Software : MySQL

Tabel III.8.

Spesifikasi File Inbox


1. Identitas Inbox inbox_id int 11 Primary

Key

2. Indentitas Nama inbox_nama varchar 40


4. Email inbox_email varchar 35

5. Subject inbox_subject varchar 100

6. Pesan inbox_pesan text

7. Status inbox_status int 11

8. Tanggal inbox_tanggal timestamp

9. Spesifikasi File Slider

Nama File : Tabel Slider

Akronim : Slider

Fungsi : Menyimpan data foto slide show



59

Akses File : Random

Media : Hard Disk


Kunci Field : kd_gambar

Software : MySQL

Tabel III.9.

Spesifikasi File Slider


1. Identitas Gambar kd_gambar int 11 Primary

Key


3. Gambar gambar varchar 40

4. Caption 1 caption_1 varchar 100



10. Spesifikasi File Kontak

Nama File : Tabel Kontak

Akronim : Kontak

Fungsi : Menyimpan data kontak



Akses File : Random

Media : Hard Disk


Kunci Field : kd_kontak

Software : MySQL

60

Tabel III.10.

Spesifikasi File Kontak


1. Identitas Kontak kd_kontak int 11 Primary

Key


3. Deskripsi des text

4. Alamat alamat text

5. Telepon telp text

6. Email email text

3.8. Pengkodean

Dalam pembahasan mengenai pengkodean terdapat beberapa kode yang akan

dibahas dalam website Sistem Informasi Geografis UMKM Kabupaten Tegal adalah

sebagai berikut:

1. Id UMKM

Setiap UMKM memiliki id masing-masing untuk membedakan antara jenis-

jenis UMKM yang ada di Kabupaten Tegal yang terdapat pada sistem.

Diantaranya terdiri dari:

A A A A - 9 9 9 9

Identitas UMKM No Urut

Gambar III.26.

Struktur Pengkodean Id UMKM

61

Contoh :

U M K M - 0 0 0 1

Identitas UMKM No Urut

Gambar III.27.

Contoh Struktur Pengkodean Id UMKM

Ket :

UMKM = Untuk Identitas Usaha Mikro Kecil dan Menengah

0001 = Adalah nomor urut 1

3.9. Spesifikasi Program

A. Use Case Diagram

Use case menggambarkan kegiatan yang terdapat dalam sistem, apa yang

terjadi dalam sistem dan siapa yang melakukan kegiatan tersebut. Adapun use case

diagram dapat dilihat pada Gambar III.28.

62

Gambar III.28.

Use Case Diagram

B. Activity Diagram

Seluruh kegiatan dalam sistem informasi geografis pemetaan UMKM

Kabupaten Tegal digambarkan dengan activity diagram sebagai berikut:

uc use_case

Member

Admin

melakukan login

mengelola data

UMKM

mengelola data

admin

mengelola data

jenis usaha

mengelola data

berita

melakukan daftar

UMKM

mengelola inbox

mengelola profil

member

melihat berita

pencarian UMKM

mengirim

pesan kontak

mengelola galeri

melakukan logout

mengelola laporan

UMKM

mengelola info

kontak

63

1. Activity Diagram Login Member/Admin

Gambar III.29.

Activity Diagram Login Member/Admin

act activ ity_loginadmin_user

Sistemmember/admin

mulai

memasukan username

memv alidasi username

& password

memv alidasi menu

utama

selesai

memasukan password

valid?

menu utama adminmenu utama member

YA

64

2. Activity Diagram Data Admin

Gambar III.30.

Activity Diagram Data Admin

act activ ity_dataadmin

sistemadmin

mulai

buka form data adminmenampilkan form data

admin

pilih?

hapus data

admin

memproses

penyimpanan

selesai

edit data

admin

menampilkan data

admin

melakukan input data

admin

tambah data

admin

YA

65

3. Activity Diagram Data UMKM

Gambar III.31.

Activity Diagram Data UMKM

act act Admin Mengelola Data umkm

SistemAdmin

Mulai

Memilih mengelola data

umkm

Memproses data umkm

Menampilkan data umkmMelakukan pengolahan

data umkm

Tambah data

umkm

Ubah data

umkm

Hapus data

umkm

Memproses data

umkm

Menampilkan data

umkm

Selesai

Setelah melakukan pengolahan data umkm?

pilih aksi?

66

4. Activity diagram Data Berita

Gambar III.32.

Activity Diagram Data Berita

act activ ity_databerita

sistemadmin

mulai

buka form data beritamenampilkan form data

berita

pilih?

hapus data

berita

memproses

penyimpanan

selesai

edit data berita

menampilkan data

berita

melakukan input data

berita

tambah data

berita

YA

67

5. Activity Diagram Data Jenis Usaha

Gambar III.33.

Activity Diagram Jenis Usaha

act activ ity_datajenisusaha

admin sistem

mulai

buka form data jenis

usaha

menampilkan form jenis

usaha

tambah edit hapusmenampilkan pesan

konfirmasi penghapusan

data

menghapus data

selesai

YA TIDAK

tampil form edit data

input data yang

diperbaharui

pilih simpan

memperbaharui data

tampil form input

data jenis usaha

input data jenis

usaha

pilih simpan menyimpan data

pilih pilihan yang

tersedia

68

6. Activity Diagram Data Galeri

Gambar III.35.

Activity Diagram Data Galeri

act activ ity_datagaleri

admin sistem

mulai

buka form data galeri menampilkan form galeri

tambah edit hapusmenampilkan pesan

konfirmasi penghapusan

data

menghapus data

selesai

YA TIDAK

tampil form edit data

input data yang

diperbaharui

pilih simpan

memperbaharui data

tampil form input

data galeri

input data galeri

pilih simpan menyimpan data

pilih pilihan yang

tersedia

69

7. Activity Diagram Daftar UMKM

Gambar III.36.

Activity Diagram Daftar UMKM

act activ ity_daftarumkm

sistemmember

mulai

masuk menu pendaftaran

mengisi formulir

pendaftaran

registrasi & v erifikasi

data

memproses

penyimpanan

pendaftaran sukses

pilih cetak formulir

pendaftaran

selesai

YA

TIDAK

mencetak formulir

pendaftaran

70

8. Activity Diagram Laporan

Gambar III.37.

Activity Diagram Laporan

act activ ity_laporan

sistemadmin

mulai

buka form laporan

pilih jenis laporan

mencetak laporan

selesai

menampilkan form

laporan

pilih cetak

laporan jenis

usaha

laporan per

wilayah

masukan jenis

usahamasukan

kecamatan dan

kelurahan

pilih lihatmenampilkan pratinjau

laporan

71

C. Squence Diagram


Kabupaten Tegal digambarkan dengan squence diagram sebagai berikut:

1. Sequence Diagram Login Member/Admin

Gambar III.38.

Sequence Diagram Login Member/Admin

sd sd Login

Member/Admin

MenuLogin

Masukan username()

Masukan Password()

ControlLogin

Validasi username

dan password()

Member Admin

getUsername()

getUsername()

getPassword()

getPassword()

Menu Utama

Admin

Menu Utama

Member

Tampilkan()

Tampilkan()

Tampil()

alt username dan password?

[Ya]

[Tidak]

alt sesuai dengan username dan password admin?

[Ya]

[Tidak]

alt user dan password Member

[Ya]

[Tidak]

72

2. Sequence Diagram Data Admin

Gambar III.38.

Sequence Diagram Data Admin

sd squence_dataadmin

admin

halaman input data

admin

data admin admin

1 : akses hal input data admin

2 : input data admin

3 : set data admin

4 : return data admin

5 : return hal input data admin

6 : tampilkan data admin

73

3. Sequence Diagram Data Berita

Gambar III.39.

Sequence Diagram Data Berita

sd squence_berita

admin

halaman input data

berita

data berita berita

1 : akses hal input data berita

2 : input data berita

3 : set data berita

4 : return data berita

5 : return hal input data berita

6 : tampilkan data berita

7 : edit button

8 : akses hal update berita

9 : update data berita

10 : set data berita


12 : return hal data berita


14 : delete button

15 : akses hal delete berita

16 : delete berita

17 : set data berita


19 : return hal data berita


74

4. Sequence Diagram Data UMKM

Gambar III.40.

Sequence Diagram Data UMKM

sd squence_dataumkm

admin

halaman input data

umkm

data umkm umkm

1 : akses hal input data umkm

2 : input data umkm

3 : set data umkm

4 : return data umkm

5 : return hal input data umkm

6 : tampilkan data umkm

7 : edit button

8 : akses hal update umkm

9 : update data umkm

10 : set data umkm


12 : return hal data umkm


14 : delete button

15 : akses hal delete umkm

16 : delete umkm

17 : set data umkm


19 : return hal data umkm


75

5. Sequence Diagram Data Jenis Usaha

Gambar III.41.

Sequence Diagram Data Jenis Usaha

sd squence_jenisusaha

admin

halaman input data

jenis usaha

data jenis usaha jenis usaha

18 : return data jenis usaha

19 : return hal data jenis usaha

20 : tampilkan data jenis usaha

17 : set data jenis usaha

16 : delete berita

15 : akses hal delete berita

14 : delete button


12 : return hal data jenis usaha


9 : update data jenis usaha

10 : set data jenis usaha

8 : edit button


5 : return hal input jenis usaha


3 : set data berita

2 : input data jenis usaha


1 : akses hal input data jenis usaha

76

6. Sequence Diagram Data Galeri

Gambar III.42.

Sequence Diagram Data Galeri

sd squence_galeri

admin

halaman input data

galeri

data galeri galeri

1 : akses hal input data galeri

2 : input data galeri

3 : set data galeri

4 : return data galeri

5 : return hal input data galeri

6 : tampilkan data galeri

7 : edit button

8 : akses hal update galeri

9 : update data galeri

10 : set data galeri


12 : return hal data galeri


14 : delete button

15 : akses hal delete galeri

16 : delete galeri

17 : set data galeri


19 : return hal data galeri


77

7. Sequence Diagram daftar UMKM

Gambar III.43.

Sequence Diagram Daftar UMKM

sd squence_daftarumkm

admin

menu utama form daftar umkm data umkm umkm

1 : pilih daftar umkm

2 : tampilkan form daftar umkm

3 : masukan nama umkm

4 : masukan email

5 : masukan password

6 : masukan ulangi password

7 : input form pendaftaran(nama, email,

password, ulangi password)

8 : set nama

9 : set email

10 : set password

11 : set ulangi password

12 : return data

13 : return hal form pendaftaran

14 : return hal menu utama

15 : tampilkan menu

utama

78

8. Sequence Diagram Laporan

Gambar III.44.

Sequence Diagram Laporan

D. Class Diagram


Kabupaten Tegal digambarkan dengan class diagram. Adapun class diagram dapat

dilihat pada Gambar III.45.

sd squence_laporan

admin

halaman input data

laporan

data laporan laporan

1 : akses hal input data

galeri

2 : memilih laporan

3 : set data laporan

4 : cetak laporan

5 : return data laporan

6 : return hal input data laporan

7 : tampilkan data laporan

79

Gambar III.45.

Class Diagram

3.10. Spesifikasi Sistem Komputer

Berikut ini adalah spesifikasi perangkat keras dan perangkat lunak yang

dibutuhkan untuk mengimplementasikan aplikasi website sistem informasi geografis

pemetaan UMKM Kabupaten Tegal.

1. Perangkat Keras (Hardware)

a. Processor : Intel(R) Celeron(R) CPU N2840 @ 2.16 GHz

b. Memory : 2 GB

c. Hard Disk : 160 GB

d. Monitor : 14 Inch

e. Keyboard : Standard PS/2

f. Koneksi internet 2Mbps

class class_diagram

UMKM

- alamat_UMKM: varchar(100)

- badan_usaha: varchar(50)

- email_UMKM: varchar(35)

- id_admin: int(11)

- id_jenis: int(11)

- id_kecamatan: int(11)

- id_kelurahan: int(11)

- id_umkm: varchar(10)

- jml_karyawan: int(11)

- latitude: text

- longtitude: text

- nama_pemilik: varchar(30)

- nama_umkm: varchar(100)

- password: varchar(35)

- penghasilan: varchar(30)

- photo: varchar(40)

- produk: varchar(50)

- telp_UMKM: varchar(13)

+ edit()

+ hapus()

+ tambah()

kecamatan

- id_kecamatan*: int(11)

- nama_kecamatan: varchar(50)

kelurahan

- id_kecamatan: int(11)

- id_kelurahan*: int(11)

- nama_kelurahan: varchar(50)

jenis usaha

- id_jenis: int(11)

- nama_jenis: varchar(100)

+ edit()

+ hapus()

+ tambah()

kontak

- alamat: text

- des: text

- email: text

- id_admin: int(11)

- kd_kontak*: int(11)

- telp: text

+ edit()

Admin

- admin_jenkel: varchar(2)

- admin_level: varchar(3)

- admin_password: varchar(35)

- admin_photo: varchar(40)

- admin_username: varchar(30)

- id_admin: int(11)

- nama_admin: varchar(40)

+ kelola inbox()

+ kelola jenis usaha()

+ kelola kontak()

+ kelola slider()

+ kelola tulisan()

+ kelola umkm()

+ login()

inbox

- id_admin: int(11)

- inbox_email: varchar(35)

- inbox_id*: int(11)

- inbox_nama: varchar(40)

- inbox_pesan: text

- inbox_status: int(11)

- inbox_subject: varchar(100)

- inbox_tanggal: timestamp

+ hapus()

+ lihat()

slider

- caption_1: varchar(100)



- gambar: varchar(40)

- id_admin: int(11)

- kd_gambar: int(11)

+ edit()

+ hapus()

+ tambah()

berita

- berita_gambar: varchar(40)

- berita_isi: longtext

- berita_judul: varchar(100)

- berita_tanggal: timestamp

- id_admin: int(11)

- id_berita: int(11)

- nama_admin: varchar(40)

+ edit()

+ hapus()

+ tambah()

1 : M

1 : 1

1 : M

1 : M

1 : M

galeri

- foto: varchar(50)

- id_admin: int(11)

- id_galeri: int(11)

- judul: varchar(50)

+ edit()

+ hapus()

+ tambah()

1 : M

1 : M 1 : M

1 : M

80

2. Perangkat Lunak (Software)

a. Sistem Operasi : Windows 8 Pro 32-bit

b. Web Server : Apache

c. Web Browser : Mozilla Firefox dan Google Chrome

d. Programming Language : PHP 5.4.7

e. Database : MySQL 5.527

f. Text Editor : Sublime Text

3.11. Implementasi

Implementasi dari rancangan antar muka pada Sistem Informasi Geografis

Pemetaan UMKM Kabupaten Tegal adalah sebagai berikut:

1. Halaman Login Admin

Halaman login digunakan untuk masuk ke dalam halaman admin yang harus

mengisi username dan password terlebih dahulu kemudian tekan tombol Login

untuk bisa masuk kedalam sistem. Tampilan dapat dilihat pada Gambar III.46.

Implementasi Halaman Login Admin.

Gambar III.46.

Implementasi Halaman Login Admin

81

2. Halaman Beranda Admin

Halaman Beranda Admin adalah halaman pertama kali yang dapat dilihat

setelah berhasil login admin. Tampilan dapat dilihat pada Gambar III.47.

Implementasi Halaman Beranda Admin.

Gambar III.47.

Implementasi Halaman Beranda Admin

3. Halaman Data Admin

Pada Halaman Menu Data Admin digunakan untuk mengelola data admin,

terdapat menu untuk menambahkan serta menghapus data admin yang ada pada

sistem. Tampilan dapat dilihat pada Gambar III.48. Implementasi Halaman

Data Admin.

82

Gambar III.48.

Implementasi Halaman Data Admin

4. Halaman Data UMKM

Halaman Data UMKM digunakan untuk mengelola data UMKM yang ada di

Kabupaten Tegal untuk dimasukan ke dalam sistem, dalam data UMKM

terdapat menu untuk menambahkan, mengubah dan menghapus data. Tampilan

dapat dilihat pada Gambar III.49. Implementasi Halaman Data UMKM.

Gambar III.49.

Implementasi Halaman Data UMKM

83

5. Halaman Jenis Usaha

Halaman Jenis Usaha digunakan untuk mengelola data jenis-jenis usaha yang

ada di Kabupaten Tegal, dalam halaman jenis usaha terdapat menu untuk

menambahkan serta menghapus data kategori yang ada pada sistem. Tampilan

dapat dilihat pada Gambar III.50. Implementasi Halaman Jenis Usaha.

Gambar III.50.

Implementasi Halaman Jenis Usaha

6. Halaman Berita

Halaman Berita berfungsi untuk mengelola data berita pada sistem, dakam

halaman berita terdapat menu untuk menambah, mangubah, serta menghapus

data berita yang ada. Tampilan dapat dilihat pada Gambar III.51. Implementasi

Halaman Berita.

84

Gambar III.51.

Implementasi Halaman Berita

7. Halaman Image Slider

Halaman Image Slider berfungsi untuk admin mengedit foto dan keterangan

pada slider halaman frontend menu beranda. Tampilan dapat dilihat pada

Gambar III.52. Implementasi Halaman Image Slider.

Gambar III.52.

Implementasi Halaman Image Slider

85

8. Halaman inbox

Halaman Inbox berfungsi untuk menampilkan pesan yang masuk dari

user/visitor melalui menu kontak yang ada pada website. Tampilan dapat

dilihat pada Gambar III.53. Implementasi Halaman Inbox.

Gambar III.53.

Implementasi Halaman inbox

9. Halaman Info Kontak

Halaman Info Kontak berfungsi untuk admin mengedit keterangan info kontak

pada halaman frontend kontak. Tampilan dapat dilihat pada Gambar III.54.

Implementasi Halaman Info Kontak.

Gambar III.54.

Implementasi Halaman Info Kontak

86

10. Halaman Galeri

Halaman Galeri berfungsi untuk admin menambahkan foto-foto UMKM yang

ada di Kabupaten Tegal. Tampilan dapat dilihat pada Gambar III.55.

Implementasi Halaman Galeri.

Gambar III.55.

Implementasi Halaman Galeri

11. Halaman Laporan Per-Jenis usaha

Halaman Laporan berfungsi untuk menampilkan laporan per-jenis usaha yang

ada pada sistem. Laporan tersebut dapat dicetak secara periodik perbulan dan

pertahun. Tampilan dapat dilihat pada Gambar III.56. Implementasi Halaman

Laporan Per-Jenis Usaha.

87

Gambar III.56.

Implementasi Halaman Laporan Per-jenis Usaha

12. Halaman Laporan Per-Wilayah

Halaman Laporan berfungsi untuk menampilkan laporan per-wilayah yang ada

pada sistem. Laporan tersebut dapat dicetak secara periodic perbulan dan

pertahun. Tampilan dapat dilihat pada Gambar III.57. Implementasi Halaman

Laporan Per-Wilayah.

Gambar III.57.

Implementasi Halaman Laporan Per-wilayah

88

13. Halaman Beranda Visitor

Halaman Beranda Visitor merupakan halaman awal ketika pengujung

mengunjungi website SIG UMKM Kabupaten Tegal. Dalam halaman beranda

terdapat menu beranda, menu tentang, menu berita, menu galeri, menu cari

UMKM, menu daftar UMKM, dan menu kontak. Tampilan dapat dilihat pada

Gambar III.58. Implementasi Halaman Beranda Visitor.

Gambar III.58.

Implementasi Halaman Beranda Visitor

14. Halaman Tentang

Halaman Tentang pada user/visitor merupakan halaman yang memberikan

informasi mengenai website SIG UMKM Kabupaten Tegal. Tampilan dapat

dilihat pada Gambar III.59. Implementasi Halaman Tentang.

89

Gambar III.59.

Implementasi Halaman Tentang

15. Halaman Berita

Halaman Berita pada user/visitor merupakan halaman yang memberikan

informasi mengenai berita seputar UMKM yang ada di Kabupaten Tegal.

Tampilan dapat dilihat pada Gambar III.60. Implementasi Halaman Berita.

Gambar III.60.

Implementasi Halaman Berita

90

16. Halaman Cari UMKM

Halaman Cari UMKM berisi pencarian data dan lokasi UMKM berdasarkan

nama dan alamat UMKM. Tampilan dapat dilihat pada Gambar III.61.

Implementasi Halaman Cari UMKM.

Gambar III.61.

Implementasi Halaman Cari UMKM

17. Halaman Lihat Peta

Halaman lihat peta berfungsi menampilkan peta dan informasi data-data umkm

yang ada pada sistem. Tampilan dapat dilihat pada Gambar III.62.

Implementasi Halaman Lihat Peta.

Gambar III.62.

Implementasi Halaman Lihat Peta

91

18. Halaman Galeri

Halaman Galeri pada user/visitor merupakan halaman yang berisi foto-foto

kegiatan UMKM di Kabupaten Tegal. Tampilan dapat dilihat pada Gambar

III.63. Implementasi Halaman Galeri.

Gambar III.63.

Implementasi Halaman Galeri

19. Halaman Daftar UMKM

Halaman Daftar UMKM berfungsi untuk penduduk jika ingin mendaftarakan

UMKM nya pada website SIG UMKM Kabupaten Tegal. Tampilan dapat

dilihat pada Gambar III.64. Implementasi Halaman Daftar UMKM.

92

Gambar III.64.

Implementasi Halaman Daftar UMKM

20. Halaman Login Member

Halaman Login Member merupakan halaman login sebelum user atau member

melengkapi data pendaftaran UMKM. Tampilan dapat dilihat pada Gambar

III.65. Implementasi Halaman Login Member.

Gambar III.65.

Implementasi Halaman Login Member

93

21. Halaman Profil Member

Halaman Profil Member berfungsi untuk melengkapi data-data pendaftaran

UMKM setelah member berhasil login. Tampilan dapat dilihat pada Gambar

III.66. Implementasi Halaman Profil Member.

Gambar III.66.

Implementasi Halaman Profil Member

22. Halaman Kontak

Halaman Kontak berfungsi untuk memudahkan pengunjung dalam

menghubungi Dinas Perdagangan, Koperasi dan UKM Kabupaten Tegal.

Tampilan dapat dilihat pada Gambar III.67. Implementasi Halaman Kontak.

Gambar III.67.

Implementasi Halaman Kontak

94

3.12. Pengujian Unit

Pengujian unit yang dilakukan oleh penulis yaitu menggunakan pengujian

kotak hitam atau black box testing.

1. Pengujian Terhadap Form Login Admin

Tabel III.11.

Hasil Pengujian Black Box Testing Halaman Login Admin

No Skenario

Pengujian

Test Case Hasil yang

diharapkan

Hasil

Pengujian

Kesimpulan

1. Username dan

Password

tidak diisi

kemudian klik

tombol Login

Username:

Kosong

Password:

Kosong

Sistem akan

menolak

akses dan

Field akan

menampilkan

“Username

dan

Password

harus di isi”

Sesuai

Harapan

Valid

2. Username diisi

dan Password

tidak diisi

kemudian klik

tombol Login

Username:

nila

Password:

Kosong

Sistem akan

menolak

akses dan

field akan

menampilkan

“Password

tidak boleh

kosong”

Sesuai

Harapan

Valid

3. Username

tidak diisi dan

Password diisi

kemudian klik

tombol Login

Username:

Kosong

Password:

nila

Sistem akan

menolak

akses dan

field akan

menampilkan

“Username

tidak boleh

Kosong”

Sesuai

Harapan

Valid

4. Username dan

Password diisi

dengan data

yang salah

kemudian klik

Username:

nilanurr

Password:

Nila

Sistem akan

menolak dan

menampilkan

pesan

“Username

Sesuai

Harapan

Valid

95

tombol Login atau

password

salah”

5. Username dan

Password diisi

dengan data

yang benar

kemudian klik

tombol Login

Username:

nila

Password:

Nila

Sistem

menerima

akses login

dan masuk

ke halaman

beranda

admin

Sesuai

Harapan

Valid

2. Pengujian Terhadap Form Admin

Tabel III.12.

Hasil Pengujian Black Box Testing Halaman Admin

No Skenario

Pengujian


diharapkan

Hasil

Pengujian

Kesimpulan

1. Salah satu

atau

beberapa

data tidak

diisi

kemudian

klik tombol

simpan

Id admin :

Otomatis

Nama : Kosong

Jenis Kelamin :

Kosong

Username :

admin

Password :

123456

Confirm

password :

Kosong

Level : Kosong

Sistem akan

menolak

akses dan

muncul

peringatan

“Foto tidak

boleh

kosong”

Sesuai

Harapan

Valid

2. Semua data

diisi dengan

benar

kemudian

klik tombol

simpan

Id admin :

Otomatis

Nama : Nila

Jenis Kelamin :

perempuan

Username :

admin

Password :

123456

Confirm

password :

Sistem akan

menyimpan

data dan

menampilkan

pesan “admin

berhasil

disimpan ke

database”

Sesuai

Harapan

Valid

96

123456

Level:

administrator

3. Pengujian Terhadap Form Jenis Usaha

Tabel III.13.

Hasil Pengujian Black Box Testing Halaman Jenis Usaha

No Skenario

Pengujian


diharapkan

Hasil

Pengujian

Kesimpulan

1. Id Jenis

Usaha dan

Jenis usaha

tidak diisi

kemudian

klik tombol

simpan

Id Jenis Usaha :

Otomatis

Jenis Usaha :

Kosong

Sistem akan

menolak

akses dan

muncul

peringatan

“Jenis Usaha

tidak boleh

kosong”

Sesuai

Harapan

Valid

2. Id Jenis

Usaha diisi

dan Jenis

Usaha diisi

kemudian

klik tombol

simpan

Id Jenis Usaha :

Otomatis

Jenis Usaha :

Industri

Pengolahan

Sistem akan

menyimpan

data dan

menampilkan

halaman data

jenis usaha

Sesuai

Harapan

Valid

4. Pengujian Terhadap Form UMKM

Tabel III.14.

Hasil Pengujian Black Box Testing Halaman UMKM

No Skenario

Pengujian


diharapkan

Hasil

Pengujian

Kesimpulan

1. Salah satu

atau

beberapa

data tidak

diisi

kemudian

klik tombol

simpan

Kode: Otomatis

Nama UMKM:

kosong

Alamat:

paketiban

Nama

kecamatan:

Pangkah

Sistem akan

menolak

akses dan

akan

menampilkan

“Nama

UMKM

tidak boleh

Sesuai

Harapan

Valid

97

Nama kelurahan:

paketiban

No telp : kosong

Penghasilan:

kosong

Produk:

makanan

Jenis usaha:

industry

pengolahan

Nama pemilik:

nila

Jumlah

karyawan:

kosong

Badan usaha:

kosong

Titik koordinat:

kosong

kosong”

2. Semua data

diisi dengan

benar

kemudian

klik tombol

simpan

Kode: Otomatis

Nama UMKM:

CV. Abadi

Alamat umkm :

paketiban

Nama

kecamatan:

Pangkah

Nama kelurahan:

paketiban

No telp :

02309876

Penghasilan:

50.000.000

Produk:

makanan

Jenis usaha:

industry

pengolahan

Nama pemilik:

nila

Jumlah

karyawan: 50

Sistem akan

menyimpan

data dan

menampilkan

halaman data

UMKM

Sesuai

Harapan

Valid

98

Badan usaha: cv

Titik koordinat:

12345

5. Pengujian Terhadap Form Galeri

Tabel III.15.

Hasil Pengujian Black Box Testing Halaman Galeri

No Skenario

Pengujian


diharapkan

Hasil

Pengujian

Kesimpulan

1. Salah satu

atau

beberapa

data tidak

diisi

kemudian

klik tombol

simpan

Id Galeri :

Otomatis

Judul : Kerajinan

Foto : Kosong

Sistem

akan

menolak

akses dan

muncul

peringatan

“Foto

Tidak

boleh

kosong”

Sesuai

Harapan

Valid

2. Semua data

diisi dengan

benar

kemudian

klik tombol

simpan

Id Galeri :

Otomatis

Judul : Kerajinan

Foto : di isi

Sistem

akan

menyimpan

data dan

menampilk

an halaman

data galeri

Sesuai

Harapan

Valid

6. Pengujian Terhadap Form Berita

Tabel III.16.

Hasil Pengujian Black Box Testing Halaman Berita

No Skenario

Pengujian


diharapkan

Hasil

Pengujian

Kesimpulan

1. Salah satu

atau

beberapa

data tidak

diisi

kemudian

klik tombol

Id berita :

Otomatis

Judul : Kerajinan

Foto : Kosong

Isi :Kosong

Sistem

akan

menolak

akses dan

muncul

peringatan

pesan

Sesuai

Harapan

Valid

99

simpan “Foto tidak

boleh

kosong”

2. Semua data

diisi dengan

benar

kemudian

klik tombol

simpan

Id berita :

Otomatis

Judul : Kerajinan

Foto : di isi

Isi : kerajinan

kain

Sistem

akan

menyimpan

data dan

menampilk

an halaman

data berita

Sesuai

Harapan

Valid

7. Pengujian Terhadap Form Login Member/User

Tabel III.17.

Hasil Pengujian Black Box Testing Halaman Login Member/User

No Skenario

Pengujian


diharapkan

Hasil

Pengujian

Kesimpulan

1. Email dan

Password

tidak diisi

kemudian

klik tombol

Login

Email: Kosong

Password:

Kosong

Sistem akan

menolak

akses dan

Field akan

menampilkan

“Harus di isi

dengan

Email”

Sesuai

Harapan

Valid

2. Email diisi

dan

Password

tidak diisi

kemudian

klik tombol

Login

Email:

nila

Password:

Kosong

Sistem akan

menolak

akses dan

field akan

menampilkan

“Password

tidak boleh

kosong”

Sesuai

Harapan

Valid

3. Email tidak

diisi dan

Password

diisi

kemudian

klik tombol

Login

Email:

Kosong

Password:

nila

Sistem akan

menolak

akses dan

field akan

menampilkan

“Harus di isi

dengan

Sesuai

Harapan

Valid

100

Email”

4. Email dan

Password

diisi dengan

data yang

salah

kemudian

klik tombol

Login

Email: nilanurr

Password:

Nila

Sistem akan

menolak dan

menampilkan

pesan

“Username

atau

password

salah”

Sesuai

Harapan

Valid

5. Email dan

Password

diisi dengan

data yang

benar

kemudian

klik tombol

Login

email:

[email protected]

Password:

Nila

Sistem

menerima

akses login

dan masuk ke

halaman

beranda

Member/User

Sesuai

Harapan

Valid

8. Pengujian Terhadap Form Daftar UMKM

Tabel III.18.

Hasil Pengujian Black Box Testing Halaman Daftar UMKM

No Skenario

Pengujian


diharapkan

Hasil

Pengujian

Kesimpulan

1. Salah satu

atau

beberapa

data tidak

diisi

kemudian

klik tombol

simpan

Nama member :

nila

Email :

[email protected]

password :

Kosong

ulangi password

:Kosong

Sistem

akan

menolak

akses dan

muncul

peringatan

“Password

tidak boleh

kosong”

Sesuai

Harapan

Valid

2. Semua data

diisi dengan

benar

kemudian

klik tombol

simpan

Nama member :

nila

Email :

[email protected]

password : 1234

ulangi password

: 1234

Sistem

akan

menyimpan

data dan

menampilk

an halaman

daftar

UMKM

Sesuai

Harapan

Valid

bab iii pembahasan - repository.bsi.ac.id · dinas perdagangan koperasi dan ukm kabupaten tegal...

Documents