BAB IV

IMPLEMENTASI SISTEM

4.1 Implementasi Sistem Yang Digunakan

Dalam perancangan sistem informasi Dinas Koperasi dan Usaha Kecil

Kota Binjai ini, penulis menggunakan program berbasis web yang menggunakan

PHP sebagai bahasa pemogramannya. Program ini dibuat oleh penulis sangat

sederhana hingga mudah digunakan, karena administrator hanya perlu

memasukkan data baru ke dalam situs dan pengguna hanya perlu mengklik untuk

melihat tampilan situs yang sebelumnya dimasukkan oleh administrator. Tombol

yang sudah ada sesuai dengan strukturnya. Alasan di atas dapat digunakan untuk

membantu sektor koperasi dan UKM memperbarui data harian terbaru mereka.

Tahap implementasi yang dilakukan untuk melengkapi rancang bangun

sistem informasi Koperasi dan UKM Kota Binjai, diperlukan informasi

penyediaan perangkat lunak (software) dan perangkat keras (hardware).

Berikut daftar perangkat lunak (software) dan perangkat keras (hardware)

yang dibutuhkan.

4.1.1 Spesifikasi (Hardware) Perangkat Keras

Kebutuhan Perangkat Keras pada aplikasi program ini penulis

menggunakan spesifikasi laptop dan sistem operasi sebagai berikut :

a. Laptop Type : Toshiba C40 – A

b. Processor : Intel(R) Core(TM) i5-3317U CPU @ 1.70GHz

1.70Ghz

54
 55

c. Read Acces Memory : 4,00 GB

d. Operasi Sistem : Windows 10 Pro 64 - bit

4.1.2 Spesifikasi Perangkat Lunak

Software Requirement Kebutuhan perangkat lunak (software) adalah:

a. PHP, MySQL, Apache, Sublimetext

4.2 Tampilan Sistem Informasi Dinas Koperasi dan UMKM Kota Binjai

Tampilan Sistem Informasi Dinas Koperasi dan UMKM Kota Binjai ini

terdapat 2 tampilan layar, yaitu tampilan pengguna dan admin. Tampilan admin

terdiri dari tampilan menu utama, login, kelola berita, kelola beranda, kelola

informasi, kelola visi dan misi. Sedangkan tampilan siswa terdiri dari tampilan

beranda, profil, berita dan informasi.

Adapun tampilan menu - menu Sistem Informasi Dinas Koperasi dan

UMKM Kota Binjai sebagai berikut :

1. Tampilan Admin Login

Layar login mempunyai kemampuan mengakses website Koperasi

Kota Binjai dan sistem informasi layanan UMKM. Pada saat login,

administrator harus mengakses sistem menggunakan akun dan kata sandi

yang diberikan sehingga dapat melakukan perubahan - perubahan data

pada aplikasi website. Pengguna, di sisi lain, hanya dapat melihat halaman

beranda dan berita terbaru di situs, sehingga mereka tidak perlu masuk..
 56

Gambar 4.1 Tampilan Login Admin

Berikut fungsi satu persatu tombol menu yang ada pada tampilan masuk

(sign in) :

a. Tombol masuk (sign in) digunakan untuk melakukan login agar admin

dapat masuk kedalam sistem.

 57

2. Tampilan Menu Utama Admin

Tampilan ini terdiri dari kelola beranda, kelola profil, kelola berita

dan kelola informasi.

Gambar 4.2 Tampilan Menu Utama Admin

 58

3. Tampilan Kelola Beranda

Tampilan kelola beranda memiliki fungsi untuk melakukan ganti

foto walikota dan wakil walikota pada aplikasi.

Gambar 4.3 Tampilan Kelola Beranda

 59

4. Tampilan Kelola Profil

Tampilan kelola profil berfungsi untuk menambahkan dan

mengganti data mulai dari perubahan data pada struktur organisasi, visi

dan misi di dinas koperasi dan umkm kota binjai.

Gambar 4.4 Tampilan Kelola Profil Struktur Organisasi

 60

Gambar 4.5 Tampilan Kelola Profil Visi

Gambar 4.6 Tampilan Kelola Profil Misi

 61

5. Tampilan Kelola Berita

Tampilan kelola berita berfungsi untuk memperbaharui informasi

berita terbaru yang ada di dinas koperasi dan umkm .

Gambar 4.7 Tampilan Kelola Berita

 62

6. Tampilan Kelola Informasi

Tampilan kelola informasi terdiri dari data umkm dan koperasi yang

berfungsi untuk melakukan penambahan data peserta baru. Pada tampilan

ini juga dapat mengedit dan menghapus data peserta umkm dan koperasi.

Gambar 4.8 Tampilan Kelola Informasi UMKM

 63

Gambar 4.9 Tampilan Kelola Informasi Koperasi

 64

7. Tampilan Menu Utama User

Tampilan menu utama user terdiri dari beranda, profil, berita, dan

informasi.

Gambar 4.10 Tampilan Menu Utama User

 65

8. Tampilan Beranda User

Gambar 4.11 Tampilan Beranda User

Gambar 4.12 Tampilan Beranda User II

 66

Gambar 4.13 Tampilan Beranda User Kontak

 67

9. Tampilan Profil User

Gambar 4.14 Tampilan Profil Struktur Organisasi

 68

Gambar 4.15 Tampilan Profil Visi

Gambar 4.16 Tampilan Profil Misi

 69

10. Tampilan Baca Berita

Gambar 4.17 Tampilan Baca Berita

 70

11. Tampilan Pendaftaran Online Umkm/Koperasi

Gambar 4.18 Tampilan Pendaftaran Online Umkm/Koperasi

12. Tampilan Notification verification data

Gambar 4.19 Tampilan Notification verification data

 71

13. Tampilan Data Pendaftar

Gambar 4.20 Tampilan Data Pendaftar

14. Tampilan Detail Data Pendaftar

Gambar 4.21 Tampilan Detail Data Pendaftar