PT. ARMADA SAMUDRA PERSADA
ENGLISH
INDONESIA Cari
Tentang Kami FAQ Berita &
Art ikel Test imonial Registrasi
Selamat Datang, (nama / perusahaan)
Gambar 4.16 Rancangan Layar Halaman Utama Setelah Login Sumber : Penulis
Berikut ini adalah tampilan halaman utama setelah login, dimana terdapat penambahan fitur-fitur baru yang tidak ditemukan pada tampilan halaman utama sebelum login, fitur-fitur tersebut antara lain adalah akun saya (my profile), pemesanan kapal, histori pemesanan kapal dan kotak pesan.
2. Rancangan Layar Testimonial Setelah Login
PT. ARMADA SAMUDRA PERSADA
ENGLISH
INDONESIA Cari
Tentang Kami FAQ Berita &
Art ikel Registrasi
Selamat Datang, (nama / perusahaan)
Gambar 4.17 Rancangan Layar Testimonial Setelah Login Sumber : Penulis
Pada halaman testimonial ini, selain user dapat melihat testimonial-testimonial dari para pengguna jasa PT. Armada Samudra Persada, user juga dapat mengirim testimonial pribadinya dengan mengisi field yang sudah disediakan pada menu tambah testimonial.
3. Rancangan Layar Ubah Akun
PT. ARMADA SAMUDRA PERSADA
ENGLISH
INDONESIA Cari
Halaman
Utama Tentang Kami FAQ Berita &
Art ikel Test imonial Registrasi
Selamat Datang, (nama / perusahaan)
Tan ggal la hir/berdiri :
Alamat :
Gambar 4.18 Rancangan Layar Ubah Akun Sumber : Penulis
Pada halaman akun saya terdapat dua sub menu yaitu ubah akun dan ubah sandi, halaman ini merupakan halaman ubah akun, dimana pada halaman ini user dapat
mengubah data-data pribadinya.
4. Rancangan Layar Ubah Sandi
PT. ARMADA SAMUDRA PERSADA
ENGLISH
INDONESIA Cari
Tentang Kami FAQ Berita &
Art ikel Test imonial Registrasi
Selamat Datang, (nama / perusahaan)
Gambar 4.19 Rancangan Layar Ubah Sandi Sumber : Penulis
Halaman ini adalah halaman ubah sandi, dimana halaman ini memungkinkan user untuk mengubah sandi lama dengan sandi barunya.
5. Rancangan Pemesanan Kapal
PT. ARMADA SAMUDRA PERSADA
ENGLISH
INDONESIA Cari
Tentang Kami FAQ Berita &
Art ikel Test imonial Registrasi
Selamat Datang, (nama / perusahaan)
Gambar 4.20 Rancangan Layar Pemesanan Kapal Sumber : Penulis
Halaman ini adalah halaman pemesanan kapal, dimana pada halaman ini user dapat mengecek ketersediaan kapal yang ada sesuai dengan kebutuhan dan keinginan user, setelah mengecek kapal yang tersedia user dapat melakukan pemesanan atau booking kapal Field nama, email, telepon akan terisi secara otomatis, untuk field-field lainnya user mengisi sendiri, user wajib mengisi field pelabuhan keberangkatan, pelabuhan tujuan, tanggal keberangkatan serta memilih ukuran barge atau tongkang, untuk field tipe muatan dan persyaratan tambahan user tidak wajib mengisi field ini.
PT. ARMADA SAMUDRA PERSADA
ENGLISH
INDONESIA Cari
Tentang Kami FAQ Berita &
Art ikel Test imonial Registrasi
Selamat Datang, (nama / perusahaan)
Gambar 4.21 Rancangan Layar Pemesanan Kapal Sudah Dikirim Sumber : Penulis
Apabila user sudah melakukan pemesanan kapal maka akan muncul tampilan seperti diatas, dimana terdapat kode pemesanan serta pesan yang berisi pemberitahuan bahwa permintaan pemesanan kapal sudah dikirim dan akan ada konfirmasi selanjutnya dari pihak perusahaan.
Nomor Pemesanan : xxxxxxxxxxxxxxxxxxx
Permintaan Anda Sudah Dikirim, Mohon Tunggu Konfirmasi Dari Kami,
Terima Kasih
PT. ARMADA SAMUDRA PERSADA
ENGLISH
INDONESIA Cari
Tentang Kami FAQ Berita &
Art ikel Test imonial Registrasi
Selamat Datang, (nama / perusahaan)
Gambar 4.22 Rancangan Layar Antrian Pemesanan Kapal Sumber : Penulis
Halaman ini adalah halaman antrian pemesanan kapal, dimana sebelum user (pelanggan kedua) melakukan pemesanan sudah ada user lain (pelanggan pertama) yang terlebih dahulu melakukan pemesanan kapal dengan tanggal keberangkatan serta ukuran kapal tongkang yang sama, selanjutnya pihak perusahaan akan segera memberikan konfirmasi kepada pihak kedua setelah perusahaan memutuskan kesepakatan dengan pelanggan pertama.
Nomor Pemesanan : xxxxxxxxxxxxxxxxxxx
Anda dalam antrian pemesanan,kami akan segera memberikan konfirmasi
kembali, Terima Kasih
PT. ARMADA SAMUDRA PERSADA
Art ikel Test imonial Registrasi
Selamat Datang, (nama / perusahaan)
Maaf, kapal tidak tersedia
Online
Gambar 4.23 Rancangan Layar Kapal Tidak Tersedia Sumber : Penulis
Halaman ini adalah halaman kapal tidak tersedia, setelah user mengisi field pelabuhan keberangkatan, pelabuhan tujuan, tanggal keberangkatan kapal serta ukuran tongkang/barge, sistem akan langsung melakukan pengecekan, dan apabila tidak ada kapal yang tersedia pada waktu yang diminta user karena jumlah kapal sudah full dipesan atau karena kapal masih dalam kegiatan operasionalnya, maka akan muncul pesan “Maaf, kapal tidak tersedia”.
6. Rancangan Histori Pemesanan Kapal
Gambar 4.24 Rancangan Layar Histori Pemesanan Kapal Sumber : Penulis
Halaman ini menjelaskan histori pemesanan kapal yang dilakukan oleh user, setiap pemesanan yang dilakukan oleh user akan tercatat langsung di dalam sistem dan akan ditampilkan di halaman ini, pada halaman ini terdapat fasilitas tracking, dimana user dapat mengetahui keberadaan barang yang dikirim dengan kapal dalam keadaan loading, unloading, terkirim. Histori ini berisi transaksi yang dilakukan user dengan perusahaan selama satu tahun
7. Rancangan Layar Tulis Pesan
PT. ARMADA SAMUDRA PERSADA
ENGLISH
INDONESIA Cari
Tentang Kami FAQ Berita &
Art ikel Test imonial Registrasi
Selamat Datang, (nama / perusahaan)
Lampi rka n size
Keluar
Gambar 4.25 Rancangan Layar Tulis Pesan Sumber : Penulis
Pada menu message terdapat sub menu yaitu tulis pesan, pesan masuk dan pesan keluar, halaman ini merupakan halaman tampilan tulis pesan, pada halaman ini user dapat menulis pesan atau mengirim dokumen yang akan dikirimkan kepada pihak admin.
8. Rancangan Layar Pesan Masuk
PT. ARMADA SAMUDRA PERSADA
ENGLISH
INDONESIA Cari
Tentang Kami FAQ Berita &
Art ikel Test imonial Registrasi
Selamat Datang, (nama / perusahaan)
Dari Kete ra ngan Ta nggal
xxxxx xxxxxxxxxxx dd/mm/yyyy Hapus Hapus
Gambar 4.26 Rancangan Layar Pesan Masuk Sumber : Penulis
Halaman ini adalah halaman pesan masuk, halaman pesan masuk ini memberikan informasi mengenai surat elektronik yang dikirim oleh admin kepada user. Informasi-informasi yang dikirim ke pesan masuk antara lain surat penawaran, ucapan selamat ulang tahun, ucapan selamat hari raya dan surat tagihan.
9. Rancangan Layar Baca Pesan Masuk
PT. ARMADA SAMUDRA PERSADA
ENGLISH
INDONESIA Cari
Tentang Kami FAQ Berita &
Art ikel Test imonial Registrasi
Selamat Datang, (nama /
Bal as Kembal i
Keluar
Gambar 4.27 Rancangan Layar Baca Pesan Masuk Sumber : Penulis
Ini adalah halaman baca pesan masuk, halaman ini akan muncul setelah user mengklik salah satu list pesan (tabel list pesan dapat dilihat digambar sebelumnya). User dapat membalas pesan dengan mengklik reply.
10. Rancangan Layar Pesan Keluar
PT. ARMADA SAMUDRA PERSADA
ENGLISH
INDONESIA Cari
Tentang Kami FAQ Berita &
Art ikel Test imonial Registrasi
Selamat Datang, (nama / perusahaan)
Dari Ke teran gan Tan ggal
xxxxx xxxxxxxxxxx dd/mm/yyyy H apus H apus
Gambar 4.28 Rancangan Layar Pesan Keluar Sumber : Penulis
Halaman ini adalah halaman pesan keluar, tabel yang berisi list-list pesan yang pernah dikirim oleh user kepada admin.
11. Rancangan Baca Pesan Keluar
PT. ARMADA SAMUDRA PERSADA
ENGLISH
INDONESIA Cari
Tentang Kami FAQ Berita &
Art ikel Test imonial Registrasi
Selamat Datang, (nama / perusahaan)
Gambar 4.29 Rancangan Layar Baca pesan Keluar Sumber : Penulis
Ini adalah halaman baca pesan keluar, halaman ini akan muncul setelah user mengklik salah satu list pesan keluar (tabel list pesan keluar dapat dilihat digambar sebelumnya). User dapat mengirim pesan yang sama dengan mengklik tombol forward.
Apabila user mengklik tombol forward maka akan masuk ke halaman “tulis pesan” dengan topik dan pesan yang sama.