IV PENGUJIAN DAN ANALISA

Transkripsi

1 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 Halaman Utama Proses Pendaftaran User 61

2 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 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

3 Proses Pencarian Posting Gambar 4.46 Halaman Web-blog user Input pencarian Contoh posting hasil Gambar 4.47 Halaman Pencarian Posting 63

4 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 Halaman Admin Proses Input/ Edit Modul Untuk Administrator 64

5 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

6 Tulisan? Gambar 4.50 Hasil Perubahan Modul Proses Input/ Edit Tulisan Gambar 4.51 Halaman Input Tulisan 66

7 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

8 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

9 Gambar 4.55 Hasil Dari Proses Input Media Gambar 4.56 Hasil Pada Tampilan Web-blog 69

10 Gambar 4.57 Hasil Pada Tampilan Web-blog Proses Balas Komentar Tulisan Dari Halaman Admin Gambar 4.58 Halaman Admin-Komentar Tulisan 70

11 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 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

12 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

13 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

14 Gambar 4.64 Hasil Dari Proses Diatas 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

15 Gambar 4.66 Tampilan Tambah User Berikut hasilnya : Hasil Gambar 4.67 Hasil Dari Proses Tambah User 75

16 Gambar 4.68 Tampilan Edit User Berikut hasilnya : Hasil Gambar 4.69 Hasil Dari Proses Edit User 76

17 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

18 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

19 Hasil Gambar 4.73 Hasil Dari Proses Tambah Link Gambar 4.74 Tampilan Pada Web-blog 79

20 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

21 Gambar 4.77 Tampilan Pada Web-blog Proses Edit Tampilan Proses edit tampilan adalah proses perubahan terhadap template dan menu menu yang terdapat pada web-blog : Perubahan Template : 81 Gambar 4.78 Tampilan Awal Web-blog

22 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

23 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

24 Gambar 4.82 Hasil Perubahan Menu Perubahan Slogan : Perubahan slogan yaitu mengganti nama slogan yang biasanya terdapat diatas site : Gambar 4.83 Perubahan Slogan 84

25 Berikut hasilnya pada halaman web-blog : Gambar 4.84 Hasil Perubahan Slogan Halaman Web-Blog Penulisan Pesan Buku Tamu : Gambar 4.85 Tampilan Awal 85

26 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

27 Gambar4.87 Hasil Penulisan Buku Tamu Penulisan Komentar Tulisan : Gambar 4.88 Tampilan Awal 87

28 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

29 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

30 Gambar 4.92 Hasil Tampilan Tulisan 90