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