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