STUDI KASUS INTERAKSI MANUSIA DAN KOMPUTER

WEBSITE WPi-TV STMIK WIDYA PRATAMA

DISUSUN OLEH :
1. Agung Setyadi (18.110.0001)
2. Arfian Safri (18.110.0022)
3. Sendra Taqwa Arsaga (18.110.0029)
4. Moh. Mukhlisin (16.240.0118)

MANAJEMEN INFORMATIKA
STMIK WIDYA PRATAMA PEKALONGAN
2019/2020
 A. Topik
Pada topik ini kami akan membahas tampilan user interface dengan Tetriary User
(Pengguna tingkat 3)

B. Judul
Desain tampilan website Wpi-Tv

C. Permasalahan
Wpi-Tv adalah sebuah TV Kampus yang dimiliki oleh kampus STMIK Widya Pratama
Pekalongan yang juga merupakan internet televisi skala internasional yang bisa diakses
melalui website https://wpitv.stmik-wp.ac.id/. Di dalamnya terdapat banyak program acara
dengan ciri khas amsing – masing selain itu juga terdapat program acara berita yang meliputi
Kota Pekalongan dan sekitarnya yang Up to date. Namun dalam tampilannya ada beberapa hal
yang kurang maksimal dalam hal desain. Berikut tampilannya :

1. Halaman Beranda

Dalam tampilan beranda ini design yang dipakai kurang friendly-user karena terkesan kurang
rapih.
 2. Halaman Activities

Dalam tampilan Activities ini menampilkan keseluruhan aktivitas dari Wpi-Tv namun secara
menyeluruh tidak per-program acara sehingga yang mendominasi adalah acara berita “Aktual”
sedangan untuk acara lainnya tidak terlihat karena memang untuk on air tidak setiap hari
seperti program acara berita

3. Halaman Program Acara

Dalam tampilan Program Acara ini menampilkan keseluruhan acara di Wpi-Tv dan di dalamnya
berisikan seluruh episode dari program acara tersebut tetapi dalam tampilannya terlihat
monoton dan kurang efektif dalam penggunaan space website.

D. PENYELESAIAN
Penyelesaian dari permasalahan yang telah dijabarkan adalah bagaimana untuk
membuat website ini lebih user friendly dan lebih efektif dalam penggunaan space
website per halamannya. Untuk memenuhi tampilan yang diharapkan kami telah
membuat rancangannya sebagai berikut :
1. Halaman Utama

Pada halaman utama ini dapat diperbaiki dengan

membuat video highlight utama menjadi full
wide, kemudian untuk bagian sidebar Program
Acara dikelompokkan menjadi 2 yaitu Program
Acara yang sedang berjalan (On Going) dan
program acara yang terdahulu.
 2. Halaman Activities

Pada halaman Activities ini dapat diubah tampilannya per-program acara yang masih aktif /
berjalan namun dengan tata letak masih sama seperti sebelumnya.

3. Halaman Program Acara

Tampilan pada halaman ini dapat diubah kedalam bentuk list lalu dikelompokkan dengan
Alfabet dan dapat ditambahkan logo program acara dengan bentuk realnya (tidak kotak) dan
tidak terlalu besar.

.Gambar.contoh pengelompokkan dengan alphabet dari website oploverz.in

E. KESIMPULAN
Setelah melakukan studi kasus terhadap website WpiTv ini, kami dapat menyimpulkan
bahwa dengan adanya website ini pengunjung dapat mengakses seluruh konten yang
ada di Wpi-Tv meliputi program acara, berita ter-up to date, profil Wpi-Tv, info
kontak,dsb. Terkait dengan desain tampilan kami menyimpulkan beberapa hal, antara
lain :
1. Website ini memiliki tampilan yang baik dan up to date namun tata letak dalam
penggunaan space website kurang efektif seperti pada daftar program acara
2. Fitur pencarian yang terbilang cepat untuk mencari konten dalam website
3. Dengan adanya perancangan dari kami, bertujuan untuk membuat website ini dapat
berfungsi lebih mutakhir dan user friendly bagi seluruh pengguna baik itu pengguna
pertama, kedua, ataupun ketiga.