Laporan Final Tugas HCI "Site Up" - Kelompok 12
Human and Computer Interaction
Laporan Project SiteUp
KELOMPOK 12
Arya Putra Sitanggang (2502089994)
Kevin Setiawan (2501986920)
Khaira Rahma Diandra (25020244321)
Moses Wijaya (2502023354)
Silvano Leonard Hadi Kusuma (2502020610)
Latar Belakang Project
Judul proyek mata kuliah Human and Computer Interaction kami adalah SiteUp. SiteUp merupakan aplikasi pembelajaran online yang menyediakan berbagai macam video dan materi pembelajaran bagi pelajar menjelang tingkat SMP hingga SMA. Tujuan dari aplikasi ini adalah untuk mempermudah akses kepada siswa dalam kalangan SMP dan SMA untuk mencari materi pembelajaran mereka dengan mudah. Materi yang akan ditampilan adalah video pembelajaran yang berelevan dengan kategori dan mata sekolah yang ingin dipelajari. Selain itu, akan ada soal-soal latihan yang telah dikumpulkan sesuai materi tersebut agar siswa dapat melatih ilmu yang mereka dapatkan dari pembelajarannya.
Requirement
Main Features (User)
Login dan Register
User dapat melakukan login dan register untuk membuat akun baru serta masuk dengan akun yang sudah dimiliki.
Home
User dapat melihat tampilan yang paling umum pada home page, di dalam home page ini tersedia beberapa menu yang dapat membawa user ke menu lainnya.
Diskusi
User dapat melihat pertanyaan yang ditanyakan oleh user lainnya pada menu diskusi, selain itu pada menu ini user juga dapat menambahkan pertanyaan (fitur tanya soal) yang nantinya akan dijawab oleh user lainnya ataupun guru.
Pencarian
Fitur pencarian dapat digunakan oleh user untuk mencari materi belajar yang diinginkan (contoh mencari mata pelajaran mat, selain itu user juga dapat melakukan pencarian terhadap sebuah soal).
Profile
User juga dapat mengubah informasi pada fitur profile (contoh user dapat mengubah nama, tempat bersekolah, alamat, dan lain-lain).
Download Materi
User dapat mendownload materi pelajaran, latihan soal, ataupun video pembelajaran agar dapat dibuka tanpa membutuhkan aplikasi tersebut.
Menonton Video Belajar
User dapat menonton video pembelajaran dari pelajaran yang diseleksi, video pembelajaran yang terpopular pada pelajaran tersebut adalah video pertama yang ditampilkan.
Main Features (Admin)
Ban User
Admin dapat melakukan ban terhadap user yang melakukan hal yang negative (contoh ketika user menggunakan kata-kata kasar atau tidak sopan dalam fitur diskusi serta fitur tanya soal).
Mengubah UI/UX
Admin dapat mengubah UI/UX Interface dari aplikasi ini.
Menerima Kritik dan Saran User
Admin dapat mengumpulkan data melalui kritik dan saran dari user.
Main Features (Guru)
Login dan Register
Guru dapat melakukan login dan register untuk membuat akun baru serta masuk dengan akun yang sudah dimiliki.
Home
Fitur yang ada pada siswa juga ada pada guru seperti home page, ubah profile, dan gitur lainnya.
Diskusi
Guru dapat berpartisipasi dalam diskusi untuk bertanya ataupun menjawab pertanyaan dari user lainnya.
Upload Soal dan Video Belajar
Guru dapat mengupload materi belajar, soal Latihan, serta video pembelajaran.
Use Case Diagram
Strategic Objective Bina Nusantara
Strategic Objective yang diambil untuk melatar belakangi pembuatan dan berlangsungnya proyek ini adalah sebagai berikut:
Empowering the Society
Knowledge & Innovation
Tahapan Design
Tahap 1: Pengumpulan Informasi
Kelompok kami berniat membuat sebuah aplikasi pembelajaran dalam bentuk file dan video serta fitur-fitur tambahan lainnya. Banyak siswa yang mengalami kesulitan dalam belajar, salah satunya adalah kurangnya materi belajar, pada aplikasi ini kami menyediakan mulai dari materi, latihan soal, dan juga video belajar. selain itu siswa juga dapat bertanya dan berdiskusi satu sama lain. seperti menjawab pertanyaan dari seorang siswa maupun bertanya juga.
Tahap 2: Perencanaan
Perencanaan aplikasi kami ini dimulai dengan membuat prototype dari aplikasi ini yang memiliki beberapa fitur seperti home page untuk melihat hal-hal yang umum dan sedang naik daun, serta fitur pencarian. Lalu kami juga menambahkan footer untuk hampir di semua page, untuk memudahakn user berpindah menu tanpa harus balik ke home page.
Tahap 3: Rancangan
Sesudah merencanakan fitur-fitur serta gambar umum dari prototype yg ingin kami buat, kami membuat prototypenya dengan "Figma". lalu kami membuat design aplikasi ini agar sederhana untuk digunakan, dan tidak mempersulit pengguna agar lebih efisien dan efektif. kami juga memilih warna yang cukup cerah agar terlihat lebih hidup. Setelah itu kami menaruh menu di paling bawah agar mudah dilihat serta dapat dijangkau dengan mudah oleh jari tangan.
Tahap 4: Penyempurnaan dan Evaluasi
Ketika prototype dari aplikasi yang kami buat sudah terbentuk, kami sadar bahwa masih ada beberapa kekurangan yang dimiliki oleh prototype kami. maka itu kami menambahkan beberapa detail seperti tulisan error dalam login dan register page. lalu kami huga menambahkan prototype dimana ada fitur edit profile yang sudah terisi dan kosong.
Prototyping
Setelah melakukan tahapan design, dibuatlah prototype aplikasi high-fidelity menggunakan figma.
Link prototype: https://www.figma.com/file/3GszXsURw6sIg1XZLAXXRC/HCI-Project?node-id=0%3A1
Evaluasi
Pengevaluasian proyek ini dilakukan menggunakan DECIDE Framework sebagai berikut:
Goals
Mengevaluasi dan mengembangkan prototype yang lebih baik berserta fitur-fiturnya
Membuat prototype terbaik dengan desain yang simple dan mudah digunakan oleh user
Untuk mencari tahu apakah prototype yang kami buat sudah cocok dengan user atau belum
Question
Apakah ada fitur yang kurang berguna sehingga lebih baik dihilangkan?
Apakah interface yang kami perbarui sudah lebih efektif dibandingkan dengan yang sebelumnya?
Apakah masih ada kekurangan dari interface yang sudah kami perbarui?
Evaluation Method and Approach
Evaluation Method and Approach atau metode yang kami gunakan untuk mengevaluasi prototype kami adalah dengan metode kuisioner. Menurut kami sendiri kuisioner adalah metode yang sangat efektif, karena para pengisi kuisioner dapat mencoba langsung dan memberikan penilaian berdasarkan perspektif orang-orang yang berbeda.
Practical Issues
Pemilihan terhadap calon user atau pengguna prototype kami
Membuat kuisioner untuk tolak ukur penilaian
Mengevaluasi kekurangan berdasarkan penilaian calon user
Ethical Issues
Menentukan tema dan gambaran umum sebelum membuat prototype agar lebih persiapan lebih matang
Membuat kuisioner SUS dengan pertanyaan yang tepat dan sesuai untuk perkembangan prototype
Conclusion and Data
SUS
Kuesioner Data:
Result:
Kesimpulan SUS:
- Prototype kami memiliki penilaian yang kurang memuaskan berdasarkan System Usability Scale (SUS) dengan rata-rata 69 dan berada pada high marginal.
- Nilai terkecil dari survei kami adalah 40, user tersebut masih mengalami sedikit kebingungan dalam mengoperasikan prototype serta prototype kami tidak memuaskan untuk mereka.
Evaluasi
Menurut analisis kami, berdasarkan saran atau kritik dari user tester prototype SiteUp, yaitu mengoptimalkan functionnya serta membuat tutorial penggunaan agar mempermudah user dalam pemakaian aplikasi. Selain itu, membuat warna yang lebih kontras serta meminimalisir tampilan agar tidak terlalu ramai.
VI. Lampiran
LEMBAR KUESIONER USABILITY
Jawabanlah pertanyaan berikut dengan memberi satu tanda centang (√) pada setiap pertanyaan pada kolom jawaban yang tersedia.
1: Tidak Setuju 2: Kurang Setuju 3: Ragu-ragu 4: Setuju 5: Sangat Setuju
Komentar
Posting Komentar