4.1.1 Prototype I
4.1.1.1 Halaman Login
Pada prototype I ini halaman login untuk user biasa dan admin
yang sebelumnya diharuskan mengisi username dan password
dibuat menjadi tanpa perlu mengisi username dan password
user biasa sehingga user lebih mudah masuk ke sistem. Untuk level admin diharuskan mengisi username dan
password .
Gambar 4.1 Tampilan login
Dari Gambar 4.1 Jika pengguna adalah public user, maka cukup memilih button Public acces dan kemudian seperti menuju
proses verfikasi yaitu cek.php kode program 4.1.
Kode Program 4.1
Proses verifikasi public user dan expert user
Gambar 4.2
Peringatan salah menginputkan username dan password
1. ?php
2. ... . .
3. if_POST[username] == NULL _POST[password] ==
4. NULL
5. {
6. ? Jika username dan password tak diisi
7. script language=JavaScript
8. alertIsi Username dan Password Anda;
9. document.location=index.phpscript
10. ?
11. Elseif
12. login untuk halaman admin
13. reg_admin[username] == username reg_admin[password]
14. == password
15. {
login benar 16.
_SESSION[user] = username; 17.
_SESSION[passwd] = password; 18.
? 19.
script language=JavaScript 20.
document.location=hal_admin.phpscript 21.
?} 22.
login untuk halaman public 23.
elseifreg_user[username] == username 24.
reg_user[password] == password 25.
{ 26.
_SESSION[user] = username; 27.
_SESSION[passwd] = password; 28.
? 29.
script language=JavaScript 30.
document.location=hal_public.phpscript 31.
?} 32.
Else 33.
{ jika login salah
34. ?
35. script language=JavaScriptalertLOGIN ERROR
36. Username atau Password Anda salah;
37. document.location=index.phpscript
38. ?
39. }}
40. ?
Gambar 4.3
Peringatan bahwa harus mengisi username dan password
4.1.1.2 Halaman Input data
Pada menu input data ini setelah admin mengisi semua textbox
yang ada dengan data-data, ternyata data yang sudah dimasukkan belum bisa tersimpan dalam database sql server.
Jadi pada menu input data ini masih gagal.
Gambar 4.4 Halaman input data
4.1.2 Prototype II
4.1.2.1 Visualisasi database ke dalam tabel dan grafik kurva
Database yang sudah dibuat kemudian divisualisasikan ke
dalam tabel dan grafik kurva agar mempermudah untuk proses analisis data. Disini sistem masih belum berhasil dalam
menampilkan grafik dan baru menampilkan tabel saja.
Gambar 4.5 Visualisasi database ke tabel dan grafik masih gagal
4.1.2.2 Proyeksi
Gambar 4.6 Proyeksi belum berhasil ditampilkan
Gambar 4.6 adalah gambar menu proyeksi. Untuk melakukan proses proyeksi user harus memasukkan data yang
akan diprediksi, periode sumber data, wilayah yang akan diprediksi serta tahun berapa yang akan diprediksi. Dalam proses
ini sistem masih menemui kendala sehingga proses proyeksi masih gagal.
4.1.2.3 Fasilitas searching
Fasilitas ini digunakan untuk mempermudah user dalam mencari data yang diinginkan. Pada menu ini user menginputkan
kata yang akan dicari pada kotak textbox.
Gambar 4.7
Fasilitas Searcing
Gambar 4.7 diterangkan kata kunci yang diinputkan tadi penduduk perempuan. Setelah sistem akan mencari dan
menampilkan semua data yang ada pada database yang berhubungan dengan kata kunci yang diinputkan penduduk
perempuan.
4.1.3 Prototype III