Ruang Apps

Demo Aplikasi

PUX 2020 Kelompok B1

Facebook-f

Twitter

Google-plus-g

Envelope

Meminjam Ruangan Menjadi Lebih Mudah

Ingin melihat prototipe kami?

Lihat Prototipe Peminjam

Lihat Prototipe Administrator

Apa itu Ruang Apps?

Sebuah web apps yang memungkinkan mahasiswa untuk mengajukan peminjaman ruangan, memantau status pengajuan peminjaman dimanapun, melihat daftar jadwal ruangan yang tersedia, dan menyediakan informasi status ketersediaan pegawai Bagian Umum dan Perlengkapan FILKOM di ruangannya.

Selain itu juga terdapat bagian untuk admin Staff Umum dan Perlengkapan untuk mengkonfirmasi permohonan peminjaman ruang dan Memperbarui status ketersediaan staff di ruangan.

Coba Prototipe Web

Design Process

Emphatize

Emphatize yaitu mengenali tentang orang-orang terkait peminjam ruangan yang ada di FILKOM UB. Dalam hal ini kami menggunakan wawancara individu. Stakeholder terkait dengan peminjaman ruangan adalah mahasiswa dan staff bagian umum dan perlengkapan FILKOM.

Wawancara

Mahasiswa yang kami jadikan narasumber disini adalah mahasiswa yang pernah mengalami kesulitan dalam proses peminjaman ruang kelas. Sedangkan staff bagian umum dan perlengkapan, kami tidak dapat melakukan wawancara karena untuk melakukan wawancara membutuhkan surat pengantar dosen dan prosesnya mebutuhkan waktu yang cukup lama, sementara waktu yang dimiliki pada saat itu terlalu singkat. Kami hanya mendapatkan alur peminjaman ruangan yang terdapat di depan ruangan Bagian Umum dan Perlengkapan.

Hasil Wawancara

Dari narasumber mahasiswa yang kami wawancarai terdapat beberapa kesulitan dalam proses peminjaman ruangan seperti berikut:

Peminjam diminta untuk mengkonfirmasi ke bagian Umum dan Perlengkapan lagi tiga hari setelah mengisi form.
Selain itu juga kita tidak bisa tahu secara langsung status peminjaman kita apakah masih dalam status booking, disetujui, atau terpinjam.
Tidak adanya informasi jadwal peminjaman ruangan yang telah disetujui. Jika kita ingin memakai ruangan tapi sudah dipinjam orang lain kita ditawarkan ruangan lain. Sehingga harus mengecek ruangan yang ditawarkan apakah cocok dengan kegiatan yang dilakukan.
Terkadanag ruangan yang telah kita booking dipakai buat acara dari FILKOM atau dari lain yang lebih mendesak namun tidak ada pemberitahuan ke orang yang mem-booking duluan.
Tidak ada status bahwa staff Umum dan Perlengkapan sedang rapat atau tidak ada di ruangan sehingga harus bolak-balik lagi ke lantai enam gedung F.

Kami mencoba wawancara dengan staff bagian Umum dan Perlengkapan FILKOM, namun tidak bisa mewawancarainya karena tidak memiliki surat pengantar dari dosen dan tidak sempat mengurusnya untuk melakukan wawancara. Kami ditunjukkan alur-alur peminjaman ruangan yang baru yang dipajang di depan ruangannya. Berikut langkah-langkah peminjaman ruangan:

Langkah pertama melakukan scan barcode untuk mengisi form peminjaman.
Kemudian diminta konfirmasi ke bagian Umum dan Perlengkapan.
Selanjutnya Minta form peminjaman ruang yang telah ditandatangani oleh petugas serta menyerahkan kartu identitas sebagai jaminan.
Kemudian form tersebut digunakan untuk mengambil kembali kartu identitas setelah ruangan selesai dipakai.

Persona

Emphaty Map

Insight Statement

Penjelasan Insight Statement

Insight statement yaitu menuliskan temuan-temuan penting selama riset dengan user dan stakeholder. Temuan tersebut dikelompokan berdasarkan tema tertentu.

Daftar Insight Statement

a. Tema: Kebutuhan mahasiswa

Insights:

Mahasiswa membutuhkan daftar tanggal dan waktu ruangan yang sudah dipesan dan yang masih tersedia untuk dipinjam.
Mahasiswa membutuhkan fitur upload proposal kegiatan.
Mahasiswa membutuhkan status ketersediaan staff di ruang Umum dan Perlengkapan FILKOM untuk menyerahkan identitas.
Mahasiswa membutuhkan pemberitahuan jika terjadi perubahan ruangan yang telah dipesan.

b. Tema: Kebutuhan Bagian Umum dan Perlengkapan

Insight:

Bagian umum dan perlengkapan perlu melakukan konfirmasi kegiatan
Bagian umum dan perlengkapan dapat mengubah ruang kegiatan jika terdapat acara yang lebih penting
Bagian umum dan perlengkapan dapat mencetak form peminjaman

c. Tema: Efisiensi

Insights:

Efisien membuat mahasiswa menggunakan lebih sedikit waktu dan tenaganya dalam proses peminjaman
Banyak mahasiswa peduli mengenai kemudahan untuk mengakses dan menyerahkan informasi peminjaman ruangan

How Might We Question

Bagaimana kita membuat sistem untuk mengakses form peminjaman ruangan dan menyerahkan ke bagian perlengkapan FILKOM UB tanpa harus ke lantai 6 FILKOM UB?

Bagaimana kita mengetahui status peminjaman yang telah diajukanl dalam sistem peminjaman ruangan FILKOM UB?

Bagaimana kita membuat fitur untuk melihat ruangan yang tersedia di filkom serta menampilkan hari serta waktu yang berkaitan dengan ruangan tersebut?

Design Application

User Journey

User Flow

Information Architecture

Mental Model

Sketsa

Previous
Next

Wireframe

Halaman Peminjam

1 - Peminjam – Login Page — 1 – Peminjam – Login Page

2 - Peminjam – Reservasi Ruang — 2 – Peminjam – Reservasi Ruang

3 - Peminjam – Reservasi Ruang – Notifikasi — 3 – Peminjam – Reservasi Ruang – Notifikasi

4 - Peminjam – Reservasi Ruang – Profil — 4 – Peminjam – Reservasi Ruang – Profil

5 - Peminjam – Edit Profil — 5 – Peminjam – Edit Profil

6 - Peminjam – Ganti Password — 6 – Peminjam – Ganti Password

7 - Peminjam – Reservasi Ruang – Continue — 7 – Peminjam – Reservasi Ruang – Continue

8 - Peminjam – Riwayat Reservasi – Diajukan — 8 – Peminjam – Riwayat Reservasi – Diajukan

9 - Peminjam – Riwayat Reservasi – Menunggu Jaminan — 9 – Peminjam – Riwayat Reservasi – Menunggu Jaminan

10 - Peminjam – Riwayat Reservasi – Disetujui — 10 – Peminjam – Riwayat Reservasi – Disetujui

11 - Peminjam – Riwayat Reservasi – Ditolak — 11 – Peminjam – Riwayat Reservasi – Ditolak

12 - Peminjam – Riwayat Reservasi – Digunakan — 12 – Peminjam – Riwayat Reservasi – Digunakan

13 - Peminjam – Riwayat Reservasi – Selesai — 13 – Peminjam – Riwayat Reservasi – Selesai

14 - Peminjam – Notifikasi — 14 – Peminjam – Notifikasi

15 - Peminjam – Tentang Kami – Staff — 15 – Peminjam – Tentang Kami – Staff

16 - Peminjam – Tentang Kami – Ketersedian Staff — 16 – Peminjam – Tentang Kami – Ketersedian Staff

17 - Peminjam – Tentang Kami – Kontak — 17 – Peminjam – Tentang Kami – Kontak

Previous
Next

1 - Admin – Login Page — 1 – Admin – Login Page

2 - Admin – Reservasi Ruang — 2 – Admin – Reservasi Ruang

3 - Admin – Reservasi Ruang – Notifikasi — 3 – Admin – Reservasi Ruang – Notifikasi

4 - Admin – Reservasi Ruang – Profil — 4 – Admin – Reservasi Ruang – Profil

5 - Admin – Edit Profil — 5 – Admin – Edit Profil

6 - Admin – Ganti Password — 6 – Admin – Ganti Password

7 - Admin – Verifikasi Reservasi - Diajukan — 7 – Admin – Verifikasi Reservasi – Diajukan

8 - Admin – Verifikasi Reservasi - Edit — 8 – Admin – Verifikasi Reservasi – Edit

9 - Admin – Verifikasi Ruang – Menunggu Jaminan — 9 – Admin – Verifikasi Ruang – Menunggu Jaminan

10 - Admin – Verifikasi Reservasi – Disetujui — 10 – Admin – Verifikasi Reservasi – Disetujui

11 - Admin – Verifikasi Reservasi – Ditolak — 11 – Admin – Verifikasi Reservasi – Ditolak

12 - Admin – Verifikasi Reservasi – Sedang Digunakan — 12 – Admin – Verifikasi Reservasi – Sedang Digunakan

13 - Admin – Verifikasi Reservasi – Selesai — 13 – Admin – Verifikasi Reservasi – Selesai

14 - Admin – Notifikasi — 14 – Admin – Notifikasi

15 - Admin – Tentang Kami – Staff — 15 – Admin – Tentang Kami – Staff

16 - Admin – Tentang Kami – Ketersedian Staff — 16 – Admin – Tentang Kami – Ketersedian Staff

17 - Admin – Tentang Kami – Kontak — 17 – Admin – Tentang Kami – Kontak

Previous
Next

Halaman Admin

Design Application

1. Bagian Login

Previous
Next

2. Bagian Peminjam

3 Reservasi Ruang - Peminjam — 3 Reservasi Ruang – Peminjam

6 Reservasi Ruang Delete - Peminjam — 6 Reservasi Ruang Delete – Peminjam

Previous
Next

8 Riwayat Reservasi Diajukan - Peminjam — 8 Riwayat Reservasi Diajukan – Peminjam

9 Riwayat Reservasi Menunggu Jaminan –Peminjam

10 Riwayat Reservasi Disetujui - Peminjam — 10 Riwayat Reservasi Disetujui – Peminjam

11 Riwayat Reservasi Ditolak - Peminjam — 11 Riwayat Reservasi Ditolak – Peminjam

12 Riwayat Reservasi Digunakan –Peminjam

13 Riwayat Reservasi Selesai - Peminjam — 13 Riwayat Reservasi Selesai – Peminjam

Previous
Next

15 Tentang Kami - Peminjam — 15 Tentang Kami – Peminjam

16 Tentang Kami Ketersedian Staff - Peminjam — 16 Tentang Kami Ketersedian Staff – Peminjam

17 Tentang Kami Kontak - Peminjam — 17 Tentang Kami Kontak – Peminjam

Previous
Next

3. Bagian Admin

1 Reservasi Ruang - Admin — 1 Reservasi Ruang – Admin

2 Verifikasi Reservasi Diajukan - Admin — 2 Verifikasi Reservasi Diajukan – Admin

3 Verifikasi Reservasi Edit Status - Admin — 3 Verifikasi Reservasi Edit Status – Admin

Previous
Next

4 Notifikasi - Admin — 4 Notifikasi – Admin

5 Tentang Kami Ketersedian Staff - Admin — 5 Tentang Kami Ketersedian Staff – Admin

Product Testing

Usability Testing

Tentang Usability Testing

Usablity testing adalah cara terbaik untuk memahami user experience dari aplikasi anda. Kami menggunakan SUS untuk mengukur usability aplikasi Sistem Peminjaman Ruang FILKOM

Hasil Usability Testing

Usability testing dilakukan terhadap mahasiswa Teknik Infromatika FILKOM UB yang berjumlah 5 responden. Setelah dilakukan perhitungan, didapatkan rata-rata skor SUS sebesar 78. Sehingga desain yang dihasilkan dapat dikategorikan memiliki usability yang cukup baik karena melebihi skor rata-rata dari banyak penelitian yaitu 68.

Heuristic Evaluation

Tentang Heuristic Evaluation

Heuristic Evaluation adalah metode rekayasa usability untuk menemukan masalah kegunaan dalam desain User Interface, sehingga membuatnya dapat diatasi dan dipecahkan sebagai bagian dari proses desain berulang.

Hasil Heuristic Testing

Heuristic Evaluation yang dilakukan menggunakan metode sistem checklist. Hasil yang didapatkan dapat dilihat pada gambar dibawah.

Anggota Tim

Aditya Bagas Pratama

Membuat dokumentasi di tiap bagian yang dikerjakan, Membuat information architecture, Membuat sketsa aplikasi, dan Melakukan presentasi

Andi Fikri Safaraz Diningrat

Membuat dokumentasi di tiap bagian yang dikerjakan, Membuat user journey, Membuat user flow, Membuat wireframe aplikasi, Membuat desain aplikasi, Membuat prototype aplikasi, dan Membuat video demo aplikasi

Anindya Celena Khansa Kirana

Membuat dokumentasi di tiap bagian yang dikerjakan, Melakukan wawancara, Membuat review aplikasi, Membuat persona, Membuat empathy map, dan Membuat mental model

Benyamin Fajri

Membuat dokumentasi di tiap bagian yang dikerjakan, Membuat interview guide, Merangkum hasil wawancara, Membuat insight statement, Melakukan information architecture, Membuat revisi desain aplikasi, dan Membuat website

Jesika Silviana Br Situmorang

Membuat dokumentasi di tiap bagian yang dikerjakan, Melakukan wawancara dan merangkum hasil wawancara, Membuat review aplikasi, Membuat how-might-we questions, Membuat mental model, Membuat screenflow aplikasi

Dokumentasi?

Dokumentasi didasarkan dari projek akhir kelompok mata kuliah User Experience. Dokumentasi terdiri dari:

Pendahuluan
Proses design
Penutup

Lihat Dokumen

Demo Aplikasi

https://www.youtube.com/watch?v=9M5DyBYRGyk&feature=youtu.be

PUX 2020 Kelompok B1

Ruang Apps

Prototipe

Tentang Aplikasi

Design Process

Anggota Tim

Demo Aplikasi

Meminjam Ruangan Menjadi Lebih Mudah

Ingin melihat prototipe kami?

Apa itu Ruang Apps?

Design Process

Emphatize

Wawancara

Persona

Emphaty Map

Insight Statement

How Might We Question

Design Application

User Journey

User Flow

Information Architecture

Mental Model

Sketsa

Wireframe

Halaman Peminjam

Halaman Admin

Design Application

1. Bagian Login

2. Bagian Peminjam

3. Bagian Admin

Product Testing

Usability Testing

Heuristic Evaluation

Anggota Tim

Aditya Bagas Pratama

Membuat dokumentasi di tiap bagian yang dikerjakan, Membuat information architecture, Membuat sketsa aplikasi, dan Melakukan presentasi

Andi Fikri Safaraz Diningrat

Membuat dokumentasi di tiap bagian yang dikerjakan, Membuat user journey, Membuat user flow, Membuat wireframe aplikasi, Membuat desain aplikasi, Membuat prototype aplikasi, dan Membuat video demo aplikasi

Anindya Celena Khansa Kirana

Membuat dokumentasi di tiap bagian yang dikerjakan, Melakukan wawancara, Membuat review aplikasi, Membuat persona, Membuat empathy map, dan Membuat mental model

Benyamin Fajri

Membuat dokumentasi di tiap bagian yang dikerjakan, Membuat interview guide, Merangkum hasil wawancara, Membuat insight statement, Melakukan information architecture, Membuat revisi desain aplikasi, dan Membuat website

Jesika Silviana Br Situmorang

Membuat dokumentasi di tiap bagian yang dikerjakan, Melakukan wawancara dan merangkum hasil wawancara, Membuat review aplikasi, Membuat how-might-we questions, Membuat mental model, Membuat screenflow aplikasi

Dokumentasi?

Demo Aplikasi