3.5. Perancangan Sistem
Pada penelitian ini, peracangan sistem dibagi dua, yakni pemaparan tentang kebutuhan perangkat lunak dan perancangan antar muka perangkat lunak.
3.5.1. Kebutuhan Perangkat Lunak Sistem rekomendasi dibangun menggunakan bahasa pemrograman PHP, HTML, dan
Javascript. Sedangkan MySQL digunakan sebagai Database Management System DBMS untuk mengelola database.
3.5.2. Perancangan Antar Muka Perangkat Lunak Perancangan antarmuka sistem yang tepat diperlukan agar perangkat lunak yang
dikembangkan dapat dengan mudah digunakan oleh pengguna, sehingga tujuan dari pengembangan perangkat lunak tercapai. Berikut ini adalah beberapa rancangan low
fidelity dari Sistem Rekomendasi artikel publikasi ilmiah.
A. Form Registrasi
Username Password
Retype Password
Full Name Register
1 2
3 4
5
Gambar 3.12 Form Registrasi
Gambar 3.12 menyatakan bahwa terdapat empat buah input box yang harus diisi ketika pengguna hendak melakukan registrasi dan sebuah tombol registrasi.
Keempat buah input tersebut yaitu : username, password, retype password, dan full name. Berikut merupakan penjelasan dari masing-masinginput dan tombol tersebut.
1. Username merupakan nama yang akan digunakan oleh pengguna pada saat login.
Universitas Sumatera Utara
2. Password merupakan kata kunci yang akan digunakan oleh pengguna pada saat login yang berfungsi sebagai alat bantu pengamanan untuk
memvalidasi pengguna yang login. 3. Retype Passworduntuk menghindari kesalahan pengguna pada saat
penulisan password. 4. Full Name merupakan nama lengkap pengguna.
5. Tombol Registrasi merupakan tombol untuk menyimpan data registrasi yang telah pengguna masukkan.
B. Form Login
Username Password
Login 1
2 3
Gambar 3.13 Form Login
Gambar 3.13 menyatakan bahwa terdapat dua buah input box dan sebuah tombol login. Berikut merupakan penjelasan dari masing-masing input dan tombol tersebut.
1. Sebuah input box di mana pengguna menuliskan username. 2. Sebuah input box yang berfungsi sebagai tempat pengguna menuliskan
password 3. Sebuah tombol untuk melakukan login.
Universitas Sumatera Utara
C. Halaman Utama Manajemen Produk
Home
Account Article Recommender
System 4
2 1
5 3
8
Latest 5 added Article
Popular Author
7
All article Tutorial
6
9
Popular Tag This week Popular Tag This Month
Most Active User
10
Gambar 3.14 Halaman Utama
Berdasarkan gambar 3.14, halaman utama di dalam Sistem Rekomendasi jurnal berfungsi untuk menampilkan urutan semua artikel, dan beberapa rekomendasi yang
diberikan oleh sistem. Di dalam halaman ini, terdapat banyak elemen dengan rincian sebagai berikut.
1. Judul atau nama dari perangkat lunak. 2. Link atau navigasi yang mengarah ke halaman home halaman utama.
3. Link atau navigasi yang mengarah ke halaman all article. Halaman all articles merupakan halaman yang berisi list semua artikel yang telah
disubmit oleh user. 4. Link atau navigasi yang mengarah ke halaman about. Pada halaman about
merupakan halaman yang berisi tentang sistem rekomendasi artikel publikasi ilmiah.
5. Link atau navigasi untuk user website. Pada link bagian ini akan ditampilkan form untuk register dan form untuk login.
Universitas Sumatera Utara
6. Merupakan tampilan halaman yang digunakan untuk menampilkan 5 buah artikel terbaru yang telah disubmit oleh user.
7. Merupakan tampilan halaman yang digunakan untuk menampilkan tag yang paling populer yaitu tag yang paling banyak digunakan oleh user.
Pada tampilan ini akan ditampilkan tag yang paling populer selama dalam satu minggu.
8. Merupakan tampilan halaman yang digunakan untuk menampilkan tag yang paling populer yaitu tag yang paling banyak digunakan oleh user.
Pada tampilan ini akan ditampilkan tag yang paling populer selama dalam satu bulan.
9. Merupakan tampilan halaman yang digunakan untuk menampilkan author artikel yang paling populer yaitu author dari artikel yang paling banyak
disubmit oleh user. 10. Merupakan tampilan halaman yang digunakan untuk menampilkan user
yang paling aktif yaitu user yang paling banyak mensubmit jurnal.
D. Halaman All article
Home
Account Article Recommender
System 4
2 1
5 3
Jurnal A
All Article About
6
Artikel A Artikel B
Jurnal C Artikel D
Artikel E Artikel G
Artikel D Artikel F
Artikel H Artikel I
Gambar 3.15 Halaman All Article
Universitas Sumatera Utara
Gambar 3.15 adalah gambar halaman all article, yang berfungsi untuk menampilkan semua list atau daftar artikel yang ada didatabase. Berikut merupakan penjelasan dari
masing-masing elemen di dalam halaman all article. 1. Judul atau nama dari perangkat lunak.
2. Link atau navigasi yang mengarah ke halaman home halaman utama.
3. Link atau navigasi yang mengarah ke halaman all article. Halaman all article
merupakan halaman yang berisi list semua jurnal yang telah disubmit oleh user.
4. Link atau navigasi yang mengarah ke halaman about. Pada halaman about
merupakan halaman yang berisi tentang sistem rekomendasi. 5.
Link atau navigasi untuk user website. Pada link bagian ini akan ditampilkan form untuk register dan form untuk login.
6. Merupakan Tampilan dari daftar artikel yang ada didalam database.
E. Halaman about
Home
Account Article Recommender
System 4
2 1
5 3
Jurnal A
All Article About
6
Gambar 3.16 Halaman about
Universitas Sumatera Utara
Halaman about, berfungsi sebagai halaman untuk memberikan penjelasan tentang program sistem rekomendasi yang telah dibuat. Berikut merupakan keterangan dari bagian-bagian
yang terdapat di halaman about.
1. Judul atau nama dari perangkat lunak. 2. Link atau navigasi yang mengarah ke halaman home halaman utama.
3. Link atau navigasi yang mengarah ke halaman all journal. Halaman all article merupakan halaman yang berisi list semua article yang telah
disubmit oleh user. 4. Link atau navigasi yang mengarah ke halaman about. Pada halaman about
merupakan halaman yang berisi tentang sistem rekomendasi. 5. Link atau navigasi untuk user website. Pada link bagian ini akan
ditampilkan form untuk register dan form untuk login. 6. Merupakan tampilan dari halaman tentang sistem rekomendasi.
F. Halaman Submit Article
Home
User Article Recommender
System 4
2 1
5 3
Submit Article Your Favorite
Article
7
Recommendation
6
Title Url
Tag
8 9
abstrack
10
Year
11
Author
12
Gambar 3.17 Submit article
1. Judul atau nama dari perangkat lunak.
Universitas Sumatera Utara
2. Link atau navigasi yang mengarah ke halaman home halaman utama. 3. Link atau navigasi yang mengarah ke halaman all article. Halaman all
article merupakan halaman yang berisi list semua artikel yang telah disubmit oleh user.
4. Link atau navigasi yang mengarah ke halaman about. Pada halaman about merupakan halaman yang berisi tentang sistem rekomendasi.
5. Link atau navigasi untuk user website. Pada link bagian ini akan ditampilkan form untuk register dan form untuk login. Jika suatu user telah
login,maka akan ditampilkan nama user yang telah login kedalam sistem. 6. Merupakan link atau navigasi kehalaman rekomendasi dari sistem.
7. Merupakan sebuah input box yang harus diisi oleh user untuk memasukkan judul dari artikel yang ingin disubmit.
8. Merupakan sebuah input box yang harus diisi oleh user untuk memasukkan author atau penulis dari artikel.
9. Merupakan sebuah input box yang harus diisi oleh user untuk memasukkan url dari artikel.
10. Merupakan sebuah input box yang harus diisi oleh user untuk memasukkan abstract dari artikel.
11. Merupakan sebuah input box yang harus diisi oleh user untuk memasukkan tahun terbit dari artikel.
12. Merupakan sebuah input box yang harus diisi oleh user untuk memasukkan tag yang ingin diberikan user untuk artikel yang ingin disubmitnya.
Universitas Sumatera Utara
G. Halaman Your favorite article
Home
User Article Recommender
System 4
2 1
5 3
Submit Article Your Article
Recommendation
6
url No
Tag title
Date
7
Gambar 3.17 Halaman Your Favourite Article Gambar 3.17 merupakan gambar halaman untuk jurnal yang telah dibookmark oleh
pengguna.Disini akan ditampilkan list jurnal yang telah disubmit oleh user.
1. Judul atau nama dari perangkat lunak. 2.
Link atau navigasi yang mengarah ke halaman home halaman utama. 3.
Link atau navigasi yang mengarah ke halaman all article. Halaman all article merupakan halaman yang berisi list semua jurnal yang telah disubmit oleh
user. 4.
Link atau navigasi yang mengarah ke halaman about. Pada halaman about merupakan halaman yang berisi tentang sistem rekomendasi.
5. Link atau navigasi untuk user website. Pada link bagian ini akan ditampilkan
form untuk register dan form untuk login. Jika suatu user telah login,maka akan ditampilkan nama user yang telah login kedalam sistem.
6. Merupakan link atau navigasi kehalaman rekomendasi dari sistem.
7. Merupakan daftar dari artikel yang telah disubmit oleh userpengguna.
Universitas Sumatera Utara
3.6. Perancangan Database