1. BAB IV
PERANCANGAN DAN IMPLEMENTASI SISTEM
44
4.1. Perancangan
Pada UMKM “Rycha Art Production” akan dibuat sistem pemasaran
berbasis web, oleh karena itu diperlukan pembuatan perancangan sistem guna
menghasilkan sistem yang baik.
4.2. Perancangan Modul
Perancangan modul digunakan sebagai metode dalam penentuan modul-modul
yang akan diaplikasikan pada sistem pemasaran berbasis web. Gambar
dibawah ini merupakan perancangan modul pada sistem.
4.1. Diagram Modul
4.3. Perancangan Menu
Perancangan menu digunakan sebagai metode dalam penentuan menu pada
setiap modul yang digunakan. Gambar dibawah ini merupakan perancangan
menu pada sistem.

2. 45
4.2. Diagram Menu
4.4. Perancangan Antar Muka
Perancangan antar muka merupakan perancangan mengenai tampilan
sistem pemasaran berbasis web. Berikut ini detail antar muka:
1. Tampilan Login
Tampilan Login berfungsi sebagai akses awal pada sistem.

3. 46
4.3. Tampilan Login
2. Tampilan Management Page
Tampilan Management Page berfungsi untuk mengelola page yang
akan ditampilkan dari sisi user.
4.4. Tampilan Management Page

4. 47
3. Tampilan Management User
Tampilan Management User berfungsi untuk pengelolaan user.
4.5. Tampilan Management User
4. Tampilan Home User
Tampilan Home adalah tampilan utama pada sisi user.

5. 48
4.6. Tampilan Home
5. Tampilan Menu User
Tampilan menu berfungsi sebagai akses pada page dari sisi user.
4.7. Tampilan Menu

6. 49
6. Tampilan Contact
Tampilan Contact adalah tampilan mengenai contact person dari
UMKM “Rycha Art Production”.
4.8. Tampilan Menu