Perancangan Sistem ANALISIS DAN PERANCANGAN SISTEM

4.1.3.3. Flowchart Sistem Berikut adalah flowchart Sistem Pendukung Keputusan Pemilihan Calon Ketua OSIS SMK Swasta Nusa Penida Medan. Gambar 3.7 Flowchart Sistem Pendukung Keputusan Pemilihan Calon Ketua OSIS Pada Gambar 3.7 jika pengguna mengakses form tambah calon maka akan muncul form nama calon beserta kriteria yang dapat disimpan, data yang telah disimpan akan di tampilkan oleh sistem. Jika tidak maka akan keluar pilihan lain yang berupa WSM dan SAW, jika pengguna mengakses form WSM dan SAW maka akan muncul form pemilihan periode setelah periode dipilih maka sistem akan menampilkan hasil perangkingan. Jika tidak maka akan keluar pilihan terakhir yaitu form About.

4.2. Perancangan Sistem

Proses perancangan antarmuka interface sebuah sistem adalah proses yang cukup penting dalam perancangan sebuah sistem. Sebuah antarmuka harus dirancang dengan memperhatikan faktor pengguna sehingga sistem yang dibangun dapat memberikan kenyamanan dan kemudahan untuk digunakan oleh pengguna. Universitas Sumatera Utara 4.2.1. Tampilan Awal Tampilan awal dari Sistem Pendukung Keputusan Pemilihan Calon Ketua OSIS pada SMK Swasta Nusa Penida Medan. Pada tampilan ini disajikan form yang akan dipilih oleh pengguna untuk menggunakan aplikasi. Gambar 3.8 Tampilan Awal Pemilihan Calon Ketua OSIS 4.2.2. Antarmuka Daftar Calon Tampilan Input Data adalah tampilan awal dari Sistem Pendukung Keputusan Pemilihan Calon Ketua OSIS pada SMK Swasta Nusa Penida Medan. Pada tampilan ini disajikan form yang akan diisi oleh pengguna untuk menyimpan data nilai kriteria dari setiap alternatif. Pada form ini juga ditampilkan data dan seluruh alternatif yang telah disimpan serta menu ubah dan hapus. Gambar 3.9 Antarmuka Input Data Pemilihan Calon Ketua OSIS 4.2.1. Tampilan Awal Tampilan awal dari Sistem Pendukung Keputusan Pemilihan Calon Ketua OSIS pada SMK Swasta Nusa Penida Medan. Pada tampilan ini disajikan form yang akan dipilih oleh pengguna untuk menggunakan aplikasi. Gambar 3.8 Tampilan Awal Pemilihan Calon Ketua OSIS 4.2.2. Antarmuka Daftar Calon Tampilan Input Data adalah tampilan awal dari Sistem Pendukung Keputusan Pemilihan Calon Ketua OSIS pada SMK Swasta Nusa Penida Medan. Pada tampilan ini disajikan form yang akan diisi oleh pengguna untuk menyimpan data nilai kriteria dari setiap alternatif. Pada form ini juga ditampilkan data dan seluruh alternatif yang telah disimpan serta menu ubah dan hapus. Gambar 3.9 Antarmuka Input Data Pemilihan Calon Ketua OSIS 4.2.1. Tampilan Awal Tampilan awal dari Sistem Pendukung Keputusan Pemilihan Calon Ketua OSIS pada SMK Swasta Nusa Penida Medan. Pada tampilan ini disajikan form yang akan dipilih oleh pengguna untuk menggunakan aplikasi. Gambar 3.8 Tampilan Awal Pemilihan Calon Ketua OSIS 4.2.2. Antarmuka Daftar Calon Tampilan Input Data adalah tampilan awal dari Sistem Pendukung Keputusan Pemilihan Calon Ketua OSIS pada SMK Swasta Nusa Penida Medan. Pada tampilan ini disajikan form yang akan diisi oleh pengguna untuk menyimpan data nilai kriteria dari setiap alternatif. Pada form ini juga ditampilkan data dan seluruh alternatif yang telah disimpan serta menu ubah dan hapus. Gambar 3.9 Antarmuka Input Data Pemilihan Calon Ketua OSIS Universitas Sumatera Utara Gambar 3.10 Antarmuka List Pemilihan Calon Ketua OSIS Keterangan : 1. Kolom kriteria dari setiap alternatif 2. Tombol ubah untuk mengubah data dari setiap alternatif 3. Tombol hapus untuk menghapus data dari setiap alternatif 4. List nama dari setiap alternatif 5. Tombol tambah calon ketua OSIS 6. kolom ID dari setiap alternatif 7. kolom nama dari setiap alternatif 8. List nama calon ketua OSIS 4.2.3. Antarmuka Perhitungan dengan Metode SAW dan WSM Pada Tampilan Perhitungan dengan metode SAW dan WSM, akan ditampilkan data yang telah disimpan dan pengguna dapat melihat hasil perhitungan dengan kedua metode tersebut, yang hasilnya akan ditampilkan pada form tersebut Gambar 3.11 Antarmuka Perhitungan dengan Metode SAW dan WSM Gambar 3.10 Antarmuka List Pemilihan Calon Ketua OSIS Keterangan : 1. Kolom kriteria dari setiap alternatif 2. Tombol ubah untuk mengubah data dari setiap alternatif 3. Tombol hapus untuk menghapus data dari setiap alternatif 4. List nama dari setiap alternatif 5. Tombol tambah calon ketua OSIS 6. kolom ID dari setiap alternatif 7. kolom nama dari setiap alternatif 8. List nama calon ketua OSIS 4.2.3. Antarmuka Perhitungan dengan Metode SAW dan WSM Pada Tampilan Perhitungan dengan metode SAW dan WSM, akan ditampilkan data yang telah disimpan dan pengguna dapat melihat hasil perhitungan dengan kedua metode tersebut, yang hasilnya akan ditampilkan pada form tersebut Gambar 3.11 Antarmuka Perhitungan dengan Metode SAW dan WSM Gambar 3.10 Antarmuka List Pemilihan Calon Ketua OSIS Keterangan : 1. Kolom kriteria dari setiap alternatif 2. Tombol ubah untuk mengubah data dari setiap alternatif 3. Tombol hapus untuk menghapus data dari setiap alternatif 4. List nama dari setiap alternatif 5. Tombol tambah calon ketua OSIS 6. kolom ID dari setiap alternatif 7. kolom nama dari setiap alternatif 8. List nama calon ketua OSIS 4.2.3. Antarmuka Perhitungan dengan Metode SAW dan WSM Pada Tampilan Perhitungan dengan metode SAW dan WSM, akan ditampilkan data yang telah disimpan dan pengguna dapat melihat hasil perhitungan dengan kedua metode tersebut, yang hasilnya akan ditampilkan pada form tersebut Gambar 3.11 Antarmuka Perhitungan dengan Metode SAW dan WSM Universitas Sumatera Utara 4.2.4. Antarmuka About Pada Tampilan About akan dijelaskan secara singkat mengenai OSIS SMK Swasta Nusa Penida Medan, yang ditampilkan pada form tersebut. Gambar 3.12 Antarmuka About 4.2.4. Antarmuka About Pada Tampilan About akan dijelaskan secara singkat mengenai OSIS SMK Swasta Nusa Penida Medan, yang ditampilkan pada form tersebut. Gambar 3.12 Antarmuka About 4.2.4. Antarmuka About Pada Tampilan About akan dijelaskan secara singkat mengenai OSIS SMK Swasta Nusa Penida Medan, yang ditampilkan pada form tersebut. Gambar 3.12 Antarmuka About Universitas Sumatera Utara

BAB 4 IMPLEMENTASI DAN PENGUJIAN SISTEM