BAB 4 PERANCANGAN. 4.1 Hasil Kesimpulan Wawancara Perancangan CRM Berbasis Web
|
|
|
- Susanto Budiono
- 6 tahun lalu
- Tontonan:
Transkripsi
1 95 BAB 4 PERANCANGAN 4.1 Hasil Kesimpulan Wawancara Perancangan CRM Berbasis Web Pada sub bab ini akan dibahas mengenai perancangan tampilan (interface) website CRM PT. Armada Samudra Persada dengan kerangka 7 C elemen desain situs web yaitu context, content, community, customization, communication, connection, dan commerce. Dari hasil kesimpulan wawancara dengan pihak PT. Armada Samudra Persada, perusahaan akan menggunakan lima elemen (5 C) dari tujuh eleman (7 C) elemen desain situs web yang ada. Hasil kesimpulan penggunaan 5 C ini disesuaikan dengan kebutuhan dan kemampuan PT. Armada Samudra Persada. Berikut ini adalah uraiannya: Context Context dalam situs merupakan gambaran tampilan fungsional dari sebuah situs meliputi nilai estetika yang ada dalam situs tersebut. Halaman situs PT. Armada Samudra Persada menggunakan warna dasar atau latar belakang putih pada setiap halamannya, penggunaan warna putih dimaksudkan agar pengguna dapat lebih mudah dalam melihat gambar dan navigasi selain itu tampilan dikombinasikan dengan warna biru mudah untuk memberikan kesan santai, serta ada beberapa warna khusus seperti warna ungu dan kuning keemasan merupakan warna yang sudah menjadi image PT. Armada Samudra Persada selama. Peletakan menu navigasi pada setiap halaman pun konsisten dan mudah dilihat dan digunakan oleh pengguna, baik pengguna baru maupun lama selain itu pengunjung juga dimudahkan dengan adanya pemilihan penggunaan bahasa, terdapat dua plihan bahasa yaitu Indonesia dan Inggris 95
2 96 Content Isi dapat ditegaskan dengan semua hal-hal yang sifatnya digital dalam sebuah website, media yang digunakan antara lain teks, video, audio, dan gambar atau grafik. Pada perancangan website CRM PT. Armada Samudra Persada, media yang digunakan antara lain teks dan gambar, penggunaan video dan audio tidak diperlukan dalam perancangan website ini, rancangan desain CRM ini lebih memfokuskan pada konten-konten yang memiliki manfaat bagi pengunjung (khususnya pelanggan PT. Armada Samudra Persada). Disini disediakan fitur-fitur mengenai daftar detail kapal yang dimiliki perusahaan, pemesanan kapal, history penggunaan jasa, fitur komunikasi dua arah dengan pihak perusahaan, link-link berita terkini, terhubung dengan situs-situs terkait yang menarik dan bermanfaat, testimonial, informasi mengenai perusahaan, informasi mengenai kontak dengan perusahaan dan FAQ. Community Community atau komunitas merupakan wadah interaksi antara sesama pengguna situs yang memiliki ketertarikan yang sama yang terjadi karena kesamaan minat atau hobi. Berdasarkan hasil wawancara dengan pihak perusahaan, community tidak dibutuhkan pada website CRM PT. Armada Samudra Persada ini, karena perusahaan lebih mengutamakan adanya interaksi antara pengguna situs dengan perusahaan. Customization Pelanggan dapat melakukan personalisasi didalam website CRM, seperti halnya dapat merubah sandi (password), ubah profil pribadi, ubah ukuran dan ketebalan penulisan dalam fitur kotak pesan, menambahkan lampiran didalam perpesanan (message) dan melihat detail historis pemesanan kapal. Personalisasi tersebut dapat dengan mudah
3 97 dilakukan oleh pengguna, dengan adanya simbol-simbol atau penjelasan yang mudah dimengerti. Communication Didalam website CRM ini, disediakan fitur komunikasi berupa adanya menu hubungin kami yang didalamnya terdapat informasi mengenai alamat perusahaan, nomor telepon, fax dan perusahaan. Selain itu disediakan juga fitur komunikasi dua arah antara perusahaan dengan pelanggan atau sebaliknya, yaitu dengan kotak pesan atau live chat. Melalui live chat pengguna dapat mengajukan pertanyaan tentang jasa layanan yg ditawarkan perusahaan, konsultasi mengenai cara pemesanan kapal, prosedur yang harus dipenuhi, tata cara pembayaran dan lain sebagainya. Untuk kotak pesan lebih banyak digunakan untuk mengirim dokumen-dokumen seperti surat penawaran, surat penagihan serta untuk mengirim ucapan selamat ulang tahun atau hari perayaan besar dari perusahaan ke pelanggan. Connection Connection atau koneksi merupakan kemampuan suatu situs berhubungan dengan situs yang lain melalui hyperlink. Website CRM pada PT. Armada Samudra Persada memiliki hubungan dengan situs lain yang dapat memberikan informasi, berita yang menarik dan bermanfaat bagi pelanggan, situs lain yang terhubung dengan website seperti situs Pelabuhan Indonesia, Indonesian Maritime News dan Biro Klasifikasi Kapal. Commerce Commerce merupakan bagaimana suatu situs memiliki kapasitas transaksi atau pembayaran di dalamnya. Berdasarkan dari hasil wawancara dengan pihak perusahaan disimpulkan bahawa fasilitas commerce belum diperlukan perusahaan untuk saat ini.
4 98 Kegiatan yang dapat dilakukan dalam situs PT. Armada Samudra Persada ini hanya sebatas pemesanan kapal oleh para member atau pelanggan yang telah mendaftarkan diri ke situs web PT. Armada Samudra Persada saja, namun untuk pemnbayarannya masih dilakukan diluar situs web ini. 4.2 Proses Bisnis CRM Berbasis Web (e-crm) Gambar 4.1 Proses Bisnis CRM Bebasis Web (e-crm) Penjelasaan: 1. User dapat mendapatkan informasi yang dibutuhkan dan diharapkan melalui website CRM tanpa dibatasi ruang dan waktu, dapat diakses kapan pun dan
5 99 dimana pun (perusahaan memberikan kesempatan self service dalam hal informasi kepada user). Selain itu user pun dapat berkomunikasi langsung dengan pihak perusahaan baik secara real time melalui live chat atau pun melalui pesan (message). 2. Informasi yang terdapat pada website crm perusahaan dipantau dan diupdate oleh administrator. 3. Administrator berhubungan dengan bagian operasional untuk mendapat informasi lapangan/operasional kapal. Tabel 4.1 Fitur-Fitur Pada Webiste CRM Fitur-Fitur Yang Ada Pada Website CRM (e-crm) PT.Armada Samudra Persada Fitur-Fitur Tentang Kami Keterangan Meny ediak an sek ilas profile perusahaan, v isi dan misi perusahaan Kapal Kami Berisi tentang infromasi kapal-kapal yang dimiliki perusahaan Hubungi Kami Menyediakan informasi kontak perusahaan, meliputi alamat, telepon, fax, FAQ Menampilkan pertanyaaan-pertanyaan umum yang sering ditanyakan beserta jawabannya Testimonial Menampilakan pesan atau kesan dari para pelanggan yang sudah menggunakan jasa perusahaan Berita dan Artikel Berisi berita-berita terkini yang berkaitan dengan industri perkapalan serta jasa yang ditawarkan perusahaan Link-Link Terkait Menampilkan link-link terkait yang terhubung dengan
6 100 website perusahaan, link-link terkait tersebut seperti link ke situs Pelabuhan Indonesia, Maritim News dan BKI Registrasi Untuk melakukan pendaftaran secara online agar dapat memanfaatkan fasilitas CRM pada website perusahaan Live Chat Menghubungkan komunikasi dua arah secara realtime, antara pelanggan dengan perusahaan Search Mempermudah pengunjung mencari informasi yang diinginkan Login Untuk masuk ke website CRM perusahaan dan mendapatkan fasilitas lebih dari website ini Akun Saya Berisi informasi tentang user atau pelanggan yang sudah melakukan pendaftaran Pemesanan Kapal Memungkinkan user atau pelanggan untuk mengecek ketersediaan kapal dan apabila kapal tersedia maka user dapat melakukan pemesanan kapal Histori Pemesanan Kapal User atau pelanggan dapat melihat histori pemesanan kapal yang sudah pernah dilakukannya, terdapat fasilitas tracking dimana user atau pelanggan dapat mengetahui status muatan barang Kotak Pesan User atau pelanggan dapat mengirim pesan atau dokumen kepada perusahaan begitu juga sebaliknya perusahaan dapat mengirim pesan atau dokumen ke pelanggan. Kotak pesan juga digunakan perusahaan untuk mengirimkan pesan ucapan selamat ulang tahun atau perayaan hari besar Sumber : Kesimpulan Hasil Wawancara Penulis
7 Site Map User Berikut ini Site map user website Customer Relationship Management pada PT. Armada Samudra Persada : 1. Peta Situs User Sebelum Login Gambar 4.2 Peta Situs Sebelum Login
8 Peta Situs Sesudah Login Gambar 4.3 Peta Situs Setelah Login
9 Rancangan Layar User Rancangan Layar User Sebelum Login 1. Rancangan Layar Halaman Utama PT. ARMADA SAMUDRA PERSADA INDONESIA ENGLISH Ca ri Halaman Utama Tentang Kami Ka pal Ka m i Hubungi Ka m i FAQ Berita & Artikel Testimonial Re gistr as i Gambar Gambar Link-Link Terkait Gambar Selamat Datang Di Website PT. Armada Samudra Persada Id Pengguna: Sandi : Se nin, dd-mm-y yyy Masuk Lupa Sandi?, klik disini Statistik Situs Total Pegunjung : xxxxx Dilihat : xxxxx Tentang Kami xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxx Bac a Se len gk ap n ya... Chat Dengan Kami 2011 PT. Armada Samudra Persada Gambar 4.4 Rancangan Layar Halaman Utama Halaman ini merupakan tampilan awal dari website CRM PT. Armada Samudra Persada, pada halaman ini terdapat ucapan selamat datang dari PT. Armada Samudra Persada yang ditujukan kepada user yang membuka halaman website, terdapat statistik situs, link-link
10 104 terkait, live chat, menu untuk login, serta menu-menu utama seperti tentang kami, kapal kami, hubungi kami, FAQ, berita dan artikel, testimonial dan registrasi. 2. Rancangan Layar Tentang Kami PT. ARMADA SAMUDRA PERSADA INDONESIA ENGLISH Ca ri Halaman Utama Tentang Kami Ka pal Ka m i Hubungi Ka m i FAQ Berita & Artikel Testimonial Re gistr as i Gambar Gambar Link-Link Terkait Tentang PT. Armada Samudra Persada xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx Id Pengguna: Sandi : Se nin, dd-mm-y yyy Masuk Lupa Sandi?, klik disini Visi : xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx Chat Dengan Kami Statistik Situs Misi : xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx Total Pegunjung : xxxxx Diliha t : xxxxx Ga mb ar 2011 PT. Armada Samudra Persada Gambar 4.5 Rancangan Layar Tentang Kami Pada halaman ini penjelasan mengenai PT. Armada Samudra Persada, disini dijelaskan sekilas tentang profile PT. Armada Samudra Persada serta visi dan misi perusahaan.
11 Rancangan Layar Kapal Kami PT. ARMADA SAMUDRA PERSADA INDONESIA ENGLISH Cari Halaman Uta m a Tentang Kami Kapal Kami Hubungi Ka m i FAQ Berita & Artikel Testimonial Re gistr as i Gambar Gambar Link-Link Terkait Statistik Situs Total Pegunjung : xxxxx Dilihat : xxxxx Barge/Tongkang (Klik untuk detail spesifikasi) : Nama Kapal Nama Kapal Nama Kapal Nama Kapal Nama Kapal Tugboat (Klik untuk detail spesifikasi) : Nama Kapal Nama Kapal Nama Kapal Nama Kapal Id Pengguna: Sandi : Senin, dd-m m-yy Masuk Lupa Sandi?, klik disini Chat Dengan Kami 2011 PT. Armada Samudra Persada Gambar 4.6 Rancangan Layar Kapal Kami Halaman ini berisi list nama-nama kapal yang dimiliki oleh PT. Armada Samudra Persada yang dibagi dalam dua bagian yaitu barge/tongkang dan tugboat. Untuk mengetahui spesifikasi kapal dapat dilakukan dengan mengklik nama kapal, setelah itu akan muncul tampilan detail spesifikasi kapal seperti dibawah ini :
12 106 PT. ARMADA SAMUDRA PERSADA INDONESIA ENGLISH Ca ri Halaman Uta m a Tentang Kami Kapal Kami Hubungi Ka m i FAQ Berita & Artikel Testimonial Re gistr as i Gambar Gambar Link-Link Terkait Statistik Situs Total Pegunjung : xxxxx Dilihat : xxxxx Detail Spesifikasi Barge/Tongkang : Gambar N ama Kapal 300 feet Jenis Kapal : xxxxxxxxxxxx Kllasifikasi : xxxxxxxxxxxx Be ndera : xxxxxxxxxxxx Tahu n d ibang un : xxxxxxxxxxxx Pa njang : xxxxxxxxxxxx Lebar : xxxxxxxxxxx Gross Tonnage : xxxxxxxxxxx Net Tonnage : xxxxxxxxxxx Deadwe ight : xxxxxxxxxx Kapasitas Kargo : xxxxxxxxxxx Id Pengguna: Sandi : Senin,dd-m m-yyyy Masuk Lupa Sandi?, klik disini Chat Dengan Kami 2011 PT. Armada Samudra Persada Gambar 4.7 Rancangan Layar Detail Spesifikasi Barge/Tongkang Halaman ini akan mucul setelah mengklik nama kapal barge/tongkang, dimana di halaman ini ditampilan informasi mengenai detail kapal barge/tongkang seperti tipe kapal, status klasifikasi kapal, kapal berbendera apa, tahun kapal dibangun, panjang kapal dan lebar kapal dalam satuan meter, gross tonnage dan net tonagge yang menyatakan besar kapasitas volume dalam ruang muat kapal, deadweight (berat kepala secara keseluruhan) dan kapasitas kargo.
13 107 PT. ARMADA SAMUDRA PERSADA INDONESIA ENGLISH Ca ri Halaman Uta m a Tentang Kami Kapal Kami Hubungi Ka m i FAQ Berita & Artikel Testimonial Re gistr as i Gambar Gambar Link-Link Terkait Statistik Situs Total Pegunjung : xxxxx Dilihat : xxxxx Detail Spesifikasi Tugboat : Gambar Nama Kapal Jenis Kapal : xxxxxxxxxx Kllasifikasi : xxxxxxxxx Be ndera : xxxxxxxxx Tahu n d ibang un : xxxxxxxxxx Pa njang : xxxxxxxxxx Lebar : xxxxxxxxxx Gross Tonnage : xxxxxxxxxx Net Tonnage : xxxxxxxxx Jenis Mesin : xxxxxxxxxx Kapasitas Tangki : xxxxxxxxx Ke ce patan : xxxxxxxxxx Id Pengguna: Sandi : Se nin, dd-mm-y yyy Masuk Lupa Sandi?, klik disini Chat Dengan Kami 2011 PT. Armada Samudra Persada Gambar 4.8 Rancangan Layar Detail Spesifikasi Tug Boat Pada halaman ini user/pengguna dapat melihat detail sepesifikasi kapal tugboat, detail spesifikasi tugboat dan barge/tongkang pada umumnya sama namun pada halaman detail spesifikasi tugboat ini terdapat beberapa perbedaan yaitu adanya penjelasan mengenai jenis mesin, kapasitas tangki dan kecepatan kapal.
14 Rancangan layar Hubungi Kami PT. ARMADA SAMUDRA PERSADA INDONESIA ENGLISH Cari Halaman Utama Tentang Kami Kapal Kami Hubungi Kami FAQ Berita & Artikel Testimonial Registrasi Gambar Gambar Hubungin Kami: PT. Armada Samudra Persada Senin, dd-mm-yyyy Id Pengguna: Sandi : Link-Link Terkait Alamat : Te lepo n : xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxx Masuk Fax : xxxxxxxxxxxxxx Lupa Sandi?, klik disini xxxxxxxxxxxxxx Chat Dengan Kami Statistik Situs Total Pegunjung : xxxxx Gambar Dilihat : xxxxx 2011 PT. Armada Samudra Persada Gambar 4.9 Rancangan Layar Hubungi Kami Pada halaman hubungi kami, terdapat informasi mengenai alamat, nomor telepon, fax dan PT. Armada Samudra Persada.
15 Rancangan Layar FAQ Gambar 4.10 Rancangan Layar FAQ Pada halaman FAQ (Frequently Ask Question) akan ditampilkan pertanyaanpertanyaan yang sering ditanyakan oleh para pengguna jasa PT. Armada Samudra Persada disertai dengan jawabannya.
16 Rancangan Layar Berita dan Artikel PT. ARMADA SAMUDRA PERSADA INDONESIA ENGLISH Ca ri ASP Google Halaman Uta m a Tentang Kami Ka pal Ka m i Hubungin Ka m i FAQ Berita & Artikel Testimonial Re gistr as i Gambar Gambar Link-Link Terkait dd-mm-yyyy Berita dan Artikel Judul berita atau artikel xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx Selen gka pn ya Id Pengguna: Sandi : Se nin, dd-mm-y yyy dd-mm-yyyy Judul berita atau artikel xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx Masuk Lupa Sandi?, klik disini Selen gka pn ya Chat Dengan Kami Statistik Situs dd-mm-yyyy Judul berita atau artikel xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx Total Pegunjung : xxxxx Selen gka pn ya Dilihat : xxxxx PT. Armada Samudra Persada Gambar 4.11 Rancangan Layar Berita & Artikel Halaman ini menampilkan artikel dan berita-berita terkini terkait dibidang industri pelayaran serta bidang-bidang lain yang terkait dengan indutri pelayaran nasional.
17 Rancangan Layar Testimonial PT. ARMADA SAMUDRA PERSADA INDONESIA ENGLISH Ca ri Halaman Uta m a Tentang Kami Ka pal Ka m i Hubungin Ka m i FAQ Berita & Artikel Testimonial Re gistr as i Gambar Gambar Link-Link Terkait Statistik Situs Total Pegunjung : xxxxx Dilihat : xxxxx Nama Pelanggan Testimonial xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx Nama Pelanggan xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx Nama Pelanggan xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx Nama Pelanggan xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx Id Pengguna: Sandi : Se nin, dd-mm-y yyy Masuk Lupa Sandi?, klik disini Chat Dengan Kami 2011 PT. Armada Samudra Persada Gambar 4.12 Rancangan Lay ar Testimonial Halaman ini menampilkan testimonial dari para pengguna jasa dari PT. Armada Samudra, isi testimonial ini berupa kesan yang didapatkan pengguna melalui pengalaman pengguna selama menggunakan jasa PT. Armada Samudra Persada.
18 Rancangan Layar Registrasi PT. ARMADA SAMUDRA PERSADA INDONESIA ENGLISH Ca ri Halaman Uta m a Tentang Kami Ka pal Ka m i Hubungi Ka m i FAQ Berita & Artikel Testimonial Re gistr as i Gambar Gambar Registrasi Personal atau Perusahaan Nama / Perusahaan : Tanggal Lahir / Berdiri : Negara : Id Pengguna: Se nin, dd-mm-y yyy Link-Link Terkait Kota : Al am at : Fax : Sandi : Em ai l : Telepon : Masuk ID Pengguna & Sandi Lupa Sandi?, klik disini ID Pengguna : Sandi : Chat Dengan Kami Statistik Situs Konfi rmas i S andi : Verifikasi Masukan Kode Verifikasi Total Pegunjung : xxxxx Verifi kasi : R Y 4 T 7 U Dilihat : xxxxx Kirim Hapus 2011 PT. Armada Samudra Persada Gambar 4.13 Rancangan Lay ar Registrasi Halaman ini adalah halaman registrasi dimana user dapat mendaftarkan diri untuk mendapatkan fasilitas-fasiltas pelayanan yang lebih melalui website PT. Armada Samudra Persada.
19 Rancangan Layar Lupa Sandi PT. ARMADA SAMUDRA PERSADA INDONESIA ENGLISH Cari Halaman Utama Tentang Kami Ka pal Ka m i Hubungin Ka m i FAQ Berita & Artikel Testimonial Re gistr as i Gambar Se nin, dd-mm-y yyy Gambar Link-Link Terkait Lupa Sandi? ID Pengguna : Id Pengguna: Sandi : Kirim Batal masuk Lupa Sandi?, klik disini Kami akan mengirim sandi ke Anda Chat Dengan Kami Statistik Situs Total Pegunjung : xxxxx Diliha t : xxxxx 2011 PT. Armada Samudra Persada Gambar 4.14 Rancangan Layar Lupa Sandi Pada halaman ini user yang lupa sandi (password) dapat memperoleh sandi baru dengan mengisi ID pengguna dan . Sandi baru akan dikirimkan ke user yang bersangkutan.
20 Rancangan Layar Live Chat PT. ARMADA SAMUDRA PERSADA IN DONESIA ENGLISH Ca ri Halaman Utama Tentang Kami Ka pal Ka m i Hubungi Ka m i FAQ Berita & Artikel Testimonial Re gistr as i Gambar Launch Application X Se nin, dd-mm-y yyy Na m a : Gambar This link needs to be opened with application. Send to : Sandi : Link-Link Terkait Yahoo! Messenger YahooMessenger.exe Login Lupa Sandi?, klik disini Chat Dengan Kami Statistik Situs Total Pegunjung : xxxxx Remember my ch oice for ymsgr links OK Cancel Dilihat : xxxxx 2011 PT. Armada Samudra Persada Gambar 4.15 Tampilan Live Chat Halaman ini adalah halaman live chat, dimana user dapat berkomunikasi langsung dengan pihak perusahaan melalui aplikasi Yahoo Messenger. User mengklik tombol online maka secara otomatis akan muncul jendela launch application.
21 Rancangan Layar User Setelah Login 1. Rancangan Layar Halaman Utama Setelah Login PT. ARMADA SAMUDRA PERSADA INDONESIA ENGLISH Cari Halaman Utama Tentang Kami Kapal Kami Hubungin Kami FAQ Berita & Artikel Testimonial Registrasi Gambar Senin, dd-mm-yyyy Selamat Datang, (nama / perusahaan) Akun Saya Pemesanan Kapal Histori Pemesanan Kapal Kotak Pesan xxxxxxxxxxxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx Keluar Chat Dengan Kami Link-Link Terkait xxx xxx 2011 PT. Armada Samudra Persada Gambar 4.16 Rancangan Layar Halaman Utama Setelah Login 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.
22 Rancangan Layar Testimonial Setelah Login PT. ARMADA SAMUDRA PERSADA INDONESIA ENGLISH Cari Halaman Utama Tentang Kami Kapal Kami Hubungin Kami FAQ Berita & Artikel Testimonial Registrasi Nama Pelanggan Testimonial xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx Nama Pelanggan xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxx Senin, dd-mm-yyyy Selamat Datang, (nama / perusahaan) Akun Saya Pemesanan Kapal Histori Pemesanan Kapal Kotak Pesan Nama Pelanggan xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxx Tambah Testimonial : Keluar Chat Dengan Kami Kirim H apus Link-Link Terkait xxx xxx 2011 PT. Armada Samudra Persada Gambar 4.17 Rancangan Layar Testimonial Setelah Login 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.
23 Rancangan Layar Ubah Akun PT. ARMADA SAMUDRA PERSADA INDONESIA ENGLISH Cari Halaman Utama Tentang Kami Kapal Kami Hubungin Kami FAQ Berita & Artikel Testimonial Registrasi Ubah Akun Nama / Perusahaan : Tanggal lahir/berdiri : Nega ra : Kota : Alamat : Tel epon : Fax : Ubah Sandi xxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxxxxxx Senin, dd-mm-yyyy Selamat Datang, (nama / perusahaan) Akun Saya Pemesanan Kapal Histori Pemesanan Kapal Kotak Pesan Keluar Chat Dengan Kami Simpan 2011 PT. Armada Samudra Persada Link-Link Terkait xxx xxx Gambar 4.18 Rancangan Layar Ubah Akun 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.
24 Rancangan Layar Ubah Sandi PT. ARMADA SAMUDRA PERSADA INDONESIA ENGLISH Cari Halaman Utama Tentang Kami Kapal Kami Hubungin Kami FAQ Berita & Artikel Testimonial Registrasi Ubah Akun Ubah Sandi Senin, dd-mm-yyyy Selamat Datang, (nama / perusahaan) ID Pen gguna : Sandi Lama : Sandi Baru : Konfirmasi Sandi Baru : xxxxxxxx Akun Saya Pemesanan Kapal Histori Pemesanan Kapal Kotak Pesan Keluar Kirim Hapu s Chat Dengan Kami Link-Link Terkait xxx xxx 2011 PT. Armada Samudra Persada Gambar 4.19 Rancangan Layar Ubah Sandi Halaman ini adalah halaman ubah sandi, dimana halaman ini memungkinkan user untuk mengubah sandi lama dengan sandi barunya.
25 Rancangan Pemesanan Kapal PT. ARMADA SAMUDRA PERSADA INDONESIA ENGLISH Cari Halaman Utama Tentang Kami Kapal Kami Hubungi Kami FAQ Berita & Artikel Testimonial Registrasi Nama : Telepon : Pelabuhan Keberangkatan : Pelabuhan Tujuan : Tanggal Keberangkatan : Ukuran Tongkang/Barge Kapal Yang Tersedia : Jenis Muatan : Persyaratan Tambahan : xxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxx 230 feet 250 feet 270 feet 300 feet 330 feet ASP 9 ASP 10 Friday, dd-mm-yyyy Selamat Datang, (nama / perusahaan) Akun Saya Pemesanan Kapal Histori Pemesanan Kapal Kotal Pesan Keluar Chat Dengan Kami Pesan Batal Link-Link Terkait xxx xxx 2011 PT. Armada Samudra Persada Gambar 4.20 Rancangan Layar Pemesanan Kapal 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, , 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.
26 120 PT. ARMADA SAMUDRA PERSADA INDONESIA ENGLISH Cari Halaman Utama Tentang Kami Kapal Kami Hubungi Kami FAQ Berita & Artikel Testimonial Registrasi Nama : Telepon : Pelabuhan Keberangkatan : Pelabuhan Tujuan : Tanggal Keberangkatan : Ukuran Tongkang/Barge Kapal Yang Tersedia : xxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxx Nomor Pemesanan : 230 feet 250 feet 270 feet 300 feet 330 feet ASP 1 ASP 2 xxxxxxxxxxxxxxxxxxx Permintaan Anda Sudah Dikirim, Mohon Tunggu Konfirmasi Dari Kami, Terima Kasih Senin, dd-mm-yyyy Selamat Datang, (nama / perusahaan) Akun Saya Pemesanan Kapal Histori Pemesanan Kapal Kotak Pesan Keluar Chat Dengan Kami Jenis Muatan : Persyaratan Tambahan : Pesan Batal Link-Link Terkait xxx xxx 2011 PT. Armada Samudra Persada Gambar 4.21 Rancangan Layar Pemesanan Kapal Sudah Dikirim 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.
27 121 PT. ARMADA SAMUDRA PERSADA INDONESIA ENGLISH Cari Halaman Utama Tentang Kami Kapal Kami Hubungi Kami FAQ Berita & Artikel Testimonial Registrasi Nama : Pelabuhan Keberangkatan : Pelabuhan Tujuan : Tanggal Keberangkatan : Ukuran Tongkang/Barge : Kapal Yang Tersedia : Jenis Muatan : Persyaratan Tambahan : xxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxx Telepon Nomor : xxxxxxxxxxxxxxxxxxxx Pemesanan : 230 feet 250 feet 270 feet 300 feet 330 feet ASP 1 ASP 2 xxxxxxxxxxxxxxxxxxx Anda dalam antrian pemesanan,kami akan segera memberikan konfirmasi kembali, Terima Kasih Senin, dd-mm-yyyy Selamat Datang, (nama / perusahaan) Akun Saya Pemesanan Kapal Histori Pemesanan Kapal Kotak Pesan Keluar Chat Dengan Kami Pesan Batal Link-Link Terkait xxx xxx 2011 PT. Armada Samudra Persada Gambar 4.22 Rancangan Layar Antrian Pemesanan Kapal 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.
28 122 PT. ARMADA SAMUDRA PERSADA INDONESIA ENGLISH Cari Halaman Utama Tentang Kami Kapal Kami Hubungi Kami FAQ Berita & Artikel Testimonial Registrasi Nama : Telepon : Pelabuhan Keberangkatan : Pelabuhan Tujuan : Tanggal Keberangkatan : Ukuran Tongkang/Barge : Kapal Yang Tersedia : xxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxx 230 feet 250 feet 270 feet 300 feet 330 feet Maaf, kapal tidak tersedia Senin, dd-mm-yyyy Selamat Datang, (nama / perusahaan) Akun Saya Pemesanan Kapal Histori Pemesanan Kapal Kotak Pesan Keluar Chat Dengan Kami Jenis Muatan : Persyaratan Tambahan : Pesan Batal Link-Link Terkait xxx xxx 2011 PT. Armada Samudra Persada Gambar 4.23 Rancangan Layar Kapal Tidak Tersedia 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.
29 Rancangan Histori Pemesanan Kapal Gambar 4.24 Rancangan Layar Histori Pemesanan Kapal 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
30 Rancangan Layar Tulis Pesan PT. ARMADA SAMUDRA PERSADA INDONESIA ENGLISH Cari Halaman Utama Tentang Kami Kapal Kami Hubungi Kami FAQ Berita & Artikel Testimonial Registrasi Tulis Pesan Pesan M asuk Pesan k eluar Tulis Pesan Topik : Senin, dd-mm-yyyy Selamat Datang, (nama / perusahaan) Akun Saya Pemesanan Kapal Lampi rka n size Histori Pemesanan Kapal Kotak Pesan Pesan: Keluar Chat Dengan Kami Kirim Batal Link-Link Terkait xxx xxx 2011 PT. Armada Samudra Persada Gambar 4.25 Rancangan Layar Tulis Pesan 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.
31 Rancangan Layar Pesan Masuk PT. ARMADA SAMUDRA PERSADA INDONESIA ENGLISH Cari Halaman Utama Tentang Kami Kapal Kami Hubungi Kami FAQ Berita & Artikel Testimonial Registrasi Tulis P esan Pesan Masuk (1) Pesan keluar Pesan Masuk Hapus Semua Dari Kete ra ngan Ta nggal xxxxx xxxxx xxxxxxxxxxx xxxxxxxxxxx dd/mm/yyyy dd/mm/yyyy Hapus Hapus Senin, dd-mm-yyyy Selamat Datang, (nama / perusahaan) Akun Saya Ketersediaan Kapal Histori Pemesanan Kotak Pesan (1) xxxxx xxxxxxxxxxx dd/mm/yyyy Hapus Keluar Chat Dengan Kami Link-Link Terkait xxx xxx 2011 PT. Armada Samudra Persada Gambar 4.26 Rancangan Layar Pesan Masuk Halaman ini adalah halaman pesan masuk, halaman pesan masuk ini memberikan informasi mengenai surat elek tronik y ang dik irim oleh admin k epada user. Informasiinformasi yang dikirim ke pesan masuk antara lain surat penawaran, ucapan selamat ulang tahun, ucapan selamat hari raya dan surat tagihan.
32 Rancangan Layar Baca Pesan Masuk PT. ARMADA SAMUDRA PERSADA INDONESIA ENGLISH Cari Halaman Utama Tentang Kami Kapal Kami Hubungi Kami FAQ Berita & Artikel Testimonial Registrasi Tulis P esan Pesan Masuk Pesan Keluar Senin, dd-mm-yyyy Selamat Datang, (nama / per usahaan) Akun Saya Topik : Pemesanan Kapal Histori Pemesanan Kapal Pesan : Kotak Pesan Keluar Chat Dengan Kami Balas Kembal i Link-Link Terkait xxx xxx 2011 PT. Armada Samudra Persada Gambar 4.27 Rancangan Layar Baca Pesan Masuk 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.
33 Rancangan Layar Pesan Keluar PT. ARMADA SAMUDRA PERSADA INDONESIA ENGLISH Cari Halaman Utama Tentang Kami Kapal Kami Hubungi Kami FAQ Berita & Artikel Testimonial Registrasi Tulis P esan Pesan Masuk Pesan Keluar Pesan Keluar Hapus Semua Dari Ke teran gan Tan ggal xxxxx xxxxxxxxxxx dd/mm/yyyy H apus xxxxx xxxxxxxxxxx dd/mm/yyyy H apus xxxxx xxxxxxxxxxx dd/mm/yyyy H apus Senin, dd-mm-yyyy Selamat Datang, (nama / perusahaan) Akun Saya Pemesanan Kapal Histori Pemesanan Kapal Kotak Pesan Keluar Chat Dengan Kami Link-Link Terkait xxx xxx 2011 PT. Armada Samudra Persada Gambar 4.28 Rancangan Layar Pesan Keluar Halaman ini adalah halaman pesan keluar, tabel yang berisi list-list pesan yang pernah dikirim oleh user kepada admin.
34 Rancangan Baca Pesan Keluar PT. ARMADA SAMUDRA PERSADA INDONESIA ENGLISH Cari Halaman Utama Tentang Kami Kapal Kami Hubungi Kami FAQ Berita & Artikel Testimonial Registrasi Tulis Pesan Pes an Masuk Pesan Keluar Senin, dd-mm-yyyy Selamat Datang, (nama / perusahaan) Akun Saya Topik : Pemesanan Kapal Histori Pemesanan Kapal Pesan : Kotak Pesan Keluar Chat Dengan Kami Teruskan Kembal i Link-Link Terkait xxx xxx 2011 PT. Armada Samudra Persada Gambar 4.29 Rancangan Layar Baca pesan Keluar 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.
35 Site Map A dmin Gambar 4.30 Site Map Admin
36 Rancangan Layar Admin 1. Rancangan Layar Halaman Login Admin Gambar 4.31 Rancangan Layar Halaman Login Admin 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.
37 Rancangan Layar Lupa Sandi Admin Gambar 4.32 Rancangan Layar Lupa Sandi Admin Tampilan di atas ini merupakan tampilan ketika admin lupa akan sandinya, sandi akan dikirimkan ke secara otomatis jika ID pengguna dan yang dimasukan sesuai dengan database perusahaan.
38 Rancangan Layar Halaman Utama Admin Gambar 4.33 Rancangan Layar Halaman Utama Admin Tampilan ini merupakan halaman utama admin setelah admin melakukan login, pada halaman utama ini akan muncul data statistik situs.
39 Rancangan Layar Daftar Member Gambar 4.34 Rancangan Layar Daftar Member 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, , 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.
40 Rancangan Layar Daftar Ulang Tahun Gambar 4.35 Rancangan Layar Daftar Ulang Tahun Ini adalah halaman daftar ulang tahun member atau pelanggan. Halaman ini menampilkan ID pengguna, nama, tanggal lahir dan dari member atau pelanggan yang sedang berulang tahun pada hari itu. Sistem akan secara otomatis mengirimkan pesan ucapan selamat ulang tahun ke member atau pelanggan. Admin dapat mengecek pesan yang dikirimkan lewat status pengiriman pesan.
41 Rancangan Layar Pengaturan Tentang Kami Gambar 4.36 Rancangan Layar Pengaturan Tentang Kami 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.
42 Rancangan Layar Pengaturan Hubungi Kami Gambar 4.37 Rancangan Layar Pengaturan Hubungi Kami 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.
43 Rancangan Layar Pengaturan FAQ Gambar 4.38 Rancangan Layar Pengaturan FAQ 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.
44 Rancangan layar Tambah Baru FAQ Gambar 4.39 Rancangan Layar Tambah Baru FAQ 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.
45 Rancangan Layar Pengaturan Berita & Artikel Gambar 4.40 Rancangan Layar Pengaturan Berita Dan Artikel 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.
46 Rancangan Layar Pengaturan Link-Link Terkait Gambar 4.41 Rancangan Layar Pengaturan Link-Link Terkait 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.
47 Rancangan Layar ID YM Admin Gambar 4.42 Rancangan Layar Pengaturan ID YM Admin 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.
48 Rancangan Layar Daftar Kapal Gambar 4.43 Rancangan Layar Daftar Kapal 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.
49 Rancangan Layar Edit Kapal Gambar 4.44 Rancangan Layar Edit Kapal 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.
50 Rancangan Layar Testimonial Gambar 4.45 Rancangan Lay ar Testimonial 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.
51 Rancangan Layar Daftar Pesan Kapal Gambar 4.46 Rancangan Layar Daftar Pesan Kapal 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.
52 Rancangan Edit Daftar Pesan Kapal Gambar 4.47 Rancangan Layar Edit Daftar Pesan Kapal 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 sebelumny a.
53 Rancangan Layar Status Jasa Gambar 4.48 Rancangan Layar Status Jasa 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.
54 Rancangan Layar Edit Status Kapal Gambar 4.49 Rancangan Layar Edit Status Jasa Admin dapat mengupdate status 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.
55 Rancangan Layar Histori Pemesanan Gambar 4.50 Rancangan Layar Histori Pemesanan 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.
56 Rancangan Layar Tulis Pesan Gambar 4.51 Rancangan Layar Tulis Pesan 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.
57 Rancangan Layar Pesan Masuk Gambar 4.52 Rancangan Layar Pesan Masuk 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.
58 Rancangan Layar Baca Pesan Masuk Gambar 4.53 Rancangan Layar Baca Pesan Masuk 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.
59 Rancangan Layar Pesan Keluar Gambar 4.54 Rancangan Layar Pesan Keluar Halaman ini adalah halaman pesan keluar, tabel yang berisi list-list pesan yang pernah dikirim oleh admin kepada user.
60 Rancangan Layar Baca Pesan Keluar Gambar 4.55 Rancangan Layar Baca Pesan Keluar 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.
61 Rancangan Layar Konfigurasi Admin Gambar 4.56 Rancangan Layar Konfigurasi Admin Ini adalah halaman konfigurasi admin, halaman ini menampilakan informasi mengenai admin seperti user id nya, nama, alamat dan . Admin dapat mengubah infromasi yang ada dengan mengklik menu edit. Selain itu terdapat plihan tambah baru, pilihan tambah baru memungkinkan ada penambahan admin baru.
62 Rancangan Layar Ubah Sandi Admin Gambar 4.57 Rancangan Layar Ubah Sandi Ini adalah ubah sandi (password) admin, pada halaman ini terdapat form yang berisi Id pengguna, sandi lama, sandi baru serta konfirmasi sandi baru.
BAB 4 HASIL DAN PEMBAHASAN
BAB 4 HASIL DAN PEMBAHASAN 4.1.Hasil Kesimpulan Wawancara 7 C Pada sub bab ini akan diuraikan hasil kesimpulan wawancara mengenai perancangan tampilan (interface) e-crm PT.Prime Freight Indonesia, dengan
User untuk mencari informasi yang dimaksud sesuai kebutuhan atau keinginan User. Tampilan History dan Status Jasa Warehouse
133 Tampilan History dan Status Jasa Warehouse Gambar 4.43 Tampilan History dan Status Jasa Warehouse Pada tampilan History dan Status Jasa Warehouse terdapat konten berupa pilihan tampilan yang dinginkan,
Gambar 4.38 Struktur Menu 2. Form Login Layar ini berfungsi pertama saat user membuka layar untuk masuk ke dalam sistem.
4.3.1 Design user interface 1. Struktur Menu Gambar 4.38 Struktur Menu 2. Form Login Layar ini berfungsi pertama saat user membuka layar untuk masuk ke dalam sistem. Gambar 4.39 Form Login Gambar 4.40
BAB 4 PERANCANGAN SISTEM PEMASARAN BERBASIS WEB. 4.1 Tahap keempat : Membuat interface konsumen
BAB 4 PERANCANGAN SISTEM PEMASARAN BERBASIS WEB 4.1 Tahap keempat : Membuat interface konsumen Customer interface yang ada akan dijelaskan dalam kerangka 7C sebagai berikut : 1. Context Website yang dimiliki
BAB 4 RANCANGAN SISTEM YANG DIUSULKAN. Dalam aplikasi e-marketing, perancangan layer (user interface) merupakan
BAB 4 RANCANGAN SISTEM YANG DIUSULKAN 4. Perancangan Sistem 4.1 Tahap 4: Crafting the Customer Interface Dalam aplikasi e-marketing, perancangan layer (user interface) merupakan bagian yang paling penting.
BAB 4 PERANCANGAN APLIKASI E-MARKETING
BAB 4 PERANCANGAN APLIKASI E-MARKETING 4.1. Implementation Plan (Rencana Pelaksanaan) Teknologi internet telah menyebabkan perubahan dalam hal cara pelanggan berinterakasi dengan perusahaan. Saat ini interaksi
BAB 4 HASIL DAN PEMBAHASAN
BAB 4 HASIL DAN PEMBAHASAN 4.1 Analisis SWOT pada PT. Muncul Anugerah Sakti 4.1.1 Kekuatan (Strength) Berdasarkan hasil wawancara dengan PT.Muncul Anugerah Sakti, terdapat berberapa kekuatan yang dimiliki
Gambar 4.22 Layar Tambah Instruktur Admin
270 Gambar 4.22 Layar Tambah Instruktur Admin Layar ini merupakan layar Tambah Instruktur untuk admin yang telah melakukan login. Layar ini berisi formulir pengisisan data-data diri instruktur. Tombol
diinginkan yaitu cash maupun transfer. Gambar 4.42 Tampilan Shopping Cart Pemilihan Jenis Pembayaran
123 Halaman Shopping Cart Pemilihan Jenis Pembayaran ini menampilkan daftar belanjaan pelanggan yang ingin dibeli. Kemudian pelanggan dapat memilih jenis pembayaran yang diinginkan yaitu cash maupun transfer.
Tampilan Pesan Terkirim
158 Tampilan Pesan Terkirim Gambar 4.69 Tampilan Pesan Terkirim Pada tampilan Pesan Terkirim terdapat konten berupa tabel yang terdiri dari kolom tempat untuk mencentang, penerima, subjek, tanggal pesan
Bab IV. HASIL DAN ANALISIS
Bab IV. HASIL DAN ANALISIS 4.1 Hasil Karya / Implementasi Dari tahap-tahap yang telah dilakukan sebelumnya, maka dihasilkan website Jual Pintu dan Jendela Rumah. Berikut adalah tampilan website : 1. Halaman
BAB 4 PERANCANGAN E-MARKETING YANG DIUSULKAN. 4.1 Crafting the Customer Interface (Merancang hubungan antar muka
BAB 4 PERANCANGAN E-MARKETING YANG DIUSULKAN 4.1 Crafting the Customer Interface (Merancang hubungan antar muka Pelanggan) Customer interface merupakan salah satu faktor penting yang harus diperhatikan
20. Halaman Detail Produk Setelah Login
178 20. Halaman Detail Produk Setelah Login Gambar 4.20 Layar Customer-Detail Produk Setelah Login Halaman detail produk menampilkan informasi lengkap tentang produk beserta spesifikasinya dan harga. Terdapat
Software User Manual. Portal Akademik. Panduan Bagi Administrator
Software User Manual Portal Akademik Panduan Bagi Administrator DAFTAR ISI DAFTAR ISI 2 1. Pendahuluan 3 1.1 Tentang Portal Akademik 3 1.2 Tentang Dokumen 3 2. Petunjuk Penggunaan 4 2.1 Login 4 2.2 Halaman
LAMPIRAN. Wawancara dengan Ibu Nani Fiati, sebagai Sales Manager dari PT. Kreasi Sentosa. Abadi mengenai informasi perusahaan dan kondisi perusahaan.
L1 LAMPIRAN Wawancara dengan Ibu Nani Fiati, sebagai Sales Manager dari PT. Kreasi Sentosa Abadi mengenai informasi perusahaan dan kondisi perusahaan. 1) Bagaimana sejarah singkat berdirinya PT. Kreasi
BAB IV. Hasil dan Pembahasan. Adapun hasil dari penelitian ini adalah sebuah website yang menampilkan produk-produk
BAB IV Hasil dan Pembahasan 4.1 Hasil Adapun hasil dari penelitian ini adalah sebuah website yang menampilkan produk-produk perusahaan pada CV. Indah Jati dan memberikan informasi mengenai produk yang
Berikut merupakan prosedur penggunaan pada non-login :
Prosedur Penggunaan Berikut merupakan prosedur penggunaan pada non-login : 1. Beranda untuk Umum Gambar 4.1 Beranda Untuk Umum Pada halaman ini, user dapat membaca pengumuman yang telah diterbitkan oleh
BAB 4 IMPLEMENTASI DAN EVALUASI. Dalam mengimplementasikan sistem yang dijalankan, maka diperlukan beberapa
BAB 4 IMPLEMENTASI DAN EVALUASI 4.1. Implementasi 4.1.1. Sumberdaya yang Dibutuhkan Dalam mengimplementasikan sistem yang dijalankan, maka diperlukan beberapa kebutuhan yang harus disiapkan. Kebutuhan-kebutuhan
Tutorial Menggunakan webpraktis profil bisnis
Tutorial Menggunakan webpraktis profil bisnis 1. Kunjungi Webpraktis.com dan klik tombol Buat Website 2. Pilih Jenis Template Setelah klik buat website,pilih template yang ingin Anda gunakan dari kategori
BAB IV ANALISIS DAN PERANCANGAN SISTEM
BAB IV ANALISIS DAN PERANCANGAN SISTEM 4.1 Analisis Sistem Yang Sedang Berjalan Kegiatan analisis sistem yang berjalan dilakukan dengan analisis yang berorientasi pada objek-objek yang diperlukan oleh
Gambar 4.35 Halaman Contact Us
256 Gambar 4.35 Halaman Contact Us Pada gambar 4.35 dapat dilihat menu Contact Us, dimana pelanggan dapat memberikan saran, kritik, ataupun komentar melalui menu Contact Us tersebut. Pada halaman ini juga
Ask Guestions). Pada halaman ini customer dapat melihat pertanyaan-pertayaan
203 Gambar 4.22 menggambarkan tampilan layar untuk halaman FAQ (Frequently Ask Guestions). Pada halaman ini customer dapat melihat pertanyaan-pertayaan mengenai prosedur perusahaan yang sering diajukan
BAB 5 ANALISIS DAN PERANCANGAN SISTEM
105 BAB 5 ANALISIS DAN PERANCANGAN SISTEM 5.1. Analisis Sistem 5.1.1. Model Sistem FRONT END E-COMMERCE BACK OFFICE Surat order Surat jalan Nota pembayaran Gambar 5.1. Model sistem E commerce berperan
BAB 4 IMPLEMENTASI DAN EVALUASI
234 BAB 4 IMPLEMENTASI DAN EVALUASI 4.1 Implementasi Pada bagian implementasi, penulis akan menjelaskan mengenai spesifikasi perangkat keras dan perangkat lunak yang dibutuhkan sistem, jaringan yang dibutuhkan,
MANUAL WEBSITE PROFILE Institut Agama Islam Negeri Walisongo
MANUAL WEBSITE PROFILE Institut Agama Islam Negeri Walisongo Manual Web Profile IAIN Walisongo 2011 SKEMA TAMPILAN HALAMAN ADMIN Login admin melalui alamat http://nama_situs/admin/ Menu Utama Menu Profile
BAB 4 IMPLEMENTASI DAN EVALUASI. Menggunakan server dengan spesifikasi sebagai berikut : - Processor 1.2 GHz 2007 Opteron or 2007 Xeon processor
BAB 4 IMPLEMENTASI DAN EVALUASI 4.1 Spesifikasi Sistem Menggunakan server dengan spesifikasi sebagai berikut : - Processor 1.2 GHz 2007 Opteron or 2007 Xeon processor - Memory 512MB DDR - Harddisk 5GB
pengguna memilih menu forum.
313 20. Halaman Forum Gambar 4.23 Tampilan Halaman Forum Pada halaman forum terdapat sebuah tabel yang terbagi menjadi kolom topik, penulis (nama pengguna yang mengisi membuat topik tersebut), jumlah balasan,
BAB 4 IMPLEMENTASI DAN EVALUASI. Faktor-faktor tersebut antara lain adalah perangkat keras, perangkat lunak,
BAB 4 IMPLEMENTASI DAN EVALUASI 4.1. IMPLEMENTASI 4.1.1. Kebutuhan Sumber Daya Agar sistem dapat berjalan dengan baik pada PT. Bintaro Pool Site, maka harus disediakan beberapa faktor-faktor pendukung
BAB 4 RANCANGAN SISTEM YANG DIUSULKAN
BAB 4 RANCANGAN SISTEM YANG DIUSULKAN 4.1 Tahap 4 : Crafting The Customer Interface 4.1.1 Halaman User Sebelum Login Logo Simulasi Paket Keranjang Belanja Kritik / Saran Username : Password : Gambar Perusahaan
FLEXIBLE & SIMPLE E-COMMERCE MANUAL SISTEM MANAJEMEN KONTEN (CMS) ONLINE SHOP. Copyright 2016 by Flimmerce
FLEXIBLE & SIMPLE E-COMMERCE MANUAL SISTEM MANAJEMEN KONTEN (CMS) ONLINE SHOP Copyright 2016 by Flimmerce 1 DAFTAR ISI HALAMAN JUDUL... 1 DAFTAR ISI... 2 HALAMAN LOGIN... 4 Melakukan Login... 4 Lupa Password
Cara menggunakan aplikasi Logbook TAS
Cara menggunakan aplikasi Logbook TAS Aplikasi Berbasis Web Bagian Administrator Proses manajemen data dosen Mengakses ke halaman aplikasi Logbook TAS berbasis Web dan selanjutnya login menggunakan akun
BAB IV HASIL DAN UJI COBA
BAB IV HASIL DAN UJI COBA IV.1. Hasil Berikut ini dijelaskan tentang tampilan hasil dari Perancangan Sistem Informasi Geografis Lokasi Loket Bus di Kota Medan dapat dilihat sebagai berikut : IV.1.1. Hasil
Manual Book Penggunaan CMS Website SMA Negeri 3 Cibinong (Untuk Administrator)
Manual Book Penggunaan CMS Website SMA Negeri 3 Cibinong (Untuk Administrator) Penjelasan Umum CMS (Content Management System) merupakan fasilitas yang disediakan untuk mempermudah pengelolaan data/konten
User Guide Membership.
User Guide Membership www.iapi.or.id Menu Membership LOGIN www.iapi.or.id/login LOGIN dibagi menjadi 2 kategori: 1. Login Member IAPI Menu ini digunakan untuk masuk ke dalam akun keanggotaan. Setiap anggota
Gambar 4.32 Tampilan Layar Inquiries. Pada halaman ini, terdapat pertanyaan yang ditanyakan oleh user beserta jawaban dari
158 sebelumnya dengan meng-klik link Delete yang ada di sebelah kanan. Untuk melihat jawaban dari pihak PT.Nexian, user cukup meng-klik subject dari pertanyaan yang ada. Gambar 4.32 Tampilan Layar Inquiries
BAB IV HASIL DAN PEMBAHASAN
BAB IV HASIL DAN PEMBAHASAN IV.1. Tampilan Hasil Berikut ini dijelaskan tentang tampilan hasil dari pembuatan Sistem Informasi Geografis Lokasi toko perabot jepara kota Medan berbasis online dapat dilihat
BAB III. PERANCANGAN SISTEM
BAB III. PERANCANGAN SISTEM 3.1 Rancangan DFD Diagram arus data dari sistem informasi website Toko Nusantara terdiri dari : a. Registrasi dan Login Proses ini merupakan proses awal ketika user mengakses
DAFTAR ISI... i BAB I PENDAHULUAN... 1
DAFTAR ISI DAFTAR ISI... i BAB I PENDAHULUAN... 1 1.1 Tombol, Notasi dan Fungsi... 1 1.2 Manfaat dan keuntungan BJB WBS... 2 1.3 Definisi... 2 1.4 Akses ke Website BJB WBS... 3 BAB II WEBSITE BJB WBS...
BAB 4 RANCANGAN SISTEM YANG DIUSULKAN. 4.1 Langkah Keempat : Membuat Hubungan Antar Muka ( Interface) dengan
70 BAB 4 RANCANGAN SISTEM YANG DIUSULKAN 4.1 Langkah Keempat : Membuat Hubungan Antar Muka ( Interface) dengan Pelanggan. 4.1.1 Context (Konteks) Website yang dirancang lebih mengarah ke aspek fungsionalitas
ORLANSOFT SALESMATE FREE EDITION
ORLANSOFT SALESMATE FREE EDITION Orlansoft SalesMate Free Edition adalah aplikasi dari PT. Orlansoft Data System untuk memudahkan salesman terutama di distributor FMCG (Fast Moving Consumer Goods) dalam
7 PERANCANGAN PORTAL MANAJEMEN PENGETAHUAN
109 7 PERANCANGAN PORTAL MANAJEMEN PENGETAHUAN 7.1. Analisis Kebutuhan Sistem Analisis kebutuhan sistem dimaksudkan untuk mendefinisikan kebutuhan yang harus dipenuhi oleh sistem manajemen pengetahuan
TUGAS ANALISIS DAN PERANCANGAN SISTEM PENJUALAN LAPTOP
TUGAS ANALISIS DAN PERANCANGAN SISTEM PENJUALAN LAPTOP Disusun oleh : Bram Dermawan 13121020 Rendy Rangga Yudha 13121005 FAKULTAS TEKNOLOGI INFORMASI UNIVERSITAS MERCUBUANA YOGYAKARTA 2016 DAFTAR ISI Contents
Lampiran Activity diagram. Gambar Activity Diagram Registrasi
Lampiran Activity diagram Gambar Activity Diagram Registrasi A1 Gambar Activity Diagram Login A2 Gambar Activity Diagram Edit Profile A3 Gambar Activity Diagram Change Password A4 Gambar Activity Diagram
User Manual Situs Jasa Layanan Pelanggan Lab Pengujian [Customer]
![User Manual Situs Jasa Layanan Pelanggan Lab Pengujian [Customer]](/thumbs/59/43479847.jpg "User Manual Situs Jasa Layanan Pelanggan Lab Pengujian [Customer]")
User Manual Situs Jasa Layanan Pelanggan Lab Pengujian [Customer] Pendahuluan Situs Jasa Layanan Pelanggan Lab Pengujian merupakan website yang dibangun untuk Telkom Divisi Digital Service. Pada situs
Memanfaatkan Fitur Member Website Sekolah
Bab VI: Memanfaatkan Fitur Member Website Sekolah Dalam website sekolah ini terdapat sistem komunitas dari pengguna website yang merupakan bagian dari komunitas pendidikan. Sesuai dengan penjelasan bab
DAFTAR ISI... 0 KATA PENGANTAR... 3 BAB I PENDAHULUAN...
0 DAFTAR ISI DAFTAR ISI... 0 KATA PENGANTAR... 3 BAB I PENDAHULUAN... 4 1. FRONTEND... 4 A. Profil... 5 a. Visi dan Misi... 5 b. Sejarah... 6 c. AD/ART... 6 d. Hymne/Mars... 7 e. Susunan Pengurus... 7
5 BAB V IMPLEMENTASI DAN PENGUJIAN
5 BAB V IMPLEMENTASI DAN PENGUJIAN Pada bab lima ini akan menjelaskan mengenai implementasi dan pengujian dari sistem yang dibuat. Implementasi dan pengujian sistem ini meliputi lingkungan hardware dan
BAB IV HASIL DAN ANALISIS. 4.1 Hasil karya dan Implementasi
BAB IV HASIL DAN ANALISIS 4.1 Hasil karya dan Implementasi Gambar 4.1 Implementasi Database Pada gambar diatas menunukkan nama databse yang digunakan dalam website penjualan dan pemesanan online Foto Sampurna
BAB IV ANALISIS DAN PEMBAHASAN. Melalui hasil wawancara dengan salah satu panitia fungsional rumah sakit
BAB IV ANALISIS DAN PEMBAHASAN 4.1 Analisis SWOT Melalui hasil wawancara dengan salah satu panitia fungsional rumah sakit RS Bersalin Asih, maka penulis dapat menganalisis data mengenai kekuatan (Strength),
Bab III. PERANCANGAN SISTEM
Bab III. PERANCANGAN SISTEM 3.1 Analisis Sistem Secara umum pengertian dari sistem adalah sekelompok elemen atau komponen yang saling berhubungan dan bekerjasama dalam mencapai suatu tujuan tertentu. Elemen-elemen
BAB IV HASIL DAN UJI COBA
BAB IV HASIL DAN UJI COBA IV.1. Tampilan Hasil Pada bab ini akan dijelaskan tampilan hasil dari aplikasi yang telah dibuat, yang digunakan untuk memperjelas tentang tampilan-tampilan yang ada pada aplikasi
BAB 4. Perancangan e-hrm
BAB 4 Perancangan e-hrm 4.1 Site Map user Dari masalah yang terjadi, maka didapatlah solusi yaitu dengan membuat e- HRM, yaitu e-training, e-performance appraisal dan e-career management pada Hero. Berikut
Prosedur Penggunaan Program Gambar 4.7 Halaman Home
Prosedur Penggunaan Program Gambar 4.7 Halaman Home Tampilan di atas merupakan halaman home atau halaman awal pada website Hotel Peony. Pada tampilan ini, di bagian kiri atas terdapat logo Hotel Peony,
BAB III ANALISIS DAN DESAIN SISTEM
BAB III ANALISIS DAN DESAIN SISTEM III.1. Analisis Sistem yang Sedang Berjalan Sebuah sistem informasi dapat efektif jika sistem tersebut dapat memberikan gambaran secara detail dari karakteristik informasi
Software User Manual. Portal Akademik. Panduan Bagi Dosen
Software User Manual Portal Akademik Panduan Bagi Dosen DAFTAR ISI DAFTAR ISI 2 1. Pendahuluan 5 1.1 Tentang Portal Akademik 5 1.2 Tentang Dokumen 5 2. Petunjuk Penggunaan 6 2.1 Login 6 2.2 Halaman Selamat
BAB 4 HASIL DAN PEMBAHASAN
BAB 4 HASIL DAN PEMBAHASAN 4.1 Value Chain Analysis Pada PT. Hero Supermarket, Tbk. Value chain analysis merupakan cara sistematik untuk memeriksa semua aktivitas yang dilakukan oleh perusahaan serta bagaimana
Petunjuk Pemakaian Sistem
Petunjuk Pemakaian Sistem Berikut ini adalah petunjuk pemakaian sistem dari aplikasi pengiriman barang PT. Buana Resota. Aplikasi ini dimulai dengan membuka browser, kemudian memasukkan alamat website.
Gambar 4.30 Tampilan Layar Merchandise. dengan merek jual grup musik samsons seperti t-shirt, sticker, jaket, dan produk yang
343 29. Tampilan Layar Merchandise Gambar 4.30 Tampilan Layar Merchandise Pada gambar 4.30 menjelaskan halaman merchandise berisi informasi produk dengan merek jual grup musik samsons seperti t-shirt,
BAB IV ANALISIS DAN PERANCANGAN SISTEM
BAB IV ANALISIS DAN PERANCANGAN SISTEM 4.1. Analisis Sistem Yang Berjalan Sebelum merancang suatu sistem, ada baiknya terlebih dahulu menganalisis sistem yang sedang berjalan di Distro yang akan dibangun
1. Halaman Pendaftaran & Login
1. Halaman Pendaftaran & Login 1.1 Pendaftaran Baru Halaman Pendaftaran Online berisi form untuk masyarakat yang akan mengajukan perizinan dan belum memiliki akun, yang dapat di akses melalui portal dpmpptsp.sumutprov.go.id
User Manual Situs Jasa Layanan Pelanggan Lab Pengujian [Admin]
![User Manual Situs Jasa Layanan Pelanggan Lab Pengujian [Admin]](/thumbs/57/40483826.jpg "User Manual Situs Jasa Layanan Pelanggan Lab Pengujian [Admin]")
User Manual Situs Jasa Layanan Pelanggan Lab Pengujian [Admin] Pendahuluan Situs Jasa Layanan Pelanggan Lab Pengujian merupakan website yang dibangun untuk Telkom Divisi Digital Service. Pada situs ini
Aplikasi permohonan paspor online adalah aplikasi yang dibuat untuk menghindari penumpukan calon pemohon paspor di unit layanan paspor / kantor
DAFTAR ISI... 2 1. PENGENALAN... 3 2. PANDUAN PENGGUNAAN...4-8 A. Halaman Utama... 4 B. Pendaftaran Dan Login... 4 C. Daftar Kanim Dan Permohonan Antrian... 6 D. Lupa Password... 8 2 Aplikasi permohonan
Software User Manual. Portal Akademik. Panduan Bagi Mahasiswa UNIVERSITAS KARTIKA YANI
Software User Manual Portal Akademik Panduan Bagi Mahasiswa UNIVERSITAS KARTIKA YANI DAFTAR ISI DAFTAR ISI...2 1. Pendahuluan...3 1.1 Tentang Portal Akademik Kartika Yani...3 1.2 Tentang Dokumen...3 2.
BAB IV HASIL DAN UJI COBA. Berikut ini akan dijelaskan tentang tampilan hasil rancangan dari
BAB IV HASIL DAN UJI COBA IV.1. Tampilan Hasil Berikut ini akan dijelaskan tentang tampilan hasil rancangan dari knowledge management system maintenance hardware dan software berbasis web pada Universitas
menu update yang berfungsi untuk merubah data diri, dan menu Change Password Gambar 4.28 Halaman halaman update personal data
307 Halaman Your Data ini akan menampilkan data diri admin. Di dalam halaman ini ada menu update yang berfungsi untuk merubah data diri, dan menu Change Password untuk merubah password. Gambar 4.28 Halaman
customer sudah penuh, dan Ada Tempat jika hotel yang dicari ada. Gambar 4.50 Perancangan Layar Cek Hotel
299 Perancangan layar Cek Hotel Halaman ini berisi daftar customer yang telah memesan hotel. Ada 3 pilihan pada halaman ini, yaitu jenis kamar penuh, hotel penuh, dan ada tempat. Admin dapat memilih menu
Tutorial Menggunakan Webpraktis Profesional
Tutorial Menggunakan Webpraktis Profesional 1. Kunjungi webpraktis.com dan Klik Buat Website 2. Pilih Jenis Webiste Setelah klik buat website, pilih profesional untuk membuat website professional. 3. Lakukan
BAB IV IMPLEMENTASI DAN EVALUASI. Dalam merancang dan membangun sistem penjualan online ini ada
BAB IV IMPLEMENTASI DAN EVALUASI 4.1. Implementasi Sistem Dalam merancang dan membangun sistem penjualan online ini ada beberapa spesifikasi perangkat lunak dan perangkat keras yang dibutuhkan. Perangkat
Daftar Isi PETUNJUK PEMAKAIAN APLIKASI NOMOR POKOK PERPUSTAKAAN
1 Daftar Isi BAB 1... 3 PENDAHULUAN... 3 1.1 ALUR KERJA SI-NPP... 3 BAB 2... 4 MENJALANKAN APLIKASI SI-NPP... 4 2.1 MASUK KE APLIKASI SI-NPP... 4 2.2 MENU DALAM APLIKASI (NPP)... 4 2.2.1 Menu Informasi...
Petunjuk Penggunaan P3SWOT Online
2010 Petunjuk Penggunaan P3SWOT Online DAFTAR ISI DAFTAR ISI... ii PENDAHULUAN... 1 MENGAKSES APLIKASI... 1 MENU UTAMA... 1 A. Home... 1 B. Syarat... 2 C. Petunjuk... 2 D. FAQ... 2 E. Statistik... 3 F.
Software User Manual. Portal Akademik. Panduan Bagi Mahasiswa
Software User Manual Portal Akademik Panduan Bagi Mahasiswa DAFTAR ISI DAFTAR ISI 2 1. Pendahuluan 4 1.1 Tentang Portal Akademik 4 1.2 Tentang Dokumen 4 2. Petunjuk Penggunaan 5 2.1 Login 5 2.2 Halaman
Aplikasi Event Portal dapar diakses melalui web dan mobile application. 1. Prosedur Penggunaan Aplikasi Berbasis Website
Prosedur Penggunaan Aplikasi Aplikasi Event Portal dapar diakses melalui web dan mobile application (Android). Aplikasi pada platform Android difokuskan untuk registrasi dan konfirmasi pembayaran yang
BAB 4 IMPLEMENTASI DAN EVALUASI
BAB 4 IMPLEMENTASI DAN EVALUASI 4.1. Implementasi Berikut ini adalah implementasi dalam pembuatan sistem yang diajukan. 4.1.1. Spesifikasi Perangkat Keras dan Perangkat Lunak Berikut ini adalah spesifikasi
u. Halaman Menu Minuman
301 u. Halaman Menu Minuman Gambar 4.22 Tampilan Halaman Menu Minuman Halaman ini berguna untuk melihat isi menu minuman yang ada di dalam basis data. Admin dapat mengubah, menambah, ataupun menghapus
Manual Book For Customer
Manual Book For Customer Daftar isi... 1 Pendaftaran member... 2 Login member... 3 Manajemen akun member... 8 Profil... 9 Ubah kata sandi... 9 Invoice... 9 Pesan admin... 10 Konfirmasi pembayaran... 10
Buku Pedoman Situs Perwalian Versi User : Jurusan
Buku Pedoman Situs Perwalian Versi User : Jurusan Universitas Komputer Indonesia Direktorat ICT & Multimedia Versi : 06-Juni-2011 DAFTAR ISI DAFTAR ISI... i PENDAHULUAN... 1 Latar Belakang... 1 SITUS PERWALIAN
BAB 4 PERANCANGAN APLIKASI E-MARKETING. perusahaan. Pertemuan tatap muka dalam lingkungan tradisional telah digantikan
BAB 4 PERANCANGAN APLIKASI E-MARKETING 4.1 Merangkai Interface Konsumen Teknologi internet telah mengubah cara konsumen berinteraksi dengan perusahaan. Pertemuan tatap muka dalam lingkungan tradisional
Bab IV HASIL DAN ANALISIS
Bab IV HASIL DAN ANALISIS 4.1 Implementasi Dari tahap-tahap yang telah dilakukan, didapatkan hasil Sistem Informasi Pemesanan Tiket Bus Berbasis Web. Berikut adalah tampilan yang dihasilkan: a. Halaman
User Manual Aplikasi Surat Rekomendasi Ditjen SDPPI Kominfo
User Manual Aplikasi Surat Rekomendasi Ditjen SDPPI Kominfo DAFTAR ISI DAFTAR ISI... 1 1. LOGIN... 2 1.1 REGISTER... 2 1.2 MERUBAH DATA PROFILE USER... 3 1.3 LOGIN... 5 2. PERMOHONAN... 7 2.1 PENGAJUAN
BAB III ANALISIS DAN PERANCANGAN
BAB III ANALISIS DAN PERANCANGAN III.1. Analisa Sistem Yang Sedang Berjalan Proses analisa sistem merupakan langkah kedua pada fase pengembangan sistem. Analisa sistem dilakukan untuk mengetahui kelebihan
BAB IV HASIL DAN PEMBAHASAN
BAB IV HASIL DAN PEMBAHASAN 4.1 Pengembangan dan Implementasi Sistem 4.1.1 Tools Pengembangan Tools pada pengembangan aplikasi web ini yaitu menggunakan XAMPP. Setelah selesai melakukan instalasi maka
Mengelola Bagian Utama Website Sekolah
Mengelola Bagian Utama Website Sekolah Mengelola bagian utama Website Sekolah dibagi menjadi 3 kate gori pokok, yakni: Mengelola Admin Merubah Disain Banner Atas Melengkapi Profil Sekolah A. Mengelola
PROSEDUR PROGRAM. Berikut ini adalah petunjuk pemakaian aplikasi basis data penjualan, pembelian
PROSEDUR PROGRAM Berikut ini adalah petunjuk pemakaian aplikasi basis data penjualan, pembelian dan persediaan berbasis web pada PT.Datacomindo Mitrausaha. 1. Halaman Home Pada halaman utama Home, user
BAB IV HASIL DAN UJI COBA
BAB IV HASIL DAN UJI COBA IV.1. Tampilan Hasil IV.1.1 Halaman Yang Dapat Diakses Tanpa Melalui Login Adapun halaman yang dapat diakses oleh pengunjung, member dan administrator tanpa melalui login adalah
Petunjuk Penggunaan Aplikasi
Petunjuk Penggunaan Aplikasi Berikut adalalah panduan penggunaan aplikasi Online Learning System: 1. Halaman Sign Up Halaman ini dipakai untuk melakukan proses registrasi user sebagai member dalam sistem
KEMENTERIAN KOPERASI DAN USAHA KECIL DAN MENENGAH REPUBLIK INDONESIA
KEMENTERIAN KOPERASI DAN USAHA KECIL DAN MENENGAH REPUBLIK INDONESIA www.depkop.go.id SISTEM ADMINISTRASI LAYANAN BADAN HUKUM KOPERASI (SISMINBHKOP) sisminbhkop.id sisminbhkop.depkop.go.id PANDUAN UNTUK
Dokumen ini menerangkan cara penggunaan dan fitur-fitur yang terdapat pada system registrasi koperasi online ini.
PROSES REGISTRASI ULANG KOPERASI Untuk mempermudah proses registrasi ulang koperasi-koperasi di seluruh Indonesia, Sistem Elektronik Administrasi dan Layanan Badan Hukum Koperasi (SALBH-KOP) menyediakan
9) Pesan Baru. Gambar Halaman Pesan Baru. 10) Kotak Masuk
277 9) Pesan Baru Gambar 4.127 Halaman Pesan Baru Pada halaman ini admin dapat membalas surat surat yang masuk ke kotak masuknya. 10) Kotak Masuk Gambar 4.128 Halaman Kotak Masuk Pada halaman ini admin
BAB IV IMPLEMENTASI DAN EVALUASI. Agar aplikasi berjalan sesuai harapan, dalam kegiatan implementasi
BAB IV IMPLEMENTASI DAN EVALUASI 4.1 Kebutuhan Sistem Agar aplikasi berjalan sesuai harapan, dalam kegiatan implementasi aplikasi membutuhkan keras dan lunak. 4.1.1 Kebutuhan Perangkat Keras Kebutuhan
BUKU MANUAL TSP/CSR KAB. MOJOKERTO
BUKU MANUAL TSP/CSR KAB. MOJOKERTO 1. Halaman Utama Buka website TSP/CSR Kab. Mojokerto melalui browser dan berikut adalah tampilan halaman utama. Halaman Utama Website TSP 2. Pendaftaran Anggota Perusahaan
Daftar Isi. Daftar Gambar
Daftar Isi Daftar Isi...1 Daftar Gambar...2 Pendahuluan...3 1.1 Tujuan Pembuatan Dokumen...3 1.2 Definisi Dan Singkatan...3 1.3 Alamat Akses...3 Sumber Daya Yang Dibutuhkan...4 2.1 Perangkat Keras...4
Portal Akademik Panduan Bagi Dosen
Software User Manual Portal Akademik Panduan Bagi Dosen STMIK AKAKOM DAFTAR ISI 1. Pendahuluan... 4 1.1 Tentang Portal Akademik... 4 1.2 Tentang Dokumen... 4 2. Petunjuk Penggunaan... 5 2.1 Login... 5
PROPOSAL PENAWARAN JMLM
PROPOSAL PENAWARAN JMLM Terima kasih atas ketertarikan Anda terhadap produk JogjaCamp yaitu JMLM. Bersama dengan ini kami informasikan mengenai detail penawaran dari kami untuk menggunakan produk dari
MANUAL PENGGUNAAN APLIKASI PELAKU USAHA
2016 MANUAL PENGGUNAAN APLIKASI PELAKU USAHA APLIKASI OBAT HEWAN DIREKTORAT JENDERAL PETERNAKAN DAN KESEHATAN HEWAN DIREKTORAT KESEHATAN HEWAN KEMENTERIAN PERTANIAN 1 KATA PENGANTAR Puji dan syukur ke
Manual Book. PG Online
Manual Book PG Online WWW.PG-AM.COM I. PENDAFTARAN NASABAH BARU (New Customer) 1. Buka browser Anda dan masukan alamat link : https://www.pgonline.co.id 2. Maka akan tampil gambar seperti dibawah ini ;
Gambar 4.52 Tampilan halaman Help untuk admin. Pada halaman Help milik admin, terdapat daftar FAQ (Frequent Ask Question)
364 4.4.3.7 Tampilan Halaman Help Untuk Admin Gambar 4.52 Tampilan halaman Help untuk admin Pada halaman Help milik admin, terdapat daftar FAQ (Frequent Ask Question) yang dapat menjadi panduan bagi viewer
BAB 4 IMPLEMENTASI DAN EVALUASI
BAB 4 IMPLEMENTASI DAN EVALUASI 4.1 Sistem Pemasaran Setelah Implementasi E-Marketing Setelah implementasi E-Marketing, proses pemasaran pada PT. Wadah Makmur Abadi akan mengalami beberapa perubahan. PT.
Pada Halaman ini user dapat mengganti password yang sudah ada dengan melakukan :
1. CIS 1.1 User Management 1.1.1 Change Password Pada Halaman ini user dapat mengganti password yang sudah ada dengan melakukan : 1. Isi field old password dengan password dengan password lama 2. Isi field
BAB III ANALISA DAN PERANCANGAN
31 BAB III ANALISA DAN PERANCANGAN III.1. Analisa Sistem Yang Berjalan Analisa sistem yang berjalan bertujuan untuk mengidentifikasi serta melakukan evaluasi terhadap sistem yang telah ada pada perusahaan.
Portal Akademik Panduan Bagi Mahasiswa
Software User Manual Portal Akademik Panduan Bagi Mahasiswa UNIVERSITAS BENGKULU DAFTAR ISI DAFTAR ISI...2 1. Pendahuluan...4 1.1 Tentang Portal Akademik...4 1.2 Tentang Dokumen...4 2. Petunjuk Penggunaan...5