IV PENGUJIAN DAN ANALISA Dalam bab ini dijelaskan mengenai uji coba yang dilaksanakan. Pertama dibahas tentang lingkungan pelaksanaan ujicoba aplikasi. Selanjutnya dijelaskan mengenai beberapa data transaksi yang digunakan dalam pelaksanaan ujicoba, serta evaluasi hasil uji coba. 4.1 LINGKUNGAN PENGUJIAN Pengujian dilakukan dengan sistem hardware sebagai berikut: Server: o Komputer server dengan spesifikasi Pentium Dual Core 2,6 GHz, RAM 1sGB. o Harddisk 80GB, VGA Onboard. Client: o Komputer server dengan spesifikasi Pentium Dual Core 2,6 GHz, RAM 2GB. o Harddisk 80GB, VGA Onboard. 4.2 Uji Coba 4.2.1 Halaman Utama 4.2.1.1 Proses Pendaftaran User 61
Gambar 4.44 Proses Pendaftaran User Proses pendaftaran user adalah proses pendaftaran/registrasi user ke dalam sistem. Setelah proses pendaftaran berhasil, user akan mendapatkan konfirmasi yang bertujuan untuk mengaktifkan account lewat dari email yang telah diinputkan saat mengisi form pendaftaran. Berikut tampilan konfirmasi kepada user beserta tampilan web-blog user setelah account diaktifkan : Konfirmasi Gambar 4.45 Proses Pendaftaran User 62
4.2.1.2 Proses Pencarian Posting Gambar 4.46 Halaman Web-blog user Input pencarian Contoh posting hasil Gambar 4.47 Halaman Pencarian Posting 63
Proses pencarian adalah proses pencarian posting dari seluruh user berdasarkan kata kunci yang diinputkan pada field input pencarian. Berikut contoh salah satu tampilan posting hasil dari pencarian : Gambar 4.48 Hasil Pencarian Posting Pada Web-blog User 4.2.2 Halaman Admin 4.2.2.1 Proses Input/ Edit Modul Untuk Administrator 64
Contoh Modul Gambar 4.49 Halaman Edit Modul Proses input/ edit modul adalah proses penambahan/ perubahan terhadap menu pada halaman admin. Pada percobaan ini dilakukan peng-editan pada menu TULISAN dengan atribut AKTIF = N. Hasilnya menu tulisan tidak tampil pada sidebar menu. Berikut hasil dari perubahan proses diatas : 65
Tulisan? Gambar 4.50 Hasil Perubahan Modul 4.2.2.2 Proses Input/ Edit Tulisan Gambar 4.51 Halaman Input Tulisan 66
Proses input/ edit tulisan adalah proses penambahan/ perubahan tulisan/ posting yang nantinya akan di upload/ di publish di web-blog. Berikut hasil dari perubahan proses diatas : Hasil Gambar 4.52 Hasil Dari Proses Input Tulisan Gambar4. 53 Hasil Pada Tampilan Web-blog 67
4.2.2.3 Proses Input/ Edit Media Gambar 4.54 Halaman Input Media Proses input/ edit media adalah proses penambahan/ perubahan media yang nantinya akan di upload/ di publish di web-blog. Berikut hasil dari proses input media: 68
Gambar 4.55 Hasil Dari Proses Input Media Gambar 4.56 Hasil Pada Tampilan Web-blog 69
Gambar 4.57 Hasil Pada Tampilan Web-blog 4.2.2.4 Proses Balas Komentar Tulisan Dari Halaman Admin Gambar 4.58 Halaman Admin-Komentar Tulisan 70
Proses diatas adalah proses balas komentar tulisan pada web-blog yang dilakukan dari halaman admin, dan hasilnya akan tampil di halaman web-blog. Berikut hasilnya : Hasil Gambar 4.59 Hasil Pada Tampilan Web-blog 4.2.2.5 Proses Kirim & Terima Pesan Proses kirim/ terima pesan adalah proses pengiriman pesan kepada teman/ user lain. Sedangkan proses penerimaan pesan adalah kebalikan dari proses pengiriman pesan. Berikut contoh dari proses pengiriman pesan dan balas pesan : 71 Gambar 4.60 Penulisan Pesan Baru
Gambar 4.61 Penulisan Balas Pesan Berikut hasil dari penulisan pesan diatas pada halaman user yang menerima pesan tersebut : Gambar 4.62 Tampilan Pesan Masuk 72
4.2.2.6 Proses Balas Pesan Buku Tamu Melalui Halaman Admin Gambar 4.63 Penulisan Pesan Buku Tamu Proses diatas adalah proses penulisan buku tamu/ guestbook pada halaman web-blog melalui halaman admin, dan hasilnya akan tampil di halaman web-blog. Berikut hasilnya : 73
Gambar 4.64 Hasil Dari Proses Diatas 4.2.2.7 Proses Pendaftaran/ Perubahan User Oleh Administrator Proses ini adalah proses penambahan/ perubahan user yang dilakukan oleh Administrator. Berikut contoh dan hasilnya : Gambar 4.65 Tampilan Awal 74
Gambar 4.66 Tampilan Tambah User Berikut hasilnya : Hasil Gambar 4.67 Hasil Dari Proses Tambah User 75
Gambar 4.68 Tampilan Edit User Berikut hasilnya : Hasil Gambar 4.69 Hasil Dari Proses Edit User 76
4.2.2.7 Proses Edit Profil Gambar 4.70 Tampilan Edit Profil Proses diatas adalah proses perubahan data profil user. Berikut hasilnya : 77 Gambar 4.71 Tampilan Profil Pada Halaman Web-blog
4.2.2.8 Proses Tambah Link Gambar 4.72 Tampilan Tambah Link Proses diatas adalah proses penambahan link yang nantinya dapat di publish di web-blog. Berikut hasilnya : 78
Hasil Gambar 4.73 Hasil Dari Proses Tambah Link Gambar 4.74 Tampilan Pada Web-blog 79
4.2.2.9 Proses Tambah Banner Gambar 4.75 Tampilan Tambah Banner Proses diatas adalah proses penambahan banner yang nantinya dapat di publish di web-blog. Berikut hasilnya : Hasil Gambar 4.76 Hasil Dari Proses Tambah Banner 80
Gambar 4.77 Tampilan Pada Web-blog 4.2.2.10 Proses Edit Tampilan Proses edit tampilan adalah proses perubahan terhadap template dan menu menu yang terdapat pada web-blog : 4.2.2.10.1 Perubahan Template : 81 Gambar 4.78 Tampilan Awal Web-blog
Pilihan Gambar 4.79 Pemilihan Template Setelah pemilihan template selesai, maka hasil tampilan web-blog akan seperti dibawah ini : Gambar 4.80 Hasil Pemilihan Template 82
4.2.2.10.2 Perubahan Menu : Gambar 4.81 Perubahan Menu Pada percobaan ini dilakukan perubahan terhadap menu SEARCH dan menu LOGIN dengan atribut tampil diubah menjadi SEMBUNYI. Berikut hasilnya : 83
Gambar 4.82 Hasil Perubahan Menu 4.2.2.10.3 Perubahan Slogan : Perubahan slogan yaitu mengganti nama slogan yang biasanya terdapat diatas site : Gambar 4.83 Perubahan Slogan 84
Berikut hasilnya pada halaman web-blog : Gambar 4.84 Hasil Perubahan Slogan 4.2.3 Halaman Web-Blog 4.2.3.1 Penulisan Pesan Buku Tamu : Gambar 4.85 Tampilan Awal 85
Penulisan pesan buku tamu kali ini dilakukan di halaman web-blog, dan hasilnya akan langsung tampil pada bagian paling atas. Berikut form penulisan buku tamu dan hasilnya : Gambar4. 86 Penulisan Buku Tamu Setelah penulisan selesai dan ditekan tombol kirim maka hasilnya akan langsung tampil pada bagian paling atas, berikut tampilannya : 86
Gambar4.87 Hasil Penulisan Buku Tamu 4.2.3.2 Penulisan Komentar Tulisan : Gambar 4.88 Tampilan Awal 87
Penulisan komentar kali ini dilakukan di halaman web-blog, dan hasilnya akan langsung tampil pada bagian paling atas. Berikut form penulisan komentar dan hasilnya : Berikut hasilnya : Gambar4.89 Penulisan Komentar Gambar 4.46 Gambar 4.90 Hasil Penulisan Komentar 88
4.2.3.3 Membuka Tulisan Yang Di Password : Gambar 4.91 Tampilan Awal Proses ini adalah proses untuk membuka tulisan yang di-password karena sifatnya yang pribadi, jadi tidak semua orang bisa membaca isi tulisan tersebut. Berikut hasil setelah pemasukan password : 89
Gambar 4.92 Hasil Tampilan Tulisan 90