133 Tampilan History dan Status Jasa Warehouse
Gambar 4.43 Tampilan History dan Status Jasa Warehouse Sumber Hasil Rancangan Pada tampilan “History dan Status Jasa Warehouse” terdapat konten berupa pilihan tampilan yang dinginkan, yaitu “keseluruhan” (All) dan sesuai bulan ataupun tahun yang diinginkan oleh User. Jika memilih “keseluruhan” maka akan terbuka halaman yang berisi seluruh history dan informasi status jasa dari mulai User menggunakan jasa perusahaan sampai yang sedang berlangsung, sedangkan pilihan bulan dan tahun akan memudahkan
User untuk mencari informasi yang dimaksud sesuai kebutuhan atau keinginan User.
134 Tampilan Keseluruhan History dan Status Jasa Warehouse
Gambar 4.44 Tampilan Keseluruhan History dan Status Jasa Warehouse Sumber Hasil Rancangan Pada tampilan “Keseluruhan History dan Status Jasa Warehouse” terdapat konten berupa tabel yang terdiri dari kolom nomor, tanggal-bulan-tahun, nama barang, kapasitas, tanggal mulai dan berakhirnya status booking warehouse, total harga, tanggal jatuh tempo, status pembayaran. Terdapat juga konten berupa pilihan “kembali-lanjut” (back-next), serta keterangan mengenai arti dari simbol yang terdapat pada status pembayaran. Informasi ini merupakan seluruh history dan informasi status jasa dari mulai User menggunakan jasa perusahaan sampai yang sedang berlangsung.
135 Tampilan History dan Status Jasa Warehouse Berdasarkan Bulan-Tahun
Gambar 4.45 Tampilan History dan Status Jasa Warehouse Berdasarkan Bulan-Tahun Sumber Hasil Rancangan Pada tampilan “History dan Status Jasa Warehouse Berdasarkan Bulan-Tahun” terdapat konten berupa tabel yang terdiri dari kolom nomor, tanggal-bulan-tahun, nama barang, kapasitas, tanggal mulai dan berakhirnya status booking warehouse, total harga, tanggal jatuh tempo, status pembayaran. Dimana kesemua informasi itu sesuai dengan bulan dan tahun yang dipilih oleh User. Terdapat juga konten berupa
pilihan “kembali-lanjut”
(back-next) yang akan muncul jika informasi melebihi kapasita halaman, serta keterangan mengenai arti dari simbol yang terdapat pada status pembayaran.
136 Tampilan Buat Pesan Baru
Gambar 4.46 Tampilan Buat Pesan Baru Sumber Hasil Rancangan Pada tampilan “Buat Pesan Baru” terdapat konten berupa form untuk membuat pesan dan mengirimnya, yang terdiri dari baris subjek, pesan dan tombol “kirim” dan “batal”. User dapat personalisasi tulisan “pesan”. Setelah User meng-klik tombol “kirim”, maka akan muncul informasi bahwa “pesan terkirim”.
137 Tampilan Kotak Masuk
Gambar 4.47 Tampilan Kotak Masuk Sumber Hasil Perancangan Pada tampilan “Kotak Masuk” terdapat konten berupa tabel yang terdiri dari kolom tempat untuk mencentang, subjek, tanggal pesan diterima, dan hapus. Terdapat juga pilihan “hapus semua” (delete all). Untuk membaca pesan, User hanya perlu meng-klik baris subjek yang diinginkan, setelah itu akan masuk ke halaman “baca pesan masuk”.
138 Tampilan Baca Pesan Kotak Masuk
Gambar 4.48 Tampilan Baca Pesan Kotak Masuk Sumber Hasil Rancangan Pada tampilan “Baca Pesan Kotak Masuk” terdapat konten berupa keterangan mengenai tanggal pesan diterima, subjek, pesan, serta tombol balas dan kembali. Jika User memilih tombol “balas” maka akan masuk kehalaman “buat pesan baru” (compose message) dengan subjek yang sama.
139 Tampilan Balas Pesan Kotak Masuk
Gambar 4.49 Tampilan Balas Pesan Kotak Masuk Sumber Hasil Rancangan Pada tampilan “Balas Pesan Kotak Masuk” ini akan langsung masuk ke halaman “buat pesan baru” (compose message) dengan subjek yang sama.
140 Tampilan Pesan Terkirim
Gambar 4.50 Tampilan Pesan Terkirim Sumber Hasil Rancangan Pada tampilan “Pesan Terkirim” terdapat konten berupa tabel yang terdiri dari kolom tempat untuk mencentang, subjek, tanggal pesan dikirim, dan hapus. Terdapat juga pilihan “hapus semua” (delete all). Untuk membaca pesan terkirim, User hanya perlu meng-klik baris subjek yang diinginkan, setelah itu akan masuk ke halaman “baca pesan terkirim”.
141 Tampilan Baca Pesan Terkirim
Gambar 4.51 Tampilan Baca Pesan Terkirim Sumber Hasil Rancangan Pada tampilan “Baca Pesan Terkirim” terdapat konten berupa keterangan mengenai tanggal pesan terkirim, subjek, pesan, serta tombol “forward” dan kembali. Jika User memilih tombol “forward” maka akan masuk kehalaman “buat pesan baru” (compose message) dengan subjek yang sama dan pesan yang sama.
142 Tampilan Forward Pesan Terkirim
Gambar 4.52 Tampilan Forward Pesan Terkirim Sumber Hasil Rancangan Pada tampilan “Forward Pesan Terkirim” ini akan langsung masuk ke halaman “buat pesan baru” (compose message) dengan subjek yang sama dan pesan yang sama.
143 Tampilan Konfirmasi Setelah Pesan Terkirim
Gambar 4.53 Tampilan Konfirmasi Setelah Pesan Terkirim Sumber Hasil Rancangan Tampilan Testimonial
Gambar 4.54 Tampilan Testimonial Sumber Hasil Rancangan
144 Pada tampilan “Testimonial” terdapat konten berupa form untuk mengisi testimonial, dimana User dapat personalisasi tulisannya, setelah itu User dapat meng-klik tombol “submit” atau “batal”. Testimonial yang sudah di “submit” akan secara otomatis tampil di halaman Home. Tampilan Live Chat
Gambar 4.55 Tampilan Live Chat Sumber Hasil Rancangan Pada tampilan “Live Chat” terdapat konten berupa sedikit keterangan mengenai “butuh aplikasi untuk membuka link ini”, dan terdapat pilihan live chat yang disediakan yaitu “Yahoo! Messenger”. Setelah User memberi tanda centang dan meng-klik tombol “OK”, maka
145 secara otomatis akan terbuka halaman LOGIN “Yahoo! Messenger”, ketika User melakukan
LOGIN pada “Yahoo! Messenger” secara otomatis sistem akan meng-Add “Yahoo! Messenger” User dan User dapat langsung berkomunikasi secara real-time dengan pihak perusahaan. Tampilan Yahoo!Messenger
Gambar 4.56 Tampilan Yahoo!Messenger Sumber Yahoo! Messenger
146 Tampilan Awal Forum
Gambar 4.57 Tampilan Awal Forum Sumber Hasil Rancangan Pada setiap halaman forum terdapat fitur berupa “tutup” (close), alat pencarian kategori, keterangan mengenai nama User dan tanggalan yang sedang berlangsung, tambah topik baru, tambah komentar pilihan halaman. Untuk tampilan “Awal Forum” terdapat konten berupa nama kategori kategori yang dibawahnya terdapat barisan topik. User hanya dapat merubah dan menghapus topik nya sendiri (tidak dapat merubah atau menghapus topik orang lain).
147 Tampilan Halaman Topik
Gambar 4.58 Tampilan Halaman Topik Sumber Hasil Rancangan Pada tampilan “Halaman Topik” terdapat konten berupa nama kategori, topik, tanggal topik dimasukkan, profile picture (pembuat topik dan pemberi komentar), isi topik, serta komentar-komentar antar User. User hanya dapat merubah dan menghapus komentar nya sendiri (tidak dapat merubah atau menghapus komentar orang lain).
148 Tampilan Tambah Topik Baru
Gambar 4.59 Tampilan Tambah Topik Baru Sumber Hasil Rancangan Pada tampilan “Tambah Topik Baru” terdapat konten berupa form pengisin topik baru, yang terdiri dari nama topik (judul topik), isi topik, personalisasi tulisan, menambah
icon, memasukkan gambar, serta adanya tombol Add dan batal. Setelah User meng-klik tombol “add”, maka secara otomatis topik akan muncul pada halaman topik.
149 Tampilan Tambah Komentar
Gambar 4.60 Tampilan Tambah Komentar Sumber Hasil Rancangan Pada tampilan “Tambah Komentar” terdapat konten berupa form pengisin komentar, yang terdiri dari nama topik (judul topik) yang telah terisi, isi komentar, personalisasi tulisan, menambah icon, memasukkan gambar, serta adanya tombol Add dan batal. Setelah User meng-klik tombol “add”, maka secara otomatis komentar akan muncul pada halaman topik yang dimaksud.
150 4.4.Rancangan Tampilan Administrator Berikut ini adalah rancangan tampilan administrator yang diusulkan untuk e-CRM PT.Prime Freight Indonesia, terdapat tiga (3) administrator dalam menjalankan e-CRM tersebut, yaitu administrator CRM 1, administrator CRM 2, dan administrator forum. 4.4.1.Administrator CRM 1 Administrator CRM 1 adalah administrator yang menjalankan komunikasi dua arah dengan User pada e-CRM PT.Prime Freight Indonesia, dimana mendapatkan pembagian sebagai berikut memonitor daftar member, inbox, email, testimonial, dan komunikasi secara real time melalui live chat. Berikut ini adalah tampilan rancangan administrator CRM 1 : 1. Peta Situs Administrator CRM 1
Gambar 4.61 Peta Situs Administrator CRM 1 Sumber Hasil Rancangan
151 2. Tampilan Sebelum LOGIN Pada tampilan “sebelum LOGIN” terdapat fitur berupa dua pilihan bahasa yaitu Indonesia dan Inggris (sebagai contoh : tampilan Administrator CRM 1 saat ini menggunakan bahasa Indonesia), terdapat pula tulisan “selamat datang” dengan informasi tanggalan yang sedang berlangsung. Berikut ini adalah tampilan-tampilan halaman yang terdapat sebelum melakukan LOGIN : Tampilan LOGIN
Gambar 4.62 Tampilan Sebelum LOGIN Sumber Hasil Rancangan
152 Tampilan “LOGIN” ini memiliki konten berupa form pengisian untuk melakukan LOGIN, dimana didalamnya terdapat baris untuk memasukkan User ID, Administrator (pilih salah satu jenis administrator sesuai tugas yang dimiliki), dan Password. Tampilan Lupa Password
Gambar 4.63 Tampilan Lupa Password Sumber Hasil Rancangan Pada tampilan “Lupa Password” terdapat konten berupa form pengisian lupa password, dimana didalamnya terdapat baris untuk memasukkan User ID dan Administrator (pilih salah satu jenis administrator sesuai tugas yang dimiliki). Password Admin akan dikirim langsung ke alamat email Admin bersangkutan.
153 3. Tampilan Setelah LOGIN Tampilan “Setelah LOGIN” terdiri dari Home, Daftar Member, Kotak Masuk, Testimonial,
Chat, Email, dan Ubah Password. Pada semua halaman setelah login terdapat dua pilihan bahasa yaitu Indonesia dan Inggris, nama administrator yang melakukan LOGIN dengan tanggalan yang sedang berlangsung, dan adanya tombol LOGOUT. Berikut ini adalah tampilan-tampilan halaman yang terdapat setelah melakukan LOGIN : Tampilan Home
Gambar 4.64 Tampilan Home Sumber Hasil Rancangan
154 Pada tampilan “Home” terdapat konten berupa pergerakan data statistik secara otomatis ter-Update yang meliputi jumlah member, jumlah pengisi registrasi, dan jumlah pengunjung. Tampilan Daftar Member
Gambar 4.65 Tampilan Daftar Member Sumber Hasil Rancangan Pada tampilan “Daftar Member” terdapat konten berupa tabel yang terdiri dari kolom User ID, Password, Tanggal Bergabung, Nama, Hari Ulang Tahun, Jenis Kelamin, Negara, Alamat, Telepon, Fax, Email, Wbsite, dan tempat untuk memberikan tanda centang. Untuk kolom User ID, Nama, Hari Ulang Tahun, dan Negara terdapat fitur untuk melakukan
155 penyaringan (filtering) untuk memudahkan pencarian yang dibutuhkan oleh admin. Selain itu untuk berpindah halaman terdapat dua pilihan yaitu “pilih halaman” (halaman 1) dan “kembali-lanjut”. Tersedia tombol pilih semua, Kirim Pesan, Ubah, Hapus dan Print, dengan memberi centang terlebih dahulu kita dapat meng-klik tombol yang dibutuhkan. Untuk tombol kirim pesan, setelah memberi tanda centang sebelumnya dan meng-klik tombol kirim pesan, maka secara otomatis halaman akan berpindah ke halaman kotak masuk (“kirim pesan”). Admin dapat mengirimkan berbagai ucapan kepada User (contoh : ulang tahun, hari besar, event atau promosi khusus, dan lain-lain). Tampilan Buat Pesan Baru
Gambar 4.66 Tampilan Buat Pesan Baru Sumber Hasil Rancangan
156 Pada tampilan “Buat Pesan Baru” terdapat konten berupa form untuk membuat pesan dan mengirimnya, yang terdiri dari baris “untuk”, subjek, pesan dan tombol “kirim” dan “batal”. Admin dapat personalisasi tulisan “pesan”. Setelah Admin meng-klik tombol “kirim”, maka akan muncul informasi bahwa “pesan terkirim”. Tampilan Kotak Masuk
Gambar 4.67 Tampilan Kotak Masuk Sumber Hasil Rancangan Pada tampilan “Kotak Masuk” terdapat konten berupa tabel yang terdiri dari kolom tempat untuk mencentang, pengirim, subjek, tanggal pesan diterima, dan hapus. Terdapat
157 juga pilihan “hapus semua”. Untuk membaca pesan, Admin hanya perlu meng-klik baris subjek yang diinginkan, setelah itu akan masuk ke halaman “baca pesan masuk”. Tampilan Baca Pesan Kotak Masuk
Gambar 4.68 Tampilan Baca Pesan Kotak Masuk Sumber Hasil Rancangan Pada tampilan “Baca Pesan Kotak Masuk” terdapat konten berupa keterangan mengenai tanggal pesan diterima, pengirim, subjek, pesan, serta tombol balas dan kembali. Jika Admin memilih tombol “balas” maka akan masuk kehalaman “buat pesan baru” dengan subjek yang sama.
