Rancangan halaman utama user Rancangan halaman hasil pendeteksian Rancangan halaman home admin

49

3.4. Perancangan Tampilan Antarmuka

Tampilan antarmuka dari sistem yang akan dirancang adalah desain awal dari interface sistem.

3.4.1. Rancangan halaman utama user

Pada halaman utama user akan ditampilkan tombol search file untuk memilih jurnal yang akan dideteksi. Tombol “Tampilkan Isi” untuk menampilkan isi jurnal ke dalam textarea di bawahnya. Textarea dapat diisi secara manual jika jurnal yang dideteksi terkunci secured, tombol scroll down untuk memilih kategori jurnal, dan tombol “Proses” untuk melakukan proses pendeteksian. Rancangan dapat dilihat pada Gambar 3.8. Footer Footer PENDETEKSIAN KESAMAAN PADA DOKUMEN TEKS PENDETEKSIAN KESAMAAN PADA DOKUMEN TEKS Logo USU Masukkan File Anda Masukkan File Anda Choose File Tampilkan Isi Pilih Kategori Jurnal Pilih Kategori Jurnal Kategori Proses Isi Jurnal Isi Jurnal Gambar 3.8. Rancangan Halaman Utama User

3.4.2. Rancangan halaman hasil pendeteksian

Pada halaman hasil pendeteksian akan ditampilkan nama file jurnal yang terdeteksi pembanding dari database, tingkat kesamaan similarity, lamanya waktu proses, dan 2 kolom yang berisi jurnal yang diuji user dan jurnal yang terdeteksi. Terdapat pula tombol “Home” untuk kembali ke halaman utama user. Rancangan dapat dilihat pada Gambar 3.9. 50 Footer Footer PENDETEKSIAN KESAMAAN PADA DOKUMEN TEKS PENDETEKSIAN KESAMAAN PADA DOKUMEN TEKS Logo USU Nama File : Nama File : Kedekatan : Kedekatan : Waktu Proses : Waktu Proses : Jurnal Yang Diuji Jurnal Yang Diuji Jurnal Yang Terdeteksi Jurnal Yang Terdeteksi Home Gambar 3.9. Rancangan Halaman Hasil Pendeteksian

3.4.3. Rancangan halaman home admin

Untuk masuk ke dalam halaman Home admin, seorang admin harus login terlebih dahulu. Pada halaman ini akan ditampilkan tombol search file untuk mengambil file jurnal. Lalu tombol “Proses” untuk melanjutkan ke proses selanjutnya, dalam hal ini proses selanjutnya adalah step1, yaitu mengambil teks dari pdf yang di-input. Rancangan dapat dilihat pada Gambar 3.10. Footer Footer PENDETEKSIAN KESAMAAN PADA DOKUMEN TEKS PENDETEKSIAN KESAMAAN PADA DOKUMEN TEKS Logo USU Logout Home Profile Admin Edit Dictionary Masukkan File Anda Masukkan File Anda Choose File Proses Gambar 3.10. Rancangan Halaman Home Admin 51

3.4.4. Rancangan halaman profile admin