BAB III ANALISIS DAN PERANCANGAN SISTEM
4.3. Implementasi Antar Muka
Merancang antarmuka merupakan bagian yang paling penting dari merancang sistem. Biasanya hal tersebut juga merupakan bagian yang paling sulit, karena dalam merancang antarmuka harus memenuhi tiga persyaratan: sebuah antarmuka harus sederhana, sebuah antarmuka harus lengkap, dan sebuah antarmuka harus memilki kinerja yang cepat.
Berikut ini merupakan perancangan antar muka dari aplikasi yang di bangun (Sistem Informasi Transaksi Peminjaman Mobil pada SIP RENT CAR):
4.3.1 Antar Muka Login
Gambar 4.1 Antar Muka Login.
Seperti dilihat pada Gambar 4.1 Halaman login buat admin, terdapat desain yang sangat sederhana ada menu username dan password, ketika admin sudah punya id sendiri dan mengisikan ke dalam halaman login ini, admin bisa langsung masuk ke dalam menu selanjutnya.
4.3.2 Antar Muka Menu Admin
Gambar 4.2 Antar Muka Halaman Home Admin
Seperti dilihat pada Gambar 4.2 diatas menu home dari halaman admin, terdapat beberapa menu untuk mengakses data, seperti mobil, merk, pemesanan, berita, customer service, pesan, testimoni, laporan. Semua menu di halaman admin ini berfungsi untuk pengisian data sebelum ditampilkan ke dalam website yang bisa diakses oleh pelanggan, diatas juga terlihat grafik pemesanan.
4.3.3 Antar Muka Mobil
Seperti dilihat pada Gambar 4.3 diatas terdapat tampilan menu dari mobil, terdapat menu tambah mobil, search dan list mobil, untuk menambahkan mobil baru bisa tekan ke menu tambah mobil, secara otomatis inputan akan muncul dan admin bisa mengisikan sesuai dengan kebutuhan, setelah itu hasil dari inputan akan muncul kedalam list mobil seperti gambar diatas.
4.3.4 Antar Muka Tambah Mobil
Gambar 4.4 Antar Muka Tambah Mobil
Seperti dilihat Pada Gambar 4.4 terdapat tampilan menu tambah mobil, di dalam halaman menu ini terdapat inputan plat nomer, tahun pembuatan, merk, gambar dan tambah, dimana admin bisa mengisikan data sesuai dengan yang ada di dalam inputan dan bisa memasukan 4 gambar yang di punya, ketika semua sudah disikan bisa tekan menu tambah, secara otomatis data nanti akan tampil di halaman list mobil.
4.3.5 Antar Muka Merk
. Gambar 4.5 Antar Muka Merk
Seperti dilihat pada Gambar 4.5 terdapat tampilan menu merk pada halaman admin, terlihat menu inputan nama, harga, keterangan dan tambah. Admin bisa mengisikan data merk mobil terbaru ketika mau dimasukkan ke dalam rental mobil SIP RENT CAR, pada kolom nama merk admin bisa mengisikan datanya dan juga harganya, keterangan bisa diisi dengan spefikasi dari mobil tersebut, ketika sudah selesai semua bisa tekan tombol tambah , secara otomatis data tersebut akan masuk ke dalam list merk.
4.3.6 Antar Muka Pemesanan
Seperti dilihat Pada Gambar 4.6 pada gambar dibawah , dapat terlihat tampilan menu pemesanan, di dalam menu pemesanan terlihat beberapa form yaitu: semua pesanan, pesanan pending, pesanan konfirmasi, pesanan lunas, pesanan batal, pesanan kembali dan menu search , di dalam setiap form menu tersebut mempunyai akses tersendiri seperti menu pesanan pending, ketika pelanggan mengisikan di dalam
website pesanan langsung masuk ke dalam menu pesanan pending, dari sini tinggal menunggu apakah pelanggan mengkonfirmasi pesanan atau tidak, setelah pelanggan mengkonfirmasi pesanan akan masuk kedalam menu konfirmasi tinggal menunggu lagi pelanggan untuk kepastiannya, jika pelanggan tidak ada tanggapan sama sekali pesanan akan otomatis pindah ke pesanan batal, jika dari menu konfirmasi pelanggan kasih kabar soal pesanan dan membayarnya datanya akan masuk ke dalam pesanan lunas, jika transaksi sudah semua dan sudah waktunya kembali bisa dilihat di menu pesanan kembali. Di menu pesanan kembali semua bisa terlihat siapa saja yang sudah waktunya kembali.
4.3.7 Antar Muka Berita
Gambar 4.7 Antar Muka Berita
Seperti dilihat pada Gambar 4.7 pada halaman berita, tampilan menu dari berita, terlihat no, judul, tanggal, gambar, content control dan tambah berita. Pada menu tambah berita fungsinya sama seperti tambah mobil yang sebelumnya ketika menu tombol berita ditekan, akan ada menu inputan untuk berita, dan hasil dari inputan tersebut akan muncul dilist berita. Menu content control juga berfungsi untuk mengedit berita, jika ada berita yang kurang menarik bisa diedit pada menu content control tersebut dan di menu tersebut juga bisa untuk menghapus sebuah berita.
4.3.8 Antar Muka Tambah Berita
Gambar 4.8 Antar Muka Tambah Berita.
Seperti dilihat pada Gambar 4.8, tampilan menu tambah berita, di dalam menu tersebut ada inputan judul, isi, gambar, simpan dan batal. Pada menu ini admin bisa inputkan berita dan bisa diedit sesukanya di dalam menu ini, ketika admin sudah behasil mengisikan tinggal tekan menu simpan, ototmatis gambar yang disikan akan masuk ke dalam menu list berita.
4.3.9 Antar Muka Customer Service
Seperti dilihat pada Gambar 4.9 dibawah, menu Customer Service terlihat beberapa inputan menu disini, ada nama customer service, email customer service, yahoo massanger customer service, dan menu tambah juga terlihat list customer service, di dalam menu ini gunanya untuk mengisikan pegawai yang mempunyai yahoo massager, untuk bisa ditunjukan ke dalam website dan bisa berinteraksi dengan pelanggan yang
menggunakan atau mengakses website itu, jika pelanggan ingin berinteraksi dengan para admin bisa langsung via yahoo massager.
Gambar 4.9 Antar Muka Customer Service
4.3.10 Antar Muka Testimonial
Gambar 4.10 Antar Muka Testimonial
Seperti dilihat pada Gambar 4.10 pada menu testimonial ini dapat menu yang sangat sederhana, dikarenakan pada menu ini admin hanya
berfungsi untuk menampilkan testimonial atau tidaknya, pelanggan berhak mengisi testimonial pada website yang sudah disediakan dari isi testimonial tersebut secara otomatis langsung masuk ke dalam halaman admin, disini admin berhak untuk menampilkan atau tidak isi testimonial dari pelanggan, contoh ketika pelanggan mengisikan testimonial yang di luar batas admin berhak untuk tidak menampilkan isi testimonial di dalam website, jika ada pelanggan yang kasih testimonial bagus soal pelayanan perusahan admin perlu untuk menampilkan sebagai nilai plus perusahaan tersebut.
4.3.11 Antar Muka For m Laporan
Gambar 4.11 Antar Muka Pengelolaan Laporan.
Seperti dilihat pada Gambar 4.11 diatas, pada menu laporan terlihat beberapa hasil dari transaksi yang sudah dilaksanakan, dan terlihat tahun dan bulan. Fungsi dari tombol tersebut ketika cari bulan apa yang mau dicari bisa klik, tinggal pilih bulan apa dan tahun berapa kemudian klik cari, nanti akan muncul laporan transaksi pada bulan yang sudah dipilih,
ketika ingin cetak laporan bisa langsung klik cetak dan tersambung dengan printer akan otomatis tercetak.
4.3.12 Antar Muka Home User
Gambar 4.12Antar Muka Home User
Seperti dilihat pada Gambar 4.12 terlihat website tampilan dari pelanggan, disana terlihat tampilan yang begitu elegan dan sederhana terdapat menu booking disana, ada status yahoo massanger dan berita, pada menu ini terdapat menu mobil, tentang kami, testimonial, dan contact me.
4.3.13 Antar Muka Mobil User
Seperti dilihat pada Gambar 4.13 desain tampilan dari menu mobil seperti gambar dibawah, terlihat dimenu mobil hanya terdapat beberapa tampilan-tampilan daftar mobil apa saja yang tersedia di dalam SIP RENT CAR.
Gambar 4.13 Antar Muka Mobil User.
4.3.14 Antar Muka Tentang kami
Gambar 4.14 Antar Muka Tentang Kami
Seperti dilihat pada Gambar 4.14 pada menu tentang kami dapat dilihat seperti gambar diatas tampilan desainnya, pada menu ini sengaja hanya untuk menampilkan tentang profil perusahaan dan sejarah perusahaan, dan terlihat disisi kanan website terdapat berita dan status yahoo massager, yang bertujuan untuk memberikan informasi kepada pelanggan apakah admin online atau tidaknya, agar pelanggan bisa berinteraksi dengan admin.
4.3.15 Antar Muka Testimonial
Gambar 4.15 Antar Muka Testimonial.
Seperti dilihat pada Gambar 4.15 pada menu testimonial, terlihat tampilan seperti diatas, gunanya ada menu ini supaya pelanggan yang selesai melakukan transaksi diperusahan SIP RENT CAR, bisa kasih comment tentang pelayanan, agar perusahaan bisa semakin terpercaya dan perusahaan bisa meningkatkan kualitas lagi dan lebih baik lagi, pelanggan bisa mengisikan dikolom yang sudah tersedia disana, disarankan pelanggan ngirim data-data yang valid jika melakukan pengisian, karena nanti bisa ditampilkan isi testimoni di halaman website testimoni tersebut
4.3.16 Antar Muka Contact Me
Seperti dilihat pada Gambar 4.16 desain antar muka dari menu pesan, terlihat inputan dan beberapa informasi yang disampaikan terhadap admin kepada pelanggan, jika pelanggan ingin bertanya secara pribadi dengan admin dan lebih ke privasi, pelanggan bisa menggunakan menu
inputan tersebut bisa di baca informasi yang di berikan oleh admin diatas form tersebut, tolong pelanggan jika ingin mengisi menu itu berikan data yang valid agar bisa mendapatkan informasi lebih lanjut tentang perusahaan dan agar admin lebih mudah untuk berinteraksi dengan pelanggan jika data yang dikirm valid.
Gambar 4.16 Antar Muka Contact Me
4.3.17 Antar Muka Menu Transaksi
Seperti dilihat pada Gambar 4.17 dapat dilihat tampilan menu transaksi atau tampilan desainnya seperti itu, ketika menu booking yang pada halaman pelanggan diisi akan muncul menu seperti ini pada tahap selanjutnya , dalam menu ini pelanggan bisa memiilih mobil dan isi data-data diri untuk diterima dan disimpan ke dalam data-database perusahaan pada halaman ini untuk melakukan pembayarannya bisa melalui transfer atau datang langsung ke perusahaan tersebut, jika melalui transfer bisa pilih menu bank pembayaran dan tinggal milih nantinya akan memakai kartu apa dan bawahnya bisa mengisikan no rekening tersebut.
Gambar 4.17 Antar Muka Transaksi.