3.4.1 Perancangan Basis Data
3.4.3.1 Perancangan Tampilan
F01 – Form Login
· Ukuran huruf 12px
· Jenis huruf Arial
· Ukuran layar 1028 x 960
· Jika tombol Login di klik dan username dan password benar maka akan menuju ke F02
· Jika tombol Login di klik dan username atau password salah maka akan muncul M01
· Jika tombol Reset di klik maka form username dan password akan kosong. Login Reset Username : Password :
42
F02 – Form Home
· Ukuran huruf 12px · Jenis huruf Arial · Ukuran layar 1028 x 960
· Jika tombol Home di Klik maka akan menuju F02 · Jika tombol Inbox diklik maka akan menuju F03. · Jika tombol Terkirim diklik
maka akan menuju F05. · Jika tombol Belum Terkirim
diklik maka akan menuju F07.
· Jika tombol Manage Nasabah diklik maka akan menuju F08.
· Jika tombol Tambah Nasabah diklik maka akan menuju F10.
· Jika tombol Log Out diklik maka akan menuju F01. · Jika Tombol Cari diklik maka
akan menuju F11 · Jika tombol Tabungan diklik
maka akan menuju F12 · Jika tombol pinjaman diklik
maka akan menuju F14. · Jika tombol Check diklik
maka semua anggota akan terpilih
· Jika tombol Unchek diklik maka semua anggota tidak akan dipilih
· Jika tombol hapus diklik maka akan menghapus pesan
· Jika tombol Kirim diklik dan penerima belum dipilih maka muncul M02
· Jika tombol Kirim diklik dan pesan masih kosong maka akan muncul M03. · Jika tombol Kirim diklik dan
isi pesan dan penerima telah lengkap maka akan muncul M04. HEADER Petunjuk Perhatian Tabungan Pinjaman Check Uncheck Kirim Hapus Cari Pencarian :
Tabel Daftar Anggota
Isi Pesan : Sisa Karakter : Inbox Home Belum Terkirim Terkirim Manage Nasabah Log Out Tambah Nasabah
Gambar 18 Tampilan Halaman Home
F03 – Form Inbox
· Ukuran huruf 12px · Jenis huruf Arial · Ukuran layar 1028 x 960
· Jika tombol Home di Klik maka akan menuju F02 · Jika tombol Inbox diklik maka akan menuju F03. · Jika tombol Terkirim diklik
maka akan menuju F05. · Jika tombol Belum Terkirim
diklik maka akan menuju F07.
· Jika tombol Manage Nasabah diklik maka akan menuju F08.
· Jika tombol Tambah Nasabah diklik maka akan menuju F10.
· Jika tombol Log Out diklik maka akan menuju F01. · Jika Tombol Cari diklik maka
akan menuju F11. · Jika tombol Cari Pesan diklik
dan isinya Terdaftar maka akan menuju F03. · Jika tombol Cari Pesan di
Klik dan isinya anonim maka menuju F04.
· Jika tombol Hapus Semua Pesan diklik maka akan muncul M05, jika tombol OK diklik maka semua pesan akan terhapus dan muncul M06.
HEADER
Petunjuk
Perhatian
Hapus Semua Pesan
Cari Pencarian :
Tabel Daftar Pesan Masuk Inbox Home Belum Terkirim Terkirim Manage Nasabah Log Out Tambah Nasabah
Kotak Masuk : Cari Pesan
43
F04 – Form Inbox Anonim
· Ukuran huruf 12px · Jenis huruf Arial · Ukuran layar 1028 x 960
· Jika tombol Home di Klik maka akan menuju F02 · Jika tombol Inbox diklik maka akan menuju F03. · Jika tombol Terkirim diklik
maka akan menuju F05. · Jika tombol Belum Terkirim
diklik maka akan menuju F07.
· Jika tombol Manage Nasabah diklik maka akan menuju F08.
· Jika tombol Tambah Nasabah diklik maka akan menuju F10.
· Jika tombol Log Out diklik maka akan menuju F01. · Jika Tombol Cari diklik maka
akan menuju F11. · Jika tombol Cari Pesan diklik
dan isinya Terdaftar maka akan menuju F03. · Jika tombol Cari Pesan di
Klik dan isinya anonim maka menuju F04.
· Jika tombol Hapus Semua Pesan diklik maka akan muncul M05, jika tombol OK diklik maka semua pesan akan terhapus dan muncul M06.
HEADER
Petunjuk
Perhatian
Hapus Semua Pesan
Cari Pencarian :
Tabel Daftar Pesan Masuk Inbox Home Belum Terkirim Terkirim Manage Nasabah Log Out Tambah Nasabah
Kotak Masuk : Cari Pesan
Gambar 20 Tampilan Halaman Inbox Anonim
F05 – Form Pesan Terkirim
· Ukuran huruf 12px · Jenis huruf Arial · Ukuran layar 1028 x 960
· Jika tombol Home di Klik maka akan menuju F02 · Jika tombol Inbox diklik maka akan menuju F03. · Jika tombol Terkirim diklik
maka akan menuju F05. · Jika tombol Belum Terkirim
diklik maka akan menuju F07.
· Jika tombol Manage Nasabah diklik maka akan menuju F08.
· Jika tombol Tambah Nasabah diklik maka akan menuju F10.
· Jika tombol Log Out diklik maka akan menuju F01. · Jika Tombol Cari diklik maka
akan menuju F11. · Jika tombol Cari Pesan diklik
dan isinya Terdaftar maka akan menuju F05. · Jika tombol Cari Pesan di
Klik dan isinya anonim maka menuju F06.
· Jika tombol Hapus Semua Pesan diklik maka akan muncul M05, jika tombol OK diklik maka semua pesan akan terhapus dan muncul M07.
HEADER
Petunjuk
Perhatian
Hapus Semua Pesan
Cari Pencarian :
Tabel Daftar Pesan Keluar Inbox Home Belum Terkirim Terkirim Manage Nasabah Log Out Tambah Nasabah
Kotak Keluar Cari Pesan
44
F06 – Form Pesan Terkirim Anonim
· Ukuran huruf 12px · Jenis huruf Arial · Ukuran layar 1028 x 960
· Jika tombol Home di Klik maka akan menuju F02 · Jika tombol Inbox diklik maka akan menuju F03. · Jika tombol Terkirim diklik
maka akan menuju F05. · Jika tombol Belum Terkirim
diklik maka akan menuju F07.
· Jika tombol Manage Nasabah diklik maka akan menuju F08.
· Jika tombol Tambah Nasabah diklik maka akan menuju F10.
· Jika tombol Log Out diklik maka akan menuju F01. · Jika Tombol Cari diklik maka
akan menuju F11. · Jika tombol Cari Pesan diklik
dan isinya Terdaftar maka akan menuju F05. · Jika tombol Cari Pesan di
Klik dan isinya anonim maka menuju F06.
· Jika tombol Hapus Semua Pesan diklik maka akan muncul M05, jika tombol OK diklik maka semua pesan akan terhapus dan muncul M07.
HEADER
Petunjuk
Perhatian
Hapus Semua Pesan
Cari Pencarian :
Tabel Daftar Pesan Keluar Inbox Home Belum Terkirim Terkirim Manage Nasabah Log Out Tambah Nasabah
Kotak Keluar Cari Pesan
Gambar 22 Tampilan Halaman Anonim Terkirim
F05 – Form Belum Terkirim
· Ukuran huruf 12px · Jenis huruf Arial · Ukuran layar 1028 x 960
· Jika tombol Home di Klik maka akan menuju F02 · Jika tombol Inbox diklik maka akan menuju F03. · Jika tombol Terkirim diklik
maka akan menuju F05. · Jika tombol Belum Terkirim
diklik maka akan menuju F07.
· Jika tombol Manage Nasabah diklik maka akan menuju F08.
· Jika tombol Tambah Nasabah diklik maka akan menuju F10.
· Jika tombol Log Out diklik maka akan menuju F01. · Jika Tombol Cari diklik maka
akan menuju F11. · Jika tombol Hapus Semua
Pesan diklik maka akan muncul M05, jika tombol OK diklik maka semua pesan akan terhapus dan muncul M08.
HEADER
Petunjuk
Perhatian
Hapus Semua Pesan
Cari Pencarian :
Tabel Daftar Pesan Belum Terkirim Inbox Home Belum Terkirim Terkirim Manage Nasabah Log Out Tambah Nasabah
45
F08 – Form Manage Anggota
· Ukuran huruf 12px · Jenis huruf Arial · Ukuran layar 1028 x 960
· Jika tombol Home di Klik maka akan menuju F02 · Jika tombol Inbox diklik maka akan menuju F03. · Jika tombol Terkirim diklik
maka akan menuju F05. · Jika tombol Belum Terkirim
diklik maka akan menuju F07.
· Jika tombol Manage Nasabah diklik maka akan menuju F08.
· Jika tombol Tambah Nasabah diklik maka akan menuju F10.
· Jika tombol Log Out diklik maka akan menuju F01. · Jika Tombol Cari diklik maka
akan menuju F11. · Jika Tombol Edit diklik maka
akan menuju F09. · Jika Tombol Del diklik maka
akan muncul M05. HEADER Petunjuk Perhatian Cari Pencarian :
Tabel Daftar Anggota Inbox Home Belum Terkirim Terkirim Manage Nasabah Log Out Tambah Nasabah Edit Del
Gambar 24 Tampilan Halaman Manage Anggota
F09 – Form Pengisian Update Anggota
· Ukuran huruf 12px · Jenis huruf Arial · Ukuran layar 1028 x 960
· Jika tombol Home di Klik maka akan menuju F02
· Jika tombol Inbox diklik maka akan menuju F03.
· Jika tombol Terkirim diklik maka akan menuju F05.
· Jika tombol Belum Terkirim diklik maka akan menuju F07.
· Jika tombol Manage Nasabah diklik maka akan menuju F08.
· Jika tombol Tambah Nasabah diklik maka akan menuju F10.
· Jika tombol Log Out diklik maka akan menuju F01.
· Jika Tombol Cari diklik maka akan menuju F11.
· Jika tombol Update diklik maka akan muncul M09.
· Jika tombol Reset diklik maka isi form akan terhapus.
HEADER Petunjuk Perhatian Cari Pencarian : Inbox
Home TerkirimTerkirimBelum NasabahManage NasabahTambah Log Out
Nama Anggota Alamat Tanggal Lahir Jenis Kelamin Telepon Update Reset
Gambar 25 tampilan halaman pengisian update anggota
46
F10 – Form Tambah Anggota
· Ukuran huruf 12px · Jenis huruf Arial · Ukuran layar 1028 x 960
· Jika tombol Home di Klik maka akan menuju F02 · Jika tombol Inbox diklik maka akan menuju F03. · Jika tombol Terkirim diklik
maka akan menuju F05. · Jika tombol Belum Terkirim
diklik maka akan menuju F07.
· Jika tombol Manage Nasabah diklik maka akan menuju F08.
· Jika tombol Tambah Nasabah diklik maka akan menuju F10.
· Jika tombol Log Out diklik maka akan menuju F01. · Jika Tombol Cari diklik maka
akan menuju F11. · Jika tombol Simpan diklik
maka akan muncul M10. · Jika tombol Reset diklik
maka isi form akan terhapus.
HEADER Petunjuk Perhatian Cari Pencarian : Inbox Home Belum Terkirim Terkirim Manage Nasabah Log Out Tambah Nasabah Nama Anggota Alamat Tanggal Lahir Jenis Kelamin Telepon Simpan Reset No BA
47
F11 – Hasil Pencarian
· Ukuran huruf 12px · Jenis huruf Arial · Ukuran layar 1028 x 960
· Jika tombol Home di Klik maka akan menuju F02
· Jika tombol Inbox diklik maka akan menuju F03.
· Jika tombol Terkirim diklik maka akan menuju F05.
· Jika tombol Belum Terkirim diklik maka akan menuju F07.
· Jika tombol Manage Nasabah diklik maka akan menuju F08.
· Jika tombol Tambah Nasabah diklik maka akan menuju F10.
· Jika tombol Log Out diklik maka akan menuju F01.
· Jika Tombol Cari diklik maka akan menuju F11.
· Jika tombol Check diklik maka semua anggota akan terpilih
· Jika tombol Unchek diklik maka semua anggota tidak akan dipilih
· Jika tombol hapus diklik maka akan menghapus pesan
· Jika tombol Kirim diklik dan penerima belum dipilih maka muncul M02
· Jika tombol Kirim diklik dan pesan masih kosong maka akan muncul M03.
· Jika tombol Kirim diklik dan isi pesan dan penerima telah lengkap maka akan muncul M04. HEADER Petunjuk Perhatian Check Uncheck Kirim Hapus Cari Pencarian :
Tabel Daftar Anggota Hasil Pencarian
Isi Pesan :
Sisa Karakter : Inbox
Home TerkirimTerkirimBelum NasabahManage NasabahTambah Log Out
Gambar 27 tampilan halaman hasil pencarian
F11 – Form Informasi Tabungan
· Ukuran huruf 12px · Jenis huruf Arial · Ukuran layar 1028 x 960
· Jika tombol Home di Klik maka akan menuju F02
· Jika tombol Inbox diklik maka akan menuju F03.
· Jika tombol Terkirim diklik maka akan menuju F05.
· Jika tombol Belum Terkirim diklik maka akan menuju F07.
· Jika tombol Manage Nasabah diklik maka akan menuju F08.
· Jika tombol Tambah Nasabah diklik maka akan menuju F10.
· Jika tombol Log Out diklik maka akan menuju F01.
· Jika Tombol Cari diklik maka akan menuju F11.
· Jika Tombol Pencarian Tabungan diklik maka akan menuju F13 HEADER Petunjuk Perhatian Cari Pencarian :
Tabel Daftar Informasi Tabungan Inbox
Home TerkirimTerkirimBelum NasabahManage NasabahTambah Log Out
Cari Tabungan Pencarian :
Gambar 28 tampilan halaman informasi tabungan
48
F13 – Form Hasil Pencarian Informasi Tabungan
· Ukuran huruf 12px · Jenis huruf Arial · Ukuran layar 1028 x 960
· Jika tombol Home di Klik maka akan menuju F02 · Jika tombol Inbox diklik maka akan menuju F03. · Jika tombol Terkirim diklik
maka akan menuju F05. · Jika tombol Belum Terkirim
diklik maka akan menuju F07.
· Jika tombol Manage Nasabah diklik maka akan menuju F08.
· Jika tombol Tambah Nasabah diklik maka akan menuju F10.
· Jika tombol Log Out diklik maka akan menuju F01. · Jika Tombol Cari diklik maka
akan menuju F11. · Jika Tombol Pencarian
Tabungan diklik maka akan menuju F13 HEADER Petunjuk Perhatian Cari Pencarian :
Tabel Daftar Hasil Pencarian Tabungan Inbox Home Belum Terkirim Terkirim Manage Nasabah Log Out Tambah Nasabah Cari Tabungan Pencarian :
Gambar 29 tampilan halaman hasil pencarian informasi tabungan
F14 – Form Informasi Pinjaman
· Ukuran huruf 12px · Jenis huruf Arial · Ukuran layar 1028 x 960
· Jika tombol Home di Klik maka akan menuju F02 · Jika tombol Inbox diklik maka akan menuju F03. · Jika tombol Terkirim diklik
maka akan menuju F05. · Jika tombol Belum Terkirim
diklik maka akan menuju F07.
· Jika tombol Manage Nasabah diklik maka akan menuju F08.
· Jika tombol Tambah Nasabah diklik maka akan menuju F10.
· Jika tombol Log Out diklik maka akan menuju F01. · Jika Tombol Cari diklik maka
akan menuju F11. · Jika Tombol Pencarian
Tabungan diklik maka akan menuju F15. HEADER Petunjuk Perhatian Cari Pencarian :
Tabel Daftar Informasi Pinjaman Inbox
Home TerkirimTerkirimBelum NasabahManage NasabahTambah Log Out
Cari Pinjaman Pencarian :
49
F15 – Form Hasil Pencarian Informasi Pinjaman
· Ukuran huruf 12px · Jenis huruf Arial · Ukuran layar 1028 x 960
· Jika tombol Home di Klik maka akan menuju F02 · Jika tombol Inbox diklik maka akan menuju F03. · Jika tombol Terkirim diklik
maka akan menuju F05. · Jika tombol Belum Terkirim
diklik maka akan menuju F07.
· Jika tombol Manage Nasabah diklik maka akan menuju F08.
· Jika tombol Tambah Nasabah diklik maka akan menuju F10.
· Jika tombol Log Out diklik maka akan menuju F01. · Jika Tombol Cari diklik maka
akan menuju F11. · Jika Tombol Pencarian
Tabungan diklik maka akan menuju F13 HEADER Petunjuk Perhatian Cari Pencarian :
Tabel Daftar Hasil Pencarian Pinjaman Inbox
Home TerkirimTerkirimBelum NasabahManage NasabahTambah Log Out
Cari Pinjaman Pencarian :
Gambar 31 tampilan halaman hasil pencarian informasi pinjaman 3.4.3.1 Perancangan Pesan
M01 – Message Login Failed
· Jika tombol OK di klik maka menuju ke Form sebelumnya. · Ukuran huruf 12px
· Jenis huruf Arial
· Ukuran layar 1028 x 960
Login gagal, username atau password salah ! OK
Gambar 32 Tampilan pesan M01
50
M02 – Message Belum Memilih Penerima
· Jika tombol OK di klik maka menuju ke Form sebelumnya. · Ukuran huruf 12px
· Jenis huruf Arial
· Ukuran layar 1028 x 960
Anda Belum Memilih Penerima ! OK
Gambar 33 Tampilan pesan M02
M01 – Message Pesan Kosong
· Jika tombol OK di klik maka menuju ke Form sebelumnya. · Ukuran huruf 12px · Jenis huruf Arial · Ukuran layar 1028 x 960
Pesan Masih Kosong ! OK
Gambar 34 Tampilan pesan M03
M04 – Message Kirim Pesan Berhasil
· Jika tombol OK di klik maka menuju ke Form sebelumnya. · Ukuran huruf 12px · Jenis huruf Arial · Ukuran layar 1028 x 960
Pengiriman Pesan Berhasil ! OK
51
M05 – Message Konfirmasi Penghapusan Pesan Masuk
· Jika tombol Cancel diklik maka akan kembali ke Form Sebelumnya.. · Ukuran huruf 12px
· Jenis huruf Arial
· Ukuran layar 1028 x 960
Apakah anda yakin ingin menghapus pesan ini ?
OK Cancel
Gambar 36 Tampilan pesan M05
M06 – Message Pesan Masuk Berhasil di Hapus
· Jika tombol OK di klik maka menuju ke Form sebelumnya. · Ukuran huruf 12px · Jenis huruf Arial · Ukuran layar 1028 x 960
Semua Pesan Masuk Berhasil di Hapus ! OK
Gambar 37 Tampilan pesan M06
M07 – Message Pesan Terkirim Berhasil di Hapus
· Jika tombol OK di klik maka menuju ke Form sebelumnya. · Ukuran huruf 12px
· Jenis huruf Arial
· Ukuran layar 1028 x 960
Semua Pesan Terkirim Berhasil di Hapus ! OK
52
M08 – Message Pesan Belum Terkirim Berhasil di Hapus
· Jika tombol OK di klik maka menuju ke Form sebelumnya. · Ukuran huruf 12px
· Jenis huruf Arial
· Ukuran layar 1028 x 960
Semua Pesan Belum Terkirim Berhasil di Hapus ! OK
Gambar 39 Tampilan pesan M08
M09 – Message Update Anggota Berhasil
· Jika tombol OK di klik maka menuju ke Form sebelumnya. · Ukuran huruf 12px · Jenis huruf Arial · Ukuran layar 1028 x 960
Update Anggota Berhasil ! OK
Gambar 40 Tampilan pesan M09
M10 – Message Penambahan Anggota Berhasil
· Jika tombol OK di klik maka menuju ke Form sebelumnya. · Ukuran huruf 12px · Jenis huruf Arial · Ukuran layar 1028 x 960
Penambahan Anggota Berhasil ! OK
53 3.3.1 Jaringan Semantik
Jaringan semantik pada aplikasi SMS Gateway sebagai berikut :
Gambar 42 Jaringan semantik
F10 F01 F03 F02 F11 F08 F07 F05 M01 F12 F14 M02,M03,M04 M05,M06 F04 F06 M05,M08 M05,M07 M05,M07 M05,M06 F09 M05 M09 M10 M02,M03,M04 F13 F15
54