BAB III

METODE PENELITIAN

3.1 Tahapan Penelitian

Pengumupulan Data

1. Studi Pustaka
2. Studi Lapangan

Perancangan Basis Data Perancangan Interface

1. Design Database 1. Design Konsep Website

2. Design Relasi 2. Design Tampilan Website

Implementasi

Penerapan Metode Waterfall

Melakukan Pengujian

1. Proses Login
2. Proses Input
3. Proses View
3. Proses Setting
4. Proses Edit
5. Proses Delete

Gambar 3.1 Metode Penelitian

3.2 Metode Pengumpulan Data

1. Study Pustaka

Studi literatur adalah pengumpulan data dengan suatu metode melalui

dengan topik pembahasan sesuai berbagai referensi ilmiah, tanpa

melalui subjek kajian secara langsung.

27
 28

2. Lapangan Study

Penelusuran literatur survei lapangan yaitu dengan mengumpulkan data

subjek secara langsung ke lapangan.

3.3 Analisis Sistem Yang Berjalan

Bagian ini menjelaskan bagaimana sistem berjalan pada sistem Koperasi

dan UMKM Kota Binjai. Ada beberapa poin yang perlu dijelaskan. Inilah intinya

1. Proses Pemasukan Data

Dalam mengelola data, selama ini memang sudah menggunakan

beberapa website seperti website yang telah di keluarkan oleh

pemerintah, akan tetapi dalam memanajemen data yang berguna untuk

pelaporan data masih banyak menggunakan kertas sebagai media

penyimpanan maupun juga beberapa inputan.

3.4 Analisa

3.4.1 Kelemahan Sistem Yang Berjalan

Dari penjelasan di atas dapat disimpulkan bahwa koperasi dan

UMKM di Kota Binjai belum memiliki sistem pengolahan data internal.

Sehingga saat ini masih membutuhkan kertas sebagai media penyimpanan

data dan memakan ruang tempat untuk penyimpanannya. Belum lagi

terdapat resiko kehilangan, seperti kehilangan data peminjam. Untuk

menuju yang lebih maju juga di butuhkan sebuah system informasi yang

mengenalkan koperasi dan umkm tersebut kepada masyarakat. Dan juga

 29

belum memenuhi kebutuhan sistem secara digital, yang mana sistem

digital di era saat ini sangatlah berguna untuk mempermudah pekerjaan

manusia.

3.4.2 Analisis Kebutuhan Sistem

Mengingat kerentanan sistem saat ini, kita membutuhkan media

yang dapat melaporkan koperasi dan UMKM. Tidak hanya itu, diperlukan

juga sebuah sistem yang mampu untuk memanajemen sistem di koperasi

dan umkm, seperti pemberitahuan informasi terbaru misalnya data

informasi koperasi dan data informasi umkm. Dan untuk memenuhi

kebutuhan sistem di era digital di perlukan sebuah sistem yang dapat

menyajikan informasi tentang profil koperasi dan umkm kota binjai,

pelayanan koperasi dan umkm, kewenangan, target, tugas pokok dan

fungsi, struktur organisasi. Hal ini juga berperan agar masyarakat dapat

melihat perkembangan terbaru tentang koperasi dan umkm kota binjai.

3.5 Rancangan Penelitian

Saat merancang sebuah sistem, penulis menggunakan Unified Model

Language (UML) untuk menggambarkan cara kerja sistem tersebut. Ini terdiri

dari kasus penggunaan, aktivitas Diagram, dan urutan Diagram.

 30

1. Use case

Use case adalah aktivitas atau interaksi berkelanjutan antara aktor

dan sistem. Desain ini memiliki dua aktor, administrator dan

pengguna. Peran aktor-aktor ini dapat ditemukan pada Tabel 3.1,

“Aktor Pengguna Sistem” di bawah ini.

Tabel 3.1 ‘Aktor Pengguna Sistem’

Aktor Peran

Administrator / Operator Admin mempunyai hak penuh

untuk mengakses dan mengelola

sistem. yaitu mengelola sistem

data koperasi dan UMKM.

Users Melihat landing page yang

menyajikan informasi mengenai

koperasi dan juga postingan -

postingan yang telah di posting

oleh admin.

Di sisi lain, untuk menjelaskan interaksi antara sistem dan aktor dapat

dilihat pada Gambar 3.2 Use case berikut ini :

 31

login <<extend>> logout

kelola beranda
beranda

kelola profil

profil

user admin

informasi kelola informasi

berita kelola berita

Gambar 3.2 Use case

2. Diagram Activity

Activity Diagram merupakan gambaran dari aliran sistem.

Perancangan aplikasi ini meliputi beberapa kegiatan seperti :

a. Diagram Activity Administrator

pilih menu

Menu beranda Menu profil Menu berita Menu informasi

Menampilkan beranda Menampilkan profil Menampilkan berita

pilih sub menu

Informasi umkm Informasi koperasi

Gambar 3.3 Diagram Activity Administrator

 32

Administrator memiliki akses yang paling banyak dari pada

users yang lainnya, Administrator ini lah yang memanagement data

sehingga sistem dapat berjalan dengan baik. Lebih jelasnya

administrator ini melakukan tugas seperti menginput data - data

koperasi dan umkm, menginput berita, profil, beranda yang mana

data - data tersebut akan saling berkaitan yang nantinya akan di atur

pada menu setting.

b. Diagram Activity User

Gambar 3.4 Diagram User

User dapat melihat informasi mengenai profile Koperasi dan

UMKM Kota Binjai dan juga dapat melihat kegiatan - kegiatan yang

ada dikoperasi berdasarkan postingan yang sebelumnya di input oleh

administrator.

3. Diagram Class

Kelas Diagram menunjukkan deskripsi dan struktur kelas, paket,

objek, dan keterkaitannya. Diagram kelas untuk desain sistem ini

ditunjukkan pada gambar berikut.

 33

user
-id
-username
-email
-position
-password
-created_at
-update_at
login

sosmed beranda_foto structure

sliding
-id -id -id
-sosmed -nama -id
-tumbnail -name
-color -jabatan -position
-icon -tumbnail -deskripsi
-tumbnail
-link create create
update create
create update update
update read delete
read delete
delete read
read

umkm koperasi
visimisi berita -id -id
-peserta -peserta
-id
-id -nik -nik
-title
-description -alamat -alamat
-slug
-category -jenis_usaha -jenis_usaha
-content
create -created_at -created_at
-created_at
update -update_at -update_at
-updated_at
delete create create
create
read update update
update
delete delete
delete
read read
read

Gambar 3.5 Class Diagram

4. Squences Diagram

Diagram urutan ini mewakili kolaborasi dinamis antara satu set

objek. Penggunaannya untuk menampilkan rangkaian pesan yang dikirim

antar objek dan interaksi antar objek. Sesuatu yang terjadi di beberapa

titik dalam eksekusi sistem. Berikut ini adalah Diagram urutan desain.
 34

a. Squences Diagram Login Admin

admin layar login cek user admin data user admin beranda

1. username, password()

2. username, password()

3. username, password()

4. validasi()

5. membuka tampilan utama()

Gambar 3.6 Squence Login Admin

 35

b. Squences Diagram Proses Kelola Beranda

admin pilih menu kelola beranda database

Data ()

Data ()

4. validasi()

Data ()

Gambar 3.7 Squence Kelola Beranda

c. Squence Diagram Proses Kelola Berita

admin pilih menu kelola berita database

Data ()

Data ()

4. validasi()

Data ()

Gambar 3.8 Squence Proses Kelola Berita

 36

d. Squence Diagram Proses Kelola Informasi

kelola
admin pilih menu database
informasi

Data ()

Data ()

4. validasi()

Data ()

Gambar 3.9 Squence Proses Kelola Informasi

e. Squence Proses Kelola Profil

admin pilih menu kelola profil database

Data ()

Data ()

4. validasi()

Data ()

Gambar 3.10 Squence Proses Kelola Profil

 37

f. Squence Proses Menu Beranda

user pilih menu beranda database

Data ()

Data ()

Data ()

Gambar 3.11 Squence Menu Beranda

g. Squence Proses Menu Berita

user pilih menu berita database

Data ()

Data ()

Data ()

Gambar 3.12 Squence Menu Berita

 38

h. Squence Proses Menu Informasi

user pilih menu informasi database

Data ()

Data ()

Data ()

Gambar 3.13 Squence Menu Informasi

i. Squence Proses Menu Profil

user pilih menu profil database

Data ()

Data ()

Data ()

Gambar 3.14 Squence Menu Profil

 39

3.6 Perancangan Database

Database adalah tempat yang menyimpan informasi tentang satu atau

lebih objek. Informasi yang disimpan didalam tabel dan paling sering

dihubungkan satu sama lain. Sistem desain ini membutuhkan sembilan tabel

berikut:

1. Tabel User

Nama database : kumkm

Nama tabel : user

Primary key : Id

Tabel 3.2 Tabel User

No Field Name Type Size

1 Id Int 11

(Primary_Key)

2 username Varchar -

3 email Varchar -

4 position Varchar -

5 password Varchar -

6 created_at Timestamp -

7 updated_at Timestamp -
 40

2. Tabel Beranda Foto

Nama database : kumkm

Nama tabel : beranda_foto

Primary key : Id

Tabel 3.3 Tabel Beranda Foto

No Field Name Type Size

1 Id Int 11

(Primary_Key)

2 Nama Varchar -

3 Jabatan Varchar -

4 Tumbnail Varchar -

3. Tabel Sosmed

Nama database : kumkm

Nama tabel : sosmed

Primary key : Id

Tabel 3.4 Tabel Sosmed

No Field Name Type Size

1 Id Int 11
 41

(Primary_Key)

Tabel Lanjutan 3.4 Tabel Sosmed

2 Sosmed Varchar -

3 Color Varchar -

4 Icon Varchar -

5 Link Varchar -

4. Tabel Sliding

Nama database : kumkm

Nama tabel : sliding

Primary key : Id

Tabel 3.5 Tabel Sliding

No Field Name Type Size

1 Id Int (Primary_Key) 11

2 Tumbnail Varchar -

3 Deskripsi Varchar -

5. Tabel Struktur

Nama database : kumkm

 42

Nama tabel : structure

Primary key : Id

Tabel 3.6 Tabel Structure

No Field Name Type Size

1 Id Int 11

(Primary_Key)

2 Name Varchar -

3 Position Varchar -

4 Tumbnail Varchar -

6. Tabel Visi Misi

Nama database : kumkm

Nama tabel : visimisi

Primary key : Id

Tabel 3.7 Tabel Visi Misi

No Field Name Type Size

1 Id Int 11

(Primary_Key)

2 Description Varchar -
 43

3 Category Varchar -

7. Tabel Berita

Nama database : kumkm

Nama tabel : berita

Primary key : Id

Tabel 3.8 Tabel Berita

No Field Name Type Size

1 Id Int 11

(Primary_Key)

2 Title Varchar -

3 Slug Varchar -

4 Content Varchar -

5 created_at Timestamp -

6 updated at Timestamp -

8. Tabel UMKM

Nama database : kumkm

Nama tabel : umkm

Primary key : Id
 44

Tabel 3.9 Tabel UMKM

No Field Name Type Size

1 Id Int 11

(Primary_Key)

2 Peserta Varchar -

3 Nik Varchar -

4 Alamat Varchar -

5 jenis_usaha Varchar -

6 created_at Timestamp -

7 updated at Timestamp -

9. Tabel Koperasi

Nama database : kumkm

Nama tabel : koperasi

Primary key : Id
 45

Tabel 3.10 Tabel Koperasi

No Field Name Type Size

1 Id Int 11

(Primary_Key)

2 Peserta Varchar -

3 Nik Varchar -

4 Alamat Varchar -

5 jenis usaha Varchar -

6 created_at Timestamp -

7 updated at Timestamp -

3.7 Perancangan Antar Muka

Perancangan yang dimaksudkan mempermudahkan dialog antara

pengguna (user) dengan system yang sedang dirancang. Desain dibuat sederhana

agar pengguna (user) tidak bingung saat sistem digunakan.

 46

1. Perancangan Tampilan Admin

a. Login

Gambar 3.15 Rancangan Login Admin

b. Kelola Beranda

Gambar 3.16 Rancangan Kelola Beranda

 47

c. Kelola Profil

Gambar 3.17 Rancangan Kelola Profil

d. Kelola Informasi

Gambar 3.18 Rancangan Kelola Informasi

 48

e. Kelola Berita

Gambar 3.19 Rancangan Kelola Berita

 49

2. Rancangan Tampilan User

a. Rancangan Beranda

Gambar 3.20 Rancangan Beranda

 50

b. Rancangan Profil

Gambar 3.21 Rancangan profil

 51

c. Rancangan Data Informasi Koperasi

Gambar 3.22 Rancangan Data Informasi Koperasi

 52

d. Rancangan Data Informasi UMKM

Gambar 3.23 Rancangan Data Informasi UMKM

 53

e. Rancangan Baca Berita

Gambar 2.24 Rancangan Baca Berita