Perancangan antarmuka interface Perancangan Sistem

Gambar 3.9. menjelaskan tentang rancangan ERD dalam pemilihan lahan tembakau dengan metode SAW yang mempresentasikan hubungan antar entitas secara grafis.

3.3. Perancangan Sistem

Setelah dilakukan analisis terhadap sistem, tahap selanjutnya yang dilakukan adalah membuat proses perancangan antarmuka interface sistem. Merancang antarmuka merupakan bagian yang paling penting dalam perancangan sebuah sistem. Sebuah antarmuka interface harus dirancang dengan memperhatikan faktor pengguna sehingga sistem yang dibangun dapat memberikan kemudahan bagi pengguna.

3.3.1. Perancangan antarmuka interface

1. Halaman Login Halaman login merupakan halaman yang pertama sekali muncul saat aplikasi dibuka. Pada halaman ini berisi form username dan password yang harus diisi untuk masuk ke halaman utama. Sistem akan memproses valid tidaknya username dan password yang dimasukkan. Jika valid maka user dapat masuk ke dalam aplikasi. Tampilan rancangan halaman login dapat dilihat pada Gambar 3.10. Gambar 3.10. Rancangan Halaman Login Tabel 3.7. Keterangan Gambar Rancangan Halaman Login No. Jenis Objek Keterangan 1 Text Judul Berisi judul tentang aplikasi Judul Username : Password : EXIT LOGIN 1 2 3 5 4 Universitas Sumatera Utara 2 Textfield Username Form yang berisi inputan nama id pengguna 3 Textfield Password Form yang berisi inputan kata sandi pengguna 4 Tombol Login Tombol untuk masuk ke aplikasi 5 Tombol Exit Tombol untuk keluar dari aplikasi 2. Halaman Menu Utama Setelah berhasil login maka akan muncul halaman menu utama. Halaman ini berisi Menu Data Lahan, Menu Proses Metode, Menu About dan Menu Exit. Tampilan rancangan halaman menu utama dapat dilihat pada Gambar 3.11. Gambar 3.11. Rancangan Halaman Menu Utama Tabel 3.8. Keterangan Gambar Rancangan Halaman Menu Utama No Jenis Objek Keterangan 1 Menu Data Lahan Berisi inputanalternatif dan kriterialahandan tabel data kriteriadari metode SAW dan Profile Matching 2 Menu Proses Metode Berisi proses perhitungan ranking dari kedua metode 3 Menu About Berisi informasi tentangidentitas perancang sistem 4 Menu Exit Menu untuk keluar dari aplikasi 5 Text Judul Berisi judulnama dari aplikasi 6 Image Logo Menampilkan logo Universitas Sumatera Utara Data Lahan Proses Metode About Exit Judul 1 2 3 4 5 6 Universitas Sumatera Utara 3. Halaman Menu Data Lahan Halaman yang muncul ketika user masuk kedalam menu Data Lahan. Pada halaman ini user dapat menambah, menghapus dan mengupdate data kriteria lahan yang diinputkan serta terdapat tabel kriteria data lahan pada metode SAW dan metode Profile Matching . Tampilan rancangan halaman menu Data Lahan dapat dilihat pada Gambar 3.12. Gambar 3.12. Rancangan Halaman Menu Data Lahan Tabel 3.9. Keterangan Gambar Rancangan Halaman Menu Data Lahan No Jenis Objek Keterangan 1 Textfield Input Data Tempat mengisi data alternatif dan kriteria 2 Tabel Data Lahan Metode SAW Tabel yang berisi rating kecocokan setiap alternatif pada setiap kriteria 3 Tabel Data Lahan Metode Profile Matching Tabel yang berisibobot ideal, nilai GAP dan nilai kriteria pada metode Profile Matching 6 Tombol Kembali Tombol untuk kembali ke menu halaman utama Input Tabel Tabel Kembali Tambah Lihat Data Hapus 1 2 6 7 3 4 5 Universitas Sumatera Utara 7 Tombol Tambah Tombol untuk menyimpan data yang telah diisi 8 Tombol Hapus Tombol untuk menghapus data yang telah dimasukkan 9 Tombol Lihat Data Tombol untuk melihatmerefresh tabel data alternatif dan kriteria lahan yang telah tersimpan 4. Halaman Menu Proses Metode Setelah user selesai pada halaman menu Data Lahan, user kembali ke halaman Menu Utama kemudian masuk ke menu Proses Metode. Halaman ini berisi tabel yang berisi hasil perankingan kedua metode serta hasil akhir dari keputusan lahan terbaik menurut masing-masing metode. Hasil dari proses running time juga terdapat pada halaman ini. Tampilan rancangan halaman menu Proses Metode dapat dilihat pada Gambar 3.13. Gambar 3.13. Rancangan Halaman Menu Proses Metode Tabel 3.10. Keterangan Gambar Rancangan Halaman Menu Proses Metode No Jenis Objek Keterangan 1 Text Judul Berisi judulnama pada halaman proses metode 2 Tabel Ranking Berisi data tabel hasil perankingan lahan terbaik menurut metode SAW 3 Textview Running Time Berisi hasil dari proses running time dari metode SAW Judul Perankingan Metode SAW Perankingan Metode Profile Matching Running Time Lahan Terbaik Running Time Lahan Terbaik Process Kembali 1 4 5 8 9 2 3 6 7 10 Universitas Sumatera Utara 4 Textview Lahan Terbaik Berisi hasil akhir dari proses perhitungan lahan terbaik menurut metode SAW 5 Tabel Factor Berisi hasil core factor dan secondary factor dari metode Profile Matching 6 Tabel Ranking Berisi data tabel hasil perankingan lahan terbaik menurut metode Profile Matching 7 Textview Running Time Berisi hasil dari proses running time dari metode Profile Matching 8 Textview Lahan Terbaik Berisi hasil akhir dari proses perhitungan lahan terbaik menurut metode Profile Matching 9 Tombol Process Tombol untuk memproses hasil akhir dari kedua metode 10 Tombol Kembali Tombol untuk kembali ke menu utama 5. Halaman Menu About Halaman ini berisi tentang hal-hal yang berkaitan dengan informasi mengenai identitas perancang sistem, berupa judul skripsi, nama, nim, logo, nama universitas serta tahun pembuatan aplikasi. Tampilan rancangan halaman menu About dapat dilihat pada Gambar 3.14. Gambar 3.14. Rancangan Halaman Menu About Tabel 3.11. Keterangan Gambar Rancangan Halaman Menu About No Jenis Objek Keterangan 1 Text Berisi informasi mengenai perancang sistem 2 Tombol Kembali Tombol untuk kembali ke halaman menu utama Kembali 1 2 Text Universitas Sumatera Utara 6. Halaman Menu Help Halaman ini berfungsi sebagai halaman yang dapat membantu pengguna user dalam menjalankan program. Halaman ini berisi tentang petunjuk penggunaan dan penjelasan tentang aplikasi. Tampilan rancangan halaman menu Help dapat dilihat pada Gambar 3.15. Gambar 3.15. Rancangan Halaman Menu Help Tabel 3.12. Keterangan Gambar Rancangan Halaman Menu Help No Jenis Objek Keterangan 1 Text Berisi petunjuk mengenai penggunaan aplikasi 2 Tombol Kembali Tombol untuk kembali ke menu utama Text Kembali 1 2 Universitas Sumatera Utara BAB 4 IMPLEMENTASI DAN PENGUJIAN

4.1. Implementasi