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

Read More

2 Poor Design Website | Sistem Informasi Akademik

MENGANALISIS WEBSITE

SISTEM INFORMASI AKADEMIK

"POOR 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 (poor design) yang dianalisis, sebagai berikut:

__________________________________________________________________________________________

1. Sistem Informasi Akademik STIMIK AKI Pati (http://stmik-aki.ac.id)

__________________________________________________________________________________________

Sistem informasi akademik STIMIK AKI Pati POOR DESIGN:

> Tampilan :

     Melihat dari beberapa gambar screenshot yang diambil dari website  Sistem informasi akademik STIMIK AKI Pati, perpaduan warna yang dipakai oleh developer kurang menarik perhatian dan membosankan karena warna yang digunakan adalah dominan putih serta dengan tulisan yang sangat tipis sehingga tulisan terlihat kurang jelas. Pada profil kampus atau halaman utamanya juga hanya diisi satu buah foto yang biasa saja tanpa ditata dengan bagus contohnya dibuat seperti sampul agar terkesan lebih bagus dan rapi.

     Tampilan isi pada menu menu lainnya juga backgroundnya hanya warna putih dan tulisannya pun tipis contohnya pada isi menu jurusan sistem informasi. Kemudian waktu sudah masuk di menu jurusan sistem informasi pada menu navigasinya tidak dikasih warna atau tanda agar memudahkan si pengguna untuk mengetahui menu apa yang sedang dikunjunginya.

     Layout atau Tata Letak yang disusun kurang menarik karena dalam meletakkan menu navigasi dibagi menjadi dua yaitu berada di bagian header dan footer sehingga menyulitkan pengguna untuk mencari informasi yang dibutuhkan.

     Selain itu, juga terdapat banyak sekali white space yang tidak digunakan dengan baik misalnya bisa digunakan untuk menambahkan informasi perkuliahan atau template agar dapat menarik perhatian dan animasi pada tulisan - tulisan sehingga membuat pengguna tidak merasa bosan berlama lama di web ini.

> Menu / Fitur :

     Menu yang disajikan kurang lengkap, karena dalam sistem ini pengguna tidak menemukan menu login, dan juga sedikit mengalami kesulitan untuk menemukan tombol search untuk menggunakan website ini. Kemudian, dari segi Loading Time sedikit lama.

> Informasi :
     Informasi yang di dapat kurang lengkap, karena informasi yang diberikan hanya berupa kalimat kalimat yang kurang tertata rapi misalnya tidak meletakkan informasi pengumuman, informasi mahasiswa, kalender dan sebagainya di halaman website padahal banyak sekali ruang kosong atau white space. Di sistem informasi akademik ini juga tidak disediakan pencarian anggota yang menggunakan aplikasi tersebut.sehingga sistem informasi akademik ini seperti tidak digunakan sebagaimana semestinya kegunaan karena informasi yang dimuat kurang lengkap.

> Fungsi :

     Dari segi fungsionalitas, website ini sangat membantu dalam menjelajah sejauh mana tingkat kemajuan dari seorang pengguna. Ada beberapa fungsi yang tidak digunakan dengan baik seperti menu informasi jurusan tidak di gunakan dengan baik, karena isi yang termuat dalam informasi tersebut kurang lengkap dan juga tidak memanfaatkan gambar dengan baik agar website menjadi menarik.

__________________________________________________________________________________________

2. Sistem Informasi Akademik Universita Gorontalo (http://unigo.ac.id)

__________________________________________________________________________________________

Sistem Informasi Akademik Universita Gorontalo POOR DESIGN:

> Tampilan :

     Melihat dari beberapa gambar screenshot yang diambil dari Sistem Informasi Universita Gorontalo, perpaduan warna yang dipakai oleh developer terkesan sangat monoton dan tidak menarik karena warna yang digunakan dominan putih sehingga menimbulkan efek kebosanan bagi si pengguna. Tampilan isi pada menu menu lainnya juga backgroundnya hanya warna putih dan tulisannya pun sangat tipis. Tampilan gambarnya pun tidak menarik, hanya berupa logo di dalam kotak polos. Dari segi penggunaan, kami  mengalami kesulitan untuk menemukan tombol search. Kemudian, dari segi Loading Time tidak terlalu cepat.

     Layout atau Tata Letak yang disusun kurang menarik dan kurang rapi karena dibagian paling bawah gambarnya tidak rapi dan warna backgroundnya kontras dengan background di atasnya.

     Selain itu, website tidak ada sesuatu yang bisa menarik si pengguna contohnya seperti memberikan warna pada menu menu yang ada pada website ini akan sangat menarik dan sebagainya agar tidak membuat pengguna merasa bosan berlama lama di web ini.

> Menu / Fitur :

     Pada sistem informasi akademik Universita Gorontalo menu navigasinya berada di bagian header semua, pada saat masuk ke menu di dalam menu tersebut juga ada menu di bagian kirinya. Menu navigasi saat dikunjungi tidak di beri warna sehingga si pengunjung kebingungan tentang bagian halaman yang di kunjungi saat ini. Dan ada beberapa kebingungan template yang ada di bagian home yang berupa jurusan akan kegunaannya karena di template tersebut tidak bisa di klik. padahal di sampingnya masih ada ruang yang luas yang mungkin bisa digunakan menu menu untuk memberikan informasi seputar kampus. 

> Informasi :

     Informasi yang diberikan kurang lengkap dan tidak ada tombol pencarian sehingga mempersulit dalam mencari informasi secara cepat.

> Fungsi :

     Dari segi fungsionalitas, website kurang berfungsi dengan baik karena ad beberapa menu yang tidak bekerja dengan baik contohnya seperti saat kita buka menu akademik program studi, disitu tidak ditemukan ulasan informasinya sama sekali. Dan pada halaman home beberapa tidak berfungsi dengan baik contohnya seperti template yang dikira bisa diklik karena ukurannnya tapi ternyata tidak ada kegunaannya.

Dibuat oleh : Alifya Zulfifatun Kurniawati (A12.2017.05666)

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 :
- Good Design Website

kata kunci : poor desain website, poor desain, poor design

Read More