Kali ini kita akan membahas desin modul login di sistem pengelolaan barang. Saya membagi tiga design sebenarnya untuk sebuah modul ataupun fitur fungsi dalam sebuah aplikasi. Design ini adalah design user interface, design proses dan design data. Kenapa ada tiga, karena masing-masing memiliki karakter yang berbeda sesuai dengan kepentingannya.
Sebelumnya kita definisikan dulu fungsi modul halaman login untuk apa? Begini ceritanya, kita akan memiliki sebuah sistem yang penggunaanya dibatasi sesuai dengan fungsi dari setiap usernya. Ini sesuai dengan fitur yang pertama dari proyek pengelolaan data siswa.
Jadi fungsi modul login ini akan meminta user dan password dari user, selanjutnya dicek ke dalam sistem. Bila user dan password valid, maka akan ditampilkan halaman dashboard berisi data siswa. Kalau salah ada tampilan halaman berisi informasi kalau proses login salah.
Jelas ya? ini penting sekali karena kita mau membatasi sebuah fungsi login. Sehingga saat melakukan design dan coding tidak kebingungan apa dan bagaimana proses harus dilakukan.
Kita akan mulai dengan rancangan user interface, Kalau dilihat dari requiremetnnya, kita hanya membutuhkan sebuah halaman yang berisi kolom nama dan password. Karena di web, kita butuh juga sebuah tombol login. Terus, biar jelas ini aplikasi apa, ada baiknya kita kasih judul, sedikit deskripsi dan menu tentang aplikasi.
Kemudian dari rancangan proses, kita akan memiliki algoritma sederhana, sebagai berikut
Dari rancangan database, kita akan membutuhkan beberapa field berikut
Sekarang dapat gambarnya ya? Dengan design di tiga bagian ini, kita bisa lebih fokus di masing-masing bagian, dan bisa lihat sambungan antar bagiannya.
Untuk pengerjaanya,kita akan mulai dengan implementasi user interface. Kemudian lanjut dengan pembuatan data usernya, Dan terakhir baru dilakukan dengan implementasi coding yaitu proses dengan PHP. Mari kita mulai implementasi.
Sebelumnya kita definisikan dulu fungsi modul halaman login untuk apa? Begini ceritanya, kita akan memiliki sebuah sistem yang penggunaanya dibatasi sesuai dengan fungsi dari setiap usernya. Ini sesuai dengan fitur yang pertama dari proyek pengelolaan data siswa.
Jadi fungsi modul login ini akan meminta user dan password dari user, selanjutnya dicek ke dalam sistem. Bila user dan password valid, maka akan ditampilkan halaman dashboard berisi data siswa. Kalau salah ada tampilan halaman berisi informasi kalau proses login salah.
Jelas ya? ini penting sekali karena kita mau membatasi sebuah fungsi login. Sehingga saat melakukan design dan coding tidak kebingungan apa dan bagaimana proses harus dilakukan.
Kita akan mulai dengan rancangan user interface, Kalau dilihat dari requiremetnnya, kita hanya membutuhkan sebuah halaman yang berisi kolom nama dan password. Karena di web, kita butuh juga sebuah tombol login. Terus, biar jelas ini aplikasi apa, ada baiknya kita kasih judul, sedikit deskripsi dan menu tentang aplikasi.
Kemudian dari rancangan proses, kita akan memiliki algoritma sederhana, sebagai berikut
- Sistem menampilkan halaman login
- Pengguna memasukan user dan password serta menekan tombol login
- Sistem menerima user dan password
- Sistem memeriksa apakah user tercatat di dalam sistem
- Bila user tercatat maka sistem akan memeriksa apakah password yang diberikan valid
- Bila password yang diberikan valid, maka sistem menampilkan halaman dashboard
- Bila password tidak valid, sistem akan menampilkan halaman login tidak valid
- Bila user tidak tercatat maka sistem menampilkan halaman login tidak valid.
Dari rancangan database, kita akan membutuhkan beberapa field berikut
- Username (Teks-30)
- Password (Teks-32)
- Full Name (Teks-50)
- Status (Integer 0:Aktif,1:Blocked,2:Frezee)
Sekarang dapat gambarnya ya? Dengan design di tiga bagian ini, kita bisa lebih fokus di masing-masing bagian, dan bisa lihat sambungan antar bagiannya.
Untuk pengerjaanya,kita akan mulai dengan implementasi user interface. Kemudian lanjut dengan pembuatan data usernya, Dan terakhir baru dilakukan dengan implementasi coding yaitu proses dengan PHP. Mari kita mulai implementasi.
Comments
Post a Comment