BAB 4 HASIL DAN PEMBAHASAN

Transkripsi

1 BAB 4 HASIL DAN PEMBAHASAN 4.1. Spesifikasi Sistem Server side : Database : Datastax Enterprise Cassandra. Application Server : Apache Server, XAMPP (apache), NodeJs Server, TURN dan STUN Server. Spesifikasi server yang dibutuhkan untuk menjalankan database dan application server di atas adalah : Datastax Enterprise Cassandra : o Minimum RAM 8GB, Recommended 16GB or 32GB o Minimum Processor 8-core o Disarankan memiliki 2 buah harddisk terpisah : Satu SSD atau HDD untuk commit log, direkomendasikan SSD agar lebih cepat dalam penyimpanan data sementara Satu HDD untuk penyimpanan data permanen Apache server, XAMPP, TURN dan STUN server dan NodeJs o Minimal RAM 512 MB o Minimum CPU > 800 Mhz Realisasi ketika server berjalan tanpa user : o Node.JS Server : 57.4 MB Gambar 4.1 NodeJS System Usage o VMWare Server : Total RAM : 83.8 MB 135

2 136 Gambar 4.2 VMWare System Usage o Apache Server Windows : Total RAM : 21.4 MB Gambar 4.3 Apache Server o Ubuntu Server : Total RAM : 2GB Gambar 4.4 Ubuntu Server Secara keseluruhan dari kebutuhan di atas maka disimpulkan spesifikasi server yang dibutuhkan adalah : o Minimum Harddisk Data 80GB yang terbagi menjadi : 6 GB untuk sistem operasi, cassandra dan apache Jumlah Ini belum termasuk data file transaksi untuk Cassandra atau dengan kata lain database kosong tanpa transaksi.

3 137 o Harddisk SSD untuk transaksi commit log 40GB dikarenakan ukuran commit log saat proses testing mencapai 13GB. (opsional) o Memory minimum 8GB sesuai dengan rekomendasi minimal dari Datastax Enterprise Cassandra o Processor 8 Core sesuai dengan rekomendasi minimal dari Datastax Enterprise Cassandra o Server merupakan VPS atau Dedicated server dikarenakan dibutuhkan beberapa proses instalasi perangkat lunak tambahan. Gambar 4.5 an Untuk OS, Cassandra dan Apache Client side Browser : Chrome minimal versi 27 disarankan versi terbaru. Hal ini disebabkan karena fitur videochat dan screenshare membutuhkan fitur yang hanya dimiliki oleh browser chrome. Tabel 4.1 Spesifikasi Minimum Chrome Browser Akses internet minimal bandwidth 300kps agar video chat dapat berjalan dengan lancar. Untuk infrastruktur aplikasinya sendiri terbagi menjadi 4 kategori yaitu :

4 Front-end Server : berfungsi untuk menampilkan dan menerima data dari pengguna. 2. Web-service Server : berfungsi untuk mengambil data dan menerima dari front-end kemudian menyampaikan ke database server, atau sebaliknya. Data yang dikirimkan dalam bentuk JSON. 3. Database Server : berfungsi untuk menyimpan data yang diperlukan oleh aplikasi. 4. NodeJS Server : server untuk berinteraksi langsung antar semua pengguna yang terhubung, sekaligus akses ke database server. Tujuan pembagian infrastruktur seperti ini adalah agar ketika aplikasi akan dikembangkan ke platform lain, seperti mobile, maka cukup membuat aplikasi yang terhubung dengan web-service, sehingga pengembangannya tidak mulai dari awal lagi. Berikut ini adalah rancangan infrastruktur aplikasi Liveboard : Gambar 4.6 Infrastruktur Aplikasi 4.2. Prosedur an Aplikasi Berikut ini adalah langkah-langkah penggunaan website Liveboard :

5 Proses Sign Up 1. Klik Sign Up pada menu header. Gambar 4.7 Tombol Sign Up 2. Masukkan biodata diri dan se selesai mengisi klik sign up.

6 140 Gambar 4.8 Sign Up Form

7 Jika berhasil akan keluar notification register success. Gambar 4.9 Notifikasi Sukses Registrasi Proses Sign In 1. Quick Sign In a. Klik Sign In. Gambar 4.10 Tombol Sign In b. Se klik sign in akan muncul dropdown menu. Masukkan username dan password anda, se selesai klik Gambar 4.11 Quick Sign In Form 2. Sign In Form Jika proses quick sign in gagal, maka akan di redirect ke sign in form. Masukkan kembali username dan password anda, se selesai klik sign in untuk login.

8 142 Gambar 4.12 Sign In Form Forgot Password Forget Password digunakan user ketika user tidak mengingat password-nya lagi. Berikut ini adalah langkah-langkah untuk menggunakan Forget Password : 1. Klik tombol Forgot Password. Gambar 4.13 Tombol Forget Password 2. Masukkan Username. Kemudian klik Next Step. Gambar 4.14 Tampilan Forget Password 3. Kemudian jawab pertanyaan sekuriti yang dulunya pernah diisi pada waktu Sign Up. Gambar 4.15 Tampilan Security Question

9 Jika berhasil, tampilan untuk memasukkan password baru akan muncul. Masukkan password baru. Gambar 4.16 Tampilan New Password 5. Jika sudah memasukan password baru, klik Change Password untuk mengganti password lama dengan yang baru. 6. Se selasai user dapat login sekali lagi dengan password baru. Gambar 4.17 Notifikasi Sukses Mengganti Password Profile dan Reputation Se login berhasil, user dapat mengakses menu profile dengan cara : 1. Klik dropdown menu pada bagian header. Gambar 4.18 Tombol Dropdown 2. Se di klik akan keluar dropdown dan klik profile. Gambar 4.19 Tombol Profile

10 Se selesai akan keluar tampilan profile. Gambar 4.20 Tampilan Profile dan Reputation dengan cara : Jika ada kesalahan data pada profile user, user dapat menggantinya 1. Klik edit profile pada bagian bawah tampilan profile user. Gambar 4.21 Tombol Edit Profile 2. Akan muncul form edit profile. Ganti data profile yang salah dan se selesai klik edit profile untuk menyimpan data terbaru profile user.

11 145 Gambar 4.22 Edit Profile Form 3. Jika berhasil akan keluar notification edit profile success. Gambar 4.23 Notifikasi Sukses Edit Profile

12 My Class User dapat mengakses menu My Class dengan cara : 1. Klik dropdown menu pada bagian header. Gambar 4.24 Tombol Dropdown 2. Klik My Class. Gambar 4.25 Tombol My Class 3. Tampilan My Class. Jika user menjadi pengajar di dalam kelas, maka kelas-kelasnya akan dikumpulkan di Teaching Class. Jika user menjadi murid di dalam kelas, kelas-kelas tersebut akan di kumpulan di Followed Class.

13 147 Gambar 4.26 Tampilan My Class Se masuk ke dalam My Class, user dapat mengakses fitur-fitur seperti : 1. Create Class a. Klik Create a class untuk membuat kelas baru. Gambar 4.27 Tombol Create a Class b. Isi formulir untuk membuat kelas baru.

14 148 Gambar 4.28 Tampilan Create Class Form c. Notifikasi berhasil membuat kelas baru Gambar 4.29 Notifikasi Berhasil Membuat Kelas Baru 2. Edit Class Jika terjadi kesalahan dalam pembuatan kelas, pengajar bisa mengubah kelas dengan fitur Edit Class. Berikut ini langkah-langkah untuk menggunakan fitur Edit Class : a. Klik tombol Edit. Gambar 4.30 Tombol Edit Class b. Kemudian akan muncul Edit Class Form. Masukkan data yang akan diganti. Se data sudah diganti klik Edit Class untuk menyimpan data terbaru.

15 149 Gambar 4.31 Edit Class Form c. Kemudian akan muncul notifikasi sukses mengubah kelas. Gambar 4.32 Notifikasi Sukses Mengubah Kelas 3. Enter to Classroom Fitur Enter to Classroom adalah fitur terjadinya interaksi belajar mengajar secara synchronous. Cara untuk masuk ke dalam fitur tersebut : a. Klik tombol Enter to Classroom. Gambar 4.33 Tombol Enter to Classroom b. Tampilan Classroom.

16 150 Gambar 4.34 Tampilan Classroom Classroom mempunyai beberapa fitur seperti : a. Canvas Canvas digunakan sebagai papan tulis untuk menyampaikan materi baik berupa gambar maupun tulisan.

17 151 Gambar 4.35 Tampilan Canvas dan Fitur Canvas b. Chatting Chatting merupakan media interaksi antar pengajar dengan murid yang menggunakan teks. Fitur chatting digunakan untuk tanya jawab antar pengajar dengan murid.

18 152 Gambar 4.36 Tampilan Chatting Classroom c. Note Note digunakan sebagai catatan selama kegiatan belajar mengajar untuk pengajar maupun murid. Gambar 4.37 Tampilan Note

19 153 cara : Pengajar dan murid juga bisa membuka note sebelumnya dengan i. Klik Tombol Manage Note. Gambar 4.38 Tombol Manage Note ii. Se di klik, akan muncul tampilan manage note. User dapat membuka dan menghapus note sebelumnya. Gambar 4.39 Tampilan Manage Note d. Live Slide Live Slide adalah fitur untuk menampilkan slide secara realtime. Jadi, jika pengajar mengganti halaman slide, maka halaman slide murid akan terganti secara langsung. Berikut ini cara menggunakan fitur Live Slide : i. Klik tombol Liveslide.

20 154 Gambar 4.40 Tombol Liveslide ii. Pilih slide yang ingin ditampilkan. User bisa memilih dari slide yang sudah pernah di upload maupun meng-upload slide baru. Gambar 4.41 Tampilan Choose Slide iii. Se memilih slide mana yang ingin ditampilkan, klik Show Slide. iv. Akan muncul tampilan Live Slide. Pengajar sudah siap untuk mengajarkan materi menggunakan slide.

21 155 Gambar 4.42 Tampilan Live Slide e. Screen Cast Screen Cast adalah fitur yang digunakan untuk mengajar tutorial kepada murid dengan cara menunjukkan tampilan desktop pengajar kepada murid. Berikut ini adalah cara untuk mengaktifkan Screen Cast : i. Klik tombol Screencast. Gambar 4.43 Tombol Screencast ii. Akan muncul permission box untuk meminta izin kepada pengajar meng-share tampilan halamannya. Klik ok untuk mengizinkan permission tersebut.

22 156 Gambar 4.44 Permission Box Screen Cast iii. Akan muncul tampilan Screen Cast dan pengajar siap mengajarkan tutorial. Gambar 4.45 Tampilan Screen Cast 4. Assignment Assignment adalah fitur yang digunakan pengajar untuk memberikan tugas kepada murid. Assignment Liveboard memungkinkan murid untuk mengerjakan tugas yang diberikan oleh pengajar pada website. Pengajar juga dipermudah dengan fitur perhitungan nilai otomatis untuk soal pilihan ganda. Berikut ini adalah cara menggunakan assignment : a. Klik tombol assignment.

23 157 Gambar 4.46 Tombol Assignment b. Akan muncul tampilan pertama Assignment Gambar 4.47 Tampilan Assignment Fitur assignment dikelompokkan untuk dua tipe pengguna, yaitu : a. Pengajar Fitur yang bisa digunakan pengajar adalah sebagai berikut : i. Membuat Assignment Berikut ini cara pengajar membuat assignment : a) Klik Add New Assignment untuk membuat tugas baru. Gambar 4.48 Tombol Add New Assignment b) Akan muncul form yang harus diisi untuk membuat tugas baru. Tipe assignment terbagi menjadi 2 jenis, yaitu onsite dan external file. Onsite Assignment adalah tipe tugas yang dikerjakan langsung pada website. External file adalah tipe tugas yang dikerjakan dengan menggunduh soal yang diberikan pengajar. Berikut ini

24 158 adalah cara membuat Onsite Assignment dan External File : - Assignment Onsite Se Klik tombol Add New Assignment akan muncul form New Assignment. Onsite Assignment diatur secara default menjadi halaman pertama yang akan muncul ketika pengajar membuat tugas baru. Masukkan data assignment untuk membuat tugas baru. Gambar 4.49 Tampilan Add New Onsite Assignment Se mengisi semua data, pengajar bisa menambahkan soal dengan cara : Pilihan Ganda

25 159 Gambar 4.50 Tampilan Membuat Soal Pilihan Ganda Essay Gambar 4.51 Tampilan Membuat Soal Essay Se selesai mengisi semua form dan menambahkan soal-soal yang akan dikerja, klik tombol Publish Assignment untuk di kerjakan oleh murid. - External File Untuk mengganti tampilan Onsite Assignment ke External File, pengajar bisa memilih pada bagian Type yang berada di form Add Assignment.

26 160 Gambar 4.52 Tampilan External File Assignment Se form berubah tampilannya, pengajar sudah dapat meng-upload tugas yang akan dikerjakan murid. Se selesai meng-upload, pengajar dapat mem-publish tugas dengan cara mengklik tombol Publish Assignment. c) Se di-publish akan muncul notifikasi berhasil membuat tugas baru. Gambar 4.53 Notifikasi Sukses Membuat Tugas Baru ii. Menggubah Assignment Jika data assignment ada kesalahan, pengajar bisa menggantinya dengan cara : a) Klik tombol edit assignment.

27 161 Gambar 4.54 Tombol Edit Assignment b) Jika Assignment dengan tipe Onsite maka akan muncul tampilan seperti ini : Gambar 4.55 Tampilan Edit Onsite Assignment

28 162 Jika Assignment dengan tipe External File maka akan muncul tampilan seperti ini : Gambar 4.56 Tampilan Edit External File Assignment c) Masukkan data yang ingin diganti dan klik Edit Assignment untuk mengganti data dan mem-publish data terbaru. d) Se di publish akan di muncul notifikasi sukses. Gambar 4.57 Notifikasi Sukses Menggubah Assignment iii. Memberikan Penilaian Berikut ini adalah cara untuk memberikan penilaian untuk tugas yang sudah dikerjakan murid : a) Klik tombol Student Answer untuk melihat daftar murid yang mengerjakan tugas dan memberikan nilai.

29 163 Gambar 4.58 Tombol Student Answer b) Tahap berikutnya akan muncul tampilan daftar mahasiswa yang mengerjakan tugas. Untuk memberikan penilaian, pengajar dapat mengklik tombol Marking. Gambar 4.59 Tombol Marking c) Tampilan jawaban dari murid akan muncul. Untuk jawaban pilihan ganda, sistem secara otomatis akan memberikan penilaian karena pada saat pembuatan soal sudah ditentukan jawabannya. Jadi, pengajar tidak perlu pengecekan terhadap jawaban pilihan ganda. Gambar 4.60 Tampilan Jawaban Murid

30 164 d) Se mengecek jawaban essay, pengajar dapat memberikan nilai pada field score essay. Kemudian klik tombol Mark This Answer untuk mengeluarkan nilai kepada murid. e) Kemudian akan muncul notifikasi sukses memberikan penilaian dan nilai muncul pada kolom Mark. Gambar 4.61 Notifikasi Sukses Memberikan Nilai iv. Menghapus Assignment Berikut ini cara untuk menghapus tugas : a) Klik tombol Delete Assignment. Gambar 4.62 Tombol Delete Assignment b) Kemudian akan muncul confirmation box, klik ok untuk menghapus tugas. Se klik ok, tugas dihapus. Gambar 4.63 Confirmation Box Delete Assignment b. Murid Berikut ini adalah fitur yang dapat digunakan oleh murid pada bagian Assignment : i. Mengerjakan Assignment

31 165 Berikut ini adalah langkah-langkah murid untuk mengerjakan tugas : a) Klik Tombol View Assignment and Evaluation yang digunakan untuk melihat tugas dan nilai. Gambar 4.64 Tombol Untuk Melihat Tugas dan Nilai b) Tahap berikutnya akan muncul daftar tugas yang diberikan pengajar. Untuk mengerjakannya tugas tersebut, klik tombol Answer Assignment. Gambar 4.65 Tombol Untuk Mengerjakan Tugas c) Akan muncul tampilan tugas. Murid sudah bisa menjawab pada website secara langsung. d) Se menjawab murid bisa men-submit jawabannya dengan cara klik tombol Save Anwser.

32 166 Gambar 4.66 Tampilan Soal Tugas e) Se men-submit akan muncul notifikasi sukses mengerjakan tugas. Gambar 4.67 Tampilan Sukses Mengerjakan Tugas ii. Melihat Nilai Tugas Berikut ini adalah cara untuk melihat nilai tugas : a) Klik Tombol View Assignment and Evaluation yang digunakan untuk melihat tugas dan nilai.

33 167 Gambar 4.68 Tombol Untuk Melihat Tugas dan Nilai b) Kemudian akan muncul tampilan daftar tugas. Untuk melihat nilai dapat dilihat pada kolom Mark. Gambar 4.69 Tampilan Daftar Tugas dan Nilai 5. Manage Student Untuk mengakses fitur Manage Student, pengajar hanya perlu mengklik tombol Manage Student. Kemudian akan muncul tampilan Manage Student. Gambar 4.70 Tombol Manage Student. Gambar 4.71 Tampilan Manage Student Manage Student mempunyai 2 fitur yaitu :

34 168 a. Kick Kick adalah fitur untuk mengeluarkan murid dari sebuah kelas. Berikut ini adalah langkah untuk menggunakan fitur Kick : i. Klik tombol Kick Gambar 4.72 Tombol Kick ii. Kemudian akan muncul Confirmation Box, klik Ok untuk mengeluarkan murid dari kelas. Gambar 4.73 Confirmation Box Untuk Mengeluarkan Murid b. View Attendance History View Attendance History adalah fitur untuk melihat jumlah kehadiran murid. Pada fitur ini juga dapat dilihat mahasiswa yang datang terlambat. Berikut ini adalah cara menggunakan fitur View Attendance History : i. Klik Tombol View Attendance History. Gambar 4.74 Tombol View Attendance History ii. Kemudian akan muncul tampilan View Attendance History.

35 169 Gambar 4.75 Tampilan View Attendance History 6. Delete Class Berikut ini adalah langkah-langkah untuk menghapus kelas : a. Klik tombol Delete. Gambar 4.76 Tombol Delete Class b. Kemudian akan muncul Confirmation Box, klik Ok untuk menghapus kelas. Gambar 4.77 Confirmation Box Delete Class 7. Check Schedule Check Schedule berfungsi untuk mengecek jadwal kelas dan digunakan oleh murid. Berikut ini adalah langkah-langkah untuk menggunakan Check Schedule : a. Klik tombol View Schedule and Attendance. b. Kemudian akan muncul tampilan Schedule and Attendance. Murid dapat melihat jumlah kehadiran, terlambat dan daftar kelas.

36 170 Gambar 4.78 Tombol View Schedule and Attendance Gambar 4.79 Tampilan Schedule and Attendance 8. Leave Class Leave Class adalah fungsi yang digunakan murid untuk keluar dari kelas yang diikuti olehnya. Berikut ini adalah langkah-langkah untuk keluar dari kelas : a. Klik tombol Leave Class. Gambar 4.80 Tombol Leave Class b. Kemudian akan muncul Confirmation Box, klik Ok untuk meninggalkan kelas. Gambar 4.81 Confirmation Box Leave Class

37 My Article My Article adalah daftar artikel yang sudah pernah dibuat oleh User. User dapat mengakses menu My Article dengan cara : 1. Klik dropdown menu pada bagian header. Gambar 4.82 Tombol Dropdown 2. Klik My Article Gambar 4.83 Tombol My Article 3. Tampilan My Article. Gambar 4.84 Tampilan My Article My Article mempunyai fitur-fitur seperti : 1. Create Article User dapat membuat artikel dengan cara : a. Klik tombol Article pada header menu.

38 172 Gambar 4.85 Tombol Article b. Klik tombol Write Article. Gambar 4.86 Tombol Write Article c. Kemudian akan muncul Write Article Form. Masukkan semua data yang harus diisi.

39 173 Gambar 4.87 Write Article Form d. Se mengisi semua data, klik Publish Article untuk mensubmit artikel untuk dibaca semua user. e. Kemudian akan muncul notifikasi sukses membuat artikel. Gambar 4.88 Notifikasi Sukses Membuat Artikel 2. Edit Article Berikut ini langkah-langkah untuk meng-edit artikel :

40 174 a. Klik tombol Edit pada artikel yang akan diubah. Gambar 4.89 Tombol Edit Article b. Kemudian akan muncul Edit Articel Form, Masukkan data-data yang akan diganti. Gambar 4.90 Edit Article Form

41 175 c. Se mengganti data, klik Edit Article untuk menyimpan data terbaru. Gambar 4.91 Notifikasi Sukses Meng-edit Artikel d. Jika proses penyimpanan berhasil akan muncul notifikasi sukses meng-edit artikel. 3. Delete Article Berikut ini adalah cara untuk menghapus artikel : a. Klik tombol Delete pada artikel yang akan dihapus. Gambar 4.92 Tombol Delete Article b. Kemudian akan muncul Confirmation Box, klik Ok untuk menghapus artikel. Gambar 4.93 Confirmation Box Delete Article c. Jika proses penghapusan berhasil akan muncul notifikasi sukses menghapus artikel. Gambar 4.94 Notifikasi Sukses Menghapus Artikel

42 Follow Follow adalah fitur yang digunakan untuk melihat teman-teman user. Berikut ini adalah cara mengakses fitur follow : 1. Klik dropdown menu pada bagian header. Gambar 4.95 Tombol Dropdown 2. Klik tombol Follow. Gambar 4.96 Tombol Follow 3. Kemudian akan muncul tampilan follow. Followed User List adalah daftar user yang di follow oleh kita. Your Follower adalah daftar user yang meng-follow kita. Gambar 4.97 Tampilan Follow Jika user ingin unfollow user lain, dapat dilakukan dengan cara : 1. Klik tombol Unfollow.

43 177 Gambar 4.98 Tombol Unfollow 2. Kemudian akan muncul Confirmation Box, klik Ok untuk unfollow user. Gambar 4.99 Confirmation Box Unfollow Change Password Berikut ini adalah langkah-langkah untuk mengganti password : 1. Klik dropdown menu pada bagian header. Gambar Tombol Dropdown 2. Klik tombol Change Password. Gambar Tombol Change Password 3. Kemudian akan muncul Change Password Form. Masukkan Password baru.

44 178 Gambar Change Password Form 4. Se memasukkan password baru, klik Change Password untuk mengganti password lama dengan yang baru. Gambar Notifikasi Sukses Mengganti Password 5. Jika prosesnya berhasil akan muncul notifikasi sukses mengganti password Nofication Notification adalah fitur yang digunakan untuk melihat notifikasi tentang segala aktivitas yang berkaitan dengan user tersebut. Berikut ini adalah cara untuk mengakses Notification : 1. Klik tombol Notification. Gambar Tombol Notification 2. Kemudian akan muncul tampilan Notification.

45 179 Gambar Tampilan Notification Message Message digunakan untuk mengirimkan pesan antara sesama user. Berikut ini adalah cara mengakses fitur message : 1. Klik tombol Message. Gambar Tombol Message 2. Kemudian tampilan Message akan muncul. Gambar Tampilan Message

46 180 Message mempunyai beberapa fitur yang dapat digunakan seperti : 1. New Message Berikut ini cara membuat pesan baru : a. Klik tombol Compose Message Gambar Tombol Compose Message b. Kemudian akan muncul tampilan Compose Message. Ketikkan nama penerima, dan masukkan pesan yang akan dikirim. Gambar Tampilan Compose Message c. Se selesai klik Compose untuk mengirimkan pesan. 2. Chatting Chatting digunakan untuk percakapan antara user secara real-time. Berikut ini adalah langkah-langkah menggunakan fitur chatting :

47 181 a. Pada tampilan Message, pilih nama user yang akan diajak percakapan. Gambar Tampilan Chatting b. Kemudian ketikkan pesan pada field pesan. c. Untuk mengirimkan pesan dapat dilakukan dengan cara menekan Enter pada Keyboard. 3. Search Search digunakan untuk mencari pesan sebelum. Berikut ini langkah-langkah menggunakan fitur search : a. Masukkan nama user pada field search message. b. Kemudian tekan Enter pada keyboard untuk memulai pencarian.

48 182 Gambar Tampilan Search Message 4. Delete and Report Spam Delete and Report Spam digunakan untuk menghapus pesan maupun melaporkan pesan. Berikut ini langkah-langkah menggunakan Delete and Report Spam : a. Klik nama user yang ingin di delete maupun di report. b. Kemudian scroll isi pesan ke bagian paling atas. c. Se berada pada bagian paling atas, klik Action. d. Pilih Delete Message untuk menghapus pesan atau pilih Report as Spam untuk melaporkan pesan. Gambar Tampilan Delete dan Report Spam Log Out Logout digunakan untuk mengeluarkan user dari sistem. Berikut ini adalah langkah-langkah Log Out : 1. Klik dropdown menu pada bagian header. Gambar Tombol Dropdown

49 Kemudian klik Logout untuk keluar. Gambar Tombol Logout 4.3. Software Testing Software Testing digunakan untuk menguji performa halaman website, ketahanan server untuk menerima request dan kesesuaian antara input dan output. Berikut ini adalah software dan analisis yang digunakan dalam pengujian : YSlow YSlow adalah aplikasi yang digunakan untuk menguji performa halaman website. YSlow menilai penulisan dan penempatan kode yang benar, penempatan CSS dan JavaScript, dan lain-lain. Berikut ini adalah tampilan hasil pengujian menggunakan YSlow :

50 184 Gambar YSlow Software Testing YSlow memberikan nilai rata-rata sebesar 80 untuk website Liveboard Apache Bench Apache Bench adalah ketahanan server untuk menerima request. Test berikut dijalankan pada server dengan spesifikasi berikut : 1. VMware : Ubuntu bit 2. Ram : 4 GB 3. Processor : Intel i7 2670QM 4 core, ~ 2,2 GHz 4. HDD : 30 GB Berikut ini adalah hasil pengujian menggunakan Apache Bench :

51 185 Gambar Apache Bench Seperti yang dilihat pada hasil testing di atas menunjukkan server mampu menerima sebanyak 125 request secara bersamaan dengan jumlah pengguna sebanyak 500 orang Blackbox Testing Blackbox Testing adalah testing yang digunakan untuk mengecek kesesuaian antara input dan output. Berikut ini adalah hasil pengujian menggunakan Blackbox Testing : Tabel 4.2 Blackbox Testing 1 Test Case Name Scenario Success Test Scenario Failed Test ID# ID# Login 1,2 3,4

52 186 Test Case Name Scenario Success Test Scenario Failed Test ID# ID# Register 5 6,7,8 Forgot password 9 10,11,12 View homepage 13 - View list article 14,15,16 - Read article 17,18 - View rank 19,20 - Logout 21 - View profile 22,23,24 - Edit profile Change password View notification 29 - Chat 30,31,32 - Delete message 33 - Follow list 34 - Follow 35 - Unfollow 36 - Create article Edit article Delete article 41 - Recommend article 42 - Unrecommend article 43 - Comment article 44 - Delete comment 45 - Load note 46 - Save note 47 - Delete note 48 - View attendance 49 - Access classroom 50 - Join opened class 51 - Request join closed class 52 - View assignment 53 - Answer assignment 54 - Create class Edit class Delete class 59 - Approve class request 60 - Kick student 61 - Create assignment Edit assignment Delete assignment 66 - Liveslide 67 - Authorize user to access liveboard 68 -

53 187 Tabel 4.3 Blackbox Testing 2 Test Precondition Description Expected Result Actual Result ID# 1 memasukkan diberikan session username dan sebagai penanda password yang benar login, kemudian di bagian form quick sign in (di bagian menu bar). diarahkan halaman sebelumnya. ke klik pada tombol sign in. 2 memasukkan username dan password yang benar di form sign in yang tersedia. klik pada tombol sign in. 3 memasukkan username dan password yang salah di form quick sign in (di bagian menu bar) atau username dan password ada yang kosong. klik pada tombol sign in. diberikan session sebagai penanda login, kemudian diarahkan ke halaman home. diarahkan ke halaman sign in khusus dengan pesan error.

54 188 Test Precondition Description Expected Result Actual Result ID# 4 memasukkan kembali username dan diarahkan ke password yang salah halaman sign in di form sign in atau dengan pesan username dan error. password ada yang kosong. klik pada tombol sign in. 5 memasukkan datadata yang wajib seperti username, password, re-type password, firstname, lastname, gender, , security question dan answer. User memasukkan atau tidak memasukkan datadata opsional seperti phone, address, birthplace, birthdate, hometown, dan religion. klik pada tombol sign up. 6 mengisi form register namun salah satu field wajib tidak di isi. klik pada tombol sign up. diarahkan ke halaman konfirmasi register berhasil. Selanjutnya user berpindah ke halaman kembali diarahkan ke halaman register dengan data-data yang sebelumnya diisi masih tetap di pertahankan. Sistem memunculkan pesan error.

55 189 Test ID# Precondition Description Expected Result Actual Result 7 mengisi semua field yang kembali wajib. diarahkan ke halaman register Field yang diisi tidak memenuhi salah satu aturan validasi yang dengan data-data yang sebelumnya diisi masih ditetapkan. tetap di klik pada tombol sign up. 8 mengisi semua field yang wajib. Username yang diisikan sudah ada sebelumnya. User klik pada tombol sign up. 9 mengisi username yang ada sebelumnya di sistem. pertahankan. Sistem memunculkan pesan error. kembali diarahkan ke halaman register dengan data-data yang sebelumnya diisi masih tetap di pertahankan. Sistem memunculkan pesan error. Password diganti sesuai yang diisikan pengguna. klik pada button next step. Selanjutnya pengguna menjawab pertanyaan keamanan yang ada dengan jawaban yang benar. diarahkan ke halaman sign in dengan pesan sukses pergantian password. klik pada tombol Request New Password. mengisi password dan re_type

56 190 Test ID# new password dengan nilai yang sama serta lebih dari 6 huruf. 10 tidak mengisi username yang di field yang disediakan. Precondition Description Expected Result Actual Result klik tombol Next Step. 11 mengisi username yang ada sebelumnya di sistem. klik pada button next step. tidak mengisi jawaban atau jawaban yang diisikan salah. kembali diarahkan ke halaman untuk memasukkan username dengan pesan error. kembali diarahkan ke halaman menjawab pertanyaan keamanan dengan pesan error. klik pada tombol request new password. 12 mengisi username yang ada sebelumnya di sistem. klik pada button next step. Selanjutnya pengguna menjawab pertanyaan keamanan yang ada dengan jawaban yang benar. klik pada tombol Request New Password. kembali diarahkan kembali ke halaman pergantian password dengan pesan error.

57 191 Test ID# Precondition Description Expected Result Actual Result tidak memasukkan password atau re-type password. Atau pengguna memasukkan password yang kurang dari 6 karakter. Ataupun memasukkan password yang tidak sesuai dengan re-type password. 13 Muncul halaman klik pada link Home home yang berisi di bagian menu bar. daftar kelas terpopuler dan 14 klik pada link article. 15 memilih kategori artikel di halaman daftar artikel. 16 memilih combo box sort artikel by. klik pada tombol sort article. 17 klik pada link read more atau judul artikel. 18 klik pada link read more atau judul artikel. kelas terbaru. Muncul halaman artikel yang berisi daftar artikel beserta keterangan recommend. Muncul halaman artikel yang berisi daftar artikel yang sesuai dengan kategori yang dipilih. Muncul halaman artikel yang berisi daftar artikel yang berdasarkan permintaan pengguna. diurutkan Muncul halaman detil artikel beserta comment dan recommend yang ada. Muncul halaman detil artikel beserta comment dan recommend yang ada.

58 192 Test ID# Precondition Description Expected Result Actual Result merupakan pembuat artikel. 19 klik pada link rank. 20 klik pada link rank. Muncul juga tombol untuk edit dan delete artikel. Muncul halaman rank yang berisi daftar ranking saat ini. Muncul halaman rank yang berisi daftar ranking saat ini klik pada link logout. klik pada link my profile. Muncul juga link follow, unfollow dan keterangan rank user. Sistem menghapus penanda diarahkan ke halaman home. Muncul halaman profile yang berisi data profile serta reputasi pengguna tersebut. 23 klik pada link seorang user. 24 klik pada link seorang user. Muncul tombol untuk edit profile. Muncul halaman profile yang berisi data profile serta reputasi pengguna tersebut. Muncul halaman profile yang berisi data profile serta reputasi pengguna tersebut. Muncul juga button untuk follow atau unfollow.

59 193 Test ID# Precondition Description Expected Result Actual Result 25 merubah Sistem merubah bagian yang ingin data profile sesuai diubah. dengan input pengguna. Semua field wajib tidak ada yang dikosongkan. diarahkan kembali ke mengklik halaman profile tombol edit profile. dengan pesan konfirmasi berhasil merubah profile. 26 bagian diinginkan. merubah yang Salah satu field wajib ada yang kosong. kembali diarahkan ke halaman edit profile dengan pesan error mengklik tombol edit profile. memasukkan password baru dan re-type password. Kedua field ini berisi enam karakter atau lebih dan password sama dengan re-type password. tidak memasukkan password atau re-type password. Atau password kurang dari enam karakter. Ataupun password tidak sama dengan re-type password. klik pada link notification. Password pengguna diubah sesuai dengan input yang diberikan. diarahkan kembali ke halaman change password dengan pesan konfirmasi berhasil. kembali diarahkan ke halaman change password dengan pesan error. diarahkan ke halaman notifikasi yang.

60 194 Test ID# Precondition Description Expected Result Actual Result klik pada link message. klik pada tombol compose message. memilih salah satu user lain yang di follow. berisi daftar notifikasi yang dikelompokkan berdasarkan hari diarahkan ke halaman message yang berisi daftar percakapan sebelumnya. Pesan dicatat di dalam database. Pesan dikirimkan kepada user target secara real-time. memasukkan yang disampaikan. pesan ingin 32 menekan tombol compose. memilih salah satu user lain yang ada di history percakapan. memasukkan yang disampaikan. pesan ingin Pesan dicatat di dalam database. Pesan dikirimkan kepada user target secara real-time. 33 menekan tombol enter pada keyboard. memilih salah satu history percakapan. klik pada tombol dropdown action kemudian memilih delete message dan Pesan dihapus dari database.

61 195 Test ID# Precondition Description Expected Result Actual Result menjawab dialog konfirmasi OK. klik pada link follow. klik pada tombol follow. diarahkan ke halaman follow list yang berisi daftar pengguna yang di follow dan daftar follower. Data follow dicatat di dalam database. User yang di follow mendapatkan notifikasi. 36 yang bersangkutan di follow. 37 klik pada tombol unfollow. menekan tombol OK pada dialog konfirmasi. mengisi field yang wajib di form pembuatan artikel. klik pada tombol publish article. Tombol follow diubah menjadi unfollow. Data follow dihapus dari database. Tombol unfollow diubah menjadi follow. Artikel dicatat di dalam database. yang follow pada user pembuat diberikan notifikasi. diarahkan ke halaman daftar artikel dengan pesan konfirmasi berhasil.

62 196 Test Precondition Description Expected Result Actual Result ID# 38 Salah satu dari field wajib tidak diisi oleh kembali pengguna atau field diarahkan ke melanggar salah satu halaman form peraturan validasi. pembuatan artikel dengan pesan error. klik pada tombol publish article. 39 merubah Artikel dirubah bagian yang ingin sesuai yang di dirubahnya. input oleh klik pada tombol edit article. pengguna. kembali diarahkan ke halaman daftar artikel pesan konfirmasi 40 merupakan author dari artikel tersebut. 41 merupakan author dari artikel tersebut. 42 Salah satu field yang wajib dikosongkan oleh pengguna. klik pada tombol edit article. klik pada button delete article. menekan tombol OK pada dialog konfirmasi. menekan tombol recommend. berhasil. diarahkan kembali ke halaman form pengubahan artikel dengan pesan error. Artikel dihapus dari database. diarahkan ke halaman daftar artikel dengan pesan konfirmasi berhasil. Data recommend dicatat di dalam database. Notifikasi diberikan kepada pembuat artikel.

63 197 Test ID# Precondition Description Expected Result Actual Result 43 recommend sebelumnya merupakan pemilik dari komentar tersebut menekan tombol unrecommend. memasukkan komentar di field yang disediakan. klik pada tombol comment. klik pada icon delete di komentar. klik pada tombol OK pada dialog konfirmasi. klik pada tombol manage note. memilih note yang ingin dilihat secara detail dari daftar note yang tersedia. memasukkan note di tempat yang disediakan baik Halaman di load ulang kembali. Data recommend dihapus dari database. Halaman di load ulang kembali. Komentar dimasukkan ke dalam database. Pembuat diberikan notifikasi. diarahkan kembali kehalaman artikel. Komentar dihapus database. artikel dari diarahkan kembali ke halaman artikel. Note dimunculkan area khusus. di Note dimasukkan ke dalam database atau filesystem

64 198 Test ID# Precondition Description Expected Result Actual Result dalam bentuk text maupun gambar. tergantung format bergabung ke kelas tersebut. 50 bergabung ke kelas tersebut. 51 klik pada tombol save. menekan icon delete pada note yang ingin dihapus. mengklik OK pada dialog konfirmasi. klik pada icon view attendance. klik pada icon enter classroom. klik pada tombol join class pada kelas tertentu. Note dihapus dari database atau file system. diarahkan ke halaman view attendance yang berisi daftar sesi dan jam kehadiran serta status kehadiran. diarahkan halaman classroom dituju. ke yang dimasukkan ke dalam daftar murid. belum bergabung ke kelas tersebut. Kelas merupakan kelas terbuka. Guru diberikan notifikasi. diarahkan ke halaman my class dengan pesan konfirmasi berhasil.

65 199 Test Precondition Description Expected Result Actual Result ID# 52 klik pada tombol dimasukkan ke request join pada dalam daftar kelas tertentu. pengguna yang request. belum bergabung ke kelas tersebut. Kelas merupakan kelas tertutup. Guru diberikan notifikasi. diarahkan kembali ke halaman daftar kelas dengan pesan konfirmasi berhasil. 53 belum bergabung ke kelas tersebut. 54 klik pada tombol assignment. klik pada icon answer pada bagian tugas tertentu. diarahkan ke halaman tugas yang berisi daftar tugas. Jawaban pengguna disimpan di dalam database. belum bergabung ke kelas tersebut. Tugas belum dinilai oleh pengajar. 55 mengisi jawabannya sesuai soal yang diberikan pengajar. mengisi semua field yang wajib, seperti data Guru yang bersangkutan diberikan notifikasi. diarahkan kembali halaman dengan konfirmasi berhasil. Kelas sesuai pengguna. ke tugas pesan dibuat input

66 200 Test ID# Precondition Description Expected Result Actual Result 56 kelas dan outline kelas. klik pada tombol create class. Salah satu field yang wajib tidak diisi. klik pada tombol create class. yang follow diberikan notifikasi. diarahkan ke halaman my class dengan pesan konfirmasi berhasil. Dimunculkan pesan error. 57 merupakan guru dari kelas tersebut. 58 merupakan guru dari kelas tersebut. merubah semua bagian yang ingin diubah. Semua field yang wajib tetap terisi. klik pada tombol edit class. Salah satu field yang wajib tidak di isi atau dikosongkan. klik pada tombol edit class. Perubahan terhadap kelas disimpan ke dalam database. Murid diberikan pemberitahuan tentang perubahan kelas. diarahkan kembali ke halaman my class dengan pesan konfirmasi berhasil. Dimunculkan pesan error.

67 201 Test Precondition Description Expected Result Actual Result ID# 59 Kelas dihapus. klik pada icon delete class. Murid pesan diberikan tentang penghapusan klik pada tombol OK kelas. di dialog konfirmasi. merupakan guru dari kelas tersebut. 60 merupakan guru dari kelas tersebut. memilih icon approve pada murid yang ingin diterimanya. klik pada tombol OK pada dialog konfirmasi. diarahkan kembali ke halaman my class dengan pesan konfirmasi berhasil. Murid yang bersangkutan dimasukkan sebagai murid di kelas tersebut. diberikan pemberitahuan tentang penerimaan. 61 memilih icon kick pada murid yang ingin dikeluarkan. diarahkan kembali ke halaman pengaturan murid dengan pesan konfirmasi berhasil. Murid yang dipilih dihapus dari kelas yang bersangkutan. merupakan guru dari kelas tersebut. 62 klik pada tombol OK pada dialog konfirmasi. mengisi field yang diwajibkan. diarahkan kembali Tugas dimasukkan ke dalam database

68 202 Test ID# Precondition Description Expected Result Actual Result merupakan guru dari kelas tersebut. klik pada tombol publish assignment. sesuai pengguna. input Murid yang tergabung di kelas tersebut diberikan notifikasi. 63 merupakan guru dari kelas tersebut. 64 merupakan guru dari kelas tersebut. Belum ada murid yang menjawab tugas tersebut. 65 merupakan Salah satu field yang wajib tidak diisi. klik pada tombol publish assignment. merubah bagian yang ingin dirubah. klik pada tombol edit assignment. Salah satu field yang wajib diisi dikosongkan. klik pada tombol edit assignment. diarahkan kembali ke halaman daftar tugas dengan pesan konfirmasi berhasil. diarahkan kembali ke halaman pembuatan tugas dengan pesan error. Perubahan disimpan di dalam database. Murid tergabung dalam diberikan notifikasi. yang di kelas diarahkan ke halaman daftar tugas dengan pesan konfirmasi berhasil. Dimunculkan pesan error.

69 203 Test ID# Precondition Description Expected Result Actual Result guru dari kelas tersebut. Belum ada murid yang menjawab tugas tersebut. 66 merupakan guru dari kelas tersebut. 67 merupakan guru dari kelas tersebut. 68 merupakan guru dari kelas tersebut. klik di icon delete assignment. klik pada tombol OK di dialog konfirmasi. perubahan halaman di slide yang ditampilkan. memilih murid yang ingin diberikan hak akses ke liveboard. Assignment dihapus database. Murid tergabung dalam diberikan notifikasi. dari yang di kelas diarahkan kembali ke halaman daftar tugas dengan pesan konfirmasi berhasil. Halaman slide di semua murid di dalam kelas berubah sesuai yang dilakukan pengguna. Murid yang dipilih bisa perubahan terhadap papan tulis.

70 Evaluasi Evaluasi dilakukan dengan menyebarkan kuesioner evaluasi ke responden yang mencoba website Liveboard. Pemilihan responden berdasarkan ruang lingkup dalam penelitian ini. Jumlah pertanyaan dalam kuesioner adalah tujuh pertanyaan. Jumlah responden yang mengisi kuesioner dengan valid adalah 30 responden. Berikut ini adalah rincian pertanyaan dan hasil kuesioner evaluasi yang disebarkan : 1. Liveboard memberikan interface yang menarik? Tabel 4.4 Hasil Jawaban Kuesioner Evaluasi Pertanyaan Nomor 1 Jawaban Responden Persentase Tidak Setuju 0 0% Kurang Setuju 0 0% Cukup Setuju 4 13% Setuju 16 52% Sangat Setuju 11 25% Total % Gambar Grafik Hasil Jawaban Kuesioner Evaluasi Pertanyaan Nomor 1 Berdasarkan hasil jawaban dari pertanyaan kuesioner evaluasi yang digambarkan dengan diagram di atas, maka dapat diketahui mayoritas responden setuju bahwa website Liveboard memberikan interface yang menarik. 2. Liveboard memberikan navigasi yang simpel dan sederhana sehingga mudah dipahami dan diingat?

71 205 Tabel 4.5 Hasil Jawaban Kuesioner Evaluasi Pertanyaan Nomor 2 Jawaban Responden Persentase Tidak Setuju 0 0% Kurang Setuju 1 3% Cukup Setuju 14 45% Setuju 13 42% Sangat Setuju 3 10% Total % Gambar Grafik Hasil Jawaban Kuesioner Evaluasi Pertanyaan Nomor 2 Berdasarkan hasil jawaban dari pertanyaan kuesioner evaluasi yang digambarkan dengan diagram di atas, maka dapat diketahui mayoritas responden cukup setuju bahwa website Liveboard memberikan navigasi yang simpel dan sederhana sehingga mudah dipahami dan diingat. 3. Anda dapat dengan cepat memahami cara penggunaan Liveboard? Tabel 4.6 Hasil Jawaban Kuesioner Evaluasi Pertanyaan Nomor 3 Jawaban Responden Persentase Tidak Setuju 0 0% Kurang Setuju 0 0% Cukup Setuju 11 35% Setuju 15 48% Sangat Setuju 5 16% Total %

72 206 Gambar Grafik Hasil Jawaban Kuesioner Evaluasi Pertanyaan Nomor 3 Berdasarkan hasil jawaban dari pertanyaan kuesioner evaluasi yang digambarkan dengan diagram di atas, maka dapat diketahui mayoritas responden setuju bahwa website Liveboard memberikan kemudahan kepada user untuk cepat memahami cara penggunaan Liveboard. 4. Proses loading data pada Liveboard berjalan cepat? Tabel 4.7 Hasil Jawaban Kuesioner Evaluasi Pertanyaan Nomor 4 Jawaban Responden Persentase Tidak Setuju 0 0% Kurang Setuju 1 3% Cukup Setuju 9 30% Setuju 12 40% Sangat Setuju 6 27% Total % Gambar Grafik Hasil Jawaban Kuesioner Evaluasi Pertanyaan Nomor 4 Berdasarkan hasil jawaban dari pertanyaan kuesioner evaluasi yang digambarkan dengan diagram di atas, maka dapat diketahui mayoritas

73 207 responden setuju bahwa website Liveboard mempunyai proses loading data yang berjalan cepat. 5. Anda mendapat umpan balik yang tepat dari interaksi dengan Liveboard? Tabel 4.8 Hasil Jawaban Kuesioner Evaluasi Pertanyaan Nomor 5 Jawaban Responden Persentase Tidak Setuju 0 0% Kurang Setuju 0 3% Cukup Setuju 11 35% Setuju 10 32,5% Sangat Setuju 10 32,5% Total % Gambar Grafik Hasil Jawaban Kuesioner Evaluasi Pertanyaan Nomor 5 Berdasarkan hasil jawaban dari pertanyaan kuesioner evaluasi yang digambarkan dengan diagram di atas, maka dapat diketahui mayoritas responden cukup setuju bahwa website Liveboard mempunyai umpan balik yang tepat kepada user.

74 Anda jarang kesalahan saat menggunakan Liveboard? Tabel 4.9 Hasil Jawaban Kuesioner Evaluasi Pertanyaan Nomor 6 Jawaban Responden Persentase Tidak Setuju 0 0% Kurang Setuju 0 0% Cukup Setuju 11 37% Setuju 15 50% Sangat Setuju 5 13% Total % Gambar Grafik Hasil Jawaban Kuesioner Evaluasi Pertanyaan Nomor 6 Berdasarkan hasil jawaban dari pertanyaan kuesioner evaluasi yang digambarkan dengan diagram di atas, maka dapat diketahui mayoritas responden setuju bahwa jarang kesalahan saat menggunakan website Liveboard. 7. Secara keseluruhan, anda merasa puas dengan aplikasi Liveboard ini? Tabel 4.10 Hasil Jawaban Kuesioner Evaluasi Pertanyaan Nomor 7 Jawaban Responden Persentase Tidak Setuju 2 6% Kurang Setuju 0 0% Cukup Setuju 9 29% Setuju 17 55% Sangat Setuju 3 10% Total %

75 209 Gambar Grafik Hasil Jawaban Kuesioner Evaluasi Pertanyaan Nomor 7 Berdasarkan hasil jawaban dari pertanyaan kuesioner evaluasi yang digambarkan dengan diagram di atas, maka dapat diketahui mayoritas responden setuju bahwa merasa puas dengan website Liveboard. Berikut ini adalah hasil perbandingan aplikasi yang kami kembangkan dengan produk lain : Tabel 4.11 Tabel Produk Pembanding Fitur Moodle ATutor Edmodo Schoology Dokeos Liveboard Install Ya Ya Tidak Tidak Ya Tidak Software Video Chat Ya, Ya, Tidak Tidak Ya, Ya install plugin install plugin install plugin Papan Tulis Tidak Tidak Tidak Tidak Tidak Ya Chat Ya, Ya Tidak Tidak Ya Ya install plugin Presentation Ya, Ya, Tidak Tidak Ya, Ya Slide install plugin install plugin install plugin Share Ya, Ya, Tidak Tidak Ya, Ya Screen install plugin install plugin install plugin Catatan Tidak Tidak Tidak Tidak Ya Ya

76 210 Fitur Moodle ATutor Edmodo Schoology Dokeos Liveboard Ujian Ya Ya Ya Ya Ya Ya Online dan tugas Absensi Ya Ya Ya Ya Ya Ya Notification Ya Ya Ya Ya Ya Ya Follow Tidak Tidak Tidak Tidak Tidak Ya User Rank Tidak Tidak Tidak Tidak Tidak Ya Butuh plugin khusus Ya Ya Tidak Tidak Ya Tidak