BAB 4 IMPLEMENTASI DAN EVALUASI 4.1 Implementasi Sistem Untuk mengimplementasikan website ini, pertama-tama harus menyediakan perangkat lunak (software) serta perangkat keras (hardware) untuk menjalankan website tersebut, baik di bagian user ataupun admin. Dibawah ini akan dijelaskan spesifikasi software, hardware dan sumber daya manusia yang dibutuhkan untuk mengimplementasikan website ini. 4.1.1 Spesifikasi Perangkat Keras Perangkat keras adalah peralatan fisik yang membentuk suatu system computer dan dipergunakan untuk proses pengolahan data. Dalam hal ini peralatan yang dibutuhkan oleh user dan admin agar dapat menggunakan website yang telah dibuat adalah. Monitor Keybord Pointing device : mouse Hardisk dengan kapasitas 20 GByte Memory ukuran 128 Mbyte 168
169 Processor Pentium 2 Network interface card Sedangkan kebutuhan perangkat keras minimum bagi server aplikasi ini adalah sebagai berikut: Monitor Keyboard Pointing device : mouse HardDisk dengan kapasitas 40 Gbyte Memory ukuran 512 Mbyte Processor Pentium 4 Network interface card Apapun kebutuhan yang diperlukan oleh server yaitu Web hosting yang mendukung PHP 4.0, MySQL 4.0. Dibutuhkan bandwidth minimal 128 kbps, karena diharapkan aplikasi dapat berjalan dengan maksimal dan cepat. Mengenai harga, tentu saja akan berbeda karena spesifikasi serta harga yang ditawarkan setiap webhosting bervariasi. Webhosting yang dipilih adalah www.webforinstant.com dengan biaya tahunan sebesar Rp. 2.000.000,00, yang akan berlanjut setiap tahunnya jika layanan webhosting diperpanjang. Harga ini didapatkan pada bulan September 2009. Alasan memilih www.webforinstant.com sebagai
170 penyedia layanan webhosting karena spesifikasi dan harga ditawarkan dirasa cocok, memiliki layanan yang beragam dan mudah diopearasikan, serta Customer Support yang sigap. 4.1.2 Spesifikasi Perangkat Lunak Kebutuhan perangkat lunak minimum yang dibutuhkan oleh user agar dapat mengakses aplikasi ini antara lain: Operating system Windows XP Perangkat lunak yang digunakan untuk menjalankan sistem komputer. Browser (Internet Explorer / Mozilla Firefox / Google Chrome) Perangkat lunak ini berfungsi untuk mencari dan menampilkan aplikasi yang berupa website dalam jaringan internet. Sedangkan kebutuhan minimum perangkat lunak yang digunakan server untuk menjalankan aplikasi ini adalah : Operating System Windows yang digunakan untuk menjalankan sistem komputer. MySql Server
171 4.2 Navigasi Aplikasi Setelah aplikasi di-upload dan di-host di internet dengan nama domain www.gloriaministry.com, aplikasi akan bisa diakses oleh siapa saja yang memiliki akses internet. Buka browser (Internet Explorer atau yang lain), ketikkan www.gloriaministry.com pada address bar, maka aplikasi akan tampil pada layar browser. Berikut ini adalah navigasi aplikasi : 4.2.1 Tampilan Layar Home Pada layar index pengguna akan mendarat untuk pertama kalinya jika mengunjungi website http://www.gloriaministry.com. Pada layar terlihat sejumlah informasi seperti kata sambutan, potongan potongan berita yang dirilis Yayasan Gloria Ministry, aktif tidaknya pihak support, serta data jumlah pengunjung website.
Gambar 4.1 Layar index atau home www.gloriaministry.com 172
173 4.2.2 Layar Profile Pada halaman profile ini dicantumkan kata sambutan dari Ketua Yayasan Gloria Ministry. Tercantum juga visi misi Yayasan yaitu untuk mewujudkan amanat Tuhan serta memberikan dukungan beasiswa kepada sebanyak mungkin anak-anak. Pengunjung dapat memperoleh gambaran jelas mengapa dan kemana Yayasan akan melangkah. Gambar 4.2 Layar Profile
174 4.2.3 Tampilan Layar Program 1. Layar Program News Pada halaman ini, pengunjung bisa melihat arsip-arsip dari berita baru maupun lama yang telah dirilis oleh Yayasan Gloria Ministry. Pengunjung juga bisa menyortir arsip berdasarkan judul berita ataupun tanggal dirilisnya berita. Gambar 4.3 Layar Program News
175 2. Layar Program Event Pada halaman ini pengunjung disuguhkan dengan berita tentang kegiatan-kegiatan yang diselenggarakan pihak Yayasan Gloria Ministry dalam rangka semakin menggebukan semangat pelayanan ataupun pengembangan anak-anak yang bernaung di bawah Yayasan. Gambar 4.4 Layar Program Event
176 4.2.4 Layar Galeri 1. Layar Galeri Foto Pada layar galeri ini pengunjung bisa memilih dan melihat fotofoto Yayasan yang di-publish. Foto yang dipilih akan otomatis membesar dengan latar belakang menggelap, dan foto juga bisa dinavigasi secara slide show. Gambar 4.5 Layar Galeri Foto 1
Gambar 4.6 Layar Galeri Foto 2 177
178 2. Layar Galeri Video Pada layar ini akan ditampilkan video-video Yayasan yang telah di-publish dan terlebih dahulu diunggah ke situs video seperti YouTube, untuk kemudian diputar kembali di halaman website gloriaministry.com. Gambar 4.7 Layar Galeri Video
179 4.2.5 Layar Testimonial Pada layar ini ditampilkan testimonial dari anak-anak yang pernah mendapatkan beasiswa dari Yayasan Gloria Ministry. Gambar 4.8 Layar Testimonial
180 4.2.6 Layar Contact Us Pada layar ini ditampilkan informasi kontak Yayasan Gloria Ministry. Gambar 4.9 Layar Contact Us
181 4.2.7 Layar Sign Up Pada layar ini, pengunjung boleh dan diminta untuk mendaftarkan diri, sebagai satu syarat sebelum memberi donasi. Form didesain sederhana agar proses pendaftaran cepat. Solusi anti-spam dari recaptcha digunakan sebagai antisipasi terhadap spammer. Gambar 4.10 Layar Sign Up
182 4.2.8 Layar List Anak Pada layar ini, pengunjung yang telah login bisa melihat daftar nama anak yang membutuhkan donasi. Pengunjung bisa juga melakukan pencarian berdasarkan tingkat kelas, jenis kelamin, kota ataupun propinsi. Gambar 4.11 Layar List Anak 1
Gambar 4.12 Layar List Anak 2 183
184 4.2.9 Layar Histori Transaksi transaksinya. Pada layar ini pengguna yang telah melakukan donasi bisa melihat histori Gambar 4.13 Layar Histori Transaksi
185 4.2.10 Layar List Anak Asuh diberi donasi. Pada layar ini, pengguna bisa melihat daftar anak asuh yang pernah Gambar 4.14 Layar List Anak Asuh
186 4.2.11 Layar Donasi Pada halaman ini, pengguna bisa mengisi form donasi yang disediakan oleh Yayasan. Terdapat pilihan donasi secara cicilan ataupun tunai keras. Gambar 4.15 Layar Donasi 1
Gambar 4.16 Layar Donasi 2 187
188 4.2.12 Layar Admin dan diedit. Pada halaman ini, admin bisa memilih bagian mana yang akan dilihat Gambar 4.17 Layar Admin
189 4.2.13 Layar Admin News Pada layar ini, admin bisa melakukan insert, update, delete pada news. Gambar 4.18 Layar Admin News
190 4.2.14 Layar Admin Profile Pada layar ini, admin bisa melakukan edit pada konten profile. Gambar 4.19 Layar Admin Profile