LOGIN ADMIN Username
IMPLEMENTASI PROGRAM
4.1 Implementasi
Implementasi dari perancangan sistem ini digambar melalui gambar-gambar sebagai berikut :
4.1.1 Halaman Index
Halaman menampilkan home yang muncul saat pertama kali diakses. Pada halaman ini akan muncul menu home, buku tamu, login, dan register. Menu-menu tersebut hanya mucul bila user belum login. Navigasi kiri ada form untuk login, polling, dan beberapa aksesoris website.
Saat user sudah login, maka akan muncul menu home, buku tamu, forum, dan logout pada navigasi atas. Sedangkan navigasi kiri tidak berubah kecuali form login yang hilang.
commit to user
Gambar 4.2. Halaman utama setelah login
4.1.2 Halaman Login User
Halaman login user diisi oleh member forum untuk bisa mengakses ke forum.
Gambar 4.3. Halaman login user
Bila password yang diinputkan tidak sesuai, maka akan muncul tulisan:
4.1.3 Halaman Register
Halaman register merupakan halaman dimana user yang belum menjadi member forum dapat mendaftar dulu dengan mengisi form seperti di bawah ini : User menginputkan data dirinya ke dalam form yang telah disediakan:
commit to user
Gambar 4.4. Halaman register
Setelah form diisi semua dan submit, maka akan muncul tulisan “Register anda berhasil saladin (nama user). Silahkan login”:
commit to user
4.1.4 Halaman Buku Tamu
Halaman buku tamu dapat diakses semua user untuk mengisi buku tamu.
Gambar 4.6. Halaman buku tamu
User menginputkan isian untuk buku tamu. Jika salah satu tidak diisi, maka akan muncul pesan seperti gambar di bawah ini:
Gambar 4.7. Halaman buku tamu yang kosong
Jika inputan sudah benar, maka akan muncul tampilan semua isi buku tamu.
commit to user
4.1.5 Halaman Polling
Halaman polling dapat diakses semua user untuk mengisi polling. Polling dapat diubah-ubah pertanyaannya oleh admin sesuai kebutuhan.
Gambar 4.9. Halaman polling
Bila polling diisi, maka akan muncul diagram lingkaran seperti gambar di bawah ini :
commit to user
4.1.6 Halaman Forum
Halaman forum hanya dapat diisi oleh user yang sudah login. masih terbagi menjadi 3 komponen utama, yaitu bagian kategori, topik, dan diskusi. Kategori sudah ditentukan oleh admin. Sedangkan topik diisi oleh user sendiri sesuai kebutuhan.
Gambar 4.11. Tampilan kategori forum
User bisa memilih salah satu kategori yang ingin diisi topik.
Gambar 4.12. Tampilan topik forum
Bila user ingin menambah topik, maka klik “Buat Topik Baru”, maka akan muncul form tambah topik, seperti pada gambar di bawah ini :
commit to user
Gambar 4.13. Tampilan tambah topik
Misal user memilih topik reuni maka akan muncul data tentang topik tersebut, berupa nama topik, kategori, isi, dan waktu topik diposting:
Gambar 4.14. Tampilan detail topik
Bila user meng-klik “Tambahkan komentar”, maka akan muncul form untuk menginputkan komentar:
commit to user
Berikut ini tampilan forum yang sudah ditambahkan beberapa komen dalamnya. Disertakan juga detail topik yang sedang dibahas.
Gambar 4.16. Tampilan isi forum
4.1.7 Halaman Login Admin
Halaman login admin merupakan halaman yang muncul saat pertama kali mengakses admin. User memasukkan username dan password untuk bisa mengakses halaman selanjutnya.
commit to user
Gambar 4.17. Halaman login admin
4.1.8 Halaman Kelola User
Pada halaman ini, akan dimunculkan data tiap user yang sudah registrasi. Admin bisa mengedit dan menghapus user dari website.
Gambar 4.17. Halaman kelola user
Bila akan menghapus, admin bisa mengklik ikon silang di samping data yang akan dihapus. Lalu, akan ada konfirmasi :
commit to user
Gambar 4.18. Konfirmasi penghapusan
Bila admin ingin mengedit user, maka klik ikon di samping ikon hapus. Maka, akan muncul konfirmasi pengeditan seperti gambar di bawah ini :
Gambar 4.19. Konfirmasi pengeditan
Jika klik “OK”, maka admin akan masuk ke form pengeditan dan “Cancel” untuk membatalkan pengeditan.
Gambar 4.20. Form edit user
4.1.9 Halaman Kelola Buku Tamu
Halaman kelola buku tamu menampilkan data-data yang ada di dalam buku tamu berupa id, nama, email, pesan, dan tanggal. Admin hanya bisa menghapus data
commit to user
buku tamu yang sudah ada dengan meng-klik ikon silang. Dan akan muncul konfirmasi sama seperti Gambar 4.18.
Gambar 4.21. Halaman kelola buku tamu
4.1.10 Halaman Kelola Polling
Pengelolaan polling ada 2 proses, yaitu menghapus dan menambah pertanyaan. Jika admin menambahkan pertanyaan, maka pertanyaan yang akan dimunculkan adalah yang terakhir yang baru saja ditambahkan. Untuk menghapus, bisa dengan meng-klik ikon tanda silang dan akan muncul konfirmasi seperti Gambar 4.18. Lalu, jika akan menambah pertanyaan, klik “Tambah Pertanyaan” yang berada di atas tabel data polling.
commit to user
Gambar 4.22. Halaman kelola polling
Gambar di bawah ini merupakan form penambahan pertanyaan polling yang baru. Di kotak paling atas diisi dengan pertanyaan dan kotak-kotak di bawahnya diisi pilihan-pilihan jawaban yang bisa dipilih oleh user.
commit to user
4.1.11 Halaman Kelola Topik
Pengelolaan topik pada halaman ini hanya berlaku proses penghapusan topik sesuai kebutuhan admin. Untuk menghapus topik yang tidak berkenan, admin bisa meng-klik ikon silang merah di samping kanan data.
Gambar 4.24. Halaman kelola topik
4.1.12 Halaman Kelola Diskusi
Pengelolaan diskusi juga sama dengan pengelolaan topik. Admin hanya menghapus diskusi atau komentar bila tidak berkenan. Caranya dengan meng-klik ikon silang merah. Maka akan muncul konfirmasi dahulu seperti Gambar 4.18.
commit to user
34 BAB V PENUTUP
5.1 Kesimpulan
Telah dibuat web forum alumni SD Ta’mirul Islam Surakarta dan dapat dijadikan fasilitas untuk berkomunikasi para alumni. Dalam web ini disediakan halaman administrator agar mudah dimanipulasi dan diatur datanya sesuai kebutuhan.
5.2 Saran
Untuk pengembangan web forum ini bisa ditambahi dengan : 1. Penambahan informasi data alumni.
2. Penambahan sub forum.
3. Aplikasi yang memungkinkan antar user bisa mengirim atau menerima pesan.