BAB 4 IMPLEMENTASI DAN EVALUASI
1.1.
Spesifikasi Sistem Berdasarkan analisis permasalahan yang dihadapi pembaca dan pembuat majalah, maka dirancang satu aplikasi yang dapat membantu mereka untuk menggabungkan beberapa informasi menjadi satu serta membaca kumpulan informasi tersebut lewat web site. Aplikasi baru yang diusulkan adalah dengan membuat web site berbasis cloud computing untuk kebutuhan pengguna dengan cara memasukkan beberapa informasi seperti foto, teks, dan video ke dalam canvas majalah sehingga kumpulan informasi tersebut dapat menjadi satu kesatuan yang disebut majalah, yang kemudian di-publish sehingga dapat dibaca oleh pengguna lain maupun dirinya sendiri.
1.1.1
Spesifikasi Hardware Hardware adalah komponen fisik komputer yang terhubung menjadi satu kesatuan dan saling bekerjasama untuk melakukan proses pengolahan data. Dalam hal ini, spesifikasi minimum hardware aplikasi online builder magazine untuk client adalah : a. Processor : Pentium IV 3.0 GHz b. Harddisk : 20 GB c. RAM : 1 GB d. Keyboard dan mouse
305
306 e. LAN cable dan modem internet f. Monitor 14” Spesifikasi minimum hardware aplikasi online builder magazine untuk server adalah : a. Processor : Pentium IV 3.0 GHz b. Harddisk : 5 GB c. Memory : 768 MB d. Keyboard dan mouse
1.1.2
Spesifikasi Software Software adalah perangkat lunak komputer yang membantu pengguna dalam melakukan proses pengolahan data. Dalam hal ini, spesifikasi software minimum untuk client adalah sebagai berikut : a. Sistem operasi Microsoft® Windows XP atau Windows® Vista atau Windows® 7. b. Browser : Google Chrome® versi 23 atau lebih baru. Spesifikasi software minimum untuk server adalah sebagai berikut : a. Sistem operasi Linux® CentOS 5.7 x86_64. b. Database Management System (DBMS) MySQL® 5.2. c. PHP® 5.3.5.
307 1.2.
Implementasi Berikut beberapa halaman web site yang dapat menjadi panduan atau gambaran sistem yang diimplementasi. 1. Halaman Log In User dapat melakukan log in menggunakan username dan password yang sesuai untuk masuk ke dalam aplikasi createmagz.com. Selain itu user juga dapat melakukan sign up, yaitu mendaftar menjadi user baru. Terakhir user dapat menuju halaman forgot password apabila user tidak ingat dengan password-nya. Rancangan layar log in dapat dilihat pada gambar 3.70. Pada halaman log in ini user dapat melihat satu tombol log in yang akan diklik setelah user mengisi username dan password yang sesuai, tombol sign up untuk menuju halaman sign up, serta link forgot password untuk menuju layar reset password. Layar log in dari createmagz.com dapat dilihat pada gambar 4.1.
Gambar 4.1 Tampilan Layar Log In
308 Pada halaman ini, sequence yang terlibat adalah log in, yaitu pada saat user menekan tombol log in, maka sistem akan mengecek data tersebut ke dalam database, apabila valid maka user akan berpindah ke halaman home, namun apabila user tidak valid maka akan muncul pesan error. Sequence log in dapat dilihat pada gambar 4.2.
Gambar 4.2 Sequence Diagram Log In
309 2. Halaman forgot password Apabila user sebelumnya telah melakukan sign up, tetapi kemudian lupa dengan password yang telah dibuat, maka user dapat masuk ke halaman forgot password untuk me-reset password yang dimilikinya. Rancangan layar halaman forgot password dapat dilihat pada gambar 3.73. Pada halaman forgot password, terdapat field username, dan email yang perlu diisi user sebelum me-reset password-nya. Apabila kedua field tersebut telah diisi, maka user dapat menekan tombol reset, dan apabila data yang diisi sesuai maka password akan di-reset dan ditampilkan di layar, namun apabila data yang diisi tidak sesuai maka akan muncul pesan error. Gambar logo di pojok kiri halaman apabila diklik maka akan berpindah ke halaman log in. Layar forgot password dapat dilihat pada gambar 4.3.
Gambar 4.3 Tampilan Layar Forgot Password
310 Proses forgot password melibatkan sequence forgot password, yaitu pada saat user menekan tombol reset, maka sistem akan mengecek data yang dimasukkan user, apabila valid maka password baru akan ditampilkan dan data user di database diubah, namun apabila tidak valid, pesan error akan ditampilkan. Sequence forgot password dapat dilihat pada gambar 4.4.
Gambar 4.4 Sequence Diagram Forgot Password
311 3. Halaman Sign Up Setiap orang yang ingin menggunakan aplikasi createmagz.com, diharuskan melakukan proses sign up terlebih dahulu dengan mengisi beberapa data yang diperlukan. Halaman sign up dapat diakses melalui halaman log in dengan menekan tombol sign up. Rancangan layar sign up dapat dilihat pada gambar 3.72. Pada halaman sign up terdapat field username, radio button gender, combo box birthday, field email, field username, field password, serta field confirm password yang perlu diisi user sebelum menekan tombol sign up. Apabila data yang dimasukkan user valid, maka user akan diberitahu, lalu dipindahkan ke halaman log in, namun apabila data tidak valid maka akan muncul pesan error. Gambar logo di pojok kiri halaman apabila diklik maka akan berpindah ke halaman log in. Layar sign up dapat dilihat pada gambar 4.5.
Gambar 4.5 Tampilan Layar Sign Up
312 Proses sign up melibatkan sequence sign up, yaitu pada saat user menekan tombol sign up maka data-data yang dimasukkan user akan dicek, apabila valid maka user akan diberitahu dan dipindahkan ke halaman log in, sementara apabila data yang dimasukkan tidak valid maka akan muncul pesan error. Sequence diagram sign up dapat dilihat pada gambar 4.6.
Gambar 4.6 Sequence Diagram Sign Up
313 4. Halaman Home Setiap user yang telah melakukan log in akan dipindahkan ke halaman home. Halaman ini merupakan halaman yang akan menampilkan majalah baru yang telah dibuat oleh user lain, serta majalah mark it dan favorit yang telah ditandai sebelumnya. Rancangan layar halaman home dapat dilihat pada gambar 3.71. Pada halaman ini terdapat tiga list yaitu new magazine, favorite magazine, dan mark magazine. New magazine merupakan list majalah baru yang telah dibuat user lain, favorite magazine merupakan majalah yang telah ditandai sebagai favorit oleh user, dan mark magazine merupakan halaman majalah yang ditandai user sebagai batas halaman majalah yang telah dibaca oleh user. Setiap list majalah tersebut akan menuju halaman reader magazine apabila diklik. Pada bagian pojok kanan terdapat drop down list menu user untuk menuju my profile dan melakukan log out. Halaman home dapat dilihat pada gambar 4.7.
Gambar 4.7 Tampilan Layar Home
314 Proses yang ada pada halaman home melibatkan beberapa sequence diagram, yaitu view newest magazine, view favorite magazine, dan view mark it magazine. Sequence tersebut meliputi proses sistem menampilkan daftar list magazine hingga user mengklik salah satu majalah, sehingga user akan dipindahkan ke halaman reader magazine. Sequence diagram view newest magazine dapat dilihat pada gambar 4.8.
Gambar 4.8 Sequence Diagram View Newest Magazine
315 Sequence diagram view favorite magazine dapat dilihat pada gambar 4.9.
Gambar 4.9 Sequence Diagram View Favorite Magazine
316 Sequence diagram view mark it magazine dapat dilihat pada gambar 4.10.
Gambar 4.10 Sequence Diagram View Mark It Magazine
1. Halaman Build Magazine Halaman build magazine merupakan tab menu kedua yang ada pada web site createmagz.com. Halaman ini dapat mengarahkan user ke halaman builder magazine dan user magazine. Rancangan layar build magazine dapat dilihat pada gambar 3.81. Halaman build magazine terdiri dari title dan 2 button. Title merupakan judul halaman ini, sedangkan button 1 merupakan akses untuk menuju halaman builder magazine, dan button 2 merupakan akses menuju user magazine. Pojok kiri terdapat logo yang apabila diklik akan menuju halaman home. Pojok kanan terdapat drop
317 down menu yang dapat digunakan user untuk menuju halaman my profile dan melakukan log out. Layar build magazine dapat dilihat pada gambar 4.11.
Gambar 4.11 Tampilan Layar Build Magazine
Pada halaman build magazine tidak dilibatkan class diagram dan sequence diagram karena halaman ini hanya berisi akses user untuk menuju halaman lainnya.
2. Halaman Search Magazine Halaman search magazine merupakan tab menu ketiga dari web site createmagz.com. Halaman ini berguna untuk mencari majalah yang telah dibuat oleh semua user sesuai dengan kata kunci yang dimasukkan pada kolom pencarian. Rancangan layar search magazine dapat dilihat pada gambar 3.75. Pada halaman search magazine, user dapat melihat kolom search untuk memasukkan kata kunci pencarian yang diinginkan. Setelah itu, user dapat menekan
318 tombol search. Apabila data yang dimasukkan valid maka akan muncul list majalah yang sesuai dengan kata pencarian dari user, namun apabila tidak valid maka akan muncul pesan error. Layar search magazine dapat dilihat pada gambar 4.12.
Gambar 4.12 Tampilan Layar Search Magazine
Proses search magazine melibatkan sequence search magazine, yaitu pada saat user menekan tombol search, maka sistem akan mencari data majalah sesuai dengan data yang diisi, apabila valid maka akan ditampilkan list magazine yang sesuai, namun apabila tidak valid maka akan ditampilkan pesan error. Sequence diagram search magazine dapat dilihat pada gambar 4.13.
319
Gambar 4.13 Sequence Diagram Search Magazine
3. Halaman My Profile Halaman ini berisi data-data pribadi dari user seperti full name, gender, birthday, email, username, dan password. Pada halaman ini user juga dapat mengubah data-data pribadi tersebut. Rancangan layar my profile dapat dilihat pada gambar 3.74.
320 Pada halaman my profile, user dapat melihat data pribadinya sekaligus 1 tombol edit, yang apabila diklik maka user dapat mengubah data-data pribadi mereka. Setelah user mengubah data, maka user dapat menekan tombol save. Apabila data yang dimasukkan valid, maka data user telah berubah di database, namun apabila tidak valid maka akan muncul pesan error. Layar my profile dapat dilihat pada gambar 4.14.
Gambar 4.14 Tampilan Layar My Profile
Halaman my profile melibatkan sequence diagram edit profile, yaitu pada saat user memasukkan data-data pribadi yang baru lalu menekan tombol save maka sistem akan mengecek data tersebut, yang apabila valid akan disimpan di database. Sequence diagram edit profile dapat dilihat pada gambar 4.15.
321
Gambar 4.15 Sequence Diagram Edit Profile
4. Halaman My Magazine Halaman my magazine berisi list majalah yang telah dibuat oleh user, beserta beberapa pilihan aksi yang dapat dilakukan oleh user. Rancangan layar my magazine dapat dilihat pada gambar 3.82.
322 Pada halaman my magazine, user dapat melihat list majalah yang telah dibuat sekaligus beberapa tombol seperti edit, delete, dan publish. Tombol edit apabila diklik akan memindahkan user ke halaman builder magazine agar user dapat mengubah isi konten majalah tersebut. Tombol delete berguna untuk menghapus majalah yang dipilih user. Tombol publish berguna untuk mengijinkan user lain agar dapat melihat majalah tersebut. Tombol publish apabila diklik akan berganti menjadi tombol unpublish. Layar my magazine dapat dilihat pada gambar 4.16.
Gambar 4.16 Tampilan Layar My Magazine
Pada halaman ini, dilibatkan beberapa sequence diagram yaitu view my magazine, delete magazine, edit my magazine, publish magazine, dan unpublish magazine. Sequence view magazine berlangsung saat user masuk ke halaman my magazine untuk melihat list majalah yang pernah dibuat. Sequence delete magazine, edit my magazine, publish magazine, dan unpublish magazine berlangsung saat user
323 menekan tombol yang tersedia pada aplikasi. Sequence diagram view my magazine dapat dilihat pada gambar 4.17.
Gambar 4.17 Sequence Diagram View My Magazine
Sequence diagram publish magazine dapat dilihat pada gambar 4.18.
Gambar 4.18 Sequence Diagram Publish Magazine
324
Sequence diagram unpublish magazine dapat dilihat pada gambar 4.19.
Gambar 4.19 Sequence Diagram Unpublish Magazine Sequence diagram delete my magazine dapat dilihat pada gambar 4.20.
Gambar 4.20 Sequence Diagram Delete My Magazine
325 Sequence diagram edit magazine dapat dilihat pada gambar 4.21.
Gambar 4.21 Sequence Diagram Edit Magazine
5. Halaman Builder Magazine Halaman builder magazine merupakan halaman untuk membuat majalah bagi setiap user. Halaman ini memungkinkan user untuk memasukkan beberapa konten multimedia seperti teks, gambar, shape, garis, dan video. User juga dapat mengubah properties dari teks, gambar, shape, dan garis. Rancangan layar halaman builder magazine memasukkan text dapat dilihat pada gambar 3.76. Rancangan layar
326 halaman builder magazine memasukkan image dapat dilihat pada gambar 3.77. Rancangan layar halaman builder magazine memasukkan line dapat dilihat pada gambar 3.78. Rancangan layar halaman builder magazine memasukkan shape dapat dilihat pada gambar 3.79. Halaman builder magazine terdiri dari 3 bagian utama yaitu kiri, tengah, dan kanan.
Bagian kiri terdapat beberapa tombol utama, seperti tombol untuk
memasukkan gambar, garis, video, shape, tabel, menambah halaman majalah, menghapus halaman majalah, mengubah warna latar, mengganti gambar latar, menuju halaman sebelum dan sesudah, undo, redo, serta tombol save untuk menyimpan majalah. Bagian tengah merupakan halaman majalah tempat untuk meletakkan berbagai konten yang diinginkan user. Bagian kanan terdapat properties untuk beberapa konten yang ada, seperti warna teks, jenis teks, ukuran teks, warna shape, ukuran shape, warna garis, dan filter gambar. Layar builder magazine memasukkan text dapat dilihat pada gambar 4.22.
Gambar 4.22 Tampilan Layar Builder Magazine Memasukkan Text
327 Pada gambar 4.22 dapat dilihat bahwa pada saat user memasukkan teks, maka user juga dapat mengatur berbagai properties yang tersedia, yaitu jenis teks, ukuran teks, kerataan teks, warna teks, warna latar teks, dan dekorasi teks. Layar builder magazine memasukkan image dapat dilihat pada gambar 4.23.
Gambar 4.23 Tampilan Layar Builder Magazine Memasukkan Image
Pada gambar 4.23 dapat dilihat bahwa pada saat user memasukkan gambar, maka user juga dapat mengatur filter gambar tersebut. Filter gambar yang tersedia yaitu, grayscale, invert, blur, sepia, sepia2, sharpen, emboss, brightness, pixelate, gradient transparency, noise, dan remove white.
328 Layar builder magazine memasukkan line dapat dilihat pada gambar 4.24.
Gambar 4.24 Tampilan Layar Builder Magazine Memasukkan Line
Pada gambar 4.24 dapat dilihat bahwa pada saat user memasukkan garis maka user dapat mengatur 2 properties dari garis yaitu ketebalan dan warna dari garis tersebut. Layar builder magazine memasukkan shape dapat dilihat pada gambar 4.25.
Gambar 4.25 Tampilan Layar Builder Magazine Memasukkan Shape
329 Pada gambar 4.25 dapat dilihat bahwa pada saat user memasukkan shape, maka user juga dapat mengatur properties dari shape tersebut yaitu warna dan ukuran. Pada halaman builder magazine terdapat 32 sequence diagram yang terlibat. Berikut skenario tampilan halaman majalah yang akan dibuat. Tampilan skenario halaman majalah yang akan dibuat dapat dilihat pada gambar 4.26.
Gambar 4.26 Skenario Halaman Majalah yang Akan Dibuat
Pada gambar 4.26 dapat dilihat sebuah halaman majalah yang akan dibuat oleh user. Beberapa sequence diagram yang terlibat dalam pembuatan halaman majalah tersebut adalah memasukkan teks, mengatur ukuran teks, mengatur jenis teks, mengatur dekorasi teks, drag and drop object, memasukkan gambar, melakukan filter gambar, memasukkan shape, mengatur ukuran shape, mengubah warna shape,
330 dan memutar shape. Sequence diagram memasukkan teks dapat dilihat pada gambar 4.27.
Gambar 4.27 Sequence Diagram Memasukkan Teks
331 Sequence diagram mengatur ukuran teks dapat dilihat pada gambar 4.28.
Gambar 4.28 Sequence Diagram Mengatur Ukuran Teks
332 Sequence diagram mengatur jenis teks dapat dilihat pada gambar 4.29.
Gambar 4.29 Sequence Diagram Mengatur Jenis Teks
333 Sequence diagram mengatur dekorasi teks dapat dilihat pada gambar 4.30.
Gambar 4.30 Sequence Diagram Mengatur Dekorasi Teks
334 Sequence diagram drag and drop object dapat dilihat pada gambar 4.31.
Gambar 4.31 Sequence Diagram Drag and Drop Object
335 Sequence diagram memasukkan gambar dapat dilihat pada gambar 4.32.
Gambar 4.32 Sequence Diagram Memasukkan Gambar
336 Sequence diagram melakukan filter gambar dapat dilihat pada gambar 4.33.
Gambar 4.33 Sequence Diagram Melakukan filter Gambar
Sequence diagram memasukkan shape dapat dilihat pada gambar 4.34.
Gambar 4.34 Sequence Diagram Memasukkan Shape
337 Sequence diagram mengatur ukuran shape dapat dilihat pada gambar 4.35.
Gambar 4.35 Sequence Diagram Mengatur Ukuran Shape
338 Sequence diagram mengubah warna shape dapat dilihat pada gambar 4.36.
Gambar 4.36 Sequence Diagram Mengubah Warna Shape
Sequence diagram memutar shape dapat dilihat pada gambar 4.37.
Gambar 4.37 Sequence Diagram Memutar Shape
339 6. Halaman Reader Magazine Halaman reader magazine merupakan halaman untuk membaca majalah oleh user. Pada halaman ini user juga dapat melakukan beberapa hal lain seperti menandai halaman majalah, menandai majalah favorit, memberi rating, memberi komentar, dan tweet majalah. Rancangan layar reader magazine dapat dilihat pada gambar 3.80. Halaman reader magazine dapat dibagi menjadi 3 bagian yaitu atas, tengah, dan bawah. Pada bagian atas terdapat logo, dan beberapa tombol, seperti mark it, favorite, zoom in, zoom out, dan tweet majalah. Bagian tengah merupakan layar majalah yang ditampilkan sistem untuk dibaca oleh user. Bagian bawah merupakan tempat untuk menulis dan membaca beberapa komentar terhadap majalah tersebut. Halaman Layar reader magazine dapat dilihat pada gambar 4.38.
340
Gambar 4.38 Tampilan Layar Reader Magazine
Terdapat 11 sequence diagram yang terlibat pada halaman reader magazine, diantaranya memberi rating, memberi komentar, menuju halaman sebelum, menuju halaman sesudah, menandai halaman majalah, dan menandai majalah favorit. Sequence diagram memberi rating dapat dilihat pada gambar 4.39.
341
Gambar 4.39 Sequence Diagram Memberi Rating
Sequence diagram memberi komentar dapat dilihat pada gambar 4.40.
Gambar 4.40 Sequence Diagram Memberi Komentar
342 Sequence diagram menuju halaman sebelum dapat dilihat pada gambar 4.41.
Gambar 4.41 Sequence Diagram Menuju Halaman Sebelum
Sequence diagram menuju halaman sesudah dapat dilihat pada gambar 4.42.
Gambar 4.42 Sequence Diagram Menuju Halaman Sesudah
343 Sequence diagram menandai halaman majalah dapat dilihat pada gambar 4.43.
Gambar 4.43 Sequence Diagram Menandai Halaman Majalah
Sequence diagram menandai majalah favorit dapat dilihat pada gambar 4.44.
Gambar 4.44 Sequence Diagram Menandai Majalah Favorit
344 7. Halaman Magazine pada Admin Halaman ini merupakan halaman untuk mencari majalah yang diinginkan oleh admin menggunakan kata kunci, lalu melakukan delete atau undo delete terhadap majalah tersebut. Rancangan layar magazine pada admin dapat dilihat pada gambar 3.83. Pada halaman magazine admin ini, admin dapat melihat kolom search yang digunakan untuk menulis kata kunci dan sebuah tombol search. Apabila kata kunci valid, maka admin akan melihat majalah yang dicari, lalu dapat dilakukan delete atau undo delete. Apabila kata kunci tidak valid, maka admin akan menerima pesan error. Layar magazine pada admin dapat dilihat pada gambar 4.45.
Gambar 4.45 Tampilan Layar Magazine pada Admin
Sequence diagram yang terlibat pada halaman magazine admin adalah search magazine, delete magazine, dan undo delete magazine. Sequence diagram search magazine dapat dilihat pada gambar 4.46.
345
Gambar 4.46 Sequence Diagram Search Magazine
346 Sequence diagram delete magazine dapat dilihat pada gambar 4.47.
Gambar 4.47 Sequence Diagram Delete Magazine
Sequence diagram undo delete magazine dapat dilihat pada gambar 4.48.
Gambar 4.48 Sequence Diagram Undo Delete Magazine
347 8. Halaman User pada Admin Halaman user pada admin berguna untuk mencari user yang diinginkan melalui kata kunci, lalu admin dapat melakukan delete atau undo delete. Rancangan layar user pada admin dapat dilihat pada gambar 3.84. Pada halaman ini, admin dapat melihat kolom search untuk memasukkan kata kunci dan tombol search yang apabila ditekan dan kata kunci valid maka akan muncul user yang diinginkan, lalu dapat dilakukan delete atau undo delete, namun apabila kata kunci yang dimasukkan tidak valid, maka akan muncul pesan error. Layar user pada admin dapat dilihat pada gambar 4.49.
Gambar 4.49 Tampilan Layar User pada Admin
Sequence yang terlibat dalam halaman user pada admin adalah search user, delete user, dan undo delete user. Search user terjadi pada saat admin menekan tombol search, maka sistem akan mencari data user dari database. Delete user dan undo delete user terjadi saat admin melakukan aksi terhadap hasil pencarian tersebut. Sequence diagram search user dapat dilihat pada gambar 4.50.
348
Gambar 4.50 Sequence Diagram Search User
Sequence diagram delete user dapat dilihat pada gambar 4.51.
Gambar 4.51 Sequence Diagram Delete User
349 Sequence diagram undo delete user dapat dilihat pada gambar 4.52.
Gambar 4.52 Sequence Diagram Undo Delete User
9. Halaman Category pada Admin Halaman category pada admin berguna untuk memasukkan kategori baru pada database atau menghapus kategori yang ada dari aplikasi. Rancangan layar category pada admin dapat dilihat pada gambar 3.85. Pada halaman ini, admin dapat melihat 1 kolom untuk mengisi data kategori baru, tombol add, dan daftar kategori yang ada pada aplikasi sekaligus tombol delete. Layar user pada admin dapat dilihat pada gambar 4.53.
350
Gambar 4.53 Tampilan Layar Category pada Admin
Sequence diagram yang terlibat dalam halaman ini adalah add category, delete category, dan undo delete category. Add category terjadi saat admin menambahkan kategori baru pada aplikasi, sedangkan delete category dan undo delete category terjadi saat admin melakukan aksi terhadap kategori yang ada. Sequence diagram add category dapat dilihat pada gambar 4.54.
351
Gambar 4.54 Sequence Diagram Add Category
352 Sequence diagram delete category dapat dilihat pada gambar 4.55.
Gambar 4.55 Sequence Diagram Delete Category
Sequence diagram undo delete category dapat dilihat pada gambar 4.56.
Gambar 4.56 Sequence Diagram Undo Delete Category
353 1.3.
Hasil Kuesioner Uji Coba Aplikasi Dengan selesainya pembuatan aplikasi, diperlukan informasi dari masyarakat yang merupakan sasaran pengguna aplikasi createmagz ini nantinya. Metode yang digunakan untuk mengumpulkan pendapat adalah dengan menyebarkan kuesioner secara fisik (tercetak) kepada masyarakat Jakarta dengan target 30 responden dimana 15 responden merupakan masyarakat umum dan 15 lainnya merupakan pembuat majalah. Daftar pertanyaan yang diberikan kepada responden berbentuk 16 pertanyaan tertutup. Daftar pertanyaan pada kuesioner ini terdapat pada lampiran L5. Pengumpulan data dari 30 responden adalah sebanyak 17 responden berjenis kelamin laki-laki dan 13 responden berjenis kelamin wanita. Berdasarkan hasil yang diperoleh dapat disimpulkan bahwa responden penguji aplikasi createmagz memiliki kesamaan demografi berdasarkan jenis kelamin. Sehingga responden pengujian menunjukkan segmentasi yang sama dengan saat mengumpulkan data kebutuhan user. Hasilnya dapat dilihat pada gambar 4.57 serta dapat dibandingkan dengan gambar 3.1 dan 3.10.
Gambar 4.57 Profil Penguji Aplikasi Createmagz Berdasarkan Jenis Kelamin
354 Para responden yang di-survei terdiri dari bermacam-macam usia, yaitu 13 responden memiliki usia antara 13-21 tahun, 16 responden lainnya diketahui berusia 2250 tahun, dan 1 responden memiliki usia diatas 50 tahun. Berdasarkan hasil yang
diperoleh dapat disimpulkan bahwa responden penguji aplikasi createmagz memiliki kesamaan demografi berdasarkan usia. Hasilnya dapat dilihat pada gambar 4.58 serta dapat dibandingkan dengan gambar 3.2 dan 3.16.
Gambar 4.58 Profil Penguji Aplikasi Createmagz Berdasarkan Usia
Pada saat ditanyakan mengenai tingkat pendidikan yang dimiliki para responden, didapat bahwa 15 responden memiliki pendidikan terakhir SMA/SMK, 13 responden sudah mendapat gelar Sarjana, 2 responden telah menyelesaikan program Magister. Berdasarkan hasil yang diperoleh dapat disimpulkan bahwa responden penguji aplikasi createmagz memiliki kesamaan demografi berdasarkan pendidikan. Hasilnya dapat dilihat pada gambar 4.59 serta dapat dibandingkan dengan gambar 3.3 dan 3.22.
355
Gambar 4.59 Profil Penguji Aplikasi Createmagz Berdasarkan Tingkat Pendidikan
Masyarakat yang berhasil diminta untuk mengisi kuesioner memiliki pekerjaan yang bervariasi, yaitu terdapat 1 responden merupakan seorang pelajar, 14 responden sedang menjalani pendidikan sebagai mahasiswa, 12 responden adalah seorang karyawan, 1 orang sedang berwiraswasta, dan 2 lainnya bekerja di luar dari ke 4 pilihan yang disediakan. Berdasarkan hasil yang diperoleh dapat disimpulkan bahwa responden penguji aplikasi createmagz memiliki kesamaan demografi berdasarkan pekerjaan. Hasilnya dapat dilihat pada gambar 4.60 serta dapat dibandingkan dengan gambar 3.4 dan 3.28.
356
Gambar 4.60 Profil Penguji Aplikasi Createmagz Berdasarkan Pekerjaan
Pandangan responden terhadap tampilan aplikasi createmagz juga ditanyakan, yaitu mengenai seberapa menarik tampilan aplikasi tersebut. Mengingat latar belakang design yang minim, ternyata jawaban responden cukup memuaskan, yaitu sebanyak 4 responden menyatakan sangat setuju bahwa tampilan yang disajikan menarik, 24 lainnya menyatakan setuju, dan hanya terdapat 2 responden yang menyatakan tidak setuju. Berdasarkan hasil tersebut, dapat disimpulkan bahwa tampilan yang diberikan sudah memenuhi harapan user. Hasilnya dapat dilihat pada gambar 4.61.
357
Gambar 4.61 Pendapat Responden Perihal Tampilan Situs
Performa yang diberikan aplikasi ini cukup memuaskan konsumen. Terbukti ketika ditanyakan mengenai waktu yang dibutuhkan untuk menunggu halaman selesai di-load, terdapat 6 responden menyatakan sangat setuju, 22 responden menjawab setuju, dan 2 responden lainnya menyatakan tidak setuju. Berdasarkan hasil tersebut, dapat disimpulkan bahwa kecepatan yang dimiliki oleh aplikasi sudah baik. Hasilnya dapat dilihat pada gambar 4.62.
358
Gambar 4.62 Pendapat Responden Mengenai Performa Situs
Responden juga ditanya mengenai kemudahan dalam melakukan navigasi, yaitu didapat sebanyak 7 orang menjawab sangat setuju, dan 23 lainnya menyatakan setuju. Berdasarkan hasil tersebut, dapat disimpulkan bahwa user tidak menemukan kesulitan untuk mengarahkan aktifitas pada saat menggunakan aplikasi. Hasilnya dapat dilihat pada gambar 4.63.
359
Gambar 4.63 Pendapat Responden Perihal Navigasi Situs
Memasuki pertanyaan bagian pembacaan majalah, didapat yaitu sebanyak 8 responden menyatakan sangat setuju bahwa antar muka yang disajikan sedap dipandang mata, 17 responden menjawab setuju, dan 5 responden lainnya menyatakan tidak setuju. Berdasarkan hasil tersebut, dapat disimpulkan bahwa antarmuka yang ditampilkan pada bagian pembacaan majalah disukai user. Hasilnya dapat dilihat pada gambar 4.64.
360
Gambar 4.64 Pendapat Responden Dalam Hal Tampilan Pada Pembacaan Majalah Yang Menarik
Perihal kemudahan navigasi pada aplikasi, didapatkan bahwa sebagian besar responden menyatakan puas. Terlihat dari jawaban responden, yaitu sebanyak 9 orang yang sangat setuju, 18 menyatakan setuju, dan 3 lainnya menjawab tidak setuju. Berdasarkan hasil tersebut, dapat disimpulkan bahwa pengguna dapat dengan mudah melakukan navigasi pada saat melakukan pembacaan majalah. Hasilnya dapat dilihat pada gambar 4.65.
361
Gambar 4.65 Pendapat Responden Dalam Kemudahan Navigasi Pada Pembacaan Majalah
Perbedaan spesifikasi hardware dan kecepatan internet di Jakarta tidak mempengaruhi jawaban dari responden. Terbukti responden merasakan performa baik yang dihasilkan aplikasi pembacaan ini, yaitu sebanyak 22 responden menjawab setuju, dan 18 responden lainnya menjawab sangat setuju. Berdasarkan hasil tersebut, dapat disimpulkan bahwa kecepatan yang dimiliki oleh aplikasi dalam melakukan pemrosesan saat pembacaan majalah sudah memenuhi harapan user. Hasilnya dapat dilihat pada gambar 4.66.
362
Gambar 4.66 Pendapat Responden Dalam Performa Pembacaan Majalah
Fitur-fitur yang disediakan createmagz cukup membantu pengguna. Terbukti respon yang diterima juga memuaskan, yaitu sebanyak 20 responden menyatakan setuju apabila mereka dapat memakai fitur tersebut, dan 10 responden lainnya menjawab sangat setuju. Berdasarkan hasil tersebut, dapat disimpulkan bahwa fasilitas-fasilitas yang diberikan dapat dipakai dengan baik oleh user. Hasilnya dapat dilihat pada gambar 4.67.
363
Gambar 4.67 Pendapat Responden Dalam Pemakaian Fitur Pada Pembacaan Majalah
Mengenai pertanyaan fasilitas pembuatan majalah, didapat bahwa sebanyak 6 responden menyatakan sangat setuju bahwa antar muka yang disajikan sedap dipandang mata, 22 responden menjawab setuju, dan 2 responden lainnya menyatakan tidak setuju. Berdasarkan hasil tersebut, dapat disimpulkan bahwa tampilan yang diberikan sudah memenuhi harapan user. Hasilnya dapat dilihat pada gambar 4.68.
364
Gambar 4.68 Pendapat Responden Dalam Hal Tampilan Yang Baik Saat Pembuatan Majalah
Sebagian besar responden juga menyatakan puas mengenai navigasi pada aplikasi ini. Terlihat dari jawaban responden yang sangat setuju sebanyak 5 orang, 22 menyatakan setuju, dan 3 lainnya menjawab tidak setuju. Berdasarkan hasil tersebut, dapat disimpulkan bahwa pengguna tidak menemukan kesulitan saat melakukan navigasi di halaman pembuatan majalah. Hasilnya dapat dilihat pada gambar 4.69.
365
Gambar 4.69 Pendapat Responden Mengenai Navigasi Yang Mudah Saat Pembuatan Majalah
Performa baik merupakan hal yang dibutuhkan pengguna untuk membantu mereka dalam melakukan perancangan halaman majalah dengan cepat dan nyaman. Pendapat para responden mengenai kecepatan aplikasi yang diberikan adalah sebanyak 8 responden menyatakan sangat setuju, 19 orang menjawab setuju, dan 3 lainnya menjawab tidak setuju. Berdasarkan hasil tersebut, dapat disimpulkan bahwa aplikasi memiliki performa yang baik. Hasilnya dapat dilihat pada gambar 4.70.
366
Gambar 4.70 Pendapat Responden Dalam Performa Yang Memuaskan Saat Pembuatan Majalah
Bantuan yang diberikan kepada pengguna berupa fitur-fitur pembuatan majalah cukup membantu pengguna. Terbukti sebanyak 11 responden menyatakan sangat setuju apabila fitur tersebut membantu mereka, dan 19 responden menjawab setuju. Berdasarkan hasil tersebut, dapat disimpulkan bahwa fitur-fitur yang disediakan dapat membantu user dengan baik. Hasilnya dapat dilihat pada gambar 4.71.
367
Gambar 4.71 Pendapat Responden Perihal Terbantunya Pembuatan Majalah Dengan Fitur Yang Disediakan
Demi menunjang kemudahan penggunaan aplikasi, maka fitur yang diberikan harus cepat akrab dengan pemakainya. Oleh sebab itu, dinyatkaan juga apakah fitur yang tersedia dapat dipakai dengan baik oleh responden. Ternyata terdapat 7 responden menyatakan sangat setuju, dan sebanyak 23 responden menyatakan setuju. Berdasarkan hasil tersebut, dapat disimpulkan bahwa fitur-fitur yang diberikan mudah digunakan oleh pengguna. Hasilnya dapat dilihat pada gambar 4.72.
368
Gambar 4.72 Pendapat Responden Mengenai Kemampuan Untuk Menggunakan Fitur Dengan Baik Saat Pembuatan Majalah
1.4.
Evaluasi Kuesioner Uji Coba Aplikasi Ditemukan beberapa kelebihan dan kekurangan dari aplikasi ini setelah dilakukan proses implementasi dan testing, yaitu sebagai berikut. Kelebihan aplikasi yang dikembangkan : 1. User Interface yang menarik dapat ditampilkan pada situs. 2. Algoritma sederhana yang diimplementasikan pada web site membuat halaman web dapat di-load dengan cepat. 3. Sistem membantu pengguna dalam melakukan perpindahan dan mengarahkan kontrol pada bagian situs dengan mudah. 4. Tampilan pada saat melakukan pembacaan majalah nyaman dipandang mata oleh user.
369 5. Sistem memudahkan pengguna dalam melakukan navigasi pada bagian pembacaan majalah. 6. Performa baik diberikan aplikasi dalam melakukan pengambilan data majalah untuk ditampilkan kepada pengguna. 7. Fitur yang disediakan saat pengguna membaca sebuah majalah dapat dipakai dengan baik. 8. Antar muka aplikasi pembuatan majalah terlihat menarik. 9. User mudah dalam berpindah arah dan melakukan kontrol saat membuat majalah. 10. Sedikitnya waktu yang diperlukan oleh aplikasi pembuat majalah ini untuk siap digunakan. 11. Terbantunya pengguna dalam menggunakan fasilitas-fasilitas pembuatan majalah. 12. Pengguna dapat dengan mudah memanfaatkan fitur-fitur yang disediakan untuk pembuatan majalah. Kekurangan aplikasi yang dikembangkan : 1. Masih terdapat pengguna yang tidak puas saat melihat desain tampilan aplikasi ini. 2. Pengoperasian yang ada terkadang sedikit menyulitkan pengguna karena belum terbiasa. 3. Kinerja sistem bergantung pada spesifikasi perangkat keras user dan kecepatan akses internet.
370 1.5.
Evaluasi 8 (Delapan) Aturan Emas IMK Berikut ini adalah evaluasi berdasarkan 8 aturan emas yang dilakukan terhadap tampilan aplikasi ini. 1. Mempertahankan konsistensi Aplikasi ini sudah memenuhi konsistensi dalam hal penggunaan istilah yang serupa, warna, layar, dan jenis huruf. Tampilan evaluasi aturan untuk mempertahankan konsistensi dapat dilihat pada gambar 4.73.
Gambar 4.73 Evaluasi Aturan untuk Mempertahankan Konsistensi
371 2. Melayani universal usability Aplikasi ini memudahkan pengguna untuk menuju fitur atau menu yang ada pada sistem. Tampilan evaluasi aturan untuk melayani universal usability dapat dilihat pada gambar 4.74.
Gambar 4.74 Evaluasi Aturan untuk Melayani Universal Usability
3. Memberikan umpan balik yang informatif Aplikasi ini sudah memberikan umpan balik yang informatif terhadap aksi-aksi yang dilakukan oleh pengguna, seperti peringatan bahwa fullname harus diisi saat melakukan sign up. Tampilan evaluasi aturan untuk memberikan umpan balik yang informatif dapat dilihat pada gambar 4.75.
372
Gambar 4.75 Evaluasi Aturan untuk Memberikan Umpan Balik yang Informatif
4. Perancangan dialog untuk menunjukkan penutupan / akhir Aplikasi ini memberikan pernyataan yang menunjukkan bahwa suatu aksi telah dilakukan atau berhasil dilakukan oleh pengguna. Tampilan evaluasi aturan untuk perancangan dialog untuk menunjukkan penutupan/akhir dapat dilihat pada gambar 4.76.
Gambar 4.76 Evaluasi Aturan untuk Perancangan Dialog untuk Menunjukkan Penutupan / Akhir
373 5. Pencegahan kesalahan Aplikasi
telah
menyediakan
pencegahan
kesalahan
yang
akan
meminimalisasikan kesalahan yang mungkin terjadi. Tampilan evaluasi aturan untuk pencegahan kesalahan dapat dilihat pada gambar 4.77.
Gambar 4.77 Evaluasi Aturan untuk Pencegahan Kesalahan
6. Mengizinkan pembalikkan aksi yang mudah Aplikasi telah menyediakan kemampuan untuk membalikkan aksi dengan mudah dengan menyediakan tombol cancel. Tampilan evaluasi aturan untuk mengizinkan pembalikkan aksi yang mudah dapat dilihat pada gambar 4.78.
374
Gambar 4.78 Evaluasi Aturan untuk Mengizinkan Pembalikkan Aksi yang Mudah
7. Mendukung pusat kendali internal Aplikasi ini telah menyediakan sebuah logo createmagz yang dapat membantu pengguna untuk kembali ke halaman home / log in. Tampilan evaluasi aturan untuk mendukung pusat kendali internal dapat dilihat pada gambar 4.79.
375
Gambar 4.79 Evaluasi Aturan untuk Mendukung Pusat Kendali Internal
8. Mengurangi beban ingatan jangka pendek Aplikasi ini telah membantu pengguna untuk mengurangi beban jangka pendek dengan memberikan title pada beberapa tombol yang ada di builder magazine, sehingga user dapat mengetahui fungsi-fungsi dari tombol tersebut. Tampilan evaluasi aturan untuk mengurangi beban ingatan jangka pendek dapat dilihat pada gambar 4.80.
Gambar 4.80 Evaluasi Aturan untuk Mengurangi Beban Ingatan Jangka Pendek
376 1.6.
Evaluasi Lima Faktor Manusia Terukur Evaluasi lima faktor manusia terukur dilakukan dengan observasi saat salah seorang user mencoba aplikasi createmagz ini. Aktivitas yang dilakukan user saat observasi dapat dilihat pada video yang dilampirkan pada CD. Dari hasil observasi tersebut, ditarik kesimpulan sebagai berikut: 1. Waktu Belajar Durasi pengguna untuk dapat mempelajari cara menggunakan aplikasi createmagz ternyata sangat cepat, yaitu 3 detik. Hal ini dapat terlihat pada video dimana user melihat monitor pada detik ke 0:00:03 dan sudah dapat menggunakan aplikasi pada detik ke 0:00:06. 2. Kecepatan Kinerja Kecepatan pemrosesan yang diberikan aplikasi sudah cukup baik. Hal ini ditunjukkan pada video dimana user menekan tombol read pada waktu 0:02:06 dan majalah sudah dapat ditampilkan pada waktu 0:02:08. 3. Tingkat Kesalahan Jumlah kesalahan yang terjadi pada saat user memakai aplikasi ini sangatlah minim. Dapat dilihat kesalahan hanya terjadi sekali dimana pada waktu ke 0:01:52 user melakukan undo untuk mengembalikan keadaan seperti sebelum melakukan kesalahan. 4. Daya Ingat Aplikasi ini memudahkan user mengingat cara penggunaan fitur-fitur di dalamnya. Seperti pada video di waktu 0:00:53 dimana user memberi warna
377 pada tulisan yang ia buat, lalu pada waktu ke 0:01:08 user dapat memberikan pewarnaan kembali pada tulisan tersebut. 5. Kepuasan Subjektif Kepuasan pengguna terhadap berbagai aspek dari aplikasi createmagz ini dapat dilihat pada waktu ke 0:02:53 sampai akhir video. User menyatakan kepuasannya dengan memberikan pujian kepada aplikasi ini.
