1. Rancangan Layar Halaman Login Admin
Gambar 4.31 Rancangan Layar Halaman Login Admin Sumber : Penulis
Tampilan ini merupakan tampilan admin paling awal dimana tersedia field box kosong yaitu ID pengguna dan sandi (password). Jika admin sudah mengisi username dan password dengan benar maka klik ”Login” untuk masuk ke halaman utama. Jika admin lupa dengan sandinya maka admin dapat mengklik ”Lupa Sandi” .
2. Rancangan Layar Lupa Sandi Admin
Gambar 4.32 Rancangan Layar Lupa Sandi Admin Sumber : Penulis
Tampilan di atas ini merupakan tampilan ketika admin lupa akan sandinya, sandi akan dikirimkan ke email secara otomatis jika ID pengguna dan email yang dimasukan sesuai dengan database perusahaan.
3. Rancangan Layar Halaman Utama Admin
Gambar 4.33 Rancangan Layar Halaman Utama Admin Sumber : Penulis
Tampilan ini merupakan halaman utama admin setelah admin melakukan login, pada halaman utama ini akan muncul data statistik situs.
4. Rancangan Layar Daftar Member
Gambar 4.34 Rancangan Layar Daftar Member Sumber : Penulis
Halaman ini adalah halaman daftar user yang telah melakukan registrasi pada website ini, user yang sudah melakukan registrasi disebut sebagai member. Pada halaman ini, admin dapat melihat informasi mengenai ID pengguna, tanggal bergabung member, nama member, kota, alamat, fax, email, frekuensi transaksi dan total transaksi. Frekuensi transaksi menunjukkan berapa kali pelanggan/member melakukan transaksi dengan perusahaan. Total transaksi menunjukkan jumlah total transaksi (dalam rupiah) pelanggan.
5. Rancangan Layar Daftar Ulang Tahun
Gambar 4.35 Rancangan Layar Daftar Ulang Tahun Sumber : Penulis
Ini adalah halaman daftar ulang tahun member atau pelanggan. Halaman ini menampilkan ID pengguna, nama , tanggal lahir dan email dari member atau pelanggan yang sedang berulang tahun pada hari itu. Sistem akan secara otomatis mengirimkan pesan ucapan selamat ulang tahun ke email member atau pelanggan. Admin dapat mengecek pesan yang dikirimkan lewat status pengiriman pesan.
6. Rancangan Layar Pengaturan Tentang Kami
Gambar 4.36 Rancangan Layar Pengaturan Tentang Kami Sumber : Penulis
Halaman ini adalah halaman pengaturan tentang kami, pada halaman ini admin dapat mengubah isi dari kontent tentang kami, admin juga dapat melakukan mengubah gambar yang sudah ada.
7. Rancangan Layar Pengaturan Hubungi Kami
Gambar 4.37 Rancangan Layar Pengaturan Hubungi Kami Sumber : Penulis
Halaman ini adalah halaman pengaturan tentang kami, pada halaman ini admin dapat mengubah isi dari kontent hubungi kami pada field yang tersedia, admin juga dapat melakukan mengubah gambar yang sudah ada dengan mengklik tombol browse.
8. Rancangan Layar Pengaturan FAQ
Gambar 4.38 Rancangan Layar Pengaturan FAQ Sumber : Penulis
Halaman ini adalah halaman pengaturan FAQ, pada halaman ini admin dapat menambah pertanyaan FAQ yang ada dengan menakan tombol tambah baru, selain itu admin juga dapat menghapus pertanyaan yang ada dengan menu hapus.
9. Rancangan layar Tambah Baru FAQ
Gambar 4.39 Rancangan Layar Tambah Baru FAQ Sumber : Penulis
Halaman ini adalah tampilan tambah baru FAQ, Halaman ini akan muncul setelah admin mengklik tombol tambah baru, admin dapat memasukan pertanyaan serta jawaban, kemudian menyimpannya sebagai tambahan list FAQ.
10. Rancangan Layar Pengaturan Berita & Artikel
Gambar 4.40 Rancangan Layar Pengaturan Berita Dan Artikel Sumber : Penulis
Halaman ini adalah halaman pengaturan berita dan artikel, pada halaman ini terdapat konten berupa tabel yang berisikan judul berita dan alamat link berita. Admin dapat melakukan perubahan terhadap berita dan artikel yang ada dengan mengklik menu edit, selain itu admin juga dapat menambah berita baru dengan mengklik menu tambah baru.
11. Rancangan Layar Pengaturan Link-Link Terkait
Gambar 4.41 Rancangan Layar Pengaturan Link-Link Terkait Sumber : Penulis
Halaman ini adalah halaman pengaturan link-link terkait. Pada tampilan ini terdapat konten berupa tabel yang berisikan nama link dan alamat link. Admin dapat melakukan perubahan terhadap link-link terkait yang ada dengan mengklik menu edit, selain itu admin juga dapat menambah link baru dengan mengklik menu tambah baru.
12. Rancangan Layar ID YM Admin
Gambar 4.42 Rancangan Layar Pengaturan ID YM Admin Sumber : Penulis
Halaman ini adalah halaman pengaturan Id YM live chat . Pada halaman pengaturan Id YM (Yahoo Messenger) terdapat informasi mengenai Id YM dan nama orang yang nantinya akan bertugas melayani pelanggan secara langsung lewat live chat. Admin dapat menambah Id YM apabila ada penambahan petugas yang melayani pelanggan lewat live chat.
13. Rancangan Layar Daftar Kapal
Gambar 4.43 Rancangan Layar Daftar Kapal Sumber : Penulis
Pada Halaman Daftar kapal ini, admin dapat melihat nama kapal, jenis kapal, jumlah kapal yang tersedia, admin dapat melakukan penambahan nama kapal apabila perusahaan memiliki kapal baru dengan mengklik menu tambah baru, selain itu terdapat link untuk mengedit.
14. Rancangan Layar Edit Kapal
Gambar 4.44 Rancangan Layar Edit Kapal Sumber : Penulis
Halaman ini adalah halaman layar Edit Kapal, pada halaman ini, admin dapat mengubah informasi mengenai detail kapal seperti jenis kapal, klasifikasi, bendera, tahun bangun, panjang dan lebar kapal, gross tonnage, net tonnage, deadweight dan kapasitas kargo. Selain itu admin juga dapat mengubah gambar kapal dengan mengklik browse.
15. Rancangan Layar Testimonial
Gambar 4.45 Rancangan Layar Testimonial Sumber : Penulis
Halaman ini menampilkan kumpulan testimonial yang dikirim oleh pengguna jasa PT.
Armada Samudra Persada. Di halaman ini admin memilih testimonial dari pengirim, manakah yang layak untuk ditampilkan pada layar user. Admin mempunyai hak untuk menghapus testimonial dari pengirim.
16. Rancangan Layar Daftar Pesan Kapal
Gambar 4.46 Rancangan Layar Daftar Pesan Kapal Sumber : Penulis
Halaman ini menampilkan pemesanan kapal dari user, setiap pemesanan yang baru dilakukan oleh user akan muncul notification, dan berada dilist paling atas, sehingga admin mengetahui ada pemesanan kapal yang masuk untuk kemudian akan diproses.
Admin akan melakukan pemrosesan pada user atau pelanggan yang terlebih dahulu melakukan pemesanan. Pada setiap list kode pemesanan terdapat link yang terhubung dengan halaman edit daftar pesan kapal.
17. Rancangan Edit Daftar Pesan Kapal
Gambar 4.47 Rancangan Layar Edit Daftar Pesan Kapal Sumber : Penulis
Pada halaman ini, admin dapat melakukan update status pemesanan. Admin dapat mengubah status pemesanan dalam status proses, booked dan batal. Nomor pemesanan, nama, tanggal pemesanan, tanggal kembali, ukuran tongkang/barge dalam feet, rute dan jenis muatan sudah dalam keadaan terisi secara otomatis berdasarkan informasi sebelumnya.
18. Rancangan Layar Status Jasa
Gambar 4.48 Rancangan Layar Status Jasa Sumber : Penulis
Ini adalah tampilan yang berisi informasi-informasi pemesanan dari user atau pelanggan yang sudah dalam status booked, artinya sudah ada kesepakatan (deal ) antara user atau pelanggan dengan perusahaan. Pada kode pemesanan terdapat link yang terhubung dengan edit status jasa, dimana admin dapat melakukan update status barang dan status bayar.
19. Rancangan Layar Edit Status Kapal
Gambar 4.49 Rancangan Layar Edit Status Jasa Sumber : Penulis
Admin dapat mengupdate statu s barang dalam keadaan loading, unloading dan terkirim yang bertujuan untuk memberikan informasi tentang keberadaan barang yang dikirim oleh pelanggan dan admin juga dapat memilih status pembayaran dalam status belum dibayar atau lunas. Nomor pemesanan, nama, tanggal pemesanan, tanggal kembali, ukuran tongkang/barge dalam feet, rute dan jenis muatan sudah dalam keadaan terisi secara otomatis berdasarkan informasi sebelumnya.
20. Rancangan Layar Histori Pemesanan
Gambar 4.50 Rancangan Layar Histori Pemesanan Sumber : Penulis
Halaman ini adalah halaman histori pemesanan kapal, halaman ini menampilkan informasi penggunaan jasa yang sudah dilakukan oleh pelanggan PT. Armada Samudra Persada, dibagian atas terdapat tombol search, yang membantu admin untu melakukan pencarian, misalnya pencarian transaksi berdasarkan nama pelanggan. Admin juga dapat mencetak infromasi yang ada dengan menekan tombol cetak.
21. Rancangan Layar Tulis Pesan
Gambar 4.51 Rancangan Layar Tulis Pesan Sumber : Penulis
Pada menu message admin terdapat sub menu yaitu tulis pesan, pesan masuk dan pesan keluar, halaman ini merupakan halaman tampilan tulis pesan, pada halaman ini admin dapat menulis pesan atau mengirim dokumen yang akan dikirimkan kepada user/pelanggan.
22. Rancangan Layar Pesan Masuk
Gambar 4.52 Rancangan Layar Pesan Masuk Sumber : Penulis
Halaman ini adalah halaman pesan masuk, halaman pesan masuk ini memberikan informasi mengenai surat elektronik yang dikirim oleh user atau pelanggan kepada admin.
Apabila ada pesan yang masuk dari user atau pelanggan maka akan muncul notification, sehingga admin dengan mudah mengetahui ada pesan yang masuk dan admin dapat langsung membaca dan memberikan respon balasan terhadap surat yang masuk.
23. Rancangan Layar Baca Pesan Masuk
Gambar 4.53 Rancangan Layar Baca Pesan Masuk Sumber : Penulis
Ini adalah halaman baca pesan masuk, halaman ini akan muncul setelah admin mengklik salah satu list pesan (tabel list pesan dapat dilihat digambar sebelumnya). Admin dapat memberikan respon balasan dengan mengklik balas.
24. Rancangan Layar Pesan Keluar
Gambar 4.54 Rancangan Layar Pesan Keluar Sumber : Penulis
Halaman ini adalah halaman pesan keluar, tabel yang berisi list-list pesan yang pernah dikirim oleh admin kepada user.
25. Rancangan Layar Baca Pesan Keluar
Gambar 4.55 Rancangan Layar Baca Pesan Keluar Sumber : Penulis
Ini adalah halaman baca pesan keluar, halaman ini akan muncul setelah admin mengklik salah satu list pesan keluar (tabel list pesan keluar dapat dilihat digambar sebelumnya). admin dapat mengirim pesan yang sama dengan mengklik tombol forward.
Apabila admin mengklik tombol forward maka akan masuk ke halaman “tulis pesan” dengan topik dan pesan yang sama.
26. Rancangan Layar Konfigurasi Admin
Gambar 4.56 Rancangan Layar Konfigurasi Admin Sumber : Penulis
Ini adalah halaman konfigurasi admin, halaman ini menampilakan informasi mengenai admin seperti user id nya, nama, alamat dan email. Admin dapat mengubah infromasi yang ada dengan mengklik menu edit. Selain itu terdapat plihan tambah baru, pilihan tambah baru memungkinkan ada penambahan admin baru.
27. Rancangan Layar Ubah Sandi Admin
Gambar 4.57 Rancangan Layar Ubah Sandi
Sumber : Penulis
Ini adalah ubah sandi (password) admin, pada halaman ini terdapat form yang berisi Id pengguna, sandi lama, sandi baru serta konfirmasi sandi baru.