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 antivirus 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 Software Antivirus.
A. Form Registrasi
Username Password
Retype Password
Full Name Register
1 2
3 4
5
Gambar 3.20 Rancangan Form Registrasi
Gambar 3.20 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-masing input dan tombol tersebut.
Universitas Sumatera Utara
1. Username merupakan nama yang akan digunakan oleh pengguna pada saat login. 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 Password untuk 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.21 Rancangan Form Login
Gambar 3.21 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 menulikan 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
Product All Recommendation Logout
Product
Add New Product
Product List
Recommendation For You
Refine Your List View
View View
View View
View View
View View
Anti Virus Recommendation
4 3
2 1
5 6
8
9
11
Product Name Product Name
Product Name Product Name
Product Name Product Name
Product Name Product Name
Product Name
7
Top 10 Rating
10
Gambar 3.22 Rancangan Halaman Utama
Berdasarkan gambar 3.22, halaman utama di dalam Sistem Rekomendasi Software Antivirus berfungsi untuk menampilkan urutan semua produk, 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 produk halaman utama.
3. Link atau navigasi yang mengarah ke halaman rekomendasi. Halaman rekomendasi merupakan halaman yang berisi list semua rekomendasi beserta nilai-nilai prediksi
dan penjelasan yang menyebabkan produk tersebut direkomendasikan. 4. Link atau navigasi yang mengarah ke luar sistem
5. Judul dari halaman pada saat itu. 6. Link atau navigasi yang mengarah ke halaman tambah produk baru.
7. Judul atau nama dari produk. 8. Link atau navigasi yang mengarah ke halaman lihat produk spesifikasi produk.
9. Sepuluh produk rekomendasi yang diberikan khusus kepada pengguna yang login.
Universitas Sumatera Utara
10. Sepuluh buah produk dengan rating tertinggi sebagai rekomendasi untuk pengguna yang baru saja terdaftar.
11. Sebuah mesin untuk mem-filter pencarian software antivirus.
D. Halaman Tambah Produk
Product All Recommendation Logout
Add Product
Anti Virus Recommendation
4 3
2 1
5
Product Name Image URL
Platform Brand
Price Release Year
Save 6
7 8
9 10
11 12
13
License Period Feature
Anti-virus Email Protection
Real-time protection Auto Updates
Anti-trojan Anti-phishing
14
Gambar 3.23 Rancangan Halaman Tambah Produk
Gambar 3.23 adalah gambar halaman tambah produk, yang berfungsi untuk menambahkan produk antivirus baru. Berikut merupakan penjelasan dari masing-
masing elemen di dalam halaman tambah produk. 1. Judul atau nama dari perangkat lunak.
2. Link atau navigasi yang mengarah ke halaman produk halaman utama.
3. Link atau navigasi yang mengarah ke halaman rekomendasi. Halaman
rekomendasi merupakan halaman yang berisi list semua rekomendasi beserta nilai- nilai
prediksi dan
similiarity yang
menyebabkan produk
tersebut direkomendasikan.
4. Link atau navigasi yang mengarah ke luar sistem
5. Judul dari halaman pada saat itu.
6. Sebuah text box untuk memasukkan nama produk. 7. Sebuah text box untuk memasukkan image url.
Universitas Sumatera Utara
8. Sebuah multiple select box untuk memasukkan platform produk. Satu buah produk berkemungkinan untuk compatible untuk beberapa platform.
9. Beberapa checkbox untuk memasukkan fitur produk. 10. Sebuah select box untuk memasukkan brand produk.
11. Sebuah text box untuk memasukkan harga produk. 12. Sebuah text box untuk memasukkan lisensi sebuah produk.
13. Sebuah text box untuk memasukkan tahun rilis produk.
E. Halaman Lihat Produk
Product All Recommendation Logout
View Product
Anti Virus Recommendation
4 3
2 1
5
Product Name Platforms
Brand Price
Release Date
6 7
8 9
10 11
Product Name
: Product Name Goes Here..
: Platforms Here..
: Brand Goes Here..
: Price Goes Here..
: Release Date Goes Here..
Performance Detection
Updates Tech Support
12
Feature
Anti-virus Email Protection
Real-time protection Auto Updates
Anti-trojan Anti-phishing
User’s rating Your Rating
13 14
Anti-Virus
Avira Eset
Email-Protection
AVG Kaspersky
Anti-Trojan
AVG Kpro
15
Gambar 3.24 Rancangan Halaman Lihat Produk
Halaman lihat produk, selain berfungsi untuk melihat spesifikasi sebuah produk, juga berfungsi sebagai halaman untuk memberikan rating terhadap sebuah
produk lihat gambar 3.24. Berikut merupakan keterangan dari bagian-bagian yang terdapat di halaman lihat produk.
1. Judul atau nama dari perangkat lunak. 2.
Link atau navigasi yang mengarah ke halaman produk halaman utama. 3.
Link atau navigasi yang mengarah ke halaman rekomendasi. Halaman rekomendasi merupakan halaman yang berisi list semua rekomendasi beserta nilai-
Universitas Sumatera Utara
nilai prediksi
dan similiarity
yang menyebabkan
produk tersebut
direkomendasikan. 4.
Link atau navigasi yang mengarah ke luar sistem. 5.
Judul dari halaman pada saat itu. 6. Sebuah tulisan yang menyatakan nama produk yang sedang dilihat.
7. Sebuah tulisan yang menyatakan platform produk yang sedang dilihat. 8. Fitur yang dimiliki oleh produk yang sedang dilihat.
9. Sebuah tulisan yang menyatakan brand produk yang sedang dilihat. 10. Sebuah tulisan yang menyatakan harga produk yang sedang dilihat.
11. Sebuah tulisan yang menyatakan tahun rilis produk yang sedang dilihat. 12. Sebuah gambar produk yang sedang dilihat.
13. Rating rata-rata seluruh pengguna terhadap produk yang sedang dilihat. 14. Rating pengguna yang login terhadap produk yang sedang dilihat.
15. Menampilkan produk-produk dengan rating tertinggi untuk setiap fitur produk.
F. Halaman Rekomendasi
Product All Recommendation Logout
Recommendation
Anti Virus Recommendation
4 3
2 1
5
No Product Id Agr Pred Pred 1 Pred 2 Pred 3 Pred 4 Recommendation
6 7
8 9
10 11
12
Explanation
13
Gambar 3.25 Rancangan Halaman Penjelasan Rekomendasi
Gambar 3.25 merupakan gambar halaman pemaparan hasil rekomendasi yang diberikan oleh sistem rekomendasi, beserta penjelasan dari perhitungan yang ada.
Universitas Sumatera Utara
1. Judul atau nama dari perangkat lunak. 2.
Link atau navigasi yang mengarah ke halaman produk halaman utama. 3.
Link atau navigasi yang mengarah ke halaman rekomendasi. Halaman rekomendasi merupakan halaman yang berisi list semua rekomendasi beserta
nilai-nilai prediksi dan similiarity yang menyebabkan produk tersebut direkomendasikan.
4. Link atau navigasi yang mengarah ke luar sistem
5. Judul dari halaman pada saat itu.
6. Kolom berisi id produk yang direkomendasikan. 7. Hasil aggregasi terhadap masing-masing prediksi rating
8. Prediksi rating untuk kriteria pertama. 9. Prediksi rating untuk kriteria pertama.
10. Prediksi rating untuk kriteria pertama. 11. Prediksi rating untuk kriteria pertama.
12. Metode Rekomendasi yang digunakan untuk menghasilkan prediksi rating tersebut.
13. Rincian penjelasan bagaimana prediksi rating dihitung.
3.6. Perancangan Database