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

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

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.

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.

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.

ac.
ad.
D
i

gambar pertama terdapat tulisan Office Site of Parepare Citys

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

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.

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.

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.