1. UI/UX
DESIGN

2. KELOMPOK
MERAH

3. ANGGOTA
KELOMPOK
NIZAMUDDIN AULIA QUTUB
V3420055 - TIC
SAMUEL STEVEN PRISMA HASIYONO
V3420069 - TIC
RIO ANANDA SALEH
V3420063 - TIC

4. UI (User Interface)
Dilansir dari Wikipedia, user interface merupakan bentuk
tampilan grafis yang berhubungan langsung dengan
pengguna, dan user interface berfungsi untuk
menghubungkan antara pengguna dengan sistem operasi
sehingga komputer dapat dioperasikan.
08

5. User Experience (UX)
User experience (UX) sesuai artinya dalam bahasa
indonesia “pengalaman pengguna” adalah pengalaman
yang diberikan website atau software kepada
penggunanya agar interaksi yang dilakukan menarik dan
menyenangkan.
13

6. OCW (OPEN COURSE WARE)
OCW atau Open CourseWare merupakan salah satu subdomain dari website uns.ac.id
Fungsi dari website ini adalah digunakan untuk memanajemen presensi kuliah daring
oleh mahasiswa yang difasilitasi oleh dosen masing-masing.
1. Ulasan tentang halaman untuk login OCW
2. Ulasan mengenai halam utama OCW
3. Ulasan tentang halaman untuk presensi di OCW

7. Halaman Login OCW
TERDAPAT 2 CARA UNTUK LOGIN
OCW
SEBAGAI MAHASISWA BIASANYA
LOGIN MELALUI SSO
PADA DESIGN OCW MEMILIKI PENEMPATAN
YANG KURANG SIMPLE
TERKADANG HALAMAN OCW TERJADI
MAINTENANCE
TIDAK ADA ANIMASI LOADING
1
2
3
4
5

8. Single Sign On
(SSO)
Pada opsi login ini login lebih mudah
daripada login dengan akun SIAKAD,
karena kita login menggunakan akun
email uns yang juga digunakan pada
laman spada sehingga lebih mudah
dalam mengingat username maupun
password

9. HALAMAN UTAMA
DARI OCW
ocw ini memiliki banyak
manfaat bagi mahasiswa
Ukuran dan Jenis Font
standar
Warna background pada
halam utama ini simple
Disetiap fakultas memiliki
logo mereka sendiri hingga
mempermudah mahasiswa
Terdapat search engine untuk
mempermudah mahasiswa

10. HALAMAN PRESENSI
PERTAMA
halaman ini memiliki informasi
berbentuk poin-poin yang dibuat
detail memudahkan pengguna
mengidentifikasi mata kuliah
tampilan desain halaman terlihat
simpel sehuingga tidak membuat
penggunanya bingung
pada tombol "lihat presensi" terkesan
terjadi perulangan yang tidak
diperlukan

11. HALAMAN PRESENSI KEDUA
pada halaman ini kita dapat memilih
dosen yang mengajar mata kuliah
yang dipilih sebelumnya
tampilannya terkesan sama dengan
halamna lain sehingga terlihat kurang
ceria
warna halaman yang terang membuat
pengguna mudah untuk
mengidentifikasi setiap isi dari
halaman tersebut

12. HALAMAN PRESENSI KETIGA
terdapat informasi
tanggal dan jam
terkini di pojok
kanan atas yang
memudahkan absen
tampilan sama-sama
mudah di pahami
halaman ini memuat
informasi tentang
histori presensi

13. TERIMA KASIH
kelompok merah