• Tidak ada hasil yang ditemukan

BAB IV HASIL DAN PEMBAHASAN

4.2 Implementasi Aplikasi

Gambar 4.3. Halaman Splash Screen

Halaman pertama yang muncul ketika aplikasi berjalan adalah splash screen, halaman ini akan menampilkan nama aplikasi, logo aplikasi, dan nama perusahaan. Setelah ditampilkan 3 detik, halaman splash screen akan berganti ke halaman selanjutnya, yaitu halaman Beranda.

Halaman splash screen tersebut hanya berfungsi sebagai pengantar atau pembuka pada aplikasi Maksimus ini, sebelum menuju ke halaman utama dari aplikasi.

96

Gambar 4.4. Halaman Beranda Pada Halaman Beranda ini terdapat empat menu, yaitu:

a. Menu Optimasi: menu ini merupakan inti dari aplikasi, berfungsi untuk menghitung rute terbaik sehingga akan diperoleh estimasi biaya operasional distribusi logistik.

b. Menu Berkas: untuk mengetahui data-data tentang Kendaraan distribusi milik perusahaan. Pada menu ini jua terdapat informasi mengenai lokasi distribusi / data-data tentang pelanggan serta daftar harga untuk distribusi logistik berdasarkan besaran barang dan kota tujuan pengiriman.

c. Menu Peta: untuk menemukan suatu lokasi maupun melihat rute dengan bantuan Google Maps.

d. Menu Tentang Kami: berisi informasi tentang profil dari aplikasi dan profil singkat dari PT. ANTESS.

97

Untuk keluar dari aplikasi Maksimus, pengguna dapat menggunakan tombol keluar yang ada pada pojok kanan atas halaman, atau pengguna juga bisa menggunakan tombol kembali di smartphone sebanyak dua kali.

Gambar 4.5. Halaman Hitung Optimasi (Panduan)

Sebelum pengguna memberikan masukan untuk proses perhitungan optimasi, pengguna akan disediakan panduan singkat tentang proses yang akan dilakukan dalam perhitungan optimasi tersebut. Secara umum terdapat tiga langkah utama dalam proses ini, yaitu pengguna memilih kota tujuan distribusi logistik, selanjutnya pengguna memilih kendaraan yang digunakan, biaya timbang dan biaya perbaikan, terakhir pengguna memvisualisasikan rute distribusi menggunakan bantuan Get Direction dengan Google Maps.

Halaman ini akan muncul setiap kali pengguna akan melakukan proses perhitungan optimasi rute dan biaya distribusi. Pada bagian bawah halaman terdapat tombol Mulai untuk masuk ke halaman berikutnya, dan

98

memulai proses memberikan masukan kepada sistem untuk selanjutya sistem akan melakukan perhitungan optimasi rute dan biaya.

Gambar 4.6. Halaman Hitung Optimasi (Pilih Kota Tujuan)

Untuk proses perhitungan pertama, diperlukan masukan berupa kota tujuan / lokasi distribusi. Jadi dari daftar yang telah ditampilkan tersebut, pengguna dapat memilih beberapa lokasi distribusi, jumlah kota tujuan dibatasi tidak lebih dari empat lokasi. Dalam prosedur di PT. Antaran Express untuk proses pengiriman barang dalam bentuk eceran (lebih dari satu lokasi distribusi) hanya empat lokasi distribusi.

Selain itu juga untuk lebih meringankan kinerja smartphone dalam melakukan perhitungan dalam menentukan rute terbaik. Karena setiap kota (termasuk warehouse) yang dipilih akan dibuat menjadi array 2D dengan bentuk matrik sesuai banyak kota pilihan pengguna.

99

Setelah selesai memilih lokasi distribusi logistik, pengguna dapat menuju ke halaman berikutnya dengan menggunakan tombol Next yang terdapat pada ActionBar.

Gambar 4.7. Halaman Hitung Optimasi (Pilih Kendaraan & Biaya)

Pada halaman ini pengguna dapat memilih satu kendaraan yang terdapat dalam daftar, yang mana kendaraan tersebut akan digunakan dalam proses distribusi logistik. Pemilihan kendaraan ini bertujuan untuk mengetahui rasio kebutuhan bahan bakar kendaraan tersebut, karena kebutuhan bahan bakar kendaraan bisa saja berbeda berdasarkan jenis dan merknya.

Selain memilih kendaraan, pengguna juga dapat menentukan biaya untuk keperluan kendaraan tersebut, yaitu biaya untuk timbang kendaraan dan biaya untuk perbaikan kendaraan tersebut. Setelah selesai memilih kendaraan, pengguna dapat menggunakan menu Next pada ActionBar untuk menuju ke halaman berikutnya, Halaman Preview.

100

Gambar 4.8. Halaman Preview Data

Halaman Preview Data menampilkan data-data/ input yang telah diberikan pengguna. Mulai dari lokasi kota tujuan distribusi logistik, pada daftar akan otomatis ditambah dengan Warehosuse yang merupakan lokasi awal pemberangkatan kendaraan distribusi. Kendaraan yang pilihan pengguna dan besaran biaya timbang dan biaya perbaikan untuk keperluan kendaraan tersebut.

Pengguna dapat kembali ke halaman sebelumnya apabila data yang dimasukkan kurang sesuai atau belum benar. Setelah pemilihan data benar dan preview data sesuai, pengguna dapat memulai proses perhitungan rute terbaik dengan menekan tombol Mulai Hitung.

101

Gambar 4.9. Halaman Optimasi (Hasil Perhitungan Optimasi)

Setelah proses perhitungan selesai, maka hasil dari peritungan tersebut akan ditampilkan di halaman Hasil Optimasi. Jarak tempuh kendaraan terbik dari hasil perhitungan menggunakan tabu search ditampilkan di bagian atas halaman, jarak tempuh inilah yang digunakan untuk menghitung besar biaya untuk keperluan bahan bakar kendaraan yang digunakan. Selain itu, pada halaman ini terdapat daftar lokasi distribusi, sesuai dangan masukan dari pengguna tetapi telah diurutkan berdasarkan rute tempuh terpendek, dengan lokasi pertama (warehouse) sampai lokasi terakhir yang akan dikunjungi.

Estimasi biaya distribusi akan ditampilkan di bawah daftar lokasi distribusi. Biaya tersebut merupakan estimasi biaya untuk keseluruhan proses distribusi logistik untuk jenis kendaraan tersebut dan lokasi kota tujuan pilihan pelanggan tersebut. Untuk memvisualisasikan rute distribusi, pengguna dapat menekan setiap item dari daftar kota tujuan yang ada pada

102

listview tersebut, dan tombol Selesai (tanda silang) untuk keluar dan kembali ke menu beranda.

Gambar 4.10. Halaman MapVisualisasi (Normal Mode)

103

Halaman ini akan menampilkan peta dengan menggunakan bantuan Google Map, dimana pada peta tersebut akan menampilkan rute tempuh kendaraan berdasarkan lokasi-lokasi distribusi sesuai dengan pilihan pengguna pada bagian sebelumnya. Rute dimulai dari point A dan berakhir di point B, dimana kota yang pengguna pilih akan menjadi kota tujuan.

Untuk mendapatkan rute tersebut, masing-masing lokasi termasuk warehouse telah diketahui koordinatnya. Dengan menggunakan bantuan fasilitas Driving Direction dari Google Maps menampilkan rute tempuh kendaraan sesuai dengan yang diinginkan pengguna. Pengguna juga dapat memilih mode peta, dengan menu yang disediakan pada ActionBar yaitu Normal Mode dan Hybrid Mode.

Gambar 4.12. Halaman Berkas

Pada halaman ini terdapat tiga pilihan yaitu, Berkas Kendaraan yang berisi daftar kendaraan yang dimiliki oleh perusahaan, Berkas Pelanggan

104

yang berisi tentang informasi identitas pelanggan, dan Berkas Daftar Harga yang berisi informasi tentang harga/ biaya distribusi logistik berdasarkan tujuan lokasi distribusi dan besaran volume barang tersebut, sehingga bisa ditentukan akan dapat dimuat dengan menggunakan jenis kendaraan tertentu.

Gambar 4.13. Halaman Berkas Kendaraan

Ketika pengguna memilih Menu Berkas Kendaraan, halaman ini akan muncul dengan menampilkan daftar kendaraan distribusi. Pada daftar tersebut menampilkan merk kendaraan dengan nomor polisinya. Pengguna dapat mencari data kendaraan yang dibutuhkan dengan memasukkan nama merk kendaraan pada kolom pencarian di bagian atas halaman. Sistem secara otomatis akan mencari kata kunci yang dimasukkan pengguna tersebut dan selanjutnya akan ditampilkan tetap menggunakan model listview berdasarkan kecocokan dengan kata kunci.

105

Pengguna dapat melihat detail dari setiap data kendaraan di daftar tersebut dengan memilih (tap) salah satu dari daftar tersebut, kemudian data-data yang lebih lengkap akan ditampilkan pada halaman berikutnya pada halaman detail data kendaraan.

Gambar 4.14. Halaman Detail Berkas Kendaraan

Halaman ini akan muncul ketika pengguna memilih salah satu dari daftar kendaraan pada halaman Berkas Kendaraan. Pada halaman ini akan ditampilkan data-data yang lebih lengkap, seperti merk kendaraan, nomor polisi, tahun, jenis kendaraan, serta rasio penggunaan bahan bakar kendaraan tersebut.

106

Gambar 4.15. Halaman Berkas Pelanggan

Halaman Berkas Kendaraan ini akan menampilkan daftar pelanggan. Pada bagian atas halaman terdapat fasilitas pencarian, pengguna dapat mencari lokasi distribusi logistik berdasarkan input berupa nama lokasi. Kemudian sistem secara otomatis akan mencari dari database seperti yang diinputkan oleh pengguna. Ketika ditemukan kecocokan data, akan ditampilkan dalam daftar data-data tersebut.

Ketika pengguna memilih/tap salah satu dari tiap daftar tersebut, pengguna akan masuk ke halaman berikutnya yang akan menampilkan detail dari data yang dipilih tersebut.

107

Gambar 4.16. Halaman Detail Berkas Pelanggan

Pada halaman ini akan ditampilkan tentang data pelanggan yang lebih lengkap dari halaman sebelumnya yaitu meliputi nama pelanggan, nomor telepon, alamat email, alamat distribusi, lokasi (latitude, longitude).

Pengguna akan dimudahkan dalam menemukan lokasi dari pelanggan tersebut, dengan menekan tombol Temukan Lokasi. Selanjutnya pengguna akan diarahkan ke halaman berikutnya yang berupa Maps dengan menampilkan point atau titik lokasi dimana alamat pelanggan tersebut berada.

108

Gambar 4.17. Halaman Daftar Harga

Pada halaman Daftar harga ini, pengguna akan mendapatkan informasi tentang daftar harga pengiriman barang berdasarkan kota tujuan dan banyaknya barang. Pengguna dapat melakukan proses pencarian kota tujuan dengan memanfaatkan kolom cari yang telah disediakan pada bagian atas halaman. Sistem secara otomatis akan memfilter data yang ada, dan data-data yang sesuai dengan masukkan pengguna akan ditampilkan di daftar tersebut.

Ketika pengguna memilih/tap salah satu item dari daftar tersebut, pengguna akan diarahkan pada halaman selanjutnya yaitu halaman Detail daftar harga, dan akan menampilkan detail harga sesuai dengan pilihan pengguna tersebut.

109

Gambar 4.18. Halaman Detail Daftar Harga

Pada halaman detail daftar harga ini, pengguna akan diberikan informasi yang lebih lengkap dari harga/ biaya pendistribusian logistik. Halaman tersebut akan menampilkan harga berdasarkan kota tujuan dan volume barang yang akan didistribusikan.

Terdapat empat kategori harga yang didefinisikan oleh PT. ANTESS, yaitu CDE dengan kapasitas truk 6 CBM, CDD dengan kapasitas truk 17 CBM, FUSO dengan kapasitas truk 28 – 30 CBM, dan TRONTON/ kapasitas truk 45 CBM.

110

Gambar 4.19. Halaman Maps

Menu Utama yang ketiga adalah Menu Peta, halaman seperti gambar di atas akan muncul ketika pengguna memilih Menu Peta tersebut. Dengan terdapatnya menu peta ini, pengguna dapat mencari rute tempuh terhadap lokasi yang diinginkan, dengan menggunakan fasilitas driving direction yang telah disediakan. Pengguna hanya perlu memilih/ menyentuh lokasi tujuan pada peta untuk driving direction, sedangkan untuk lokasi awal akan diambil dari lokasi terkini dari pengguna.

Menu mode tampilan, terdapat dua mode tampilan untuk menampilkan maps, yaitu normal mode dan hybrid mode, menu ini terdapat pada bagian atas halaman. Juga terdapat menu pendukung zoom in dan zoom out serta kompas untuk menentukan arah pada peta. Pengguna juga dapat melihat posisinya terkini dalam maps, dengan menggunakan fasilitas GPS. Untuk mendapatkan fasilitas ini, pengguna terlebih dahulu harus

111

memperbolehkan peta melihat lokasi pengguna terkini dengan melakukan pengaturan pada smartphone.

Gambar 4.20. Halaman Tentang Kami (Tentang Aplikasi)

112

Pada halaman Tentang Kami ini terdapat dua tab dimana pada tab pertama menampilkan informasi tentang profil aplikasi optimasi maksimus ini, dan pada tab kedua berisi tentang profil singkat dari PT. ANTESS (Antaran Exspress), serta terdapat informasi tentang alamat, nomor telepon, email dan fax dari kantor dan warehouse PT. ANTESS.

Pada tab profil perusahaan, dibagian bawah halaman terdapat tombol temukan lokasi, ini berfungsi untuk mengarahkan pengguna pada google maps dan menampilkan lokasi dari warehouse dari PT. Antaran Express.

113

Dokumen terkait