TUGAS IMK INTERAKSI MANUSIA DAN KOMPUTER
ANALISA ANALISA WEB UNIVERSITAS MUHAMMADIYAH MAGELANG http://www.ummgl.ac.id
DISUSUN OLEH: Fajar Tri Anggono 09.0504.0033 09.0504.003 3 Yogi Yuristiawan 09.0504.0045 09.0504.004 5
Fakultas Fakultas Teknik Teknik Informatika Informatika S1 S1 Universitas Muhammadiyah Magelang 2012
http://www.ummgl.ac.id
Tentang http://www.ummgl.ac.id
Adalah sebuah Web yang terkandung di dalamnya tentang segala hal yang berkaitan dengan Inormasi Universitas Muhammadiyah Magelang, mulai dari Pendaftaran sampai Wisuda/Alumni Universitas. Berada di dalamnya seluruh informasi kemahasiswaan dan akademis yang berada dan dijalankan dalam universitas, profil Universitas yang meliputi Sejarah; visi dan missi; tujuan; dan profil rektor serta kepengurusan; dll, dan masih banyak hal lain yang tertera di dalamnya. Banyak fitur, menu, dan hal yang perlu dianalisa yakni hal yang merupakan keunggulan dan kelemahan dari web ini. Pada kesempatan kali ini web yang sangat istimewa ini akan kami analisa dalamm lingkup interface (antar muka) user dengan komputer, yang meliputi tampilan, teks, dan la yout peletakan menu dan fitur-fitur yang ada di dalamnya.
ANALISA TAMPILAN DAN WARNA
Tampilan web sangat menarik karena warna yang cocok dengan background yang sesuai sehingga warna pada posting dapat terlihat t erlihat jelas. Namun untuk ukuran tampilan kurang begitu statis karena hanya 95% dari seluruh layar dalam komputer. Mungkin saja ukuran tampilan dibuat demikian dengan tujuan untuk menarik perhatian pembaca, karena dengan ukuran yang mini dapat menimbulkan hasrat lebih dalam membaca dibandingkan dengan web yang berukuran besar.
Untuk menambah tampilan bisa ditambahkan foto pada menu utama yaitu pada posting (Renungan), karena dengan sedikit hiasan akan menambah minat pembaca dalam mencari info tentang Universitas. Tampilan Lebih menarik lagi dengan tambahan tampilan Visi UMM yang terpampang terpampang di bagian atas “Unggul dalam Ilmu, Islami dalam Perilaku”, namun tampilannya kurang begitu menarik karena selain ditampilkan dengan font yang sederhana, warnanya kurang mencolok dan ukurannya j uga terlalu kecil.
Tampilan gedung Rektorat sangat berpengaruh dalam keindahan tampilan web dengan dihias batik dalam bayang warna orange dengan background gedung yang begitu gelap sehingga gedung dapat terlihat menyolok dan menarik perhatian, selain itu tak lupa dihias dengan Logo Universitas yang terletak di bagian kiri web dengan teks Universitas Muhammadiyah Magelang yang terletak di sebelah kanan menjadikan tampilan gedung rektorat lebih berwibawa. Namun kelemahan dari tampilan ini adalah bahwa teks Universitas Muhammadiyah Magelang dan logo UMM yang ditampilkan terlalu kecil sehingga user masih dipenuhi pertanyaan: web apa/siapa ini?
Berkali-kali dilihat dalam web tersebut banyak tampilan yang disajikan, yang dapat memicu minat user untuk melihat apa yang ada di dalamnya, namun dalam hal jejaring sosial mungkin bisa ditambah dengan tampilan file/tool sharing yang selain twitter seperti: facebook, dll. Selain itu, tampilannya kurang menarik karena hanya ditampilkan dalam wujud teks semata dan akan lebih menarik jika ditambah dengan icon/gambar logo tool jejaring sosial tersebut.
Tampilan sangat bagus dan sangat memancing minat baca dan lihat, karena selain bermacam menu yang disajikan, terdapat animasi berupa slide seluruh gambar fakultas yang berada dalam Universitas
Tampilan tambah lengkap dengan menu tambahan berupa penyesuaian font bagi yang berminat memakai font sesuka user. Terdapat 3 pilihan yang ada di dalamnya, yaitu: kecil, sedang dan besar. Namun tampilan menunya yang kurang begitu menarik, karena hanya dengan simbol yang kecil yang terletak di bagian kiri atas web. Tampilan dapat diperjelas dengan menampilkan menampilkan i con/gambar yang l ebih menarik dan ditambah dengan teks yang mendukung ta mpilan tersebut.
Menu toolbox akan lebih menarik jika ditambah combo yang mengampu pilihan menu yang sesuai dengan tool yang berkaitan. Dalam web ini toolbox hanya mengampu 1 klik saja, tidak ada combo/pilihan menu yang berkaitan dengan box yang berkaitan. Meski demikian tampilannya bagus karena ketika cursor diarahkan ke teks dalam tool, warna background teks akan berubah sehingga teks dapat terbaca dengan jelas.
Terdapat banyak tampilan menu yang menjelaskan apa saja yang berada dalam universitas disajikan di panel yang berada di sebelah kiri. Disajikan dengan command warna hitam dan teks warna p utih, warna hitam dipilih karena warna teks akan lebih terang jika warna hitam diikutsertakan dalam kolaborasi tersebut. Sangat statis meletakaan menu pilihan di sebelah kiri dan atas web karena kebanyakan user akan meng-klik bagian tersebut. Hal ini dikarenakan kebanyakan pilihan dalam suatu instalasi program jika Yes di sebelah kiri dan No di sebelah kiri/tengah, dan da n cancel (jika ada) terletak di pojok kanan.
Selain hal tersebut di atas, menampilkan alamat (secara geografis maupun berbasis web) dalam web merupakan hal yang sangat dibutuhkan, karena tanpa informasi ini siapapun tidak akan dapat menemukan hal yang sebenarnya tentang Universitas. Alamat secara geografis ditampilakan dalam menu utama, dan dalam tool PMB. Dalam menu utama diletakkan di sebelah kiri di bawah menu pilihan, sedangkan pada PMB diletakaan dalam menu peta ka mpus.
Sedang alamat berbasis web yang relevan diletakkan di bagian bawah. Terkesan baik jika alamat b erbasis web ini diletakkan di bagian bawah, namun kelemahannya akan terkesan seperti blog jika alamat berbasis web yang bersangkutan diletakkan di bagian bawah halaman web. Dan tidakkah lebih baik jika alamat lain yang relevan dengan alamat web ini sedikit disinggung dalam menu profil, atau dalam menu PMB, atau dapat ditampilkan di bawah logo UMM yang terletak di bagian atas halaman web. Dengan tujuan lebih mempublikasikan alamat yang relevan sehingga bukan hanya info tentang internal kemahasiswaan UMM, namun bisa juga menjalar ke luar akademisi mahasiswa UMM, misal: info tentang perkembangan BEM, UKM, Jumlah Dosen dan Karyawan beserta Biografinya, dan lai n sebagainya.
Background dalam posting text maupun warna teks sangat cerah sehingga memungkinkan pembaca untuk bertahan lama menghadap komputer ketika melihat web semacam ini karena tidak begitu mencolok dalam pandangan mata. Namun kelemahan dari kecerahan warna ini adalah 1. Kurang jelasnya postingan yang ditulis di dalamnya.
2. Warna pada setiap judul posting setiap bab kurang mencolok sehingga terlihat kurang menarik perhatian user
Beragamnya bentuk menu pilihan pi lihan membuat semakin menariknya tampilan yang disajikan. Namun untuk lebih menarik lagi jika ditambah dengan hiasan yang lebih banyak sehingga menu tidak terkesan abstrak, hiasan yang mungkin dapat menarik simpati user untuk mengunjungi web seperti: animasi pada cursor ketika menunjuka ke salah satu menu, warna teks yang lebih beragam (tidak hanya dari putih ke lebih putih, atau dari putih ke hitam, dll). Tampilan beragamnya beragamnya tampilan menu yang tersedia t ersedia adalah seperti berikut.
1. Dalam menu utama pilihan menu disajikan dengan command warna hitam, teks putih dengan combo yang dilambangkan arah panah ke bawah dengan warna hitam.
2. Dalam box profil pilihan menu disajikan dalam suatu comman warna hitam dengan teks warna putih, dihias dengan combo yang dilambangkan persegi warna biru.
3. Dalam box akademis ditampilkan dengan combo yang diwakili persegi dengan warna orange
4. dalam box kemahasiswaan ditampilkan dengan sajian command warna hitam, dengan teks warna putih dihias dengan combo berbentuk bintang dengan warna kuning.
5. dan dalam box PMB, menu pilihan disajikan dengan tampilan command hitam, teks putih dihias dengan combo yang diwakili persegi dengan warna pink.
ANALISA LAYOUT
http://www.ummgl.ac.id dilihat dari layoutnya merupakan web standar pada umumnya, standar dalam arti bahwa web ini menggunakan cara/kebiasaan dari web lain, yaitu judul diletakkan diatas posting yang dipublikasikan. Tatanan Tatanan command, fitur, dan menu yang ada juga standar dengan web lain. Kelebihan dari layout http://www.ummgl.ac.id http://www.ummgl.ac.id:: 1. Menu pilihan terletak di sebelah kiri, yang mana kebanyakan user akan lebih memancing minat baca/menikmati pilihan pilihan di sebelah kiri dibanding pilihan sebelah kanan 2. Selain untuk memancing minat baca, Pilihan menu diletakan di sebelah kiri web karena kebiasaan manusia yang selalu membaca dari arah kiri terlebih dahulu. Maka, sebelah kiri dulu-lah yang akan dilihat oleh user. 3. Bab utama yang begitu besar dipampang di bagian atas: Universitas Muhammadiyah Magelang ditandai dengan tegarnya gedung rekt orat UMM yang dipajang sebagai background Bab Utama ini. 4. Seluruh fakultas diwujudkan dalam sebuah slide picture yang akan memancing user untuk melihat apa yang terjadi setelah ini, apa yang ada setelah ini, dsb 5. Tampilannya tidak layar penuh karena untuk lebih memancing minat, karena dengan tidak full layar akan lebih menarik dibanding dengan yang full layar. Selain itu, full layar akan lebih memakan tempat dengan postingan yang dilihat begitu membosankan. Seumpama user melihat sebuah web yang penuh dengan teks postingan, ia akan bergumam sebelum membaca: “wah, tulisannya begitu banyak!”, sedang jika ia sudah bergumam demikian, kecil harapan ia akan membaca web tersebut. 6. Posting selalu diletakkan di bagian tengah web, dengan pilihan di sebelah kiri masing-masing posting 7. Pilihan tambahan lain, seperti: informasi beasiswa, info jejaring sosial, dll diletakkan di sebelah kanan 8. Menu searching yang unik dengan tampilan yang kecil dan cerah terletak di sebelah kanan atas
Namun beberapa kekurangan layout layout http://www.ummgl.ac.id adalah sebagai berikut: 1. Bab Utama hanya menampilkan gambar gedung rektorat, sedang teks Universitas Muhammadiyah Magelang diwujudkan dalam teks kecil yang terletak di sebelah kanan gedung rektorat. Harusnya kedua hal ini yang diutamakan, karena UMM tidak hanya mendemonstrasikan gambar semata, tapi jika ditambah dengan teks akan lebih menarik dan lebih berbobot. Selain itu dilihat dari segi filosofi jika tampilan hanya berupa gambar seolah-olah dalam Universitas Muhammadiyah Magelang hanya mempelajari tentang sesuatu yang berbasis gambar. 2. Menu pilihan yang terletak di sebelah kanan akan lebih berbobot dan menarik jika ditambah dengan combo pilihan yang muncul ketika user mengarahkan cursor pada teks/menu yang ada. Sekarang menu pilihan sebelah ummgl.ac.id combo pilihannya muncul ketika user sudah klik pilihan/teks yang tersedia 3. Tampilan tidak dengan layar penuh selain mempunyai kelebihan, juga memiliki kekurangan. Kekurangan dari tampilan tidak dengan layar penuh: hanya sebagian posting yang dapat ditampilkan, dan seolah-olah posting yang tersedia pada web hanya sedikit. 4. Kurang berfariasi dalam hiasan, hiasan yang tersedia dalam ummgl.ac.id hanya berupa beragam warna teks dan background, sedangkan untuk hiasan yang lain belum tersedia misal: cursor yang berbeda jika mengarah pada home, profil, PMB, akademis, dll; hiasan bintang bertaburan atau hujan turun yang ada pada posting atau menu lain; animasi petir jika terjadi kesalahan; dan lain sebagainya.
