Tabel Anggota Tabel Angsuran Tabel Simpanan Pokok
III.2.3 Perancangan Antarmuka
Setelah melakukan perancangan data, maka dibuatlah perancangan antarmuka sebagai tempat tampilan data. Adapun perancangan antarmuka adalah
sebagai berikut:
· Memasukkan Username dan
Password aktivasi yang terdapat pada email.
· Pilih Login untuk masuk ke
CMS-002.
CMS-001
Footer F
- I: Image - N: Nama Koperasi
Ukuran huruf: 11px Ukuran: disesuaikan
Jenis huruf: Arial Warna huruf: Putih
Bg: Hitam Ukuran huruf: 20px
Bg: Hijau - MB: Menu Bar
Warna huruf: Hijau - F: Footer
Ukuran huruf: 11px - C: Content
Ukuran huruf: 11px Jenis huruf: Arial
Isi: disesuaikan Jenis huruf: Arial
Warna huruf: Putih - T: Tombol
Warna huruf: Putih Bg: Hijau
Jenis huruf: Arial Bg: Hijau
C
Home Buku Tamu
Konten Simulasi
Image
XXXXXX XXXXX
Login Lupa Password
Username Password
Login Lupa Password?
Berita Info Kontak
Selamat Datang
I
Galeri Terbaru
Sekilas Profil Koperasi
MB N
Isi Berita Isi Info Kontak
T
Gambar III.36 Perancangan Antarmuka CMS Koperasi
· Pilih Menu Pengolahan
Anggota. ·
Kemudian klik Tambah Pengguna untuk menuju ke
CMS-003. ·
Klik Menu logout untuk kembali ke CMS-001.
CMS-002
Footer F
- I: Image - N: Nama Koperasi
Jenis huruf: Arial Ukuran: disesuaikan
Jenis huruf: Arial Warna huruf: Putih
Bg: Hitam Ukuran huruf: 15px
Bg: Hijau - MB: Menu Bar
Warna huruf: Hijau Ukuran huruf: 12px
- C: Content Jenis huruf: Arial
Isi: disesuaikan Warna huruf: Putih
- F: Footer Bg: Hijau
Ukuran huruf: 11px
C
Home Pengolahan Pengguna
Data Koperasi Pengolahan Konten
Logout
XXXXXX
Image
I N
MB
Selamat Datang, ADMIN
Profil Pengguna Tambah Pengguna
Tampil Pengguna
Gambar III.37 Perancangan Antarmuka CMS Koperasi untuk Tambah Pengguna
· Masukkan data untuk
pengguna core banking. ·
Pilih “Staf Keuangan” pada list jabatan.
· Kemudian pilih “Operator”
pada pilihan level. ·
Klik tombol simpan untuk memasukkan data kedalam
sistem. ·
Pilih logout untuk menuju ke CMS-001.
CMS-003
Footer F
- I: Image - N: Nama Koperasi
Jenis huruf: Arial - UCB: User Core Banking
Ukuran: disesuaikan Jenis huruf: Arial
Warna huruf: Putih Bg: Hitam
Ukuran huruf: 15px Bg: Hijau
- MB: Menu Bar Warna huruf: Hijau
- T: Tombol Ukuran huruf: 12px
- C: Content Ukuran huruf: 11px
Jenis huruf: Arial Isi: disesuaikan
Jenis huruf: Arial Warna huruf: Putih
- F: Footer Warna huruf: Hitam
Bg: Hijau Ukuran huruf: 11px
Bg: Abu-abu
C
Home Pengolahan Pengguna
Data Koperasi Pengolahan Konten
Logout
XXXXXX
Image
I N
MB Tambah Pengguna
NIK Nama
Alamat Nomor Tlpn
Tempat Lahir Tanggal Lahir
Jabatan Pilih Jabatan
Bendahara CSCustumer Service
Ketua Koperasi Manager
Sekretaris Staf Administrasi Umum
Staf Keuangan Staf Pengadaan Barang
Wakil Manager
E-mail Username
Password Konfirmasi Password
Level Foto
Administrator Operator
Pilih
Simpan
T
Staf Keuangan
UCB
Gambar III.38 Perancangan Antarmuka CMS Koperasi untuk Form Tambah Anggota