Perancangan Aplikasi dan Antarmuka Pemakai

Tabel 3.3 Use Case Spesifikasi untuk Use Case Prediksi Tipe Use Case Penjelasan Nama Use Case Prediksi Aktor User Deskripsi Use case ini digunakan oleh pengguna untuk memprediksi biaya perkuliahan. Pre condition Pengguna harus mengisi kolom sensitive threshold, error threshold, learning rate 1, learning rate 2 dan jumlah mahasiswa, untuk diproses oleh sistem. Characteristic of activation Eksekusi hanya bisa dilakukan oleh pengguna. Basic flow - Pengguna memilih menu prediksi. - Sistem menampilkan form prediksi. - Aktor dapat mengisi form yang tersedia dan menekan tombol Show. - Use case ini berakhir ketika sistem telah selesai menampilkan semua data prediksi. Alternative flow - Post condition Pada use case ini aktor dapat melakukan prediksi biaya perkuliahan. Limitations -

3.4 Perancangan Aplikasi dan Antarmuka Pemakai

Perancangan sistem prediksi untuk menentukan biaya perkuliahan terdiri dari penggambaran atau perencanaan dari beberapa elemen dalam pengembangan aplikasi. Rancangan aplikasi yang akan di buat adalah aplikasi prediksi biaya perkuliahan yang dapat dijalankan oleh pihak universitas, khususnya pada biro rektor. Universitas Sumatera Utara 3.4.1 Perancangan halaman home Rancangan halaman utama ini berfungsi untuk menampilkan menubar-menubar pilihan, seperti header, Home, Category, Data, Prediksi, dan footer. Rancangan halaman utama terdapat 6 komponen utama pada antarmuka, yaitu: 1. header yang menggambarkan aplikasi penelitian ini, 2. menubar Home yaitu yang akan menuju halaman Home, 3. menubar Category yang akan menuju halaman Category, 4. menubar Data yang akan menuju halaman Data, 5. menubar Prediksi yang akan menuju halaman Prediksi 6. footer untuk menampilkan copyright Bentuk rancangan halaman utama dapat di lihat pada Gambar 3.4. sebagai berikut. Gambar 3.4 Rancangan halaman Home 3.4.2 Perancangan halaman category Rancangan halaman category ini berfungsi untuk menampilkan halaman yang berfungsi untuk mengisi berbagai macam jenis kategori biaya, baik biaya langsung maupun biaya tak langsung, sesuai dengan yang di inginkan. Rancangan halaman category terdapat 4 komponen utama pada antarmuka, yaitu: 1. Header 3. Category 4. Data 5. Prediksi 2. Home 6. Footer Universitas Sumatera Utara 1. Form category yaitu form untuk mengisi jenis-jenis kategori yang di inginkan, 2. Tombol simpan yang akan menyimpanmen-submit kategori, 3. Tabel Kategori yang akan menampilkan jenis-jenis kategori biaya yang telah disimpan, 4. Tombol delete untuk menghapus kategori yang terdapat dalam tabel. Halaman Category untuk biaya langsung dan biaya tak langsung memiliki bentuk yang sama, namun yang membedakan adalah data yang akan di masukkan. Bentuk rancangannya dapat di lihat pada Gambar 3.5. Gambar 3.5 Rancangan halaman Category 3.4.3 Perancangan halaman data Rancangan halaman data ini berfungsi untuk menampilkan halaman yang berfungsi untuk mengisi jenis kategori biaya yang telah dimasukkan pada halaman sebelumnya yaitu halaman category, serta nominal biaya nya dan tahun nya. Terdapat tabel yang berisi beberapa data yang telah dimasukkan, dan tombol delete untuk menghapus data- data. Rancangan halaman category terdapat 6 komponen utama pada antarmuka, yaitu: 1. Form jenis biaya yaitu form untuk memilih jenis kategori biaya yang telah dimasukkan pada halaman sebelumnya yaitu halaman Category, 2. Form nominal biaya yaitu form untuk mengisi jumlah nominal pada biaya, 3. Form tahun yaitu form untuk mengisi tahun pada jenis kategori, 3. Tabel Kategori 1.Form 2. Simpan 4. Delete Universitas Sumatera Utara 4. Tabel Kategori yang akan menampilkan jenis-jenis kategori yang telah disimpan, 5. Tombol simpan yang akan menyimpanmen-submit data, 6. Tombol delete untuk menghapus kategori yang terdapat dalam tabel. Halaman category untuk biaya langsung dan biaya tak langsung memiliki bentuk yang sama, namun yang membedakan adalah data yang di masukkan. Bentuk rancangannya dapat di lihat pada Gambar 3.6. Gambar 3.6 Rancangan halaman Data 3.4.4 Perancangan halaman prediksi Rancangan halaman prediksi ini berfungsi untuk menampilkan prediksi yang akan dilakukan oleh sistem. Terdapat form yaitu sensitive threshold, error threshold, learning rate 1, learning rate 2 dan jumlah mahasiswa dan tombol Show untuk menampilkan hasil prediksi. Rancangan halaman prediksi terdapat 6 komponen utama pada antarmuka, yaitu: 1. Form sensitive threshold yaitu form untuk mengisi nilai threshold yang di inginkan, 2. Form error threshold yaitu form untuk mengisi nilai error threshold yang di inginkan, 3. Form learning rate 1 yaitu form untuk mengisi nilai learning rate 1 yang di inginkan, 4. Tabel Kategori 1.Form jenis biaya 6. Delete 2.Form nominal biaya 3. Form tahun 5. Simpan Universitas Sumatera Utara 4. Form learning rate 2 yaitu form untuk mengisi nilai learning rate 2 yang di inginkan, 5. Form jumlah mahasiswa yaitu form untuk mengisi jumlah target mahasiswa, 6. Tombol show yaitu untuk menampilkan hasil prediksi. Bentuk rancangan halaman Prediksi dapat di lihat pada Gambar 3.7. Gambar 3.7 Rancangan halaman Prediksi 3.4.5 Perancangan halaman prediksi lanjutan Rancangan halaman prediksi lanjutan berfungsi untuk menampilkan hasil prediksi yang telah dilakukan oleh sistem. Terdapat tampilan akhir dari sistem yaitu menunjukkan hasil dari prediksi. Rancangan halaman prediksi lanjutan terdapat 2 komponen utama pada antarmuka, yaitu: 1. Tampilan hasil prediksi yaitu berupa teks yang memberikan informasi mengenai hasil prediksi, 2. Tabel hasil prediksi yaitu tabel yang berisikan tentang hasil prediksi, 3. Tombol lihat grafik yaitu untuk menampilkan grafik. 4. Tombol lihat data training Biaya Langsung yaitu untuk menampilkan data training dari BL. 5. Tombol lihat data training Biaya Tak Langsung yaitu untuk menampilkan data training dari BL. 1.Form sensitive threshold 5.Form jumlah mahasiswa 3. Form learning rate 1 6. Show 2.Form error threshold 4. Form learning rate 2 Universitas Sumatera Utara Bentuk rancangan halaman prediksi lanjutan dapat di lihat pada Gambar 3.8. Gambar 3.7 Rancangan halaman Prediksi Lanjutan

3.5 Perancangan