Perancangan Sruktur Menu Perancangan Antar Muka

71 Kadar_max Integer 4 Kadar maksimal per kategori Id_staf Integer 4 FK

3.3.2 Perancangan Sruktur Menu

a. Perancangan Struktur Menu Pengunjung Struktur menu pengunjung terdiri dari menu login, menu batubara adalah untuk melihat data batubara, dan menu pendaftaran baru untuk mendaftar sebagai pelanggan serta menu profile dan buku tamu. Home Profil Perusahaan Batubara Login Pendaftaran Baru Buku Tamu Gambar 3.13 Struktur Menu Pengunjung b. Perancangan Struktur Menu Pelanggan Struktur menu pelanggan terdiri dari menu logout, menu batubara, menu daftar transaksi, buku tamu, konfirmasi pembayaran DP, konfirmasi Pelunasan, serta menu profile dan buku tamu. 72 Home Profil Perusahaan Batubara Pesan Batubara Logout Daftar Transaksi Buku Tamu Tawar Harga Batubara Kantong Belanja Lanjutkan Transaksi Konfirmasi Pembayaran DP Konfirmasi Pelunasan Gambar 3.14 Struktur Menu Pelanggan c. Perancangan Struktur Menu Staf Struktur menu staf terdiri dari menu logout, data pelanggan, data buku tamu, data propinsi, data batubara, serta menu laporan data transaksi. Home Data Buku Tamu Data Pelanggan Logout Data Propinsi Data Batubara Laporan Data Transaksi Detail Pelanggan Hapus Pelanggan Detail Buku Tamu Hapus Buku Tamu Tambah Propinsi Ubah Propinsi Hapus Propinsi Tambah Data Batubara Ubah Data Batubara Hapus Data Batubara Kategori Batubara Gambar 3.15 Struktur Menu Staf 73 d. Perancangan Struktur Menu Admin Struktur menu admin terdiri dari menu logout, ubah password, data staf, data penawaran, data pesanan, data transaksi terbayar, data transaksi per periode. Home Data Staf Ubah Password Logout Daftar Penawaran Data Pesanan DataTransaksi Terbayar Tambah Staf Ubah Password Hapus Data Staf Transaksi per Periode Gambar 3.16 Struktur Menu Admin

3.3.3 Perancangan Antar Muka

Antar muka sistem dibangun dengan menggunakan Macromedia Dreamweaver dan databasenya menggunakan MySQL dengan menggunakan XAMPP sebagai server, saat pertama kali program dijalankan akan masuk pada tampilan menu utama. 74 BANNER FOOTER · Ukuran 1024x768 · Font family Verdana 12 · Warna biru, putih Ø Klik HOME maka akan tampil menu utama T01 Ø Klik PROFIL PERUSAHAAN maka akan tampil T03 Ø Klik BUKUTAMU maka akan tampil T04 Ø Isi field username,password dan level user dan Klik tombol login ,maka akan muncul menu T02 T01 MENU HOME LOGIN PROFIL PERUSAHAAN BATUBARA Username Password Login PENDAFTARAN BARU TANGGAL HOME PROFIL PERUSAHAAN BUKU TAMU MARQUE UTAMA INFORMASI TAMPILAN HOME Gambar 3.17 Antar Muka Halaman Utama 75 BANNER FOOTER · Ukuran 1024x768 · Font family Verdana 12 · Warna biru, putih Ø Klik HOME maka akan tampil menu utama T01 Ø Klik PROFIL PERUSAHAAN maka akan tampil T03 Ø Klik BUKUTAMU maka akan muncul T04 Ø Klik BATUBARA maka akan muncul T05 Ø Klik KANTONG BELANJA maka akan muncul T06 Ø Klik LANJUTKAN TRANSAKSI maka akan muncul menu T07 Ø Klik DAFTAR TRANSAKSI maka akan muncul menu T08 Ø Klik KONFIRMASI PEMBAYARAN DP maka akan muncul menu T09 Ø Klik KONFIRMASI PELUNASAN maka akan muncul menu T10 T02 MENU HOME PROFIL PERUSAHAAN BATUBARA Username : Password : DAFTAR TRANSAKSI LOGOUT TANGGAL HOME PROFIL PERUSAHAAN BUKU TAMU MARQUE UTAMA INFORMASI TAMPILAN HOME PELANGGAN Username KANTONG BELANJA LANJUTKAN TRANSAKSI PEMBAYARAN KONFIRMASI PEMBAYARAN DP KONFIRMASI PELUNASAN Gambar 3.18 Antar Muka Halaman Utama Pelanggan 76 BANNER FOOTER · Ukuran 1024x768 · Font family Verdana 12 · Warna biru, putih Ø Klik HOME maka akan tampil menu utama T01 Ø Klik PROFIL PERUSAHAAN maka akan tampil T03 Ø Klik BUKUTAMU maka akan muncul T04 Ø Klik BATUBARA maka akan muncul T05 Ø Klik KANTONG BELANJA maka akan muncul T06 Ø Klik LANJUTKAN TRANSAKSI maka akan muncul menu T07 Ø Klik DAFTAR TRANSAKSI maka akan muncul menu T08 Ø Klik KONFIRMASI PEMBAYARAN DP maka akan muncul menu T09 Ø Klik KONFIRMASI PELUNASAN maka akan muncul menu T10 T03 MENU HOME PROFIL PERUSAHAAN BATUBARA Username : Password : DAFTAR TRANSAKSI LOGOUT TANGGAL HOME PROFIL PERUSAHAAN BUKU TAMU MARQUE UTAMA INFORMASI PROFIL PERUSAHAAN PELANGGAN Username KANTONG BELANJA LANJUTKAN TRANSAKSI PEMBAYARAN KONFIRMASI PEMBAYARAN DP KONFIRMASI PELUNASAN Gambar 3.19 Antar Muka Halaman Profil Perusahaan 77 BANNER FOOTER · Ukuran 1024x768 · Font family Verdana 12 · Warna biru, putih Ø Klik HOME maka akan tampil menu utama T01 Ø Klik PROFIL PERUSAHAAN maka akan tampil T03 Ø Klik BUKUTAMU maka akan muncul T04 Ø Klik BATUBARA maka akan muncul T05 Ø Klik KANTONG BELANJA maka akan muncul T06 Ø Klik LANJUTKAN TRANSAKSI maka akan muncul menu T07 Ø Klik DAFTAR TRANSAKSI maka akan muncul menu T08 Ø Klik KONFIRMASI PEMBAYARAN DP maka akan muncul menu T09 Ø Klik KONFIRMASI PELUNASAN maka akan muncul menu T10 T04 MENU HOME PROFIL PERUSAHAAN BATUBARA Username : Password : DAFTAR TRANSAKSI LOGOUT TANGGAL HOME PROFIL PERUSAHAAN BUKU TAMU MARQUE UTAMA INFORMASI BUKU TAMU PELANGGAN Username KANTONG BELANJA LANJUTKAN TRANSAKSI PEMBAYARAN KONFIRMASI PEMBAYARAN DP KONFIRMASI PELUNASAN Email Nama Pesan Simpan Gambar 3.20 Antar Muka Halaman Buku Tamu 78 BANNER FOOTER · Ukuran 1024x768 · Font family Verdana 12 · Warna biru, putih Ø Klik HOME maka akan tampil menu utama T01 Ø Klik PROFIL PERUSAHAAN maka akan tampil T03 Ø Klik BUKUTAMU maka akan muncul T04 Ø Klik BATUBARA maka akan muncul T05 Ø Klik KANTONG BELANJA maka akan muncul T06 Ø Klik LANJUTKAN TRANSAKSI maka akan muncul menu T07 Ø Klik DAFTAR TRANSAKSI maka akan muncul menu T08 Ø Klik KONFIRMASI PEMBAYARAN DP maka akan muncul menu T09 Ø Klik KONFIRMASI PELUNASAN maka akan muncul menu T10 T05 MENU HOME PROFIL PERUSAHAAN BATUBARA Username : Password : DAFTAR TRANSAKSI LOGOUT TANGGAL HOME PROFIL PERUSAHAAN BUKU TAMU MARQUE UTAMA INFORMASI Gambar PELANGGAN Username KANTONG BELANJA LANJUTKAN TRANSAKSI PEMBAYARAN KONFIRMASI PEMBAYARAN DP KONFIRMASI PELUNASAN Harga TON Jumlah Spesifikasi Batubara Gambar Batubara Kadar Stok Keterangan Rp. Gambar 3.21 Antar Muka Halaman Batubara 79 BANNER FOOTER · Ukuran 1024x768 · Font family Verdana 12 · Warna biru, putih Ø Klik HOME maka akan tampil menu utama T01 Ø Klik PROFIL PERUSAHAAN maka akan tampil T03 Ø Klik BUKUTAMU maka akan muncul T04 Ø Klik BATUBARA maka akan muncul T05 Ø Klik KANTONG BELANJA maka akan muncul T06 Ø Klik LANJUTKAN TRANSAKSI maka akan muncul menu T07 Ø Klik DAFTAR TRANSAKSI maka akan muncul menu T08 Ø Klik KONFIRMASI PEMBAYARAN DP maka akan muncul menu T09 Ø Klik KONFIRMASI PELUNASAN maka akan muncul menu T10 T06 MENU HOME PROFIL PERUSAHAAN BATUBARA Username : Password : DAFTAR TRANSAKSI LOGOUT TANGGAL HOME PROFIL PERUSAHAAN BUKU TAMU MARQUE UTAMA INFORMASI Gambar PELANGGAN Username KANTONG BELANJA LANJUTKAN TRANSAKSI PEMBAYARAN KONFIRMASI PEMBAYARAN DP KONFIRMASI PELUNASAN Harga TON Spesifikasi Batubara Gambar Batubara Kadar Stok Keterangan Rp. Jumlah Yang Dipesan Harga Penawaran TON Rupiah TAWAR Gambar 3.22 Antar Muka Halaman Kantong Belanja 80 BANNER FOOTER · Ukuran 1024x768 · Font family Verdana 12 · Warna biru, putih Ø Klik HOME maka akan tampil menu utama T01 Ø Klik PROFIL PERUSAHAAN maka akan tampil T03 Ø Klik BUKUTAMU maka akan muncul T04 Ø Klik BATUBARA maka akan muncul T05 Ø Klik KANTONG BELANJA maka akan muncul T06 Ø Klik LANJUTKAN TRANSAKSI maka akan muncul menu T07 Ø Klik DAFTAR TRANSAKSI maka akan muncul menu T08 Ø Klik KONFIRMASI PEMBAYARAN DP maka akan muncul menu T09 Ø Klik KONFIRMASI PELUNASAN maka akan muncul menu T10 T07 MENU HOME PROFIL PERUSAHAAN BATUBARA Username : Password : DAFTAR TRANSAKSI LOGOUT TANGGAL HOME PROFIL PERUSAHAAN BUKU TAMU MARQUE UTAMA INFORMASI PELANGGAN Username KANTONG BELANJA LANJUTKAN TRANSAKSI PEMBAYARAN KONFIRMASI PEMBAYARAN DP KONFIRMASI PELUNASAN Pengiriman Batubara No Telp No Handphone Ubah Alamat Dibawah Ini Jika Tidak Sesuai Dengan Alamat Pengiriman Anda Sekarang Alamat Propinsi Nama Lengkap Gambar 3.23 Antar Muka Halaman Lanjutkan Transaksi 81 BANNER FOOTER · Ukuran 1024x768 · Font family Verdana 12 · Warna biru, putih Ø Klik HOME maka akan tampil menu utama T01 Ø Klik PROFIL PERUSAHAAN maka akan tampil T03 Ø Klik BUKUTAMU maka akan muncul T04 Ø Klik BATUBARA maka akan muncul T05 Ø Klik KANTONG BELANJA maka akan muncul T06 Ø Klik LANJUTKAN TRANSAKSI maka akan muncul menu T07 Ø Klik DAFTAR TRANSAKSI maka akan muncul menu T08 Ø Klik KONFIRMASI PEMBAYARAN DP maka akan muncul menu T09 Ø Klik KONFIRMASI PELUNASAN maka akan muncul menu T10 T08 MENU HOME PROFIL PERUSAHAAN BATUBARA Username : Password : DAFTAR TRANSAKSI LOGOUT TANGGAL HOME PROFIL PERUSAHAAN BUKU TAMU MARQUE UTAMA INFORMASI PELANGGAN Username KANTONG BELANJA LANJUTKAN TRANSAKSI PEMBAYARAN KONFIRMASI PEMBAYARAN DP KONFIRMASI PELUNASAN Daftar Transaksi Terahir No No Pesan Tanggal Pemesa nan Tanggal Bayar DP Tanggal Pelunas an Harga Tawaran Admin Status Tawar Status Bayar Aksi Tampil Gambar 3.24 Antar Muka Halaman Daftar Transaksi 82 BANNER T03 MENU HOME PROFIL PERUSAHAAN BATUBARA Username : Password : DAFTAR TRANSAKSI LOGOUT TANGGAL HOME BUKU TAMU MARQUE UTAMA INFORMASI PELANGGAN Username KANTONG BELANJA LANJUTKAN TRANSAKSI PEMBAYARAN KONFIRMASI PEMBAYARAN DP KONFIRMASI PELUNASAN Daftar Transaksi Terahir No No Pesan Tanggal Pemesa nan Tanggal Bayar DP Tanggal Pelunas an Harga Tawaran Admin Status Tawar Status Bayar Aksi Tampil BANNER FOOTER · Ukuran 1024x768 · Font family Verdana 12 · Warna biru, putih Ø Klik HOME maka akan tampil menu utama T01 Ø Klik PROFIL PERUSAHAAN maka akan tampil T03 Ø Klik BUKUTAMU maka akan muncul T04 Ø Klik BATUBARA maka akan muncul T05 Ø Klik KANTONG BELANJA maka akan muncul T06 Ø Klik LANJUTKAN TRANSAKSI maka akan muncul menu T07 Ø Klik DAFTAR TRANSAKSI maka akan muncul menu T08 Ø Klik KONFIRMASI PEMBAYARAN DP maka akan muncul menu T09 Ø Klik KONFIRMASI PELUNASAN maka akan muncul menu T10 T09 MENU HOME PROFIL PERUSAHAAN BATUBARA Username : Password : DAFTAR TRANSAKSI LOGOUT TANGGAL HOME PROFIL PERUSAHAAN BUKU TAMU MARQUE UTAMA INFORMASI PELANGGAN Username KANTONG BELANJA LANJUTKAN TRANSAKSI PEMBAYARAN KONFIRMASI PEMBAYARAN DP KONFIRMASI PELUNASAN No Transaksi Tanggal Bayar SIMPAN KONFIRMASI PEMBAYARAN DP Gambar 3.25 Antar Muka Halaman Konfirmasi Pembayaran DP 83 BANNER T03 MENU HOME PROFIL PERUSAHAAN BATUBARA Username : Password : DAFTAR TRANSAKSI LOGOUT TANGGAL HOME BUKU TAMU MARQUE UTAMA INFORMASI PELANGGAN Username KANTONG BELANJA LANJUTKAN TRANSAKSI PEMBAYARAN KONFIRMASI PEMBAYARAN DP KONFIRMASI PELUNASAN Daftar Transaksi Terahir No No Pesan Tanggal Pemesa nan Tanggal Bayar DP Tanggal Pelunas an Harga Tawaran Admin Status Tawar Status Bayar Aksi Tampil BANNER FOOTER · Ukuran 1024x768 · Font family Verdana 12 · Warna biru, putih Ø Klik HOME maka akan tampil menu utama T01 Ø Klik PROFIL PERUSAHAAN maka akan tampil T03 Ø Klik BUKUTAMU maka akan muncul T04 Ø Klik BATUBARA maka akan muncul T05 Ø Klik KANTONG BELANJA maka akan muncul T06 Ø Klik LANJUTKAN TRANSAKSI maka akan muncul menu T07 Ø Klik DAFTAR TRANSAKSI maka akan muncul menu T08 Ø Klik KONFIRMASI PEMBAYARAN DP maka akan muncul menu T09 Ø Klik KONFIRMASI PELUNASAN maka akan muncul menu T10 T10 MENU HOME PROFIL PERUSAHAAN BATUBARA Username : Password : DAFTAR TRANSAKSI LOGOUT TANGGAL HOME PROFIL PERUSAHAAN BUKU TAMU MARQUE UTAMA INFORMASI PELANGGAN Username KANTONG BELANJA LANJUTKAN TRANSAKSI PEMBAYARAN KONFIRMASI PEMBAYARAN DP KONFIRMASI PELUNASAN No Transaksi Tanggal Bayar SIMPAN KONFIRMASI PELUNASAN Gambar 3.26 Antar Muka Halaman Konfirmasi Pelunasan 84 Staf TCM Ø Klik HOME maka akan tampil menu utama T11 Ø Klik DATA PELANGGAN maka akan tampil T12 Ø Klik DATA BUKUTAMU akan tampil T13 Ø Klik DATA PROPINSI maka akan tampil T14 Ø Klik DATA BATUBARA maka akan muncul T15 Ø Klik LAPORAN DATA TRANSAKSI maka akan muncul T16 T11 MENU Home Data Pelanggan Data Propinsi UTAMA Selamat Datang di Halaman Staf PT.Tri Chakti Makmur Data Buku tamu Data Batubara Logout LAPORAN Laporan Data Transaksi LOGO · Ukuran 1024x768 · Font family Verdana 12 · Warna Hitam, abu-abu Gambar 3.27 Antar Muka Halaman Utama Staf Staf TCM Ø Klik HOME maka akan tampil menu utama T11 Ø Klik DATA PELANGGAN maka akan tampil T12 Ø Klik DATA BUKUTAMU akan tampil T13 Ø Klik DATA PROPINSI maka akan tampil T14 Ø Klik DATA BATUBARA maka akan muncul T15 Ø Klik LAPORAN DATA TRANSAKSI maka akan muncul T16 T12 MENU Home Data Pelanggan Data Propinsi UTAMA Data Buku tamu Data Batubara Logout LAPORAN Laporan Data Transaksi LOGO · Ukuran 1024x768 · Font family Verdana 12 · Warna Hitam, abu-abu Daftar Pelanggan No User Nama Lengkap Alamat Operasi Gambar 3.28 Antar Muka Halaman Data Pelanggan 85 Staf TCM Ø Klik HOME maka akan tampil menu utama T11 Ø Klik DATA PELANGGAN maka akan tampil T12 Ø Klik DATA BUKUTAMU akan tampil T13 Ø Klik DATA PROPINSI maka akan tampil T14 Ø Klik DATA BATUBARA maka akan muncul T15 Ø Klik LAPORAN DATA TRANSAKSI maka akan muncul T16 T13 MENU Home Data Pelanggan Data Propinsi UTAMA Data Buku tamu Data Batubara Logout LAPORAN Laporan Data Transaksi LOGO · Ukuran 1024x768 · Font family Verdana 12 · Warna Hitam, abu-abu Daftar Buku Tamu Masuk No Tanggal Pengirim Email Operasi Gambar 3.29 Antar Muka Halaman Data Buku Tamu Staf TCM Ø Klik HOME maka akan tampil menu utama T11 Ø Klik DATA PELANGGAN maka akan tampil T12 Ø Klik DATA BUKUTAMU akan tampil T13 Ø Klik DATA PROPINSI maka akan tampil T14 Ø Klik DATA BATUBARA maka akan muncul T15 Ø Klik LAPORAN DATA TRANSAKSI maka akan muncul T16 T14 MENU Home Data Pelanggan Data Propinsi UTAMA Data Buku tamu Data Batubara Logout LAPORAN Laporan Data Transaksi LOGO · Ukuran 1024x768 · Font family Verdana 12 · Warna Hitam, abu-abu Daftar Data Propinsi ID Nama Propinsi Ongkos Lama Pengiriman Operasi Tambah Propinsi Gambar 3.30 Antar Muka Halaman Data Propinsi 86 Staf TCM Ø Klik HOME maka akan tampil menu utama T11 Ø Klik DATA PELANGGAN maka akan tampil T12 Ø Klik DATA BUKUTAMU akan tampil T13 Ø Klik DATA PROPINSI maka akan tampil T14 Ø Klik DATA BATUBARA maka akan muncul T15 Ø Klik LAPORAN DATA TRANSAKSI maka akan muncul T16 T15 MENU Home Data Pelanggan Data Propinsi UTAMA Data Buku tamu Data Batubara Logout LAPORAN Laporan Data Transaksi LOGO · Ukuran 1024x768 · Font family Verdana 12 · Warna Hitam, abu-abu Kategori Batubara i No Gambar Kategori Stok Operasi Tambah Data Batubara Harga TAMPIL Gambar 3.31 Antar Muka Halaman Data Batubara Staf TCM Ø Klik HOME maka akan tampil menu utama T11 Ø Klik DATA PELANGGAN maka akan tampil T12 Ø Klik DATA BUKUTAMU akan tampil T13 Ø Klik DATA PROPINSI maka akan tampil T14 Ø Klik DATA BATUBARA maka akan muncul T15 Ø Klik LAPORAN DATA TRANSAKSI maka akan muncul T16 T16 MENU Home Data Pelanggan Data Propinsi UTAMA Data Buku tamu Data Batubara Logout LAPORAN Laporan Data Transaksi LOGO · Ukuran 1024x768 · Font family Verdana 12 · Warna Hitam, abu-abu Daftar Transaksi No ID Pesanan Pemesan Tanggal Pemesanan Aksi Tanggal DP Tanggal Pelunasan Status Gambar 3.32 Antar Muka Halaman Laporan Data Transaksi 87 Admin TCM Ø Klik HOME maka akan tampil menu utama T17 Ø Klik UBAH PASSWORD maka akan tampil T18 Ø Klik DATA STAF akan tampil T19 Ø Klik DAFTAR PENAWARAN maka akan tampil T20 Ø Klik DATA PESANAN maka akan muncul T21 Ø Klik DATA TRANSAKSI TERBAYAR maka akan muncul T22 Ø Klik DAFTAR TRANSAKSI PER PERIODE maka akan muncul T23 T17 MENU Home Admin Ubah Password UTAMA Selamat Datang di Halaman Administrator PT.Tri Chakti Makmur Data Staf Logout LAPORAN Data Pesanan LOGO · Ukuran 1024x768 · Font family Verdana 12 · Warna Hitam, abu-abu PENAWARAN Daftar Penawaran Data Transaksi Terbayar Transaksi Per Periode Gambar 3.33 Antar Muka Halaman Home Admin Admin TCM Ø Klik HOME maka akan tampil menu utama T17 Ø Klik UBAH PASSWORD maka akan tampil T18 Ø Klik DATA STAF akan tampil T19 Ø Klik DAFTAR PENAWARAN maka akan tampil T20 Ø Klik DATA PESANAN maka akan muncul T21 Ø Klik DATA TRANSAKSI TERBAYAR maka akan muncul T22 Ø Klik DAFTAR TRANSAKSI PER PERIODE maka akan muncul T23 T18 MENU Home Admin Ubah Password UTAMA Data Staf Logout LAPORAN Data Pesanan LOGO · Ukuran 1024x768 · Font family Verdana 12 · Warna Hitam, abu-abu PENAWARAN Daftar Penawaran Data Transaksi Terbayar Transaksi Per Periode Ubah Login Admin User Login Password Lama Password Baru Gambar 3.34 Antar Muka Halaman Ubah Password 88 Admin TCM Ø Klik HOME maka akan tampil menu utama T17 Ø Klik UBAH PASSWORD maka akan tampil T18 Ø Klik DATA STAF akan tampil T19 Ø Klik DAFTAR PENAWARAN maka akan tampil T20 Ø Klik DATA PESANAN maka akan muncul T21 Ø Klik DATA TRANSAKSI TERBAYAR maka akan muncul T22 Ø Klik DAFTAR TRANSAKSI PER PERIODE maka akan muncul T23 T19 MENU Home Admin Ubah Password UTAMA Data Staf Logout LAPORAN Data Pesanan LOGO · Ukuran 1024x768 · Font family Verdana 12 · Warna Hitam, abu-abu PENAWARAN Daftar Penawaran Data Transaksi Terbayar Transaksi Per Periode Data Staf No User Operasi Gambar 3.35 Antar Muka Halaman Data Staf Admin TCM Ø Klik HOME maka akan tampil menu utama T17 Ø Klik UBAH PASSWORD maka akan tampil T18 Ø Klik DATA STAF akan tampil T19 Ø Klik DAFTAR PENAWARAN maka akan tampil T20 Ø Klik DATA PESANAN maka akan muncul T21 Ø Klik DATA TRANSAKSI TERBAYAR maka akan muncul T22 Ø Klik DAFTAR TRANSAKSI PER PERIODE maka akan muncul T23 T20 MENU Home Admin Ubah Password UTAMA Data Staf Logout LAPORAN Data Pesanan LOGO · Ukuran 1024x768 · Font family Verdana 12 · Warna Hitam, abu-abu PENAWARAN Daftar Penawaran Data Transaksi Terbayar Transaksi Per Periode Data Penawaran No Pesan User Batubara Harga Operasi Jumlah Penawaran Pembeli Penawaran Anda Gambar 3.36 Antar Muka Halaman Daftar Penawaran 89 Admin TCM Ø Klik HOME maka akan tampil menu utama T17 Ø Klik UBAH PASSWORD maka akan tampil T18 Ø Klik DATA STAF akan tampil T19 Ø Klik DAFTAR PENAWARAN maka akan tampil T20 Ø Klik DATA PESANAN maka akan muncul T21 Ø Klik DATA TRANSAKSI TERBAYAR maka akan muncul T22 Ø Klik DAFTAR TRANSAKSI PER PERIODE maka akan muncul T23 T21 MENU Home Admin Ubah Password UTAMA Data Staf Logout LAPORAN Data Pesanan LOGO · Ukuran 1024x768 · Font family Verdana 12 · Warna Hitam, abu-abu PENAWARAN Daftar Penawaran Data Transaksi Terbayar Transaksi Per Periode Daftar Pesanan No No Pesan Pemesanan Tanggal Aksi Status Gambar 3.37 Antar Muka Halaman Data Pesanan Admin TCM Ø Klik HOME maka akan tampil menu utama T17 Ø Klik UBAH PASSWORD maka akan tampil T18 Ø Klik DATA STAF akan tampil T19 Ø Klik DAFTAR PENAWARAN maka akan tampil T20 Ø Klik DATA PESANAN maka akan muncul T21 Ø Klik DATA TRANSAKSI TERBAYAR maka akan muncul T22 Ø Klik DAFTAR TRANSAKSI PER PERIODE maka akan muncul T23 T22 MENU Home Admin Ubah Password UTAMA Data Staf Logout LAPORAN Data Pesanan LOGO · Ukuran 1024x768 · Font family Verdana 12 · Warna Hitam, abu-abu PENAWARAN Daftar Penawaran Data Transaksi Terbayar Transaksi Per Periode Daftar Transaksi Terbayar No No Pesan Pemesanan Tanggal Aksi Status Gambar 3.38 Antar Muka Halaman Data Transaksi Terbayar 90 Admin TCM Ø Klik HOME maka akan tampil menu utama T17 Ø Klik UBAH PASSWORD maka akan tampil T18 Ø Klik DATA STAF akan tampil T19 Ø Klik DAFTAR PENAWARAN maka akan tampil T20 Ø Klik DATA PESANAN maka akan muncul T21 Ø Klik DATA TRANSAKSI TERBAYAR maka akan muncul T22 Ø Klik DAFTAR TRANSAKSI PER PERIODE maka akan muncul T23 T23 MENU Home Admin Ubah Password UTAMA Data Staf Logout LAPORAN Data Pesanan LOGO · Ukuran 1024x768 · Font family Verdana 12 · Warna Hitam, abu-abu PENAWARAN Daftar Penawaran Data Transaksi Terbayar Transaksi Per Periode Tampil LAPORAN TRANSAKSI PER PERIODE Tanggal 1 : Sampai Dengan Tanggal 2 : Status : Gambar 3.39 Antar Muka Halaman Data Transaksi Per Periode

3.3.4 Jaringan Semantik