Halaman Login Admin Desa Halaman Utama Admin Desa Halaman Pengolahan Master Data

3.4.5.3 Jaringan Semantik

Struktur aplikasi ini dibuat secara moduler, yaitu program dipecah menjadi modul-modul kecil yang mudah dibuat, mudah dites, dan mudah dimodifikasi. Dalam pembuatan Aplikasi Administrasi Desa sebagai Software as a Service pada Cloud E-Desa ini menggunakan alat bantu bagan struktural yang disebut juga jaringan semantik. 1. Jaringan Semantik untuk menu Penduduk dapat dilihat pada gambar 3.81 TO4 MO11 MO12 MO5 TO2 MO3 TO1 MO1, MO2 TO3 MO4 TO5 TO6 MO6 TO12 TO7 MO7 TO8 TO9 MO9 TO10 MO10 TO13 TO14 MO1, MO2 MO14 MO8 TO11 MO13 Gambar 3.81 Jaringan Semantik Menu Penduduk TA1 TB2 TC2 TA7 TA6 TA5 TA2 TA3 TA4 TB3 TC5 TC3 TC4 MO15, MO16 2. Jaringan Semantik menu Aparat Desa dapat dilihat pada gambar 3.82 Gambar 3.82 Jaringan Semantik Menu Aparat Desa

3.4.5.4 Perancangan Prosedural

Perancangan procedural merupakan perancangan untuk menetapkan detail algoritma yang akan ditanyakan ke dalam suatu program. Perancangan procedural menjelaskan tentang bagaiman program aplikasi berjalan. Perancangan procedural digambarkan dalam bentuk flow chart. Perancangan procedural aplikasi administrasi desa sebagai Software as a Service pada Cloud E-Desa terdiri dari flowhart login, penambahan data, perubahan data, penghapusan data dan tampil data.

1. Flowchart Pendaftaran

Flowchart Pendaftaran menggambarkan proses pendaftaran dari awal sampai akhir. Flowchart Pendaftaran dapat dilihat pada Gambar 3.83. Mulai Input data penduduk Pengecekan data penduduk Data penduduk ditemukan? Tampil pesan data penduduk tidak ditemukan Tidak Simpan data penduduk Kirim link aktivasi Ya penduduk Selesai Mail Server Tampil pesan “Terimakasih anda telah berhasil registrasi, silahkan cek email untuk melakukan aktivasi ” Gambar 3.83 Flowchart Pendaftaran

2. Flowchart Login

Flowchart Login menggambarkan proses Login dari awal sampai akhir. Flowchart Login dapat dilihat pada Gambar 3.84. Mulai Masukan username dan password Validasi username dan password username dan password valid? Selesai Tampil pesan “Login Gagal” Ya Tidak Masukan Pilihan menu Gambar 3.84 Flowchart Login

3. Flowchart Lupa Password

Flowchart Login menggambarkan proses Lupa Password. Flowchart lupa Password dapat dilihat pada Gambar 3.85 Mulai Masukan email Selesai email valid? Ya Tampil pesan “silahkan cek email untuk mengetahui password anda” Tidak Tampil pesan “email tidak ditemukan” pengecekan email Gambar 3.85 Prosedural Lupa Password

4. Flowchart Penambahan data

Flowchart penambahan data menggambarkan langkah-langkah yang dilakukan oleh pengguna untuk melakukan proses penambahan data pada aplikasi yang dibangun. Adapun gambaran flowchart dari proses penambahan data dapat dilihat pada Gambar 3.86. Mulai Masukan data yang akan ditambah Data lengkap ? Simpan data Tampil pesan “data berhasil disimpan” Selesai Tampil pesan “data gagal disimpan” Ya Tidak Gambar 3.86 Flowchart Penambahan Data