BAB 4 HASIL DAN PEMBAHASAN
1.1 Spesifikasi Sistem Spesifikasi sistem yang dibutuhkan untuk mengakses aplikasi berbasis web ini yaitu : 1.1.1 Kebutuhan Hardware Spesifikasi perangkat keras yang dibutuhkan untuk mengakses website ini adalah sebagai berikut : a. Processor Intel Pentium IV atau lebih tinggi b. Memory 1GB atau lebih c. Harddisk 80GB atau lebih d. Koneksi internet 1.1.2 Kebutuhan Software Perangkat lunak yang dibutuhkan untuk menjalankan aplikasi berbasis web ini adalah : a. Sistem operasi Windows XP atau lebih baru b. Web browser, disarankan menggunakan Google Chrome. c. Aplikasi host, disarankan menggunakan XAMPP 1.1.3 instalasi XAMPP Pada tahap ini dijelaskan cara menginstall XAMPP yang digunakan untuk hosting. Berikut adalah tahapan instalasinya :
Gambar 1.1 Instalasi XAMPP
75
Pilih bahasa yang di inginkan. Lalu klik tombol ok atau cancel untuk membatalkan instalasi.
Gambar 1.2 Instalasi XAMPP Klik tombol next untuk melanjutkan instalasi atau tombol cancel untuk membatalkan instalasi.
Gambar 1.3 instalasi XAMPP Pilih menu yang di inginkan ,lalu tekan next untuk melanjutkan instalasi atau back untuk kembali ke langkah sebelumnya, atau cancel untuk membatalkan instalasi.
Gambar 1.4 Instalasi XAMPP Selanjutnya menentukan lokasi penyimpanan XAMPP. Jika sudah menentukan folder, tekan next untuk melanjutkan atau back jika ingin ke langkah sebelumnya, tekan cancel untuk membatalkan instalasi.
Gambar 1.5 Instalasi XAMPP Proses instalasi sedang berjalan. Proses ini membutuhkan waktu beberapa menit.
Gambar 1.6 Instalasi XAMPP XAMPP sudah terinstal dan siap di gunakan sebagai web server. Untuk menggunakan XAMPP , cukup jalankan XAMPP yang ada di control panel menu pada desktop icon sesuai pilihan menu pada gambar ke-3 di atas.
Gambar 1.7 Control panel XAMPP XAMPP sudah berjalan dan siap di gunakan untuk menjalankan web server.
1.2 Tampilan Layar 1.2.1 User atau Member Ini merupakan halaman pertama yang ditampilkan saat user mengakses aplikasi kerjabareng.
Gambar 1.8 Halaman Login Pada halaman ini ditampilkan menu untuk login dan deskripsi mengenai web kerjabareng
Gambar 1.9 Halaman Register Pada halaman register atau pendaftaran, akan ditampilkan kolom isian dimana user dapat mengisi data pribari untuk didaftarkan pada aplikasi kerjabareng.
Gambar 1.10 Halaman Lupa Kata Sandi
Gambar 1.11 Halaman Index Ini merupakan halaman awal saat user berhasil login, pada halaman ini ditampilkan data user yang login, pilihan edit profile, dan tab yang dapat dipilih untuk menampilkan daftar kelompok, daftar kelas, dan daftar file. Halaman ini menampilkan tiga tab, yaitu tab kelompok yang menampilkan daftar kelompok, tab kelas yang menampilkan daftar kelas kelas, dan tab file dimana user dapat mengirim file dan melihat file yang sudah dikirim. Pada menu bar atas, terdapat terdapat menu yang menampilkan jumlah notifikasi kelas dan notifikasi kelompok.
Gambar 1.12 Halaman Edit Profile Halaman ini user dapat menganti foto profile dan mengubah kata sandi.
Gambar 1.13 Halaman Daftar Kelompok Pada halaman daftar kelompok ditampilkan daftar kelompok dimana diketuai oleh user dan daftar kelompok dimana user tersebut merupakan anggota. Pada halaman ini juga terdapat menu untuk membuat kelompok baru dan menu untuk melihat daftar tugas.
Gambar 1.14 Halaman Buat Kelompok Baru User dapat membuat kelompok baru pada halaman buat kelompok.
Gambar 1.15 Halaman Kelompok Saat user memilih kelompok yang ingin dilihat, maka akan ditampilkan halaman kelompok yang dipilih. Pada halaman kelompok ditampilkan halaman untuk menampilkan daftar anggota kelompok, daftar tugas, dan tab untuk menampilkan jadwal projek.
Gambar 1.16 Halaman Daftar Tugas Pada halaman daftar tugas, akan ditampilkan daftar semua tugas yang berhubungan denga user yang sedang login.
Gambar 1.17 Halaman Detail Tugas Detail tugas akan ditampilkan pada halaman detail tugas, menu tugas akan ditampilkan secara berbeda berdasarkan status tugas.
Gambar 1.18 Halaman Chat Halaman chat menampilkan chat berdasarkan kelompok yang dipilih, semua anggota kelompok dapat melakukan chatting pada halaman ini.
Gambar 1.19 Halaman Kelas Halaman kelas menampilkan detail kelas yang dipilih oleh user, pada halaman kelas terdapat pilihan untuk undang teman, pilihan untuk melihat daftar anggota kelas, tab posting dimana user dapat mengirim postingan sebagai bahan diskusi, dan juga tab file dimana dim user dapat saling berbagi file dengan anggota kelas lainnya.
4.2.2 Admin
Gambar 1.20 Halaman Login Admin Admin mempunyai halaman login tersendiri yang terpisah dari halaman login member
Gambar 1.21 Halaman Awal Admin Halaman awal admin akan ditampilkan jika admin berhasil login, pada halaman awal admin dapat melihat detail jumlah user, jumlah kelompok, jumlah kelas, dan total memori yang terpakai. Pada panel kiri terdapat menu untuk menampilkan daftar kelas yang sudah di buat oleh user, daftar kelompok, dan daftar user.. Admin dapat mengubah atau menghapus kelas, kelompok atau user yang sudah terdaftar.
Gambar 1.22 Halaman Table User Ini merupakan halaman table user pada admin. Yang menanpilkan data-data user.
Gambar 1.23 Halaman Pengangkatan Jabatan User Ini merupakan halaman admin untuk mengangkat user yang terdaftar di kerjabareng menjadi admin kerjabareng.
Gambar 1.24 Pesan Setelah 3 Kali Gagal Login ogin
Saat user gagal melakukan login dikarenakan salah memasukkan email atau password sebanyak lebih dari 3 kali, maka user tersebut tidak dapat melakukan login kembali selama 30 detik dan user harus menunggu agar dapat melakukan login kembali, pada saat ini terjadi
tombol login akan dihilangkan dan digantikan dengan pesan yang memberitahukan sisa waktu untuk dapat melakukan login kembali, setelah waktu tunggu habis maka tombol untuk login akan ditampilkan kembali dan user dapat melakukan login kembali. Pada web kerjabareng ini juga sudah diterapkan enkripsi terhadap password dari user yang tersimpan pada database yang bertujuan agar password user tetap aman walaupun database telah di retas.