44
Dalam bab ini penulis akan menjabarkan implementasi dari Perancangan Website Geraja GKI Soka Salatiga. Aplikasi ini di jalankan pada Operating System Windows 7.
4.1. Implementasi Sistem
Pada bagian ini akan menjelaskan tentang antarmuka yang disediakan untuk berinteraksi dengan pemakai. Berikut adalah antarmuka yang dapat dilihat oleh pemakai saat berinteraksi :
4.1.1. Homepage Utama
Gambar 4.1. Tampilan Homepage Awal
Halaman ini merupakan bagian depan atau halaman awal yang disimpan dengan nama index.php. Tampilan awal ini akan membantu pengguna untuk memilih menu yang akan dikunjungi. Tampilan awal
halaman-halaman yang diinginkan. Selain tombol naïvigasi, user juga dapat mengakses warta terkini dan renungan hari ini yang tersedia di halaman beranda.
4.1.2. Halaman Front-end
Halaman front-end ini meliputi halaman Beranda, Tentang, Warta, dan Hubungi Kami. Halaman Beranda sendiri merupakan halaman hompage utama.
a. Halaman Tentang
Halaman ini berisi tentang sejarah, visi misi, sistem organisasi GKI Soka. Ini juga bertujuan untuk memberikan informasi kepada pengunjung seputar GKI Soka Salatiga. Halaman tentang kami memiliki tiga sub-menu yaitu Sejara, Visi Misi, dan Sistem Organisasi.
b. Halaman Warta
Gambar 4.3. Tampilan Halaman Warta
sub-menu. Sub-menu yang ada disesuaikan dengan kategori yang anda, diantaranya : Kegiatan Umum, Sekolah Minggu, Remaja dan Pemuda, Manula dan Adiwiswo, Pengumuman, dan Lain-lain . Jika salah satu warta di klik pada judul, maupun pada hyperlink ‘selengkapnya’ maka user akan masuk ke halaman detil warta.
c. Halaman Hubungi Kami
Gambar 4.5. Tampilan Halaman Detil Warta
d. Halaman Renungan
Gambar 4.6. Tampilan Halaman Detil Warta
4.1.3. Halaman Back-office (Administrator)
Halaman back-office atau yang lebih kerap disebut halaman administrator atau dashboard adalah halaman khusus untuk administrator website GKI Soka untuk mengupdate konten yang ada di dalam
website GKI Soka. Konten yang dapat diupdate oleh admin meliputi ini meliputi warta, renungan, dan buku tamu.
Sebelum masuk pada halaman ini, admin akan masuk pada halaman login.
Gambar 4.7. Tampilan Halaman Login Admin
Gambar 4.8. Tampilan Halaman Dashboard Admin
Admin dapat mengakses menu-menu yang ada pada sidebar kiri. Dan pada main content berisikan tulisan sambutan selamat datang admin. Untuk Logout admin dapat klik pada menu Hi Administrator! atau klik pada menu Log out yang terdapat pada menu sidebar.
1. Daftar Warta
Gambar 4.9. Tampilan Halaman Daftar Warta
2. Input Warta
Halaman ini akan muncul ketika admin klik pada sub menu input warta. Di sini akan tersedia form untuk menginputkan warta.
3. Daftar Renungan
Halaman ini menampilkan daftar renungan, dan dari halaman ini pula admin dapat melakukan hapus dan edit renungan.
Gambar 4.11. Tampilan Halaman Daftar Renungan
4. Input Renungan
Gambar 4.12. Tampilan Halaman Input Renungan
5. Daftar Buku Tamu
Halaman ini menampilkan daftar buku tamu yang diinput oleh pengunjung melalui halaman Hubungi Kami, dan dari halaman ini pula admin dapat melakukan hapus buku tamu.
6. Detil Buku Tamu
Halaman ini akan muncul ketika admin klik pada salah satu buku tamu yang berada di daftar buku tamu. Admin tidak dapat mengeditnya, hanya bias menghapusnya.
Gambar 4.14. Tampilan Halaman Detil Buku Tamu
4.2. Hasil Pengujian
Dalam pengujian sistem, penulis menggunakan aplikasi browser Google Chrome, penggunaan browser lain seperti contoh Internet Explorer kadang menemui kasus kesalahan CSS. Karena beberapa CSS tidak dapat di load oleh browser tersebut.
Upload gambar untuk halaman warta akan mengalami kesalahan atau error code saat upload gambar
dan lakukan penyimpanan melalui aplikasi pengolah gambar Photoshop dengan menyimpan gambar tersebut khusus untuk web atau Save for
Web/CTRL+ SHIFT+ ALT+ S.
Secara keseluruhan web dapat berjalan dengan baik. Web Gereja GKI Soka Salatiga didesain agar user
atau pengunjung dengan mudah mengakses setiap halaman sehingga mendapatkan informasi dengan baik.
4.3. Analisa Sistem
1. Kelebihan Sistem
Pengguna akan dengan mudah mengakses setiap halaman karena menu yang disajikan sangat ringkas dan tidak terkesan padat.
2. Kekurangan Sistem
Jika sistem dijalankan pada browser Internet Explorer, tampilan yang tampil tidak akan sesuai atau tidak akan sama dengan tampilan yang di tampilkan oleh browser Google Chrome.