2 Good Design Website | Sistem Informasi Akademik

MENGANALISIS WEBSITE

SISTEM INFORMASI AKADEMIK

"GOOD DESIGN"

     Siapa disini yang menggunakan sistem informasi akademik? Pasti kebanyakan dari kalian yang kuliah, menggunakan sistem informasi akademik. Sistem informasi akademik mempermudah kita untuk melakukan kegiatan administrasi akademik di kampus, yang mana kesemuanya diatur secara online. Beberapa contoh kegiatan yang bersifat administratif di kampus adalah Penerimaan Mahasiswa Baru (PMB), penyusunan kurikulum dan jadwal kuliah, mengisi Kartu Rencana Studi (KRS), mengisi nilai (untuk dosen), mengelola data dosen, karyawan, dan mahasiswa, dsb.

     Sebagai seseorang yang berkuliah pasti menggunakan sistem informasi akademik untuk memudahkan mahasiswa mendapatkan informasi seputar perkuliahan. Dan Kemudahan mendapatkan informasi ditunjang dari websitenya yang bagus dan sesuai kegunaannya. Pada kesempatan kali ini, akan membahas tentang analisa Website Akademik. Untuk menganalisa sebuah website tentunya memiliki syarat-syarat tertentu,  ada beberapa poin tersendiri yang menjadi acuan dalam menentukan baik / buruknya kualitas dari suatu website , yakni:

• Usability
• Sistem Navigasi (Struktur)
• Desain Visual (Graphic Design)
• Konten (Contents)
• Kompabilitas (Compability)
• Lamanya Proses (Loading Time)
• Aksesbilitas (Accessibility)

Adapun 2 contoh website akademik (good design) yang dianalisis, sebagai berikut:

__________________________________________________________________________________________

1. Institut Teknologi Sepuluh Nopember      (ITS)      https://www.its.ac.id

__________________________________________________________________________________________

> Tampilan :

     Dilihat dari background membuat mata menjadi lebih jernih untuk melihatnya karena ada unsur alam yang membuat mata menjadi segar. Kemudian header atau bagian atas tampilan website yang berupa menu-menu di dalam website dapat dilihat langsung. Karena setiap orang membuka website yang dilihat pertama adalah bagian tampilan yang berada di atas. Selain itu kelebihan website ini adalah dari tampilan login yang berupa logo. 

Selain itu penempatan menu tertata dengan rapi dan hanya memperlihatkan menu-menu utama. Mengapa bisa seprti itu? Karena background dibuat full screen dan menunya dibuat dengan tembus pandang. Kemudian animasi yang bergerak terdapat timer, sehingga user bisa melihat seberapa cepat user akan membacanya.

slide show

> Pilihan Menu :

Menu disini sudah lengkap dengan adanya fitur-fitur yang tersedia. Tapi analisis ini lebih condong membahas fitur bagian login. Apabila user mengklilk logo login maka secara otomatis langsung membuat halaman  baru. Jadi setiap user  yang melakukan  login tidak perlu untuk kembali kehalaman beranda. Misalnya, user membuka akun mahasiswa dan di dalamnya terdapat pengumuman pelaksanaan diadakannya remedial, maka user tidak perlu untuk kembali ke halaman beranda untuk sekedar melihat kalender mahasiswa. Karena di website ini user hanya perlu mengarahkan kursor ke halaman tab sebelumnya. Dan setelah menuju halaman sebelumnya dan user ingin kembali ke halaman pengumuman tidak perlu melakukan login lagi. Seperti gambar di bawah ini:

> Informasi :

Informasi yang diberikan oleh website ini sudah lengkap. Informasi disini tidak hanya berupa tulisan saja, tetapi dengan adanya gambar untuk menarik perhatian. Di tampilan utama tersedia fitur diantaranya ada :

- Pengumuman :

Guna pengumuman disini agar setiap user mengetahui kegiatan apa saja yang akan dilakukan oleh pihak kampus, entah itu pengumuman yang berkaitan dengan akademik maupun non akademik. Di sini juga terdapat penerimaan CPNS, Beasiswa Tokopedia untuk mahasiswa ITS,  juga terdapat Beasiswa PT Lautan Luas

- Agenda :

Agenda disini berisi kegiatan yang berkaitan dengan akademik,ataupun non akademik, agar kegiatan berjalan dengan lancar dan teratur.  Untuk memfasilitasi user agar lebih mudah untuk menentukan agenda kampus.

- Dana Abadi :

   Menu tesebut berisi tentang donasi alumni tidak hanya untuk alumni, orang luar pun bisa untuk melakukan donasi.

- Informasi Publik :

   Layanan ini merupakan sarana berbasis web bagi pemohon informasi publik ITS yang dikelola oleh Pejabat Pengelola Informasi dan Dokumentasi (PPID) ITS.

- Media Kampus ITS :

   Berisi berita yang sedang dilakukan  oleh kampus ITS ataupun yang setelah dilakukan.

- Video 

- Berita lainnya

__________________________________________________________________________________________

2. Institute Teknologi Bandung    (ITB)     https://www.itb.ac.id/

__________________________________________________________________________________________

> Tampilan :

Dilihat dari tampilan background, gambar sesuai dengan besarnya dan tidak terlalu besar ataupun tidak terlalu kecil. Background disini berbentuk unik seperti puzzle. 

Apabila halaman di scroll ke bawah, menu header tetap mengikuti.

     Kelebihan website ini karena setiap menu yang ada di header atau bagian atasnya terdapat tanda panah yang menunjukkan bahwa di menu tersebut ada pilihannya. Dan tanpa di klik pun tampilan sudah terlihat. Dan kita dapat melihat apa yang ada di dalamnya tanpa mengklik terlebih dahulu. Dapat dilihat dari gambar di bawah ini :

> Pilihan Menu :

     Yang berikutnya ada pilihan menu media sosial yang bearada di atas, jadi mempermudah user agar tidak perlu mencari terlalu ke bawah. Karena setiap user selain mencari website mereka akan mencari apakah mempunyai sosial media. Karena zaman sekarang sekecil apapun informasinya, media sosial tidak akan pernah ketinggalan. Apalagi orang zaman sekarang yang kemanapun selalu membawa handphone untuk selalu update informasi. Dan apabila kita memilih media sosial yang akan dibuka, secara otomatis akan membuka dengan halaman yang baru entah itu hanya satu pilihan atau dua pilihan. Seperti gambar di bawah ini :

Tampilan Youtube :

- Pilihan menu penelitian dan publikasi yang didalamnya terdapat informasi mengenai pusat,pusat penelitian, dan pusat unggulan iptek. Dan setiap pusat juga memiliki peta agar tidak tersesat dalam pencarian.

- Di dalam menu penelitian dan publikasi juga terdapat plihan jurnal, untuk mempermudah mencari sebuah referensi.

- Selanjutnya menu infografis yaitu informasi umum yang berbentuk grafis. Disini terdapat informasi yang telah lalu ataupun yang terbaru.

- Terdapat menu peta kampus untuk mempermudah pencarian lokasi.

> Informasi :

     Sama seperti website sebelumnya, di website ini juga terdapat kalender, berita, informasi publik, penerimaan mahasiswa. Itu semua untuk mempermudah user dalam mencari informasi dan menerima informasi.

> Saran untuk website "SiAdin" UDINUS & Kesimpulan :

     Demikianlah hasil analisis kelompok kami dengan kesimpulan kedua website mempunyai keunggulan masing-masing, dan setiap keunggulan website dapat diterapkan di website Udinus. Yang dapat diterapkan di website udinus yaitu :

1. Login akun, maka secara otomatis langsung menuju ke halaman baru dan setiap user yang melakukan login tidak perlu untuk kembali kehalaman beranda & tidak langsung logout sebelum user menginginkan untuk logout.
2. Bagian tampilan menu media sosial terdapat di bagian header bertujuan agar user tidak perlu mencari terlalu ke bawah.
3. Di salah satu kedua website tersebut mempunyai keunggulan, setiap user membuka menu yang ada di pilihan, menu utama akan selalu tampil. Jadi mempermudah user agar tidak selalu menekan tombol back untuk ke menu utama, karena menu utama akan tetap tampil.
4. Terdapat peta kampus untuk mempermudah pencarian lokasi yang sangat berguna untuk user baru.

Dibuat oleh : Syaharin Mala'a Rahma (A12.2017.05821)

Diedit oleh : Ang, Steven Edward (A12.2017.05657)

Dosen pengampu : Titien Suhartini

Anggota Kelompok :

• Ang, Steven Edward (A12.2017.05657) | Ketua, Pembuat Blog & Template, Editing
• Alifya Zulfifatun Kurniawati (A12.2017.05666) | Materi, Analisis
• Syaharin Mala'a Rahma (A12.2017.05821) | Materi, Analisis

Note* :
Website ini difungsikan untuk pengumpulan tugas-tugas dari perkuliahan dan sebagai tempat penyimpanan serta berbagi data pembelajaran oleh Dosen pengampu pada setiap post.

Artikel berkaitan :
- Poor Design Website

kata kunci : good desain website, good desain, good design