BAB III ANALISA KEBUTUHAN DAN PERANCANGAN SISTEM 3.1

perpustakaan.uns.ac.id
digilib.uns.ac.id
17
BAB III
ANALISA KEBUTUHAN DAN PERANCANGAN SISTEM
3.1 Proses Bisnis Sistem Informasi
Sistem ini memiliki dua aktor utama yaitu admin dan pengunjung yang
memiliki hak akses berbeda-beda. Sistem ini juga memiliki beberapa alur proses
yaitu pembelian lagu, penjadwalan dan informasi kontak.
3.1.1 Proses Bisnis Pembelian Lagu
Proses pembelian lagu ini dilakukan oleh pengunjung sebagai user utama.
Proses ini akan mencangkup beberapa proses yaitu proses pemesanan lagu, proses
transaksi pembayaran dan proses konfirmasi pembayaran. Alur bisnis pembelian
lagu akan dijelaskan pada gambar 3.1.
Gambar 3.1 Proses Bisnis Pembelian Lagu
16
commit to user
perpustakaan.uns.ac.id
digilib.uns.ac.id
18
1. Proses A.1. Pada urutan ini pengunjung diminta untuk melakukan
pendaftaran dengan memasukan nama lengkap, alamat, email, password,
nomor telepon dan foto profil ke dalam form yang sudah disediakan dan
data pengunjung akan tersimpan kedalam sistem.
2. Proses A.2. Dalam tampilan awal website terdapat menu artist yang berisi
daftar artis di manajemen serta lagu yang dibawakan. Lagu tersebut dapat
di dengar langsung dari sistem namun hanya memiliki setengah durasi.
Untuk membeli lagu, pengunjung harus memilih tombol beli dan lagu
akan otomatis tersimpan sebagai pemesanan.
3. Proses A.3. Lagu yang akan dibeli telah tersimpan ke dalam keranjang
pembelian. Di dalam keranjang ini, pengunjung masih dapat menambah
lagu maupun menghapus lagu yang akan dibeli. Disinilah harga total
pembayaran akan tertera.
4. Proses A.4. Jika pengunjung sudah memastikan akan membeli lagu
tersebut, maka pengunjung harus melakukan pembayaran ke rekening
yang sudah disediakan oleh pihak Manajemen Idhan Kreasi.
5. Proses A.5. Pengunjung login kedalam sistem menggunakan username dan
password yang sudah di verifikasi oleh admin.
6. Proses A.6. Pengunjung yang sudah login statusnya akan berubah menjadi
customer, dan dapat melakukan konfirmasi pembayaran melalui sistem
dengan memasukan foto bukti transfer serta data diri.
7. Proses A.7. Setelah proses verifikasi selesai dan dinyatakan valid, maka
customer dapat mengunduh lagu yang dibeli pada form download yang
sudah di sediakan.
8. Proses B.1. Admin merupakan pengelola segala pihak yang berhubungan
dengan manajemen pada siste. Pengelola login sebagai Admin dengan
memasukkan username dan password yang sudah terdaftar.
9. Proses B.2. Pada proses ini, Admin dapat memproses pendaftaran
pengunjung dan memverifikasi akun dengan menampilkan username dan
password kepada pengunjung yang sudah terdaftar.
commit to user
perpustakaan.uns.ac.id
digilib.uns.ac.id
19
10. Proses
B.3.
Admin
Memproses
konfirmasi
pembayaran
dengan
memvalidasi bukti transfer yang dilakukan oleh customer.
3.1.2 Proses Bisnis Penjadwalan
Penjadwalan diperlukan untuk mengetahui macam kegiatan yang
dilaksanakan di Sanggar. Proses bisnis Penjadwalan akan dijelaskan pada Gambar
3.2.
Gambar 3.2 Proses Bisnis Penjadwalan
1. Pengelola terlebih dahulu melakukan login sebagai admin kedalam sistem
dengan memasukan username serta password yang sudah ditentukan.
2. Pada halaman penjadwalan terdapat form inputan berupa tanggal, judul
dan deskripsi kegiatan yang akan dilakukan oleh Sanggar Idhan Kreasi.
Admin bertugas untuk mengelola semua data mengenai penjadwalan dan
memasukan agenda ke dalam form dan sistem akan menyimpan data ke
dalam database.
commit to user
perpustakaan.uns.ac.id
digilib.uns.ac.id
20
3. Jadwal yang sudah ditambahkan oleh admin dapat secara langsung diakses
melalui website Idhan Kreasi. Pada halaman penjadwalan terdapat
kalender yang memiliki tanda-tanda tertentu ketika terdapat agenda seperti
latihan dan show.
4. Pengunjung dapat melihat informasi jadwal dengan mengakses website
Idhan Kreasi.
3.1.3 Proses Bisnis Manajemen Kontak
Kontak digunakan pengunjung sebagai hubungan timbal balik dengan
admin. Proses bisnis kontak dapat dilihat pada Gambar 3.3.
Gambar 3.3 Proses Bisnis Manajemen Kontak
1. A.1 Pengelola terlebih dahulu melakukan login sebagai admin kedalam
sistem dengan memasukan username serta password yang sudah
ditentukan.
2. A.2 Admin menerima pesan masuk dari pengunjung. Pesan masuk ini
terdapat pada menu inbox.
3. A.3 Admin memiliki hak untuk mengolah semua data mengenai kontak.
B.1 Pengunjung dapat menambahkan pesan kedalam sistem, pengunjung yang
akan menambahkan pesan diminta untuk memasukan nama, email, website serta
pesan itu sendiri. Pengunjung dapat menambahkan pesan tanpa harus login
terlebih dahulu.
commit to user
perpustakaan.uns.ac.id
digilib.uns.ac.id
21
commit to user
perpustakaan.uns.ac.id
digilib.uns.ac.id
22
3.2 Software Requirement Spesifications ( SRS )
Spesifikasi Kebutuhan Perangkat lunak Sistem Informasi ini meliputi
Kebutuhan Fungsional dan Kebutuhan Non Fungsional Sistem.
3.2.1 Kebutuhan Fungsional Sistem
Kebutuhan fungsional digunakan untuk menentukan proses-proses
fungsionalitas dari sistem informasi yang dilakukan oleh aktor yang
memiliki akses terhadap proses sistem. Kebutuhan Fungsional Sistem
dapat dilihat pada Tabel 3.1 berikut ini :
Tabel 3.1 Kebutuhan Fungsional Sistem
F001
DESKRIPSI
AKTOR
Sistem dapat menampilkan Informasi profil
Pengguna
Idhan Kreasi Management
F002
Sistem dapat menampilkan halaman artis
Pengguna
dan daftar lagu
F003
Sistem dapat menampilkan lirik-lirik lagu
Pengguna
F004
Sisem dapat menyimpan data pengunjung
Pengguna
F005
Sistem dapat menampilkan jadwal latihan
Pengguna
di sanggar Idhan Kreasi
F006
Sistem dapat menampilkan jadwal show
Pengguna
tour Idhan Kreasi
F007
Sistem dapat menampilkan galeri berupa
Pengguna
gambar dan video mengenai sanggar Idhan
Kreasi Management
F008
Sistem dapat menampilkan informasi
Pengguna
kontak sanggar Idhan Kreasi Management
F009
Sistem dapat mengolah login
Pengguna,
Admin
F010
Sistem dapat mengolah pembelian lagu
Admin,
Pengguna
F011
Sistem dapat menampung lagu yang dibeli
commit to user
Admin
perpustakaan.uns.ac.id
digilib.uns.ac.id
23
F012
Sistem dapat menyediakan link download
Admin
lagu
F013
Sistem dapat mengolah halaman web
Admin
sanggar Idhan Kreasi
F014
Sistem dapat mengolah penjualan lagu baru
Admin
F015
Sistem dapat mengolah penjadwalan
Admin
F016
Sistem dapat mengolah informasi profil
Admin
admin
F017
Sistem dapat mengolah transaksi pembelian
Admin
lagu
F018
Sistem dapat mengolah pengaturan web
Admin
F019
Sistem dapat mengolah galeri pada web
Admin
F020
Sistem dapat mengolah slide pada web
Admin
F021
Sistem dapat mengolah pengguna web
Admin
berdasarkan level
3.2.2 Kebutuhan Non Fungsional Sistem Informasi
Kebutuhan Non Fungsional Sistem dapat dilihat pada tabel berikut ini :
3.2.2.1 Kebutuhan Non Fungsional Sistem
Kebutuhan Non Fungsional diperlukan sebagai kebutuhan
pendukung seistem yang dapat diakses melalui sistem.
Agar Sistem Informasi tidak dapat diakses oleh siapa saja, maka
keamanan pada sistem diperlukan login pada web. Login disini
memerlukan username dan password yang sudah tercatat dalam basis data
master yang dikelola oleh admin.
3.2.2.2 Kebutuhan Non Fungsional Perangkat Lunak (Software)
Perangkat Lunak yang digunakan pada sistem ini meliputi :
1.
Paket Software Xampp version 1.7.7
2.
Web Server menggunakan Apache 2.2.2.1
commit to user
perpustakaan.uns.ac.id
digilib.uns.ac.id
24
3.
PHP MyAdmin version 3.4.5 sebagai pengelola keseluruhan server
MySQL
4.
MySQL version 5.5.16 sebagai Sistem Manajemen Database
5.
Sublime Text 2 sebagai teks editor
6.
PHP version 5.3.8 sebagai bahasa pemrograman web
7.
Browser menggunakan Google Chrome
3.2.2.3 Kebutuhan Non Fungsional Perangkat Keras (Hardware)
Perangkat Keras yang digunakan dalam pembuatan Sistem ini
meliputi :
1. Processor
: Intel® Core ™ inside CPU
2. RAM
: 2 Gb
3.3 Perancangan Sistem Berbasis Web
Perancangan sistem berbasis web menggunakan diagram konteks dan Data Flow
Diagram (DFD).
3.3.1 Diagram Konteks ( Context Diagram )
Diagram konteks menjelaskan aliran data input dan output dari dan
ke sistem secara keseluruhan. Diagram konteks aplikasi berbasis web
dapat dilihat pada Gambar 3.4.
Gambar 3.4 Diagram Konteks
commit to user
perpustakaan.uns.ac.id
digilib.uns.ac.id
25
3.3.2 Data Flow Diagram ( DFD ) level 0
Data Flow Diagram Level 0 ditunjukan pada gambar 3.5.
Gambar 3.5 Data Flow Diagram level 0
Penjelasan setiap proses pada DFD level 0 adalah sebagai berikut :
1. Proses Login
Proses login dapat dilakukan oleh seluruh entitas yaitu Admin dan
Pengunjung. Sistem akan mencari data pada database user_admin
berdasarkan id
yang dicari. Proses pencarian user_admin akan
mengeluarkan aliran data_admin dan data_pengunjung yang ditemukan
menuju masing-masing entitas.
2. Proses Register
Proses register dilakukan oleh Pengunjung, pengunjung memasukan
data pengunjung kedalam sistem kemudian sistem akan mengeluarkan
aliran data kepada admin. Admin mengkonfirmasi validasi data
pengunjung kemudian memberikan kembali ke sistem dalam bentuk akun
data pengunjung. Setelah proses selesai pengunjung akan mendapatkan
keluaran berupa data pengunjung yang sudah di validasi admin dalam
bentuk akun.
commit to user
perpustakaan.uns.ac.id
digilib.uns.ac.id
26
commit to user
perpustakaan.uns.ac.id
digilib.uns.ac.id
27
3. Proses Order
Proses Order dilakukan oleh pengunjung. Pengunjung menambahkan
data order kedalam sistem lalu sistem akan meletakan data ke dalam
database order. Kemudian pengunjung akan mendapatkan keluaran data
berupa data order.
4. Proses Manajemen Lagu
Proses penjualan Lagu dilakukan oleh admin dengan menginputkan
data lagu ke dalam sistem dan data lagu akan tersimpan ke dalam database
lagu.
5. Proses Transaksi Penjualan
Proses transaksi dilakukan oleh Pengunjung dengan menginputkan
bukti transaksi berupa foto transfer ke dalam sistem, kemudian data akan
dimasukan ke dalam database bayar. Proses akan menghasilkan aliran data
berupa data pembayaran yang akan diterima oleh pengunjung.
6. Proses Penjadwalan
Admin memeberikan aliran data_jadwal ke dalam sistem kemudian
sistem
akan
menyimpan
data
ke
dalam
database
jadwal
dan
mengembalikan ke sisten hingga menghasilkan data_jadwal dan dialirkan
kepada pengunjung.
7. Proses Manajemen Kontak
Admin memberikan aliran data berupa data_kontak kedalam proses
manajemen kontak lalu data_kontak akan dialirkan ke dalam database
kontak. Dari database akan mengembalikan aliran data berupa
informasi_kontak dan akan diproses lagi hingga memberikan data kepada
admin berupa informasi_kontak.
8. Proses Manajemen Halaman
Admin memberikan aliran data berupa data_halaman kedalam proses
manajemen halaman lalu data_halaman akan dialirkan ke dalam database
halaman. Dari database akan mengembalikan aliran data berupa
commit to user
perpustakaan.uns.ac.id
digilib.uns.ac.id
28
informasi_halaman dan akan diproses lagi hingga memberikan data
kepada admin berupa informasi_halaman.
9. Proses Manajemen Galeri
Proses Manajemen Galeri dilakukan oleh admin dengan menginputkan
data_galeri ke dalam sistem dan data_galeri akan tersimpan ke dalam
database galeri.
3.3.3 Data Flow Diagram ( DFD ) level 1 Proses 2 Pendaftaran
Data Flow Diagram Level 1 Proses 2 ditunjukan pada gambar 3.5.
Gambar 3.5 Data Flow Diagram level 1 Proses 2
commit to user
perpustakaan.uns.ac.id
digilib.uns.ac.id
29
3.3.4 Data Flow Diagram ( DFD ) level 1 Proses 4 Manajemen Lagu
Data Flow Diagram Level 1 Proses 4 ditunjukan pada gambar 3.6.
Gambar 3.6 Data Flow Diagram Level Proses 4
3.3.5 Data Flow Diagram ( DFD ) level 1 Proses 5 Transaksi Penjualan
Data Flow Diagram Level 1 Proses 5 ditunjukan pada gambar 3.7.
Gambar 3.7 Data Flow Diagram Level Proses 5
commit to user
perpustakaan.uns.ac.id
digilib.uns.ac.id
30
3.3.6 Data Flow Diagram ( DFD ) level 1 Proses 6 Penjadwalan
Data Flow Diagram Level 1 Proses 6 ditunjukan pada gambar 3.8.
Gambar 3.8 Data Flow Diagram Level Proses 6
3.3.7 Data Flow Diagram ( DFD ) level 1 Proses 7 Manjemen Kontak
Data Flow Diagram Level 1 Proses 7 ditunjukan pada gambar 3.9.
Gambar 3.9 Data Flow Diagram Level Proses 7
commit to user
perpustakaan.uns.ac.id
digilib.uns.ac.id
31
3.3.8 Data Flow Diagram ( DFD ) level 1 Proses 8 Halaman
Data Flow Diagram Level 1 Proses 8 ditunjukan pada gambar 3.10.
Gambar 3.10 Data Flow Diagram Level Proses 8
3.3.9 Data Flow Diagram ( DFD ) level 1 Proses 9 Manajemen Galeri
Data Flow Diagram Level 1 Proses 9 ditunjukan pada gambar 3.11.
Gambar 3.11 Data Flow Diagram Level Proses 9
commit to user
perpustakaan.uns.ac.id
digilib.uns.ac.id
32
3.4 Perancangan Basis Data
Merancang basis data yang akan dibuat dengan menggunakan Entity
Relationship Diagram (ERD) untuk menganalisa semua entitas yang diperlukan
beserta atribut-atributnya dan hubungan antara entitas satu dengan entitas lainnya
kemudian membuat Relasi Antar Tabel untuk mengetahui hubungan antar satu
tabel dengan lainnya.
3.4.1 Entity Relationship Diagram ( ERD )
Entity Relationship Diagram yang digunakan pada pembuatan
Sistem terdapat pada Gambar 3.12.
Gambar 3.12 Entity Relationship Diagram
commit to user
perpustakaan.uns.ac.id
digilib.uns.ac.id
33
3.4.2 Relasi Antar Tabel
Gambar 3.13 Relasi Antar Tabel
3.5 Perancangan Tabel
Relasi antar tabel kemudian diimplementasikan ke dalam perancangan setiap
tabel-tabel yang dibutuhkan. Berikut adalah perancangan tabel aplikasi secara
keseluruhan :
1. Tabel user_admin
Tabel user_admin digunakan sebagai tempat menyimpan data yang
digunakan untuk login ke sistem sebagai admin.
Tabe 3.2 Tabel User_admin
Nama Kolom
Type
Keterangan
id
Int(15)
Primary_key
Username
Varchar(100)
Password
Varchar(50)
Level
Int(2)
2. Tabel user_customer
commit to user
perpustakaan.uns.ac.id
digilib.uns.ac.id
34
Tabel User Customer menyimpan informasi data pengunjung yang telah
melakukan registrasi ke dalam sistem guna melakukan transaksi pembelian
lagu.
Tabel 3.3 Tabel User_Customer
Nama Kolom
Type
Keterangan
Id_user
Int(15)
Primary_key
Username
Varchar(100)
Foreign_key
Password
Varchar(50)
Nama_lengkap
Varchar(200)
Foto_profil
Varchar(200)
Alamat
Text
Email
Varchar(200)
No_hp
1nt(12)
Tgl_daftar
date
3. Tabel Order
Menyimpan data permintaan pemesanan lagu yang dilakukan oleh
pengunjung.
Tabel 3.4 Tabel Order
Nama Kolom
Type
Keterangan
Id_order
Int(15)
Primary_key
Username
Varchar(100)
Id_lagu
Int(15)
Tanggal_order
Date
Jam_order
Time
Status
Int(15)
Total bayar
Varchar(200)
4. Tabel lagu
commit to user
Foreign_key
perpustakaan.uns.ac.id
digilib.uns.ac.id
35
Tabel lagu menyimpan data lagu atau sebagai produk yang dijual admin.
Tabel 3.5 Tabel Lagu
Nama Kolom
Type
Keterangan
Id_lagu
Int(15)
Primary_key
Judul
Varchar(100)
Foto
Varchar(100)
lagu
Varchar(100)
Deskripsi
Text
Tgl_input
Date
Jenis_lagu
Varchar(150)
pengarang
Enum
Harga
Varchar(100)
5. Tabel kontak
Tabel kontak menyimpan informasi kontak sanggar yang digunakan untuk
berkomunikasi jarak jauh dengan pengunjung. Di tabel kontak juga
menyimpan pesan yang dikirimkan oleh pengunjung.
Tabel 3.6 Tabel kontak
Nama Kolom
Type
Keterangan
id
Int(15)
Primary_key
Nama
Varchar(150)
Email
Varchar(150)
website
Varchar(150)
pesan
text
6. Tabel jadwal
Tabel jadwal menyimpan informasi agenda berupa tanggal dan deskripsi
kegiatan yang diolah oleh admin.
commit to user
perpustakaan.uns.ac.id
digilib.uns.ac.id
36
Tabel 3.7 Tabel Jadwal
Nama Kolom
Type
Keterangan
Id_jadwal
Int(15)
Primary_key
Tanggal
date
Judul
Text
tentor
Varchar(100)
kelas
Varchar(10)
deskripsi
text
7. Tabel halaman
Tabel halaman menyimpan informasi halaman yang berada pada halaman
muka Sistem Informasi, pada halaman ini akan memberikan informasi
berupa profil web dan lirik lagu.
Tabel 3.8 Tabel Halaman
Nama Kolom
Type
Keterangan
id
Int(15)
Primary_key
Permalink
Varchar(150)
judul
Varchar(150)
Deskripsi
Text
status
Int(4)
8. Tabel bayar
Tabel bayar menyimpan data transaksi pembayaran yang dilakukan oleh
customer kedalam sistem yang kemudian akan diolah oleh admin sebagai
bentuk konfirmasi pembayaran.
Tabel 3.9 Tabel bayar
Nama Kolom
Type
Keterangan
id
Int(15)
Primary_key
Id_order
Int(15)
Foreign_key
commit to user
perpustakaan.uns.ac.id
digilib.uns.ac.id
37
Judul
Varchar(200)
username
Varchar(200)
Foto_transfer
Varchar(100)
Keterangan
Text
Tanggal_bayar
Date
status
Int(4)
9. Tabel Foto
Tabel Foto digunakan untuk menyimpan gambar yang akan ditampilkan
pada halaman muka web guna memberikan informasi gambar.
Tabel 3.10 Tabel Foto
Nama Kolom
Type
Keterangan
id
Int(15)
Primary_key
Nama_file
Varchar(255)
Deskripsi
Varchar(255)
10. Tabel Jenis_Lagu
Tabel slide menyimpan gambar yang akan ditampilkan pada halaman
muka web guna mempercantik tampilan.
Tabel 3.11 Tabel Jenis_lagu
Nama Kolom
Type
Keterangan
Id_jenis
Int(15)
Primary_key
Jenis_lagu
Varchar(100)
11. Tabel Artist
Tabel slide menyimpan gambar yang akan ditampilkan pada halaman
muka web guna mempercantik tampilan.
commit to user
perpustakaan.uns.ac.id
digilib.uns.ac.id
38
Tabel 3.11 Artist
Nama Kolom
Type
Keterangan
Id_artist
Int(15)
Primary_key
deskripsi
Varchar(100)
12. Tabel Pengarang
Tabel slide menyimpan gambar yang akan ditampilkan pada halaman
muka web guna mempercantik tampilan.
Tabel 3.11 Tabel Pengarang
Nama Kolom
Type
Keterangan
Id_pengarang
Int(15)
Primary_key
pengarang
Varchar(100)
3.6 Perancangan Desain User Interface
User Interface pada Sistem Informasi ini menyediakan dua halaman utama
yaitu halaman untuk pengunjung dan halaman administrasi.
3.6.1 Halaman Utama Pengunjung
Tampilan utama untuk pengunjung ini terdiri dari header, menu home, menu
profile, menu Lagu, menu schedule, menu gallery, menu contact dan footer.
Selain itu pada menu utama juga terdapat Login untuk mengarahkan ke halaman
administrasi dan registrasi bagi pengunjung yang akan melakukan transaksi
pembelian lagu. Berikut merupakan desain setiap halaman :
commit to user
perpustakaan.uns.ac.id
digilib.uns.ac.id
39
a. Halaman Home
Halaman Home merupakan halaman muka yang terdapat ketika
pengunjung pertama kali mengakses sistem.
Gambar 3.14 Halaman Home
b. Halaman Profile
Halaman Profile menampilkan informasi lengkap mengenai sanggar Idhan
Kreasi. Berikut adalah rancangan desain halaman profile.
Gambar 3.15 Halaman Profile
commit to user
perpustakaan.uns.ac.id
digilib.uns.ac.id
40
c. Halaman Artist
Halaman Artist menampilkan daftar artis beserta lagu yang dijual kepada
pengunjung, untuk mendapatkan lagu maka pengunjung harus melakukan
berapa thapan transaksi. Berikut adalah desain halaman artis :
Gambar 3.16 Halaman Artist
d. Halaman Schedule
Halaman schedule memuat tampilan berupa tanggal yang merupakan
agenda di sanggar. Agenda-agenda ini meliputi agenda latihan dan show.
Dalam halaman ini juga menampilkan event apa yang akan datang dalam
sebulan serta ditandai dengan label tertentu jika pada tanggal tersebut
terdapat event. Berikut adalah desain halaman schedule :
commit to user
perpustakaan.uns.ac.id
digilib.uns.ac.id
41
Gambar 3.17 Halaman Schedule
e. Halaman Gallery
Halaman Gallery menampilkan beberapa gambar dan video mengenai
kegiatan sanggar dari latihan hingga melakukan pertunjukan. Berikut
merupakan desain halaman gallery gambar :
Gambar 3.18 Halaman Photo Gallery
commit to user
perpustakaan.uns.ac.id
digilib.uns.ac.id
42
f. Halaman Contact
Halaman contact menampilkan informasi kontak sanggar yang dapat
dihubungi serta sebagai tempat kepada pengunjung untuk menyampikan
pesan kepada admin. Berikut adalah desain halaman kontak :
Gambar 3.20 Halaman Contact
g. Halaman Login
Halaman Login tampil ketika pengunjung memilih menu Login yang
terdapat diatas layar. Halaman login ini berisi form yang berisi username
dan password, kemudian akan mengarahkan ke halaman tertentu. Berikut
adalah desain tampilan menu login :
commit to user
perpustakaan.uns.ac.id
digilib.uns.ac.id
43
Gambar 3.21 Halaman Contact
h. Halaman Register
Halaman Register ditampilkan ketika pengunjung memilih menu Register
yang terdapat di ujung atas halaman utama. Halaman ini menampilkan form
registrasi untuk memasukan informasi pengguna kedalam sistem. Berikut
merupakan desain halaman register :
Gambar 3.22 Halaman Register
commit to user
perpustakaan.uns.ac.id
digilib.uns.ac.id
44
3.6.2 Halaman Utama Admin
Halaman Utama Admin dikelolah oleh Admin yang memiliki akun
terdaftar, yaitu yang telah berhasil login terlebih dahulu menggunakan
username dan password.
a. Halaman Dashboard
Halaman
Dashboard
merupakan
halaman
utama
yang
menampilkan tanggal hari ini serta welcome pages kepada Admin.
Gambar 3.23 Halaman Dashboard
b. Halaman Inbox
Halaman Inbox menampilkan pesan dari pengunjung yang telah
mengisi form pesan pada halaman contact.
Gambar 3.24 Halaman Inbox
commit to user
perpustakaan.uns.ac.id
digilib.uns.ac.id
45
c. Halaman Product
Halaman Product menampilkan form inputan produk yang akan
diinputkan oleh admin dan kemudian akan ditampilkan pada halaman
Artist.
Gambar 3.25 Halaman Product
d. Halaman Order
Halaman Order menampilkan laporan transaksi pembelian lagu dan form
untuk melakukan konfirmasi pembayaran jika pengunjung melakukan
pesanan lagu.
Gambar 3.26 Halaman Order
commit to user
perpustakaan.uns.ac.id
digilib.uns.ac.id
46
e. Halaman Gallery
Halaman ini menampilkan form inputan untuk mengunggah
beberapa gambar dan video serta deskripsi singkat tentang gambar dan
video tersebut.
Gambar 3.27 Halaman Gallery
f. Halaman Schedule
Halaman ini menampilkan form input penjadwalan yang nantinya
akan ditampilkan pada menu schedule, dalam form ini admin diminta
untuk menginputkan tanggal serta agenda.
Gambar 3.28 Halaman Schedule
commit to user