Nama Data Store Nama Data Store Nama Data Store Nama Data Store Perancangan Form Input Data Pembelian Perancangan Form edit Data Pembelian Perancangan Tampilan halaman view Data Pembelian Perancangan Laporan Data Pembelian Perancangan Halaman Awal Input D

Deskripsi : Berisi data mengenai user

8. Nama Data Store

: agenda Struktur Data : id_agenda+id_user+tema+isi_agenda+tempat+level+tgl_mulai+tgl_sel esai+tgl _posting Deskripsi : Berisi data agenda jadwal pemasaran

9. Nama Data Store

: provinsi Struktur Data : id_provinsi+nama_provinsi Deskripsi : Berisi data-data provinsi

10. Nama Data Store

: kabupaten Struktur Data : id_kabupaten+nama_kabupaten Deskripsi : Berisi data-data kabupaten

11. Nama Data Store

: layanan Struktur Data : id_layanan+nama_layanan Deskripsi : Berisi data-data layanan yang disediakan oleh Bank Muamalat cabang Puri Indah Jakarta Barat

12. Nama Data Store

: penghasilan Struktur Data : id_penghasilan+jumlah_penghasilan Deskripsi : Berisi data-data provinsi

F. Struktur Data

Berdasarkan normalisasi yang telah dilakukan maka dihasilkan basisdata yang terstruktur. Adapun basisdata yang dihasilkan adalah sebagai berikut: 1. File user Nama Tabel :user Primary Key :id_user Foreign Key :- Tipe File :Tabel Master Media Penyimpanan :Hardisk Panjang Record :100 Byte Jumlah Record :5000 Organisasi File :Indeks Struktur Tabel : Tabel 4.3 Tabel user No Field Name Type Field Size Keterangan 1 Id_user Int 25 2 Password varchar 25 3 Nama_lengkap varchar 30 4 Email varchar 20 5 Level varchar 25 Dari Tabel di atas merupakan tabel user yang terdiri dari lima field name yakni id_user sebagai primary key, password, Nama_lengkap, email, dan level. 2. File Kartu Nama Tabel :Kartu Primary Key :id_kartu Foreign Key :_ Tipe File :Tabel Master Media Penyimpanan :Hardisk Panjang Record :100 Byte Jumlah Record :5000 Organisasi File :Indeks Struktur Tabel : Tabel 4.4 Tabel Kartu No Field Name Type Field Size Keterangan 1 id_kartu Int 15 2 Kode_cabang varchar 10 3 Jenis_kartu varchar 15 4 No_rekening varchar 15 Dari Tabel di atas merupakan tabel kartu yang terdiri dari empat field name yakni id_kartu sebagai primary key, id_user, kode_cabang, jenis_kartu, no_rekening. Masing-masing field memiliki type dan field size. 3. File Surat Nama Tabel :Surat Primary Key :id_surat Foreign Key :_ Tipe File :Tabel Master Media Penyimpanan :Hardisk Panjang Record :100 Byte Jumlah Record :5000 Organisasi File :Indeks Struktur Tabel : Tabel 4.5 Tabel Surat No Field Name Type Field Size Keterangan 1 id_surat Int 15 3 Perihal varchar 20 4 Tujuan varchar 50 5 Hari varchar 15 6 Tgl_pemesanan date 7 Jenis_barang Varchar 20 8 Jmlh_barang Varchar 25 Dari Tabel di atas merupakan tabel surat yang terdiri dari delapan field name yakni id_surat sebagai primary key, perihal, tujuan, hari, tgl_pemesanan, jenis_barang, jmlh_barang. Masing-masing field memiliki type dan field size. 4. File Nasabah Nama Tabel :Nasabah Primary Key :id_nasabah Foreign Key : _ Tipe File :Tabel Master Media Penyimpanan :Hardisk Panjang Record :100 Byte Jumlah Record :5000 Organisasi File :Indeks Struktur Tabel : Tabel 4.6 Tabel Nasabah No Field Name Type Field Size Keterangan 1 Id_nasabah Int 15 2 nama_nasabah Varchar 25 3 Alamat Varchar 40 4 Email Varchar 15 5 Provinsi Varchar 20 6 Kabupaten Varchar 20 7 Kode_pos Varchar 15 8 no_tlp Varchar 25 9 tgl_lahir date 10 no_ktp Varchar 30 11 jenis_kelamin Enum „pria’,’wanita’ 12 Agama Varchar 15 13 nama_ibu Varchar 25 14 Pekerjaan Varchar 25 15 layanan_dipakai Varchar 5 16 sumber_dana Varchar 5 17 penghasilan_tetap Varchar 5 Dari Tabel di atas merupakan tabel nasabah yang terdiri dari empat belas field name yakni id_nasabah sebagai primary key, id_kartu sebagai foregn key, nama_nasabah, alamat, no_tlp, tgl_lahir, no_ktp, jenis_kelamin, agama, nama_ibu, pekerjaan, layanan_dipakai, sumber_dana, penghasilan_tetap. Masing- masing field memiliki type dan field size. 5. File Agenda Nama Tabel :agenda Primary Key :id_agenda Foreign Key :_ Tipe File :Tabel Master Media Penyimpanan :Hardisk Panjang Record :100 Byte Jumlah Record :5000 Organisasi File :Indeks Struktur Tabel : Tabel 4.7 Tabel Agenda No Field Name Type Field Size Keterangan 1 Id_agenda Int 10 2 Id_user Int 10 3 Tema Varchar 100 4 Isi_agenda Text 5 Tempat Varchar 100 6 tgl_mulai date 7 tgl_selesai date 8 tgl_posting date 9 Hari Varchar 30 Dari Tabel di atas merupakan tabel agenda yang terdiri dari delapan field name yakni id_agenda sebagai primary key, id_user sebagai foreign key, tema, isi_agenda, tempat, tgl_mulai, tgl_selesai, tgl_posting, hari. Masing-masing field memiliki type dan field size. 6. Layanan Nama Tabel :Layanan Primary Key :id_layanan Foreign Key :_ Tipe File :Tabel Master Media Penyimpanan :Hardisk Panjang Record :100 Byte Jumlah Record :5000 Organisasi File :Indeks Struktur Tabel : Tabel 4.8 Tabel Layanan No Field Name Type Field Size Keterangan 1 Id_layanan Int 10 2 nama_layanan Varchar 15 Dari Tabel di atas merupakan tabel layanan yang terdiri dari dua field name yakni id_layanan sebagai primary key, dan nama_layanan. 7. Penghasilan Nama Tabel :Penghasilan Primary Key :id_penghasilan Foreign Key :_ Tipe File :Tabel Master Media Penyimpanan :Hardisk Panjang Record :100 Byte Jumlah Record :5000 Organisasi File :Indeks Struktur Tabel : Tabel 4.9 Tabel Penghasilan No Field Name Type Field Size Keterangan 1 Id_penghasilan Int 10 2 Total_penghasilan Varchar 15 Dari Tabel di atas merupakan tabel layanan yang terdiri dari dua field name yakni id_penghasilan sebagai primary key, dan total_penghasilan. 8. Provinsi Nama Tabel :Provinsi Primary Key :id_provinsi Foreign Key :_ Tipe File :Tabel Master Media Penyimpanan :Hardisk Panjang Record :100 Byte Jumlah Record :5000 Struktur Tabel : Tabel 4.10 Tabel Provinsi No Field Name Type Field Size Keterangan 1 Id_provinsi Int 10 2 nama_provinsi Varchar 15 Dari Tabel di atas merupakan tabel layanan yang terdiri dari dua field name yakni id_provinsi sebagai primary key, dan nama_provinsi. 9. Kabupaten Nama Tabel :Kabupaten Primary Key :id_kabupaten Foreign Key :_ Tipe File :Tabel Master Media Penyimpanan :Hardisk Panjang Record :100 Byte Jumlah Record :5000 Organisasi File :Indeks Struktur Tabel : Tabel 4.11 Tabel Kabupaten No Field Name Type Field Size Keterangan 1 Id_kabupaten Int 10 2 Nama_kabupaten Int 10 Dari Tabel di atas merupakan tabel layanan yang terdiri dari dua field name yakni id_kabupaten sebagai primary key, dan nama_kabupaten. 10. File Pembelian Nama Tabel :Pembelian Primary Key :id_pembelian Foreign Key :id_surat Tipe File :Tabel Transaksi Media Penyimpanan :Hardisk Panjang Record :100 Byte Jumlah Record :5000 Organisasi File :Indeks Struktur Tabel : Tabel 4.12 Tabel Pembelian No Field Name Type Field Size Keterangan 1 id_pembelian Int 15 2 Id_user Int 15 3 Id_surat Int 15 4 jenis_barang Varchar 20 5 tgl_pemesanan date 6 Jumlah Int 15 7 Harga Int 10 8 Total_harga Int 15 Dari Tabel di atas merupakan tabel pembelian yang terdiri dari 7 field name yakni id_pembelian sebagai primary key, id_user dan id_surat sebagai foreign key, jenis_barang, tgl_pemesanan, jumlah, harga dan total_harga. Masing-masing field memiliki type dan field size. 11. File Pembayaran Nama Tabel :Pembayaran Primary Key :id_pembayaran Foreign Key :id_user, id_nasabah, id_kartu Tipe File :Tabel Transaksi Media Penyimpanan :Hardisk Panjang Record :100 Byte Jumlah Record :5000 Organisasi File :Indeks Struktur Tabel : Tabel 4.13 Tabel Pembayaran No Field Name Type Field Size Keterangan 1 id_pembayaran Int 15 2 Id_user Int 15 3 Id_nasabah Int 15 4 Id_kartu Int 15 5 Tgl_pembayaran date 6 Biaya varchar 10 7 Diskon varchar 10 8 Total_biaya varchar 10 Dari Tabel di atas merupakan tabel pembayaran yang terdiri dari delapan field name yakni id_pembayaran sebagai primary key, id_user, id_nasabah, id_kartu sebagai Foreign key, Tgl_transaksi, biaya, diskon, total_biaya. Masing- masing field memiliki type dan field size. 12. File Rekening Nama Tabel :Rekening Primary Key :id_rekening Foreign Key :id_user,id_pembayaran,id_nasabah,id_kartu Tipe File :Tabel Transaksi Media Penyimpanan :Hardisk Panjang Record :100 Byte Jumlah Record :5000 Struktur Tabel : Tabel 4.14 Tabel Rekening No Field Name Type Field Size Keterangan 1 Id_rekening Int 15 2 Id_user Int 15 2 Id_pembayaran Int 15 3 Id_nasabah Int 15 4 Id_kartu Int 15 5 Tgl_buka Date 6 Tgl_penutupan Date 7 Otorisasi Enum „Y’,’N’ Dari Tabel di atas merupakan tabel Rekening yang terdiri dari delapan field name yakni id_rekening sebagai primary key, id_user sebagai foreign key, id_pembayaran sebagai foreign key, id_nasabah sebagai foreign key, id_kartu sebagai foreign key, tgl_buka, tgl_tutup, otorisasi. Masing-masing field memiliki type dan field size. g. State Transition Diagram STD 1. STD Untuk Back Office Sistem Informasi Manajemen Rekening Tabungan Shar’e Login Menu Utama Jika pasword benar Jika pasword salah Tampil menu utama Kembali ke Menu Login Tampilan menu utama Pilih menu utama Home Input data user Halaman awal input data user Jika menekan menu input data user Tampil halaman awal Form Input data user Jika menekan tambah user Tampi form input data user Tekan masukan form input data user Tampil data user Tekan tombol batal Input data Modul Halaman awal input data Modul Jika menekan menu input modul Tampil halaman awal Form Input data Modul Jika menekan tambah modul Tampi form input data modul Tekan masukan form input data modul Tampil data modul Jika batal input Tekan tombol batal Jika batal input Input data Kartu Halaman awal input data kartu Jika menekan menu input kartu Tampil halaman awal Jika menekan tambah kartu Tampi form input data kartu Form Input data kartu Tekan masukan form input data kartu Tampil data kartu Tekan tombol batal Jika batal input Jika menekan menu view data kartu Logout Jika menekan menu home Halaman awal input data user Tampil halaman home Database user terupdate Database modul terupdate View data kartu Halaman awal view data kartu Tampil halaman awal Jika menekan cetak Tampil laporan data kartu Laporan data kartu Database kartu terupdate Gambar 4.29 STD Untuk Back Office Gambar di atas menerangkan keadaan dari tampilan dan menu-menu yang ada di Back Office. Ada enam menu utama pada Back Office yaitu home, input data user, input data modul, input data kartu, view data kartu dan log out. Jika login berhasil Back Office dapat mengakses keenam halaman tersebut. Pada menu home disitu hanya tertera bacaan ucapan selamat datang bagi user pengguna aplikasi, pada menu input data user disitu bagian Back Office dapat menginputkan, mengupdate serta melakukan penghapusan data-data pengguna aplikasi dari semua bagian yang ada, pada menu input data modul disini bagian Back Office dapat menanmbahkan, merubah ataupun melakukan penghapusan fungsi atau modul dari aplikasi yang ada. 2. STD Untuk Marketing Sistem Informasi Manajemen Rekening Tabungan Shar’e Login Menu Utama Jika pasword benar Jika pasword salah Tampil menu utama Kembali ke Menu Login Tampilan menu utama Pilih menu utama Home Input data agendar Halaman awal input data agenda Jika menekan menu input data agenda Tampil halaman awal Form Input data agenda Jika menekan tambah agenda Tampi form input data agenda Tekan masukan form input data agenda Tampil data agenda Tekan tombol batal Input data Pembelian Halaman awal input data Pembelian Jika menekan menu input pembelian Tampil halaman awal Form Input data pembelian Jika menekan tambah pembelian Tampi form input data pembelian Tekan masukan form input data pembelian Tampil data pembelian Jika batal input Tekan tombol batal Jika batal input Buat surat pemesanan Halaman awal buat surat pemesanan Jika menekan menu buat surat pemesanan Tampil halaman awal Jika menekan tambah surat Tampi form input data surat Form Input data surat Tekan masukan form input data surat Tampil data surat Tekan tombol batal Jika batal input Jika menekan menu view data surat Logout Jika menekan menu home Halaman awal bagian marketingr Tampil halaman home Database agenda terupdate Database pembelian terupdate View data surat Halaman awal view data surat Tampil halaman awal Jika menekan cetak Tampil laporan data surat Laporan data surat Database surat terupdate Jika menekan menu view data pembelian View data pembelian Halaman awal view data pembelian Tampil halaman awal Jika menekan cetak Tampil laporan data kartu Laporan data kartu Gambar 4.30 STD Untuk Marketing Gambar di atas menerangkan keadaan dari tampilan dan menu-menu yang ada di bagian Marketing. Ada tujuh menu utama pada bagian Marketing yaitu home, input data agenda, input data pembelian, view data pembelian, buat surat pemesanan, view data surat dan log out. Jika login berhasil bagian Marketing dapat mengakses ketujuh halaman tersebut. Pada menu home disitu hanya tertera bacaan ucapan selamat datang bagi user pengguna aplikasi, pada menu input data agenda disitu bagian marketing dapat menginputkan, mengupdate serta melakukan penghapusan data agenda jadwal k egiatan yang berhubungan dengan pemasaran produk tabungan shar’e yang telah direncanakan oleh bagian tersebut, pada menu input data pembelian disini bagian Marketing menginputkan data-data pembelian barang yang telah dilakukan untuk nantinya dibuatkan laporan pembelian barang, pada menu view data pembelian ini bagian tersebut dapat melihat, melakukan pencarian serta melakukan pencetakan yang nantinya laporan data-data pembelian barang akan diserahkan kepada pihak Manager perusahaan, menu buat surat pemesanan berisikan data-data surat yang akan dibuat untuk pemesanan suatu produk barang, sedangkan menu view data surat disini bagian tersebut dapat melihat, melakukan pencarian serta melakukan pencetakan yang nantinya laporan data-data surat akan disesuaikan dengan laporan pembelian dan diserahkan kepada pihak Manager perusahaan, Dan menu log out untuk keluar dari sistem. 3. STD Untuk Teler Sistem Informasi Manajemen Rekening Tabungan Shar’e Login Menu Utama Jika pasword benar Jika pasword salah Tampil menu utama Kembali ke Menu Login Tampilan menu utama Pilih menu utama Home Tekan tombol batal Input data Penjualan Halaman awal input data Penjualan Jika menekan menu input penjualan Tampil halaman awal Form Input data penjualan Jika menekan tambah penjualan Tampi form input data penjualan Tekan masukan form input data penjualan Tampil data penjualan Jika batal input Logout Jika menekan menu home Halaman awal bagian teller Tampil halaman home Database penjualan terupdate Jika menekan menu view data penjualan View data penjualan Halaman awal view data penjualan Tampil halaman awal Jika menekan cetak Tampil laporan data penjualan Laporan data penjualan Gambar 4.31 STD Untuk Teler Gambar di atas menerangkan keadaan dari tampilan dan menu-menu yang ada di bagian Teler. Ada 4 menu utama pada bagian Teler yaitu home, input data penjualan, view data penjualan, dan log out. Jika login berhasil bagian Marketing dapat mengakses keempat halaman tersebut. Bagian ini hanya melakukan proses pencatatan data penjualan kemudian melakukan pencetakan atas data penjualan tersebut untuk diserahkan tiap bulannya kepada Manager perusahaan. 4. STD Untuk Customer Service Sistem Informasi Manajemen Rekening Tabungan Shar’e Login Menu Utama Jika pasword benar Jika pasword salah Tampil menu utama Kembali ke Menu Login Tampilan menu utama Pilih menu utama Home Input data penjualan Halaman awal input data penjualan Jika menekan menu input data penjualan Tampil halaman awal Form Input data penjualan Jika menekan tambah penjualan Tampi form input data penjualan Tekan masukan form input data penjualan Tampil data penjualan Tekan tombol batal Input data Nasabah Halaman awal input data Nasabah Jika menekan menu input Nasabah Tampil halaman awal Form Input data nasabah Tambil laporan data penjualan Tampi form input data Nasabah Tekan masukan form input data nasabah Tampil data nasabah Jika batal input Tekan tombol batal Jika batal input Input data pembukaan rekening Halaman awal input pembukaan rekening Jika menekan menu input data pembukaan rekening Tampil halaman awal Jika menekan tambah rekening Tampi form input data rekening Form Input data rekening Tekan masukan form input data rekening Tampil data rekening Tekan tombol batal Jika batal input Logout Jika menekan menu home Halaman awal bagian marketingr Tampil halaman home View data penjualan View data Nasabah View data rekening Laporan data penjualan Jika menekan cetak Tampil laporan data nasabah View detail data nasabah Jika menekan detail Tampil data nasabah secara detail Laporan data Nasabah Jika menekan cetak Tampil laporan data nasabah View detail data rekening Jika menekan detail Tampil data rekening secara detail Laporan data rekening Jika menekan cetak Tampil laporan data rekening Input data penutupan rekening Halaman awal input penutupan rekening Jika menekan menu input data penutupan rekening Tampil halaman awal Jika menekan tutup rekening Tampi form input data penutupan rekening Form Input data penutupan rekening Tekan masukan form input data rekening Tampil data rekening Tekan tombol batal Jika batal input View data penutupan rekening View detail data penutupan rekening Jika menekan detail Tampil data penutupan rekening secara detail Laporan data penutupan rekening Jika menekan cetak Tampil laporan data penutupan rekening Gambar 4.32 STD Untuk Customer Service

4.3.3.8 Perancangan Tampilan User GUI 1.Perancangan Tampilan Halaman LogIn

Halaman ini merupakan halaman awal sebelum user masuk kehalaman aplikasi, user harus memasukan username dan password terlebih dahulu jika username dan password yang dimasukan benar maka user tersebut dapat masuk dan mengakses aplikasi tersebut. Gambar 4.33 Halaman LogIn 2.Perancangan Tampilan Halaman Awal Input Data user Ini merupakan halaman input data user, pada halaman ini user dapat melakukan proses seperti input, update dan delete data user. halaman ini hanya dapat diakses oleh bagian Back Office saja. Gambar 4.34 Halaman awal Input data User 3.Perancangan Tampilan Form Input Data user Halaman ini berisikan form penginputan data-data user, si user setelah memasukan semua data yang diminta secara lengkap kemudian menyimpannya yang menghasilkan data username baru. Gambar 4.35 Halaman From Input data user 4.Perancangan Tampilan Form Edit Data user Halaman ini berisikan form untuk mengubah data-data user, ketika ada kesalahan ataupun perubahan pada data user maka segera diperbaiki menggunakan form edit data user ini. Gambar 4.36 Halaman From edit data user 5.Perancangan Tampilan Halaman Awal Input Data Modul Ini merupakan halaman input data modul, pada halaman ini user dapat melakukan proses seperti input, update dan delete data modul. halaman ini hanya dapat diakses oleh bagian Back Office saja. Gambar 4.37 Perancangan Tampilan Halaman Awal Input Data Modul 6.Perancangan Tampilan Form Input Data Modul Halaman ini berisikan form penginputan data-data modul, si user harus memasukan data-data seperti nama modul, Link, memilih tipe publish, aktif dan status. setelah memasukan semua data yang diminta secara lengkap Gambar 4.38 Perancangan tampilan form input data modul 7.Perancangan Tampilan Form Edit Data Modul Halaman ini berisikan form untuk mengubah data-data modul, berbeda fungsi nya dengan Form input data modul, fungsi dari form edit data modul ini sendiri berfungsi untuk melakukan perubahan data-data modul ketika ada kesalahan pada saat proses penginputan ataupun perubahan yang diinginkan pada data modul maka segera diperbaiki menggunakan form edit data modul ini. Gambar 4.39 Perancangan tampilan form edit data modul 8.Perancangan Halaman Awal Input Data Kartu Halaman ini merupakan halaman input data kartu perdana shar’e, pada halaman ini user dapat melakukan proses seperti input, update dan delete data kartu perdana shar’e tersebut. halaman ini hanya dapat diakses oleh bagian Back Office saja. Gambar 4.40 Perancangan halaman awal input data kartu 9.Perancangan Form Input Data Kartu Halaman ini berisikan form penginputan data-data kartu, si user harus memasukan data-data seperti kode cabang, jenis kartu dan nomer rekening. setelah memasukan semua data yang diminta secara lengkap kemudian menyimpannya kedalam database kartu. Gambar 4.41 Perancangan form input data kartu 10.Perancangan Form Edit Data Kartu Halaman ini berisikan form untuk mengubah data-data kartu, ketika ada kesalahan pada saat penginputan maka segera diperbaiki menggunakan form edit data kartu ini. Gambar 4.42 Perancangan form edit data kartu 11.Perancangan Halaman Awal View Data Kartu Pada halaman ini user dapat melihat stok data kartu perdana shar’e yang ada selain itu user juga dapat melakukan pencetakan data kartu. Gambar 4.43 Perancangan tampilan halaman view data kartu 12.Perancangan Laporan Data Kartu Ini merupakan bentuk laporan data kartu perdana shar’e pada Bank Muamalat cabang Puri Indah Jakarta barat, yang berisikan no, id_kartu, kode_cabang, jenis_kartu, no_rekening. laporan ini dibuat oleh bagian Back Office yang kemudian diserahkan kepada Manajer Bank. Gambar 4.44 Perancangan Laporan data kartu 13.Perancangan Halaman Agenda Halaman ini merupakan halaman input data Agenda, seperti misalnya agenda pada saat ingin melakukan promosi keluar perusahaan atau kegiatan open table, agenda presentasi kepada calon nasabah, dicatat pada halaman ini. pada halaman ini terdapat fungsi seperti tambah agenda, ubah agenda dan hapus agenda. halaman ini dapat diakses oleh bagian Marketing. Gambar 4.45 Perancangan Halaman Agenda 14.Perancangan Halaman Form Input Agenda Halaman ini berisikan form penginputan data-data Agenda, si user harus memasukan data-data seperti tema, isi agenda, tempat, tgl_mulai dan tgl_selesai. setelah memasukan semua data yang diminta secara lengkap kemudian menyimpannya kedalam database Agenda. Gambar 4.46 Perancangan Halaman Form Input Agenda 15.Perancangan Halaman Awal Input Data Pembelian Halaman ini merupakan halaman input data Pembelian, pada halaman ini terdapat fungsi seperti tambah pembelian, ubah pembelian dan hapus pembelian. halaman ini dapat diakses oleh bagian Marketing. Gambar 4.47 Perancangan halaman awal input data pembelian

16. Perancangan Form Input Data Pembelian

Halaman ini berisikan form penginputan data-data Pembelian, si user harus memasukan seluruh data yang diminta oleh form pembelian tersebut untuk selanjutnya data pembelian tersebut disimpan kedalam database pembelian. Gambar 4.48 Perancangan form input data pembelian

17. Perancangan Form edit Data Pembelian

Halaman ini berisikan form untuk mengubah data-data Pembelian, ketika ada kesalahan pada saat penginputan ataupun perubahan data pembelian maka segera diperbaiki menggunakan form edit data pembelian ini. Gambar 4.49 Perancangan form edit data pembelian

18. Perancangan Tampilan halaman view Data Pembelian

Pada halaman ini user dapat melihat data pembelian baik secara keseluruhan maupun sesuai tanggal ataupun bulan yang diinginkan oleh user tersebut selain itu user juga dapat melakukan pencetakan data pembelian. Gambar 4.50 Perancangan tampilan halaman view data pembelia

19. Perancangan Laporan Data Pembelian

Ini merupakan laporan pembelian produk kartu perdana shar’e yang dilakukan oleh Bank Muamalat cabang Puri Indah Jakarta barat kepada Bank Muamalat Pusat, laporan ini dibuat oleh bagian Marketing yang kemudian diserahkan kepada Manajer Bank Muamalat cabang Puri Indah Jakarta Barat. Gambar 4.51 Perancangan laporan data pembelian

20. Perancangan Halaman Awal Input Data Surat

Halaman ini merupakan halaman input data Surat, pada halaman ini terdapat fungsi seperti input data surat, update data surat dan delete data surat. halaman ini dapat diakses oleh bagian Marketing. Gambar 4.52 Perancangan halaman awal input data surat

21. Perancangan Form Input Data Surat

Halaman ini berisikan form penginputan data-data surat, si user harus memasukan seluruh data yang diminta oleh form input data surat tersebut untuk selanjutnya data surat tersebut disimpan kedalam database surat. Gambar 4.53 Perancangan tampilan form input data surat

22. Perancangan Form Edit Data Surat