Untuk server, Satu unit komputer server sebagai server yang telah diinstall a
dan dikonfigurasikan sesuai standard minimal, yaitu Apache Web Server, PHP, dan sistem basis data MySQL. Terkoneksi internet.
Untuk pengguna, harus bisa diakses dari komputer dan laptop, serta aplikasi b
web browser pada umumnya spesifikasi minimum.
B. Tahap Desain
1. Perancangan Unified Modelling Language UML
Use Case Diagram untuk sistem yang dikembangkan a
Use Case Diagram terdiri dari sebuah aktor dan interaksi yang dilakukannya, aktor tersebut berinteraksi langsung dengan sistem. Pada pengembangan perangkat lunak, Use
Case Diagram menjelaskan tentang hubungan antara sistem dengan aktor. Hubungan ini dapat berupa input ke sistem ataupun output ke aktor:
User Registrasi
Membaca Berita
Log in Sunting Data
Profil Cari Data
Kontak
System
-End1 -End2
-End3 -End4
-End5 -End6
-End7
-End8 -End13
-End14
Statistik -End15
-End16 Hapus
-End9 -End10
-End11 -End12
-End17 -End18
Cetak -End19
-End20
Gambar 6. Use Case Diagram
Pada Use Case Diagram tersebut menunjukkan bahwa aktor dalam hal ini adalah user berinteraksi dengan sistem. Pada sistem ini user dapat melakukan membaca berita,
melakukan registrasi, dan kemudian melakukan Log in setelah mempunyai username dan password. Setelah melakukan Log in untuk masuk ke dalam sistem, user dapat
melakukan sunting data profil miliknya, melakukan pencarian data alumni lainnya, serta dapat melihat profil alumni lainnya tersebut dengan hak terbatas. Selain itu user dapat
menghubungi pengelola sistem dan alumni lainnya melalui menu kontak, serta dapat melihat statistik alumni terdaftar dalam sistem.
Class Diagram untuk sistem yang dikembangkan b
+index : void
Home
+index : void +cari : void
+cari_resultsin pagination_offset : int : void +tampilkan_semua : void
+detailin uid : int : void +add : void
+editin uid : int : void +save : void
+deletein uid : int : void +photoin uid : int : void
+photo_save : void +photo_save_okin filename : char : void
+password_gantiin uid : int : void +password_ganti_save : void
+cetakin pagination_offset : void : void +cetak_out : void
-uid : int
Profil
+index : void +step2in pagination_offset : void : void
+step3in uid : int : void +step4 : void
+finish : void -uid : int
Registrasi
+login : bool +logout : bool
-uid : int
Auth
+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
+index : void +stats_angkatan : void
+stats_kelamin : void +getdata_perangkatan : void
+getdata_jeniskelamin : void
Statistik
+index : void +composein recipient : void
+kirim : bool
Kontak
+cari_resultsin cari_keyword : char, in offset : int = 0, in limit : int = 0 : long +detailin uid : int, in has_right : bool = false
+addin data : long +editin uid : int, in data : char
+deletein uid : int -uid : int
Profil Model
End1 End2
End3
End4 End5
End6
Gambar 7. Class Diagram untuk keseluruhan sistem Controller dan Model
+index : void
Home
Gambar 8. Class Diagram untuk Class Controller Home
+login : bool +logout : bool
-uid : int
Auth
Gambar 9. Class Diagram untuk Class Controller Auth
+index : void +step2in pagination_offset : void : void
+step3in uid : int : void +step4 : void
+finish : void -uid : int
Registrasi
Gambar 10. Class Diagram untuk Class Controller Registrasi
+index : void +cari : void
+cari_resultsin pagination_offset : int : void +tampilkan_semua : void
+detailin uid : int : void +add : void
+editin uid : int : void +save : void
+deletein uid : int : void +photoin uid : int : void
+photo_save : void +photo_save_okin filename : char : void
+password_gantiin uid : int : void +password_ganti_save : void
+cetakin pagination_offset : void : void +cetak_out : void
-uid : int
Profil
Gambar 11. Class Diagram untuk Class Controller Profil
+cari_resultsin cari_keyword : char, in offset : int = 0, in limit : int = 0 : long +detailin uid : int, in has_right : bool = false
+addin data : long +editin uid : int, in data : char
+deletein uid : int -uid : int
Profil Model
Gambar 12. Class Diagram untuk Class Model Profil
+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