313 20. Halaman Forum Gambar 4.23 Tampilan Halaman Forum Pada halaman forum terdapat sebuah tabel yang terbagi menjadi kolom topik, penulis (nama pengguna yang mengisi membuat topik tersebut), jumlah balasan, serta Post Terakhir yang mencakup tanggal, waktu, serta oleh siapa pesan terakhir dibuat. Di atas tabel terdapat daftar kategori yang dapat dipilih oleh pengguna. Sedangkan di sebelah kanan bawah dari tabel utama forum terdapat jumlah halaman forum yang dapat ditekan sebagai navigasi untuk melihat topik-topik yang ada pada halaman tersebut. Judul topik akan diurutkan berdasarkan waktu terakhir topik tersebut ditanggapi. Halaman ini dapat diakses setelah pengguna memilih menu forum.
314 Gambar 4.24 Tampilan Halaman Forum : Isi Topik Pada bagian halaman forum : isi topik terdapat judul kategori dan judul topik yang telah dipilih oleh pengguna. Pada bagian tengah terdapat tabel utama yang terbagi menjadi 2 kolom. Kolom pertama berisi nama penulis yang melakukan post pada topik tersebut dan kolom kedua berisi pesan dari si penulis. Pada bagian kiri bawah tabel utama forum terdapat link back yang jika dipilih akan membawa pengguna ke halaman utama dari forum Sedangkan di sebelah kanan bawah dari tabel utama forum terdapat jumlah halaman yang ada serta dapat ditekan sebagai navigasi untuk melihat topik-topik yang ada pada halaman tersebut.
315 21. Halaman Kabar Terkini Gambar 4.25 Tampilan Halaman Kabar Terkini Halaman kabar terkini berisi informasi mengenai kabar-kabar terakhir seputar GAFA. Pada layar ini akan ditampilkan paling banyak 5 kabar per halamannya. Setiap kabar terdiri atas judul dan isi berita. Halaman ini menggunakan sistem paging untuk menjaga kerapian pada tampilan layar.
316 4.3.2 Prosedur Operasional Setelah Login Setelah sukses melakukan login, maka anggota akan mendapatkan tampilan halaman utama setelah login, yang dapat dilihat pada gambar 4. berikut. 1. Halaman Utama Setelah Login Gambar 4.26 Tampilan Halaman Utama Setelah Login Halaman ini merupakan halaman utama dari situs web bagi pengguna yang telah melakukan proses login. Logo dan nama GAFA tetap terletak di bagian kiri atas halaman. Di bawah logo GAFA, terdapat menu utama yang terdiri dari halaman utama, tentang GAFA, cabang GAFA, alat peraga GAFA, contoh karya, tanya jawab, kerjasama, forum, ubah kata sandi, dan kabar terkini. Pada bagian tengah atas halaman tetap terdapat informasi mengenai kantor pusat GAFA. Pada bagian tengah bawah terdapat ringkasan mengenai kabar terkini yang dilengkapi dengan link more yang dapat diklik untuk
317 melihat berita terkini lebih lengkap pada halaman baru. Di antara ringkasan kabar terkini dan informasi mengenai kantor pusat GAFA, terselip penjelasan singkat mengenai apa itu GAFA. Pada bagian kanan atas halaman terdapat link logout agar pengguna dapat keluar kapanpun ia inginkan. Link ini juga akan ditemukan pada semua layar setelah pengguna melakukan proses login. Pada bagian kanan halaman, dapat ditemukan gambar yang sama dengan keadaan sebelum proses login. Di bagian bawah gambar tersebut terdapat kalimat Selamat Datang, ID Pengguna! sebagai sapaan kepada pengguna.
318 2. Halaman Ubah Kata Sandi Gambar 4.27 Tampilan Halaman Ubah Kata Sandi Halaman ini merupakan bagian pribadi untuk setiap pengguna yang terdaftar pada situs web GAFA. Pada halaman ini terdapat kotak teks yang berisi ID Pengguna dan Kata Sandi Lama keyboard. Pada halaman ini juga terdapat kotak teks Input Kata Sandi Baru dan Confirm Kata Sandi Baru yang bisa diisi secara langsung. Kedua kotak teks tersebut berfungsi untuk menampung kata sandi baru yang diinginkan pengguna. Di bawah keempat kotak teks tersebut akan ditemukan tombol Ubah untuk mengubah kata sandi lama menjadi kata sandi baru yang diinginkan.
319 3. Halaman Forum Gambar 4.28 Tampilan Halaman Forum Pada halaman forum terdapat sebuah tabel yang terbagi menjadi kolom topik, penulis (nama pengguna yang mengisi membuat topik tersebut), jumlah balasan, serta post terakhir yang mencakup tanggal, waktu, serta nama penulis pesan terakhir. Setiap topik dilengkapi dengan 2 buah icon. Icon di sebelah kanan kolom topik berfungsi sebagai penanda apakah ada post baru sejak kunjungan terakhir. Sedangkan icon di sebelah kiri kolom post terakhir berfungsi untuk melakukan reply terhadap topik tersebut. Di atas tabel terdapat daftar kategori yang dapat dipilih oleh pengguna. Sedangkan di sebelah kanan bawah dari tabel utama forum terdapat jumlah halaman sebagai navigasi untuk melihat topik-topik yang ada pada halaman tersebut. Judul topik akan diurutkan berdasarkan waktu terakhir topik tersebut
320 ditanggapi. Halaman ini dapat diakses setelah pengguna memilih menu forum. Gambar 4.29 Tampilan Halaman Forum : Isi Topik Pada bagian atas halaman forum : isi topik terdapat judul kategori dan judul topik yang sedang aktif. Lalu terdapat sebuah tabel yang terbagi menjadi 2 kolom. Kolom pertama berisi nama penulis yang melakukan post pada topik tersebut. Kolom kedua berisi pesan dari si penulis, dan link edit serta delete akan muncul jika penulis pesan sedang aktif pada halaman tersebut. Tabel juga dilengkapi dengan 2 buah icon di sebelah kanan atas. Icon pertama berfungsi jika pengguna ingin membuat topik baru pada kategori tersebut. Icon kedua berfungsi untuk melakukan reply terhadap topik. Pada bagian kiri bawah tabel utama forum terdapat link back yang jika dipilih akan membawa pengguna ke halaman utama dari forum. Sedangkan di sebelah kanan
321 bawah dari tabel utama forum terdapat jumlah halaman sebagai navigasi untuk melihat topik-topik yang ada pada halaman tersebut. Gambar 4.30 Tampilan Halaman Forum : Buat Topik Baru Halaman forum : buat topik baru merupakan sebuah halaman untuk memasukkan judul dan pesan dari topik baru yang hendak diposting oleh pengguna. Sarana dengan bantuan fck editor disediakan untuk mempermudah pengguna di dalam menyampaikan pesannya dalam berbagai bentuk. Pada akhir halaman terdapat sebuah tombol posting topik baru yang berfungsi untuk mengirimkan dan menyimpan data yang telah diisi pada basis data. Halaman ini dapat diakses setelah pengguna memilih menu forum topik baru.
322 Gambar 4.31 Tampilan Halaman Forum : Reply Topik Halaman ini digunakan untuk mengirimkan pesan tanggapan pada sebuah topik terhadap pesan-pesan sebelumnya. Pada halaman ini tersedia sebuah kotak yang didukung oleh fasilitas fck editor, yang dapat digunakan oleh pengguna untuk menuliskan pesan. Di bawah kotak tersebut tersedia tombol posting reply untuk mengirimkan pesan yang telah diketik pada kotak tersebut. Pesan tersebut kemudian disimpan ke dalam basis data dan ditampilkan pada halaman dari topik forum yang bersangkutan.
323 Gambar 4.32 Tampilan Halaman Forum : Edit Reply Halaman Forum : edit reply tersedia bagi pengguna yang telah mengirimkan pesan dan ingin melakukan perubahan terhadap pesan yang mereka kirimkan tersebut. Judul topik pada halaman ini hanya ditampilkan sebagai informasi yang tidak dapat diubah oleh pengguna. Pesan yang sebelumnya telah ditampilkan akan tercetak pada kotak pesan. Pesan tersebut dapat diubah sesuai dengan keinginan pengguna, dengan bantuan fasilitas fck editor. Jika pengguna telah selesai dengan perbaikannya, pengguna dapat menekan tombol posting reply untuk menyimpan data yang telah diubah ke dalam basis data.
324 4.3.3 Prosedural Operasional Super Admin Setelah Login Setelah super admin sukses melakukan login, selain dapat mengakses 9 menu utama dan 12 sub-menu sebelum login, ia juga mendapatkan menu tambahan yaitu menu Data Kemajuan Murid, Laporan Keuangan, Manage Web Content, dan Manage User Account. Menu Manage User Account merupakan menu yang hanya dapat diakses oleh super admin saja. Sedangkan menu Data Kemajuan Murid, Laporan Keuangan, dan Manage Web Content merupakan menu-menu yang juga dapat diakses oleh supervisor yang bersangkutan. Oleh sebab itu, penjelasan berikut hanya akan membahas mengenasi menu Manage User Account.
325 1. Halaman Manage User Account Gambar 4.33 Tampilan Halaman Manage User Account Halaman Manage User Account memiliki berbagai fungsi yang berhubungan dengan data pengguna. Pada halaman ini, super admin dapat melakukan pencarian pengguna berdasarkan bidang yang diinginkan seperti : status, cabang, dan ID pengguna. Pencarian dapat dilakukan dengan mengetikkan kata kunci dari bidang yang dipilih pada wadah teks pertama dan dilanjutkan dengan menekan tombol search. Di bagian bawah dari fasilitas pencarian ditampilkan nama-nama beserta data lain dari anggota yang telah terdaftar. Data tersebut diurutkan secara ascending. Pada menu ini juga disediakan fasilitas untuk menghapus ataupun memperbaharui account dengan menekan
326 tombol hapus atau edit. Nama-nama yang terpajang sejak awal pun dibuat dengan sistem paging dengan maksimal data yang terpajang sejumlah empat data. Pada halaman ini, superadmin juga diberi fasilitas untuk menambahkan anggota baru seperti yang tertera pada bagian bawah-tengah halaman. Super admin dipermudah dengan tidak perlu menghafalkan struktur kode pengguna. Super admin dapat menentukan status dengan memilih status yang ada pada list-box. Begitu pula kemudahan diberikan untuk memilih cabang. Field lain yang harus diisi adalah ID Pengguna dan Kata Sandi. Jika data yang diperlukan sudah lengkap, pengguna dapat menambahkan anggota dengan menekan tombol create. Halaman ini dapat diakses setelah pengguna memilih menu manage user account.
327 2. Halaman Edit User Account Gambar 4.34 Tampilan Halaman Edit User Account Halaman edit user account berisi bidang-bidang yang dimiliki sebuah user account. Bidang-bidang tersebut antara lain, Kode Pengguna Lama, Kode Pengguna Baru, Status, Cabang, ID Pengguna Lama, ID Pengguna Baru, Kata Sandi Lama, dan Kata Sandi Baru. Bidang-bidang yang tidak dapat diubah adalah Kode Pengguna Lama, ID Pengguna Lama, dan Kata Sandi Lama. Sedangkan Kode Pengguna Baru akan berubah secara langsung ketika superadmin mengubah status atau cabang yang menunjukkan perubahan keterangan dari pengguna yang datanya sedang diperbaharui tersebut. Halaman ini dapat diakses setelah pengguna memilih menu manage user account edit.
328 4.3.4 Prosedural Operasional Supervisor Humas Setelah Login Setelah supervisor humas sukses melakukan login, selain dapat mengakses 9 menu utama dan 12 sub-menu sebelum login, ia juga mendapatkan menu tambahan yaitu menu Manage Web Content, yang hanya dapat diakses oleh supervisor humas dan super admin. Adapun halaman-halaman yang terdapat di dalam menu Manage Web Content adalah sebagai berikut. 1. Halaman Utama Manage Web Content Gambar 4.35 Tampilan Halaman Utama Manage Web Content Halaman Manage Web Content adalah halaman utama untuk fasilitas Content Management System. Menu Content Management System adalah menu di mana supervisor bidang hubungan masyarakat dapat melakukan perbaikan, penghapusan, atau memasukkan data baru
329 untuk beberapa bidang yang dibuat untuk dapat diperbaharui kapanpun dibutuhkan. Ada pun menu-menu tersebut adalah: kabar terkini, sistem belajar, kegiatan dalam kelas, biaya kursus, profil guru, cabang GAFA, mainan, buku cerita, permainan komputer, contoh karya, tanya jawab, dan formulir kerjasama. Halaman ini dapat diakses setelah pengguna memilih menu manage web content
330 2. Halaman Lihat Semua Kabar Gambar 4.36 Tampilan Halaman Lihat Semua Kabar Pada halaman lihat semua kabar ditampilkan semua berita yang dengan sistem 5 berita per halamannya. Berita yang ditampilkan terdiri atas judul dari berita itu sendiri, potongan berita, serta tombol yang disesuaikan dengan status pengguna. Jika pengguna yang mengakses halaman ini adalah Supervisor Hubungan Masyarakat (humas) atau Super Admin, maka akan muncul tombol edit kabar dan delete kabar. Dan pada semua tingkatan pengguna akan ada link more yang akan membawa pengguna pada halaman yang mengulas berita tersebut secara lengkap. Halaman ini dapat diakses setelah pengguna memilih menu lihat semua kabar.
331 3. Halaman Edit Kabar Terkini Gambar 4.37 Tampilan Halaman Edit Kabar Te rkini Halaman edit kabar berisi media bagi supervisor humas dan superadmin untuk mengubah isi dari kabar yang telah terpasang pada halaman kabar terkini. Halaman ini berisi beberapa bidang yang menjadi komponen suatu kabar pada situs web GAFA, antara lain Judul Berita, Tanggal Input Berita, Isi Berita yang menggunakan fck editor. Pada halaman ini juga terdapat tombol Input Kabar dan link Kembali ke Halaman Utama untuk menuju ke halaman utama. Bidang-bidang seperti Judul Berita, Tanggal Input Berita dan Isi Berita akan ditampilkan dalam keadaan terisi. Halaman ini dapat diakses setelah pengguna memilih menu lihat semua kabar edit kabar.
332 4. Halaman Input Kabar Terkini Gambar 4.38 Tampilan Halaman Input Kabar Terkini Halaman input kabar terkini memiliki tampilan yang hampir sama dengan halaman edit kabar. Halaman ini akan berisi bidang Judul Berita, Tanggal Input Berita yang akan muncul terlebih dahulu tanggal di mana pengguna sedang akan memasukkan berita baru, Isi Berita yang menggunakan fck editor, tombol input kabar, serta link kembali ke Halaman Utama. Hal yang membedakan adalah bahwa Judul Berita dan Isi Berita akan muncul dalam keadaan belum terisi karena layar ini digunakan untuk memasukkan kabar baru, bukan memperbaiki atau mengubah. Halaman ini dapat diakses setelah pengguna memilih menu input kabar terkini.
333 5. Halaman Lihat Sistem Belajar Gambar 4.39 Tampilan Halaman Lihat Sistem Belajar Halaman lihat sistem belajar hanya dapat diakses oleh pengguna dengan status supervisor humas atau super admin. Pada halaman ini terdapat keterangan jelas mengenai sistem belajar yang digunakan GAFA beserta dua buah foto yang menambah nilai estetika halaman. Pada bagian bawah keterangan terdapat link edit untuk mengubah isi penjelasan sistem belajar pada halaman sistem belajar dan link kembali untuk kembali ke layar Content Management System. Halaman ini dapat diakses setelah pengguna memilih menu lihat sistem belajar.
334 6. Halaman Edit Sistem Belajar Gambar 4.40 Tampilan Halaman Edit Sistem Belajar Halaman edit sistem belajar berisi suatu tabel yang menggunakan fck editor untuk mengubah penjelasan mengenai sistem belajar di GAFA. Pada tabel tersebut akan tampil penjelasan yang sebelumnya telah ada pada tampilan halaman sistem belajar. Halaman ini juga dilengkapi dengan tombol edit sistem belajar serta link kembali ke halaman utama. Halaman ini dapat diakses setelah pengguna memilih menu lihat sistem belajar edit.
335 7. Halaman Input Sistem Belajar Gambar 4.41 Tampilan Halaman Input Sistem Belajar Halaman input sistem belajar memiliki tampilan yang menyerupai halaman edit sistem belajar. Pada halaman ini terdapat tabel untuk mengisi penjelasan singkat mengenai sistem belajar dengan menggunakan fck editor serta tombol input sistem belajar untuk memasukkan penjelasan yang telah diketik ke dalam basis data untuk kemudian ditampilkan pada halaman sistem belajar, dan link kembali ke Halaman Utama. Halaman ini dapat diakses setelah pengguna memilih menu input sistem belajar.
336 8. Halaman Lihat Kegiatan Dalam Kelas Gambar 4.42 Tampilan Halaman Lihat Kegiatan Dalam Kelas Pada alaman lihat kegiatan dalam kelas terdapat link edit serta kembali pada setiap bagian sub menu dari kegiatan dalam kelas. Di sebelah kiri dari keterangan-keterangan tersebut terdapat gambar sebagai penunjang unsur estetika pada halaman ini. Halaman ini dapat diakses setelah pengguna memilih menu lihat kegiatan dalam kelas.
337 9. Halaman Edit Kegiatan Dalam Kelas Gambar 4.43 Tampilan Halaman Edit Kegiatan Dalam Kelas Halaman edit kegiatan dalam kelas berisi suatu bidang yang menggunakan fck editor untuk mengubah penjelasan mengenai kegiatan dalam kelas GAFA. Pada bidang tersebut akan muncul kalimat yang sebelumnya telah ada pada halaman kegiatan dalam kelas. Halaman ini dilengkapi dengan tombol edit kegiatan dalam kelas serta link kembali ke halaman utama. Halaman ini dapat diakses setelah pengguna memilih menu lihat kegiatan dalam kelas edit.
338 10. Halaman Input Kegiatan Dalam Kelas Gambar 4.44 Tampilan Halaman Input Kegiatan Dalam Kelas Pada halaman input kegiatan dalam kelas terdapat bidang untuk mengisi penjelasan singkat mengenai kegiatan dalam kelas dengan menggunakan fck editor serta tombol input kegiatan dalam kelas untuk menyimpan penjelasan yang telah diketik ke dalam basis data untuk kemudian ditampilkan pada halaman kegiatan dalam kelas, dan link Kembali ke Halaman Utama. Halaman ini dapat diakses setelah pengguna memilih menu input kegiatan dalam kelas.
339 11. Halaman Lihat Biaya Kursus Gambar 4.45 Tampilan Halaman Lihat Biaya Kursus Halaman lihat biaya kursus memperlihatkan isi yang sama dengan halaman biaya kursus dengan gambar pendukung di bagian kanan halaman. Halaman ini dilengkapi link edit untuk memperbaharui atau memperbaiki informasi mengenai biaya kursus dan link kembali untuk kembali ke halaman yang dikunjungi oleh pengguna sebelum halaman ini. Halaman ini dapat diakses setelah pengguna memilih menu lihat biaya kursus.
340 12. Halaman Edit Biaya Kursus Gambar 4.46 Tampilan Halaman Edit Biaya Kursus Halaman edit biaya kursus merupakan sarana bagi pengguna untuk melakukan perubahan informasi pada halaman biaya kursus. Pada bidang yang telah disediakan akan ditampilkan informasi terakhir yang terdapat pada halaman biaya kursus. Pada bagian bawah halaman terdapat tombol edit biaya kursus untuk menyimpan perubahan yang dilakukan dan link kembali ke Halaman Utama di bawahnya untuk kembali ke halaman utama. Halaman ini dapat diakses setelah pengguna memilih menu lihat biaya kursus edit.
341 13. Halaman Input Biaya Kursus Gambar 4.47 Tampilan Halaman Input Biaya Kursus Halaman ini merupakan sarana untuk memasukkan informasi mengenai biaya kursus. Pada halaman ini terdapat sebuah bidang tempat pengguna dapat memasukkan informasi mengenai biaya kursus. Dengan menekan tombol input biaya kursus, data yang diketik pada tempat yang tersedia akan menimpa data yang sebelumnya telah ditampilkan di halaman biaya kursus dan kemudian akan tersimpan di dalam basis data. Link kembali ke halaman utama berfungsi untuk memudahkan pengguna untuk kembali ke halaman utama. Halaman ini dapat diakses setelah pengguna memilih menu input biaya kursus.
342 14. Halaman Lihat Profil Guru Gambar 4.48 Tampilan Halaman Lihat Profil Guru Halaman lihat profil guru menampilkan lima profil singkat dari guru-guru GAFA yang diurutkan berdasarkan alfabet dari nama-nama guru tersebut. Pada halaman ini terdapat fitur berupa link bagi supervisor humas dan superadmin untuk mengubah gambar dengan menekan link Ubah gambar, mengubah profil dengan menekan link Edit Profil, dan Delete Profil. Link halaman juga dipasang pada bagian atas dan bawah dengan tujuan mempermudah pengguna saat perlu mengakses profil guru tertentu yang diketahui ada pada halaman tertentu. Halaman ini dapat diakses setelah pengguna memilih menu lihat profil guru.
343 15. Halaman Ubah Gambar Guru Gambar 4.49 Tampilan Halaman Ubah Gambar Guru Halaman ubah gambar guru berisi bidang untuk mengetik link foto atau memilih foto yang hendak di-upload. Supervisor humas atau superadmin dapat menekan tombol browse untuk mempermudah pencarian link dari foto yang diinginkan. Foto yang dipilih akan menggantikan foto sebelumnya yang secara langsung akan dihapus ketika pengguna memasuki halaman ini. Pada halaman ini juga disediakan link kembali ke halaman utama untuk mempermudah navigasi menuju halaman utama. Halaman ini dapat diakses setelah pengguna memilih menu lihat profil guru ubah gambar.
344 16. Halaman Edit Profil Guru Gambar 4.50 Tampilan Halaman Edit Profil Guru Halaman edit profil guru berisi nama guru yang akan diubah profilnya serta komentar guru tersebut tentang mengajar di GAFA. Saat halaman ini diakses, nama guru dan komentar akan muncul sesuai keadaan awal. Nama guru tidak dapat diubah. Dengan menekan tombol ubah profil, perubahan akan disimpan di dalam basis data. Pada halaman ini juga disediakan link Kembali ke Halaman Utama. Halaman ini dapat diakses setelah pengguna memilih menu lihat profil guru edit profil.
345 17. Halaman Input Profil Guru Gambar 4.51 Tampilan Halaman Input Profil Guru (STEP 1) Halaman input profil guru (step 1) berisi pilihan nama guru yang akan dimasukkan profilnya. Halamn ini juga menyediakan tempat untuk menyampaikan komentar pribadi para guru Tentang Mengajar di GAFA. Dengan menekan tombol >> next.. supervisor humas atau superadmin akan masuk ke halaman input profil guru (step 2). Link kembali ke halaman utama digunakan untuk mempermudah supervisor humas dan superadmin kembali ke halaman utama. Halaman ini dapat diakses setelah pengguna memilih menu input profil guru.
346 Gambar 4.52 Tampilan Halaman Input Profil Guru (STEP 2) Halaman input profil guru (step 2) berisi bidang untuk mengetik link foto atau memilih foto yang hendak di-upload. Supervisor humas atau superadmin juga dapat menekan tombol browse untuk mempermudah pencarian link dari foto yang diinginkan. Pada halaman ini tetap disediakan link lembali ke halaman utama untuk mempermudah navigasi menuju halaman utama.
347 18. Halaman Lihat Cabang GAFA Gambar 4.53 Tampilan Halaman Lihat Cabang GAFA : Pilih Kota Yang Diinginkan Pada halaman lihat cabang GAFA : pilih kota yang diinginkan terdapat daftar yang berisikan nama-nama kota (atau wilayah) di mana GAFA memiliki cabang. Di bawah daftar tersebut terdapat tombol pilih untuk memasuki bagian selanjutnya setelah nama kota atau wilayah tersebut dipilih. Dan di bagian kanan halaman terdapat gambar untuk menambahkan keindahan tampilan dari situs web ini. Halaman ini dapat diakses setelah pengguna memilih menu lihat cabang GAFA.