Website Open CourseWare Universitas Sebelas Maret digunakan untuk manajemen presensi kuliah daring bagi mahasiswa. Website ini memiliki beberapa bagian utama seperti tampilan halaman login, statistik materi ajar dan silabus, FAQ, serta presensi kuliah daring. Beberapa aspek user interface dan penggunaan yang dianalisis antara lain readability, kecepatan website, warna, tata letak, dan bilah menu halaman.

1. ULASAN
UI/UX
WEBSITE OCW
Ridho Fata Ulwan [V3420061]
Rizki Alfian [V3420065]
Satria Buana Paksi [V3420070]
Disusun Oleh :
UNIVERSITAS
SEBELAS MARET

2. OCW (Open CourseWare)
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.

3. ULASAN UI/UX
WEBSITE OCW UNS
Readability (Keterbacaan)
Website Speed (Kecepatan Situs Web)
Warna
Tata Letak dan Tampilan (Layout)
Bilah Menu Halaman
Login page
Statistik Materi Ajar dan Silabus
FAQ
Presensi Kuliah Daring
Bilah Pencarian
Menu Fakultas
UI/UX yang akan diulas pada Website Open CourseWare
dibatasi pada beberapa bagian di bawah ini:
1.
2.
3.
4.

4. READABILITY(KERBACAAN)
Ukuran dan jenis font yang digunakan sudah tepat dan tidak terlalu kecil atau tidak terlalu besar.
Boleh jadi akan adai improvisasi lebih pada jenis dan ukuran font agar lebih maksimal.Tentu saja
dengan memperhatikan kontras antara background dan tulisan.Jika pada mode gelap atau dark
mode, warna tulisan dapat di invert agar memiliki kontras yang tinggi dengan background
sehingga dapat terbaca dengan jelas.

5. Menggunakan https://developers.google.com/ (Page Speed Insight) Dilakukan pengujian
sebanyak 10 kali menggunakan 2 platform dihasilkan nilai sebagai berikut.
WEBSITE SPEED (KECEPATAN SITUS WEB)
Mobile
Desktop

6. UJI COBA KECEPATAN
DALAM OVERALL RESULT

7. Warna yang digunakan pada halaman
tersebut memiliki warna dasar putih
dan diberikan warna
kontras abu abu untuk memberikan
perbedaan tombol perintah pada
tata letak dengan background.
Melihat bahwa UNS memiliki warna
dasar biru pada logo dan simbolnya
maka akan lebih baik jika bisa
menyelaraskan dengan warna
tersebut.
Bahkan jika ditambah fitur berupa
mode gelap atau dark mode akan
memberikan experience yang
berbeda kepada pengguna tertentu
yang lebih nyaman menggunakan
mode gelap atau dark mode.
WARNA

8. Homepage
Bilah Menu Halaman
Login page
Statistik Materi Ajar
Statistik Silabus
FAQ
Presensi Kuliah Daring
Bilah Pencarian
Menu Fakultas
Bagian Layout(Tampilan) Web terdiri dari beberapa bagian
utama yaitu:
1.
2.
3.
Layout Web (Tampilan Web)

9. TAMPILAN HALAMAN
LOGIN PAGE
ULASAN
Pada Tampilan Login Page kesesuaian antara bilah halaman
di sebelah kiri sudah baik dan mudah dioperasikan. Tidak
terlalu banyak tombol perintah yang ditampilkan.Pengguna
pada halaman ini tidak perlu hingga menggunakan scroll
pada mouse sebanyak tiga kali.SehinggaUser Interface pada
halaman ini sudah baik, hanya saja pada mode mobile sedikit
lebih lambat dan perlu beberapa gerakan swipe untuk
menjelajahi seluruh halaman
Mode Mobile
Mode Dekstop

10. ULASAN
Halaman ini berisi tentang jawaban mengenai hal yang sering ditanyakan. Terdapat perbedaan
pada halaman setelah dan sebelum login. Yaitu Tutorial Open Coursware - Tutorial Course
Mahasiswa yang hanya ada pada tampilan halaman setelah login
Tampilan Halaman FAQ
Dengan Login Tanpa Login

11. Tampilan
Halaman
Statistik Materi
Ajar & Statistik
Silabus
ULASAN
Halaman ini tidak
menampilkan apapun, hanya
pesan Error dan halaman
kosong. Begitu juga dengan
tampilan setelah login akun.
Tanpa Login
Dengan Login

12. Tampilan Homepage Setelah Login
Course
Makul Semester Ini
Presensi Kuliah Daring
ULASAN
Halaman Mainpage setelah
login menampilkan tombol
perintah baru pada bilah
menu halaman yaitu :
Hal tersebut tidak masalah
karena halaman tersebut
pada dasarnya hanya dapat
diakses oleh mahasiswa
UNS yang memiliki e-mail
SSO.
Mode Desktop
Mode Mobile

13. TAMPILAN HALAMAN
PRESENSI KULIAH DARING ULASAN
Halaman presensi kuliah daring
menampilkan mata kuliah yang
diambil oleh mahasiswa pada
semester terkini.
Tombol “Lihat Presensi” mengarahkan
ke halaman “Pilih Dosen untuk
Presensi” dan “Tombol Lihat Presensi”
selanjutnya untuk mengarahkan
pengguna untuk melakukan presensi
dengan klik pada “Presensi Disini”.
Tidak ada kesulitan dalam melakukan
presensi, hanya saja apabila ditambah
rekap tabel kehadiran maka akan lebih
mudah dalam membaca secara
keseluruhan.

14. ULASAN
Terjadi kesalahan pada kotak Nama Mata Kuliah yang tidak dapat diberi masukan atau
input keadalamnya, dan hasil dari klik Cari Mata Kuliah mengarahkan pada halaman
Error Not Found(#404). Perlu ada perbaikan dalam fungsi dan halaman tersebut.
TAMPILAN BILAH PENCARIAN

15. ULASAN
Menu Fakultas sudah memberikan pengalaman dan kemudahan, tetapi ada menu fakultas
yang tidak memiliki symbol atau logo. Selain itu, belum ada pembaruan dari pengembang
website dimana beberapa program studi Diploma belum masuk pada menu Sekolah Vokasi.
Kelebihan lain dari menu fakultas adalah dimana ada detail mata kuliah terdapat file rps dan
silabus kuliah yang dapat diakses mahasiswa.
MenuFakultas

16. THANK YOU