Flowchart Sistem DFD dan ERD Perancangan Antarmuka Sistem

3.4. Flowchart Sistem

3.4.1. Flowchart sistem secara umum START Pelatihan Pengujian Set input dan target Foto dikenali Informasi “Data dikenali” Informasi “Data tidak dikenali” STOP Yes No Gambar 3.9. Flowchart sistem secara umum Universitas Sumatera Utara 3.4.2. Flowchart pelatihan sistem START Input data pelatihan foto grayscale Biner è Bipolar BAM Bobot W STOP Gambar 3.10. Flowchart pelatihan sistem Universitas Sumatera Utara 3.4.3. Flowchart pengujian sistem START Input data dari webcam Grayscale Biner è Bipolar Matriks bipolar bobot W Foto dikenali Informasi “Data dikenali” Informasi “Data tidak dikenali” STOP Yes No Gambar 3.11 Flowchart pengujian sistem Universitas Sumatera Utara 3.4.4. Flowchart algoritma BAM START Set matriks input x, target y Hitung bobot W W = j T i y x .  Recall Pola input y_in i = x i . W y_in_i = ɵ y_in_i ɵ y_i = 1 y_i = -1 Balik arah : Hitung T i i W y in x _  x_in_i = ɵ x_in_i ɵ STOP Yes No Yes No Yes No x_i = 1 x_i = -1 Yes Gambar 3.12. Flowchart Algoritma BAM Universitas Sumatera Utara

3.5. DFD dan ERD

3.5.1 DFD Mahasiswa Sistem Absensi Admin Absen Reoprt ABsensi Training pelatihan Informasi Hasil training Info Absen berhasi Gambar 3.13 DFD Level 0 1 BAM Mahasiswa Absensi Admin Mahasiswa 1a. foto pelatihan 2a.foto pengujian 2b. Data Absensi 1b. Data Mahasiswa 1c. Data Mahasiswa 2c. Data absensi Gambar 3.14. DFD Level 1 Pelatihan Penguijan Admin Mahasiswa Absensi Mahasiswa Foto pelatihan Data mahasiswa Data mahasiswa Foto pengujian Data Absensi Data Absensi Gambar 3.15. DFD Level 1 roses 1 Universitas Sumatera Utara 3.5.2. ERD Gambar 3.16. ERD 3.5.3. Tabel yang digunakan pada database Admin NIP Varchar[30] Password Varchar[20] Absen NIM Varchar[20] Tanggal Varchar[20] Datang Varchar[20] Pulang Varchar[20] Mahasiswa NIM Varchar[30] Nama Varchar[50] Stambuk Varchar[20] Universitas Sumatera Utara

3.6. Perancangan Antarmuka Sistem

Rancangan program akan diimplementasikan dengan menggunakan SharpDevelop 4.1. 3.6.1. Form utama Gambar 3.17. Tampilan Rancangan Form Utama Keterangan : 1. Tombol Mulai Absen Tombol yang menghubungkan form utama dengan form absensi 2. Tombol Admin Tombol yang menghubungkan form utama dengan form admin 3.6.2. Form mulai absen Gambar 3.18. Tampilan form absensi 1 2 1 3 4 5 6 2 Universitas Sumatera Utara Keterangan : 1. Picture box Tempat untuk mengambil foto melalui webcam 2. Label Untuk menampilkan jam digital 3. Tombol mulai Tombol untuk memulai webcam mengambil foto 4. Tombol Ambil Gambar Tombol untuk mengambil foto 5. Tombol Absen Tombol untuk mengenali foto yang diambil dan menyimpannya dalam database absensi 6. Tombol Tutup Tombol untuk kembali ke menu utama 3.6.3. Form admin Gambar 3.19. Tampilan Antarmuka admin login Keterangan : 1. Text Box Untuk memasukkan NIP dan password pegawai yang menjadi penanggung jawab sistem ini 2. Tombol Masuk Tombol yang menampilkan area admin dengan menutup panel login apabila NIP dan username benar 1 2 Universitas Sumatera Utara Gambar 3.20. Tampilan Antarmuka admin Keterangan : 1. Tombol Pelatihan Tombol yang menghubungkan form admin dengan form pelatihan 2. Tombol Rekapitulasi dan Absen per Bulan Tombol yang menghubungkan form admin dengan form rekapitulasi data absensi 3. Tombol Data Mahasiswa Tombol yang menghubungkan form admin dengan form data mahasiswa 1 2 3 Universitas Sumatera Utara 3.6.4. Form pelatihan Gambar 3.21. Tampilan Antarmuka Form Pelatihan Keterangan : 1. Combo box ambil foto Combo box untuk memilih foto yang akan diuji 2. Tombol Rgb2Gray Tombol untuk mengubah foto citra asli menjadi citra grayscale 3. Tombol Biner Tombol untuk mengubah citra grayscale menjadi citra biner dan bipolar 4. Tombol Training Tombol untuk melatih citra bipolar untuk menghasilkan matriks bobot 5. Tombol Tutup Tombol untuk kembali ke menu login 6. Picture box 1-6 Picture box untuk menampilkan foto citra asli 7. Picture box 7-12 Picture box untuk menampilkan citra grayscale 8. Picture box 13-18 Picture box untuk menampilkan citra biner 1 2 3 4 5 8 7 6 Universitas Sumatera Utara 3.6.5. Form rekapitulasi data absensi Gambar 3.22. Tampilan Antarmuka Rekapitulasi Data Absensi Keterangan : 1. Combo box nama mahasiswa Combo box untuk memilih nama mahasiswai atau dosen yang ingin dilihat data absensinya 2. Combo box bulan Combo box untuk memilih data bulan apa yang ingin dilihat 3. Tombol Lihat Tombol untuk menampilkan data pada DataGrid View 4. Data Grid View Tempat untuk menampilkan data yang ada di database 5. Tombol tutup Tombol untuk kembali ke menu login 6. Tombol Report Tombol yang menghubungkan dengan halaman report laporan data absensi 1 2 3 4 5 6 Universitas Sumatera Utara 3.6.6. Form data mahasiswa Gambar 3.23. Tampilan form data mahasiswa Keterangan : 1. Teksbox Tempat untuk mengetikkan keyword kata kunci untuk proses pencarian 2. Combobox Berisi pilihan pencarian berdasarkan NIP, nama atau jabatan 3. Tombol Cari Menampilkan data yang sesuai dengan kata kunci yang d iketik 4. Datagridview Tempat untuk menampilkan data yang cari 5. Tombol tutup Tombol untuk kembali ke menu login 1 2 3 4 5 Universitas Sumatera Utara

BAB IV IMPLEMENTASI DAN PENGUJIAN