+index : void +detailin id : int : void
+managein pagination_offset : int : void +arsipin pagination_offset : int : void
+add : void +editin id : int : void
+save : void +deletein id : int : void
-id : int
Berita
Gambar 13. Class Diagram untuk Class Model Berita
+index : void +stats_angkatan : void
+stats_kelamin : void +getdata_perangkatan : void
+getdata_jeniskelamin : void
Statistik
Gambar 14. Class Diagram untuk Class Controller Statistik
+index : void +composein recipient : void
+kirim : bool
Kontak
Gambar 15. Class Diagram untuk Class Controller Kontak
2. Perancangan Diagram Alir Flowchart
Flowchart proses registrasi a
Flowchart yang digunakan untuk menjelaskan proses registrasi berjalan.
Gambar 16. Flowchart proses registrasi Flowchart proses Log in
b Flowchart yang digunakan untuk menjelaskan proses Log in berjalan.
Gambar 17. Flowchart proses Log in Flowchart proses sunting data
c Flowchart yang digunakan untuk menjelaskan proses sunting data berjalan.
Gambar 18. Flowchart proses sunting data Flowchart proses pencarian data
d Flowchart yang digunakan untuk menjelaskan proses pencarian data berjalan.
Gambar 19. Flowchart proses pencarian data Flowchart proses statistik
e Flowchart yang digunakan untuk menjelaskan proses statistik berjalan.
Gambar 20. Flowchart proses statistik Flowchart proses cetak data
f Flowchart yang digunakan untuk menjelaskan proses cetak data berjalan.
Gambar 21. Flowchart proses cetak data
3. Perancangan User Interface Antar Muka Pengguna.
Halaman Depan a
Pada rancangan halaman depan memuat judul aplikasi, kolom navigasi, kotak login, kotak berita, serta menu pencarian cepat
Gambar 22. Rancangan Halaman Depan Halaman Registrasi Langkah ke-1
b
Gambar 23. Rancangan Halaman Registrasi Langkah ke-1
Halaman Registrasi Langkah ke-2 c
Gambar 24. Rancangan Halaman Registrasi Langkah ke-2 Halaman Registrasi Langkah ke-3
d
Gambar 25. Rancangan Halaman Registrasi Langkah ke-3
Halaman Registrasi Langkah ke-4 e
Gambar 26. Rancangan Halaman Registrasi Langkah ke-4 Halaman Log in pengguna
f
Gambar 27. Rancangan Halaman Log in pengguna
Halaman Sunting Data g
Gambar 28. Rancangan Halaman Sunting Data Halaman Tampilan Profil
h
Gambar 29. Rancangan Halaman Tampilan Profil
Halaman Pencarian Data Alumni i
Gambar 30. Rancangan Halaman Pencarian Data Alumni Halaman Hasil Pencarian Data
j
Gambar 31. Rancangan Halaman Hasil Pencarian Data
Halaman Statistik k
Gambar 32. Rancangan Halaman Statistik
Halaman Cetak Data Alumni l
Gambar 33. Rancangan Halaman Rancangan Cetak Data
4. Perancangan Desain Basis Data