makalah imk - analisa web

7/25/2019 Makalah IMK - Analisa Web

1/15

TUGAS AKHIR MATA KULIAH

INTERAKSI MANUSIA DANKOMPUTER

Interaksi Manusia dan Komputer-Pema!asan Men"enaiAna#isa $e dari situs % % % &pareparekota&"o&id

Disusun o#e!'

(& A!mad Ha)id*u# Ka!)i +(,(./0/1

,& Deni Set2a%an +(,(.3441

0& Mo5!ammad Ri*k2 Kusuma2ud!a +(,(.3641

& Mu!ammad A#din Muta7in +(,(6,01

.& Ra!mat Ria#di Ga*a#i +(,(60(,1

AKADEMIMANA8EMENIN9ORMATIKADANKOMPUTER

:INASARANAIN9ORMATIKA

,4(.
http://www.pareparekota.go.id/http://www.pareparekota.go.id/


2/15

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. alam makalah ini

kami membahas mengenai situs w w w .pareparekota.go.idmulai dari desain antar

muka tampilan layar! na"igasi! #ungsi-#ungsi 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

$nteraksi Manusia dan %omputer yang telah memberikan saran dan bantuan

selama menyelesaikan makalah ini.

%ami menyadari masih banyak terdapat kekurangan dan kesalahan dalam

makalah ini.&ntuk itu! kritik dan saran kami harapkan guna memperbaiki makalah

ini.Akhir kata! semoga makalah ini dapat berman#aat khusunya bagi kami dan

umumnya bagi para pembaca.

'ogor!() esember *+(,

Tim Penyusun

1
http://www.pareparekota.go.id/http://www.pareparekota.go.id/


3/15

DA9TAR ISI

%ATA PNANTA/.........................................................................................

...........................................................................................................................A0TA/ $S$......................................................................................................

..........................................................................................................................

'A' $ PNA1&2&AN.............................................................................

(

(.( 2atar 'elakang..........................................................................

.................................................................................................

(.* Tujuan.......................................................................................

.................................................................................................

'A' $$ T$N3A&AN P&STA%A.....................................................................

4

*.( Antarmuka Manusia %omputer.................................................

.................................................................................................

*.* $nteraksi Manusia dan %omputer..............................................

.................................................................................................

*.4 Website......................................................................................

.................................................................................................

*.5 'idang Studi..............................................................................

.................................................................................................

*., Analisis.....................................................................................

.................................................................................................

'A' $$$ PM'A1ASAN................................................................................,

4.( %ekurangan...............................................................................

.................................................................................................

4.(.(................................................................'agian Atas.....................................................................................

...................................................................................

3.1.2.............................................'agian Tengah.....................................................................................

...................................................................................

3.1.3.............................................'agian 'awah

........................................................................................................................................................................

4.* %elebihan..................................................................................

.................................................................................................

'A' $6 PN&T&P..........................................................................................

)

5.( %esimpulan...............................................................................

.................................................................................................

5.* Saran.........................................................................................

.................................................................................................

A0TA/ P&STA%A

2


4/15

:A: I

PENDAHULUAN

(&( Latar :e#akan"%ota Parepare adalah sebuah %ota dipro"insiSulawesi Selatan!

$ndonesia.%ota ini memiliki luas wilayah ))!44 km7 dan berpenduduk sebanyak

8(5+.+++ jiwa. Salah satu tokoh terkenal yang lahir di kota ini adalah'. 3.

1abibie! presiden ke-4$ndonesia. %ota Parepare terletak di sebuah teluk yang

menghadap keSelat Makassar.i bagian utara berbatasan dengan %abupaten

Pinrang! di sebelah timur berbatasan dengan %abupaten Sidenreng /appangdan

di bagian selatan berbatasan dengan %abupaten 'arru.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. inas komunikasi dan in#ormasi 9$S%:M$N0:; kota parepare

meman#aatkan teknologi in#ormasi dalam menunjang perkembangan

pembangunan dan perekonimian di kota parepare. Ada beberapa program yang

tengah di uji cobakan oleh diskomin#o 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 diskomin#o! persuratan

eletronik berbasis e-mail absensi on line untuk memonitoring kehadiran pns dan

gps tracking untuk mengetahui posisi kepala dinas S%P.

&ntuk masalah komunikasi tingkat daerah maupun terpusat! kota Parepare

mempunyai satu cara yang dinilai cukup e#ekti# untuk menjadikan in#ormasi itu

cukup penting bagi masyarakatnya. engan adanya situs www.pareparekota.go.id!

masyarakat menjadi mudah untuk mengetahui in#o apa saja yang ada di kota

tersebut! serta mempermudah masyarakat untuk mengakses in#ormasi baik dari

dalam maupun luar negeri melalui teknologi digital berupa internet.

1
https://id.wikipedia.org/wiki/Kotahttps://id.wikipedia.org/wiki/Provinsihttps://id.wikipedia.org/wiki/B._J._Habibiehttps://id.wikipedia.org/wiki/B._J._Habibiehttps://id.wikipedia.org/wiki/Indonesiahttps://id.wikipedia.org/wiki/Selat_Makassarhttps://id.wikipedia.org/wiki/Kabupaten_Pinranghttps://id.wikipedia.org/wiki/Kabupaten_Pinranghttps://id.wikipedia.org/wiki/Kabupaten_Sidenreng_Rappanghttps://id.wikipedia.org/wiki/Kabupaten_Barruhttp://www.pareparekota.go.id/http://www.pareparekota.go.id/https://id.wikipedia.org/wiki/Kotahttps://id.wikipedia.org/wiki/Provinsihttps://id.wikipedia.org/wiki/B._J._Habibiehttps://id.wikipedia.org/wiki/B._J._Habibiehttps://id.wikipedia.org/wiki/Indonesiahttps://id.wikipedia.org/wiki/Selat_Makassarhttps://id.wikipedia.org/wiki/Kabupaten_Pinranghttps://id.wikipedia.org/wiki/Kabupaten_Pinranghttps://id.wikipedia.org/wiki/Kabupaten_Sidenreng_Rappanghttps://id.wikipedia.org/wiki/Kabupaten_Barruhttp://www.pareparekota.go.id/


5/15

2

%ami 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 berman#aat dalam pembuatan situs berbasis in#ormasi milik pemerintah

seperti situs www.pareparekota.go.idini.

(&, Tu;uan

Makalah ini memuat tentang pembahasan mengenai desain antarmuka

yang baik dan usabilitas dari #ungsi-#ungsi pada situs www.pareparekota.go.id.Makalah ini bertujuan untuk melihat sejauh mana tingkat usabilitas dari #ungsi-

#ungsi pada situs ini! serta melihat desain antarmukanya dan juga beberapa saran

perbaikan #ungsi-#ungsi dan antarmuka yang baik untuk meningkatkan usabilitas

dari website tersebut.
http://www.pareparekota.go.id/http://www.pareparekota.go.id/http://www.pareparekota.go.id/http://www.pareparekota.go.id/http://www.pareparekota.go.id/http://www.pareparekota.go.id/http://www.pareparekota.go.id/


6/15

:A: II

TIN8AUAN PUSTAKA

,&( Antarmuka Manusia KomputerPrinsip dasar sebuah sistem komputer adalah masukan! proses! keluaran

9input! process! output;. %epada komputer! pengguna memberikan data masukan

yang biasanya berupa angka maupun deretan karakter .ata masukan ini

kemudian diolah 9diproses; oleh komputer menjadi keluaran yang diinginkan atau

diharapkan pengguna.

,&, Interaksi Manusia dan Komputer

$nteraksi Manusia-%omputer 9untuk seterusnya disingkat dengan $M%;

adalah sebuah disiplin ilmu yang mempelajari perancangan! implementasi! dan

e"aluasi sistem komputasi interakti# dan berbagai aspek terkait.

,&0 $esite

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 web9webpage;! dan

umumnya merupakan merupakan bagian dari suatu nama domain 9domain name;

atau sub doman dalam world wide web 9www; di internet.

,& :idan" Studi

&ntuk membuat media interaksi manusia dan komputer yang lebih baik

maka harus mempelajari dan memahami bidang ilmu lain seperti! namun tidak terlihat.2alu di gambar yang kedua! tulisan

=PA/PA/%:TA.:.$> juga tidak terlihat.

ae.

4. Tulisan tidak terlihat! warna #ont sama seperti warna background!

walaupun itu hanya sebagai sub menu untuk memilih berita.

a)&

0&(&, :a"ian Ten"a!

a"&

a!&

ai&

a;&

ak&

a#&

am&an&


10/15

7

ao&

ap&

a7&

ar&

as&

at&

au&

a tapi bila kita

mengklik tombol tersebut maka akan berpindah pada halaman web yang

memberitahukan tentang in#ormasi =Penerimaan Tenaga %erja di

Perusahaan akken 3epang> ternyata halaman web tersebut kosong 9dapat

dilihat #oto dibawah ini;.

a?.

ay.

a@.

ba.

bb.

bc.

bd.

be.

b#.


11/15

8

bg.

*. 'agian #orm pemberitahuan dibagian bawahnya tidak rata! dan ini hanya

untuk bagian #orm di bagian tengah saja! sementara di bagian kiri dan

kanan sama rata.

bh.

0&(&0 :a"ian :a%a!

(. Terdapat tulisan =%ami memiliki (5C tamu dan tak ada anggota

yang online>. Pengertian dari sub in#o tersebut kurang jelas dan

tidak memiliki unsur in#ormasi yang baik.

*. Penulisan 1ak cipta sebaiknya dibawah halaman dan tidak

memaksakan penempatan seperti gambar diatas ini.

4. Tidak ada statistik pengunjung.

bi.

0&, Ke#ei!an

;&


12/15

9

k&

#&

m&

n&

o&

p&

7&

r&

s&

(. Terdapat menu - menu yang berman#aat dan berguna bagi warga kota

Pare-pare

*. Terdapat siaran streaming t" lokal kota Pare-pare walaupun melalui

Doutube

4. Terdapat pula siaran radio lokal kota Pare-pare

5. Terdapat pemberitahuan cuaca yang sedang terjadi hari ini di kota Pare-

pare

,. Terdapat menu yang terhubung dengan Pemerintah Pusat /epublik

$ndonesiabt.


13/15

u& :A: I=


14/15

yang tepat! serta kontras penulisan yang tepat agar semakin banyak

pengunjung yang berkeinginan untuk membaca semua in#ormasi yang ada.

11


15/15

55& DA9TAR PUSTAKA

5d&

5e&c#. Anonim. *+((. Aplikasi Web Database dengan Dreamweaver dan PHP-

MySQL.Dogyakarta< Andi :##set dan MA:MS.

cg.

ch. FFFFFFFFFF. *++5. Interaksi Manusia dan !mputer< "e!ri dan Praktek.

Dogyakarta< Andi :##set.

ci.

cj. $nsap! Santoso. *++). Interaksi Manusia dan !mputer< edisi #.

Dogyakarta< Andi :##set.

ck.

cl. FFFFFFFFFF. *++G. Mendesain Website dengan P$!t!s$!p% &r!ntpage%

dan Pemr!graman PHP-MySQL.Madiun< MA:MS dan Andi :##set.

cm.

cn. Setiawan!bta. *+(*. AM'S ()SA* (AHASA I+D,+)SIA. iambil

dari< kbbi.web.idEanalisis. 9** esember *+(, - *(.++;

co.

cp.

cq.

makalah imk - analisa web

Documents