T0__BAB IV Institutional Repository | Satya Wacana Christian University: Perancangan Website Gereja GKI Soka Salatiga T0 BAB IV
BAB IV
HASIL DAN ANALISIS
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
Homepage utama merupakan tampilan awal
ketika user mengakses web ini. Pada tampilan tatap
muika, user akan melihat warta terkini, renungan hari
ini. Dalam halaman homepage tidak ada aktifitas
input,
di
sini
user
hanya
dapat
membaca
informasi.Namun dalam menu Hubungi Kami user
dapat mengisikan buku tamu.
44
45
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
ini menampilkan navigasi dan ringkasan pembuka
pada web GKI Soka. Tombol-tombol tersebut yang
nantinya akan menuntun user untuk membuka
46
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
hompage utama.
a.
Halaman Tentang
Gambar 4.2. Tampilan Halaman Tentang
halaman
47
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
Halaman ini berisi warta dari kategori yang
berbeda-beda. Setiap kategori ditampilkan melalui
48
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.
Gambar 4.4. Tampilan Halaman Detil Warta
49
c.
Halaman Hubungi Kami
Gambar 4.5. Tampilan Halaman Detil Warta
Halaman ini berisi form yang disediakan bagi
pengunjung untuk dapat berkomunikasi dengan admin
GKI Soka.
50
d.
Halaman Renungan
Gambar 4.6. Tampilan Halaman Detil Warta
Halaman ini akan tampil ketika user klik pada
renungan yang berada di sidebar pada halaman
Beranda, Tentang, Warta, maupun Hubungi Kami.
Halaman ini menampilkan renungan yang akan secara
rutin diupdate per hari maupun pada waktu yang akan
ditentukan oleh administrator.
51
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
Setelah berhasil login, maka Admin akan
masuk pada halaman Dashboard.
52
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
Halaman ini menampilkan daftar warta dari
berbagai kategori. Dan dari halaman ini pula
admin dapat melakukan hapus dan edit warta.
53
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.
Gambar 4.10. Tampilan Halaman Input Warta
54
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
Halaman ini akan muncul ketika admin klik
pada sub menu input warta. Di sini akan tersedia
form untuk menginputkan warta.
55
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.
Gambar 4.13. Tampilan Halaman Daftar Buku Tamu
56
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
dengan ukuran lebih dari 1Megabyte. Disarankan agar
gambar yang diupload tidak melebihi ukuran 1 Megabyte,
57
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.
Upload foto pada warta tidak disarankan untuk
lebih dari 1 megabyte.
HASIL DAN ANALISIS
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
Homepage utama merupakan tampilan awal
ketika user mengakses web ini. Pada tampilan tatap
muika, user akan melihat warta terkini, renungan hari
ini. Dalam halaman homepage tidak ada aktifitas
input,
di
sini
user
hanya
dapat
membaca
informasi.Namun dalam menu Hubungi Kami user
dapat mengisikan buku tamu.
44
45
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
ini menampilkan navigasi dan ringkasan pembuka
pada web GKI Soka. Tombol-tombol tersebut yang
nantinya akan menuntun user untuk membuka
46
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
hompage utama.
a.
Halaman Tentang
Gambar 4.2. Tampilan Halaman Tentang
halaman
47
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
Halaman ini berisi warta dari kategori yang
berbeda-beda. Setiap kategori ditampilkan melalui
48
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.
Gambar 4.4. Tampilan Halaman Detil Warta
49
c.
Halaman Hubungi Kami
Gambar 4.5. Tampilan Halaman Detil Warta
Halaman ini berisi form yang disediakan bagi
pengunjung untuk dapat berkomunikasi dengan admin
GKI Soka.
50
d.
Halaman Renungan
Gambar 4.6. Tampilan Halaman Detil Warta
Halaman ini akan tampil ketika user klik pada
renungan yang berada di sidebar pada halaman
Beranda, Tentang, Warta, maupun Hubungi Kami.
Halaman ini menampilkan renungan yang akan secara
rutin diupdate per hari maupun pada waktu yang akan
ditentukan oleh administrator.
51
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
Setelah berhasil login, maka Admin akan
masuk pada halaman Dashboard.
52
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
Halaman ini menampilkan daftar warta dari
berbagai kategori. Dan dari halaman ini pula
admin dapat melakukan hapus dan edit warta.
53
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.
Gambar 4.10. Tampilan Halaman Input Warta
54
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
Halaman ini akan muncul ketika admin klik
pada sub menu input warta. Di sini akan tersedia
form untuk menginputkan warta.
55
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.
Gambar 4.13. Tampilan Halaman Daftar Buku Tamu
56
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
dengan ukuran lebih dari 1Megabyte. Disarankan agar
gambar yang diupload tidak melebihi ukuran 1 Megabyte,
57
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.
Upload foto pada warta tidak disarankan untuk
lebih dari 1 megabyte.