TUGAS AKHIR MATA KULIAH INTERAKSI MANUSIA DANKOMPUTER Interaksi Manusia dan Komputer-Pembahasan Mengenai Analisa Web dari situs www.pareparekota.go.id
Disusun oleh: 1. 2. 3. 4. 5.
Ahmad Hafidzul Kahfi Deni Setyawan Mochammad Rizky Kusumayudha Muhammad Aldin Mutaqin Rahmat Rialdi Gazali
(12145838) (12145900) (12145960) (12146243) (12146312)
AKADEMIMANAJEMENINFORMATIKADANKOMPUTER BINASARANAINFORMATIKA 2015
KATA PENGANTAR Puji syukur kami panjatkan kehadirat Allah SWT karena atas berkat rahmat dan karunia-Nya kami dapat menyelesaikan makalah ini. Shalawat beserta salam semoga tercurahkan kepada Nabi Muhammad SAW. Dalam makalah ini kami membahas mengenai situs www.pareparekota.go.id mulai dari desain antar muka tampilan layar, navigasi, fungsi-fungsi sampai dengan ukuran tingkat usabilitas situs ini. Makalah ini dapat selesai atas bantuan dari berbagai pihak, maka dari itu kami mengucapkan terimakash kepada teman-teman, dan dosen mata kuliah Interaksi Manusia dan Komputer yang telah memberikan saran dan bantuan selama menyelesaikan makalah ini. Kami menyadari masih banyak terdapat kekurangan dan kesalahan dalam makalah ini.Untuk itu, kritik dan saran kami harapkan guna memperbaiki makalah ini.Akhir kata, semoga makalah ini dapat bermanfaat khusunya bagi kami dan umumnya bagi para pembaca.
Bogor,19 Desember 2015
Tim Penyusun
1
DAFTAR ISI KATA PENGANTAR......................................................................................... ........................................................................................................................... DAFTAR ISI...................................................................................................... .......................................................................................................................... BAB I PENDAHULUAN............................................................................. 1 1.1 Latar Belakang.......................................................................... ................................................................................................. 1.2 Tujuan....................................................................................... ................................................................................................. BAB II TINJAUAN PUSTAKA..................................................................... 3 2.1 Antarmuka Manusia Komputer................................................. ................................................................................................. 2.2 Interaksi Manusia dan Komputer.............................................. ................................................................................................. 2.3 Website...................................................................................... ................................................................................................. 2.4 Bidang Studi.............................................................................. ................................................................................................. 2.5 Analisis..................................................................................... ................................................................................................. BAB III PEMBAHASAN................................................................................ 5 3.1 Kekurangan............................................................................... ................................................................................................. 3.1.1................................................................Bagian Atas ..................................................................................... ................................................................................... 3.1.2.............................................Bagian Tengah ..................................................................................... ................................................................................... 3.1.3.............................................Bagian Bawah ..................................................................................... ................................................................................... 3.2 Kelebihan.................................................................................. ................................................................................................. BAB IV PENUTUP.......................................................................................... 9 4.1 Kesimpulan............................................................................... ................................................................................................. 4.2 Saran......................................................................................... ................................................................................................. DAFTAR PUSTAKA
2
BAB I PENDAHULUAN 1.1 Latar Belakang Kota
Parepare adalah
sebuah Kota di provinsi Sulawesi
Selatan,
Indonesia.Kota ini memiliki luas wilayah 99,33 km² dan berpenduduk sebanyak ±140.000 jiwa. Salah satu tokoh terkenal yang lahir di kota ini adalah B. J. Habibie, presiden ke-3Indonesia. Kota Parepare terletak di sebuah teluk yang menghadap ke Selat Makassar.Di bagian utara berbatasan dengan Kabupaten Pinrang, di sebelah timur berbatasan dengan Kabupaten Sidenreng Rappang dan di bagian selatan berbatasan dengan Kabupaten Barru.Meskipun terletak di tepi laut tetapi sebagian besar wilayahnya berbukit-bukit. Seiring dengan perkembangan jaman, kota Parepare telah menjadi kota yang maju dan berkembang di degala bidang, termasuk bidang teknologi dan komunikasi. Dinas komunikasi dan informasi (DISKOMINFO) kota parepare memanfaatkan
teknologi
informasi
dalam
menunjang
perkembangan
pembangunan dan perekonimian di kota parepare. Ada beberapa program yang tengah di uji cobakan oleh diskominfo berdasarkan instruksi langsung dari walikota parepare yang di antaranya cyber city yang nantinya akan mengarah ke smart city. Selain cyber city yang tengah di uji cobakan diskominfo, persuratan eletronik berbasis e-mail absensi on line untuk memonitoring kehadiran pns dan gps tracking untuk mengetahui posisi kepala dinas SKPD. Untuk masalah komunikasi tingkat daerah maupun terpusat, kota Parepare mempunyai satu cara yang dinilai cukup efektif untuk menjadikan informasi itu cukup penting bagi masyarakatnya. Dengan adanya situs www.pareparekota.go.id, masyarakat menjadi mudah untuk mengetahui info apa saja yang ada di kota tersebut, serta mempermudah masyarakat untuk mengakses informasi baik dari dalam maupun luar negeri melalui teknologi digital berupa internet.
1
2
Kami memilih situs www.pareparekota.go.id sebagai bahan yang tepat untuk dianalisa karena situs milik pemerintah khususnya pemerintah kota Parepare ini masih terbilang sederhana dan berbagai aspek yang ada di dalamnya masih jauh dari kata sempurna. Maka dari itu kami menjadikannya bahan analisa untuk kami agar kedepannya tidak ada kekurangan ataupun aspek-aspek yang kurang bermanfaat dalam pembuatan situs berbasis informasi milik pemerintah seperti situs www.pareparekota.go.id ini. 1.2 Tujuan Makalah ini memuat tentang pembahasan mengenai desain antarmuka yang baik dan usabilitas dari fungsi-fungsi pada situs www.pareparekota.go.id. Makalah ini bertujuan untuk melihat sejauh mana tingkat usabilitas dari fungsifungsi pada situs ini, serta melihat desain antarmukanya dan juga beberapa saran perbaikan fungsi-fungsi dan antarmuka yang baik untuk meningkatkan usabilitas dari website tersebut.
BAB II TINJAUAN PUSTAKA 2.1 Antarmuka Manusia Komputer Prinsip dasar sebuah sistem komputer adalah masukan, proses, keluaran (input, process, output). Kepada komputer, pengguna memberikan data masukan yang biasanya berupa angka maupun deretan karakter .Data masukan ini kemudian diolah (diproses) oleh komputer menjadi keluaran yang diinginkan atau diharapkan pengguna. 2.2 Interaksi Manusia dan Komputer Interaksi Manusia-Komputer (untuk seterusnya disingkat dengan IMK) adalah sebuah disiplin ilmu yang mempelajari perancangan, implementasi, dan evaluasi sistem komputasi interaktif dan berbagai aspek terkait. 2.3 Website Website adalah media yang digunakan untuk menampung data teks, gambar, animasi dan suara, yang dapat ditampilkan di internet dan dapat di akses oleh computer lain yang terhubung dengan internet. Website adalah sebutan bagi sekelompok halaman web(webpage), dan umumnya merupakan merupakan bagian dari suatu nama domain (domain name) atau sub doman dalam world wide web (www) di internet. 2.4 Bidang Studi Untuk membuat media interaksi manusia dan komputer yang lebih baik maka harus mempelajari dan memahami bidang ilmu lain seperti: a. Teknik Elektronika dan ilmu komputer Berhubungan dengan perangkat keras untuk merancang sistem interaksi manusia dan komputer. b. Psikologi Memahami bagaimana pengguna dapat menggunakan sifat dan kebiasaan baiknya agar dapat menjodohkan mesin dengan manusia sehingga dapat bekerjasama.
3
4
c. Perancangan grafis dan tipografi d.
Memanfaatkan gambar sebagai sarana dialog yang cukup
efektif antara manusia dan komputer. e. Ergonomik f.
Berhubungan dengan aspek fisik untuk mendapatkan
lingkungan kerja yang nyaman ketika berinteraksi dengan komputer. g. Antropologi h.
Pandangan mendalam tentang cara kerja berkelompok yang
masing-masing anggotanya diharapkan memberikan kontribusi teknologi pengetahuan sesuai dengan bidangnya masing-masing. i.
Linguistik j.
Bahasa merupakan sarana komunikasi yang akan mengarahkan
pengguna ketika ia berinteraksi dengan komputer.
k. Sosiologi l.
Berkaitan dengan studi tentang pengaruh sistem manusia
dengan komputer dalam struktur social.Misalnya dampak komputerisasi terhadap keberadaan seorang user di sebuah perusahaan. m. 2.5 Analisis n.
Dalam Kamus Besar Bahasa Indonesia yang terdapat dalam
situsnya kbbi.web.id, pengertian analisis adalah penyelidikan terhadap suatu peristiwa (karangan,perbuatan,dan sebagainya) untuk mengetahui kedaan yang sebenarnya (sebab-musabab,duduk perkaranya dan sebagainya).
o. BAB III p. PEMBAHASAN q. r.
Disini kami akan membahas tentang kekurangan dan kelebihan dari situs www.pareparekota.go.id yang telah kami analisa sebelumnya:
3.1
Kekurangan s.
Disini kami membagi pembahasan menjadi 3 bagian, yaitu: Bagian Atas, Bagian Tengah, dan Bagian Bawah. 3.1.1
Bagian Atas
t. 1.
B a g i a n
atas di dalam kata “Hubungi Kami” terlalu memaksakan, dan sebaiknya dalam kolom pencarian ukurannya di perkecil. 2. Bagian header bisa berubah sebanyak 3 kali dalam waktu yang cukup singkat, tapi ada kekurangan pada pemberian warna dari salah satu header tersebut. u. v. w. x. y. z. aa. ab.
5
6
ac. ad. D i
gambar pertama terdapat tulisan “Office Site of Parepare City’s Government”, namun tidak terlihat.Lalu di gambar yang kedua, tulisan “PAREPAREKOTA.GO.ID” juga tidak terlihat. ae. 3. Tulisan tidak terlihat, warna font sama seperti warna background, walaupun itu hanya sebagai sub menu untuk memilih berita. af. 3.1.2 ag. ah. ai. aj. ak. al. am. an.
Bagian Tengah
7
ao. ap. aq. ar. as. at. au. av. aw. 1. Terdapat pesan berjalan dan terdapat pula tombol “klik disni” tapi bila kita mengklik tombol tersebut maka akan berpindah pada halaman web yang memberitahukan tentang informasi “Penerimaan Tenaga Kerja di Perusahaan Gakken Jepang” ternyata halaman web tersebut kosong (dapat dilihat foto dibawah ini). ax. ay. az. ba. bb. bc. bd. be. bf.
8
bg. 2. Bagian form pemberitahuan dibagian bawahnya tidak rata, dan ini hanya untuk bagian form di bagian tengah saja, sementara di bagian kiri dan kanan sama rata. bh. 3.1.3
Bagian Bawah
1. Terdapat tulisan “Kami memiliki 147 tamu dan tak ada anggota yang online”. Pengertian dari sub info tersebut kurang jelas dan tidak memiliki unsur informasi yang baik. 2. Penulisan Hak cipta sebaiknya dibawah halaman dan tidak memaksakan penempatan seperti gambar diatas ini. 3. Tidak ada statistik pengunjung. bi. 3.2 Kelebihan bj.
9
bk. bl. bm. bn. bo. bp. bq. br. bs. 1. Terdapat menu - menu yang bermanfaat dan berguna bagi warga kota Pare-pare 2. Terdapat siaran streaming tv lokal kota Pare-pare walaupun melalui Youtube 3. Terdapat pula siaran radio lokal kota Pare-pare 4. Terdapat pemberitahuan cuaca yang sedang terjadi hari ini di kota Parepare 5. Terdapat menu yang terhubung dengan Pemerintah Pusat Republik Indonesia bt.
bu. BAB IV bv.PENUTUP bw. 4.1 Kesimpulan bx.
Pada jaman sekarang ini perkembangan di dunia teknologi sudah
semakin pesat, yang akhirnya menimbulkan perubahan pada beberapa aspek yang terdapat pada teknologi terutama teknologi informasi.Sehingga memudahkan kita dalam mengakses informasi secara cepat, tepat, dan akurat. by.
Berdasarkan sedikit pembahasan tentang teknologi informasi
diatas, kami menyimpulkan bahwa situs www.pareparekota.go.id memiliki beberapa kelebihan dan kekurangan baik dari segi kerapihan, penggunaan huruf dan warna tulisan, penggunaan bahasa, penempatan tulisan, kontras, tampilan gambar, dan lain-lain. bz.
Yang diharapkan untuk kedepannya dapat menjadi pembelajaran
untuk kita semua, bahwa dalam membuat suatu web berbasis informasi harus memperhatikan beberapa aspek seperti yang sudah disebutkan diatas. Dan untuk menjadi bahan acuan kepada pembuat situs tersebut agar memperbaiki kekurangan-kekurangan yang ada, dan mempertahankan atau menambahkan apa saja yang menjadi kelebihannya. ca. 4.2 Saran cb.
Setelah menganalisa situs www.pareparekota.go.id ini, kami
memiliki beberapa saran sebagai berikut: 1. Untuk keseluruhan situs ini sudah cukup bagus dan menarik, hanya saja tampilan dari website ini yang masih kurang rapih sehingga menjadikan situs milik pemerintah kota Pare-pare ini kurang menarik untuk dikunjungi. Saran kami adalah perbaiki tampilan situsnya dan rapihkan penggunaan huruf serta bahasanya, agar pengunjung merasa nyaman mengunjungi dan membaca informasi yang ada di situs tersebut. 2. Penggunaan warna dan gambar tampilan juga mempengaruhi ketertarikan pengunjung untuk membaca setiap informasi yang ada pada suatu situs. Saran kami adalah gunakan warna tampilan, penempatan gambar/iklan
10
yang tepat, serta kontras penulisan yang tepat
agar semakin banyak
pengunjung yang berkeinginan untuk membaca semua informasi yang ada.
11
cc. DAFTAR PUSTAKA cd. ce. cf.
Anonim. 2011. Aplikasi Web Database dengan Dreamweaver dan PHPMySQL. Yogyakarta: Andi Offset dan MADCOMS. cg.
ch.
__________. 2004. Interaksi Manusia dan Komputer: Teori dan Praktek. Yogyakarta: Andi Offset. ci. cj. Insap, Santoso. 2009. Interaksi Manusia dan Komputer: edisi 2. Yogyakarta: Andi Offset. ck.
cl.
__________. 2006. Mendesain Website dengan Photoshop, Frontpage, dan Pemrograman PHP-MySQL. Madiun: MADCOMS dan Andi Offset. cm.
cn.
Setiawan,Ebta. 2012. KAMUS BESAR BAHASA INDONESIA. Diambil dari: kbbi.web.id/analisis. (22 Desember 2015 - 21.00) co. cp. cq.
