Perancangan Sistem ANALISIS DAN PERANCANGAN

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