D. A#a!'' A,!"a' Br+a'ar"a# 11 Pr#',
1. U'r /&,at!t
Antarmuka meru&akan to&eng $ari se)uah sistem atau se)uah &intu ger)ang masuk ke sistem $engan $i-uju$kan ke $alam se)uah a&likasi sot-are% ;leh karena itu se)uah sot-are seolah+olah mengenal usernya mengenal karakteristik usernya $ari siat sam&ai ke)iasaan manusia seara umum% Desainer harus menari $an mengum&ulkan )er)agai karakteristik serta siat $ari user karena antarmuka harus $isesuaikan $engan user yang jumlahnya )isa ja$i le)ih $ari 1 $an mem&unyai karakter yang )er)e$a% >al terse)ut harus ter&ikirkan oleh $esainer $an ti$ak $ianjurkan meranang antarmuka $engan $i$asarkan &a$a $irinya sen$iri% Sur6ey a$alah hal yang &aling te&at
@ser yang menja$i &engguna a&likasi At&ro ini umumnya a$alah mahasis-a $engan umur 1 tahun keatas% Maka a&a)ila kita sim&ulkan user )iasanya akan le)ih menyukai $esain yang sim&le teta&i interakti $an komunikati% Maka )er$asarkan &rinsi& user om&a)ility a&likasi At&ro ini $a&at mu$ah $iterima oleh user karena $esainnya yang yang interakti $an sim&le% >al ini $a&at $ilihat &a$a halaman a-al $ari At&ro% Terlihat $ari &enem&atan jum)otron $an ikon login $an register yang langsung menuri &erhatian $engan -arna ikon )iru yang memu$ahkan user untuk mengetahui titik letak ikon terse)ut%
2. Pr/+%t C/&,at!t
Se)uah a&likasi yang )erto&engkan antarmuka harus sesuai $engan sistem aslinya% Seringkali se)uah a&likasi menghasilkan hasil yang )er)e$a $engan sistem manual atau sistem yang a$a% >al terse)ut sangat ti$ak $ihara&kan $ari &erusahaan karena $engan a$anya a&likasi sot-are $ihara&kan $a&at menjaga &ro$uk yang $ihasilkan $an $ihasilkan &ro$uk yang jauh le)ih )aik% Contoh: a&likasi sistem melalui antarmuka $ihara&kan menghasilkan re&ortla&oran serta inormasi yang $etail $an akurat $i)an$ingkan $engan sistem manual%
Dengan a&likasi ACTP#; ini $a&at mem&elajari )er)agai ourse seara mu$ah $an &raktis selain itu a&likasi ini $a&at memu$ahkan &roses seseorang )elajar $an men$a&atkan sertiikat seara mu$ah% Pem)elajaran &a$a ourse ini &un )er)entuk 6i$eo yang mu$ah $i&ahami oleh user%
. Ta'" C/&,at!t
Se)uah a&likasi yang )erto&engkan antarmuka harus mam&u mem)antu &ara user $alam menyelesaikan tugasnya% Semua &ekerjaan serta tugas+tugas user harus $ia$o&si $i $alam a&likasi terse)ut melalui antarmuka% Se)isa mungkin user ti$ak $iha$a&kan $engan kon$isi memilih $an )er&ikir ta&i user $iha$a&kan $engan &ilihan yang mu$ah $an &roses )er&ikir $ari tugas+tugas user $i&in$ahkan $alam a&likasi melalui antarmuka% Contoh: @ser hanya klik setu& tekan tom)ol net net net inish ok untuk menginstal suatu sot-are%
Pa$a a&likasi ACTP#; ini memu$ahkan user untuk menari ourse yang ia inginkan hanya $engan mem)uka laman ourse sehingga ti$ak menyulitkan user $alam memilih ourse% @ser hanya &erlu login &ilih ourse join ourse $an mem&erhatikan 6i$eo yang $i)erikan% Belas hal ini menja-a) kemu$ahan untuk user sesuai &rinsi& task om&ati)ility%
3. 4/r" F!/5 C/&,at!t
Se)uah a&likasi sistem su$ah &asti menga&$o&si sistem manualnya $an $i$alamnya tentunya ter$a&at urutan kerja $alam menyelesaikan &ekerjaan% Dalam se)uah a&likasi sot-are engineer harus memikirkan )er)agai runutan+rununtan &ekerjaan yang a$a &a$a se)uah sistem% Bangan sam&ai user mengalami kesulitan $alam menyelesaikan &ekerjaannya karena user mengalami ke)ingungan ketika urutan &ekerjaan yang a$a &a$a sistem manual ti$ak $itemukan &a$a sot-are yang $iha$a&inya% Selain itu user jangan $i)ingungkan $engan &ilihan+&ilihan menu yang terlalu )anyak $an semestinya menu+menu meru&akan urutan $ari runutan &ekerjaan% Sehingga $engan workflow ompati!ility $a&at mem)antu seorang user $alam mem&ere&at &ekerjaannya%
Prinsi& ork lo- om&ati)ility mungkin ti$ak $imiliki oleh a&likasi At&ro karena a&likasi ini )elum mem&unyai alur kerja $ari sistem manual yang $ia$o&si%
6. C/#''t#
Se)uah sistem harus sesuai $engan sistem nyata serta sesuai $engan &ro$uk yang $ihasilkan% 2anyak &erusahaan $alam menjalankan sistemnya menggunakan a&likasi sistem yang )er)e$a $i setia& $i6isi $alam &erusahaan terse)ut% A$a &ula yang menggunakan a&likasi yang sama $i $i6isi yang )er)e$a seringkali keseragaman $alam menjalankan sistem ti$ak $i&erhatikan% ;leh karena itu sot-are engineer harus
mem&erhatikan hal+hal yang )ersiat konsisten &a$a saat meranang a&likasi khususnya antarmuka ontoh : &enera&an -arna struktur menu ont ormat $esain yang seragam &a$a antarmuka $i )er)agai )agian sehingga user ti$ak mengalami kesulitan &a$a saat )er&in$ah &osisi &ekerjaan atau )er&in$ah lokasi $alam menyelesaikan &ekerjaan% >al itu $i$asarkan &a$a karakteristik manusia yang mem&unyai &emikiran yang menggunakan analogi serta kemam&uan manusia $alam hal mem&re$iksi% Contoh: keseragaman tam&ilan tool)ar &a$a or$ (ell Po-erPoint Aess ham&ir sama%
Pa$a -e) ini menurut kami )enar+)enar konsisten karena $a&at kita lihat semua hea$er &a$a >alaman -e) ini selalu sama $ari >alaman home hingga ontat us semuanya sama
. Fa&!art
Siat manusia mu$ah mengingat $engan hal+hal yang su$ah sering $ilihatnya atau $i$a&atkannya% Seara singkat $ise)ut $engan amiliar% Antarmuka se)isa mungkin $i$esain sesuai $engan antarmuka &a$a umumnya $ari segi tata letak mo$el $s)% >al ini $a&at mem)antu user e&at )erinteraksi $engan sisem melalui antarmuka yang amiliar )agi user%
Me$ia ini uku& amiliar )isa $ilihat $ari )agian ourse ategories $imana tam&ilan $i)uat lengka& $engan gam)ar yang ti$ak asing )agi kita $an juga &a$a )agian hea$er%
Dimana logo share yang $i &asang $engan gam)arlogo ae)ook t-itter $an logo me$ia sosial yang lainnya $an user $i&astikan akan &aham $engan gam)arlogo terse)ut%
7. S&,!t
*ese$erhanaan &erlu $i&erhatikan &a$a saat mem)angun antarmuka% Ti$ak selamanya antarmuka yang memiliki menu )anyak a$alah antarmuka yang )aik% *ese$erhanaan $isini le)ih )erarti se)agai hal yang ringkas $an ti$ak terlalu )er)elit% @ser akan merasa lelah $an )osan jika &ernyataan &ertanyaan $an menu )ahkan inormasi yang $ihasilkan terlalu &anjang $an )er)elit% @ser le)ih menyukai hal+hal yang )ersiat se$erhana teta&i mem&unyai kekuatan )o)ot%
Me$ia ini se$erhana )isa kita lihat &a$a tam&ilan a-al atau home kita langsung $isuguhi $engan sli$esho- yang se$erhana juga hea$er yang $i)uat se$erhana ta&i )er)o)ot%
Pa$a halaman login juga kita )isa melihat kese$erhanaan -e) ini karena sangat sesuai $engan ungsinya ti$ak )anyak gam)ar atau inormasi yang $imunulkan &a$a -e) ini hanya inti atau kegunaan $ari halaman login ini se$iri%
8. Drt &a#,%!at/#
@ser )erhara& a&likasi yang $iha$a&inya mem&unyai me$ia atau tools yang $a&at $igunakan untuk melakukan &eru)ahan &a$a antarmuka terse)ut% @ser ingin sekali a&likasi yang $iha$a&annya )isa $isesuaikan $engan ke)utuhan siat $an karakteristik user terse)ut% Selain itu siat $ari user yang suka meru)ah atau mem&unyai rasa )osan% Contoh: tam&ilan -arna sesuai keinginan 7misal &ink8 &a$a -in$o- )isa $iru)ah melalui $eskto& &ro&erties tam&ilan skin -inam& )isa $iu)ah $ll%
@ntuk -e) ini menurut kami ti$ak $a&at $imani&ulasi oleh user karena ti$ak memiliki )ak en$ hanya ront en$ saja $imana user ti$ak $a&at memani&ulasi -e) ini sesuai ke)utuhan atau keinginan $ari user itu sen$iri jika user ingin mengu)ah tam&ilan atau -arna harus memani&ulasi melalui ko$ing ko$ing
9. C/#tr/!
Prinsi& ontrol ini )erkenaan $engan siat user yang mem&unyai tingkat konsentrasi yang )eru)ah+u)ah% >al itu akan sangat mengganggu &roses )erjalannya sistem% *eja$ian salah ketik atau salah entry meru&akan hal yang )iasa )agi seorang user% Akan teta&i hal itu akan $a&at mengganggu sistem $an akan )eraki)at sangat atal karena salah memasukkan $ata 1 $igit1 karakter saja inormasi yang $ihasilkan sangat $imungkinkan salah% ;leh karena itu sot-are engineer haruslah meranang suatu kon$isi yang mam&u mengatasi $an menanggulangi hal+hal se&erti itu% Contoh: .illegal omman$/ .ant reognie in&ut/ se)agai &ortal jika terja$i kesalahan%
Control yang $i)erikan sot-are ini terha$a& user ti$aklah sulit karena se)agian )esar sot-are ini hanya meng+klik saja tan&a harus )ersusah &ayah mengetik a&a yang
akan ia ari% Dan untuk itur )ak to to& su$ah terse$ia sehingga ti$ak &erlu mengsroll jauh untuk kem)ali ke atas%
10. 4:SI4:G
'S!'E F -hat you see is -hat you get F a&a yang $i$a&at a$alah a&a yang $ilihatnya% Contoh: a&a yang teretak $i &rinter meru&akan inormasi yang terkum&ul
$ari $ata+$ata yang terlihat $i layar monitor &a$a saat menari $ata% >al ini juga &erlu menja$i &erhatian sot-are engineer &a$a saat mem)angun antarmuka% !normasi yang $iari$iinginkan harus sesuai $engan usaha $ari user &a$a saat menari $ata $an juga harus sesuai $engan $ata yang a$a &a$a a&likasi sistem 7sot-are8% Bika sistem mem&unyai inormasi yang le)ih $ari yang $iinginkan user hen$aknya $i)uat &ilihan 7o&tional8 sesuai $engan keinginan user% 2isa ja$i yang )erle)ihan itu justru ti$ak $iinginkan user% 'ang men$asar $isini a$alah harus sesuai $engan kemauan $an &ilihan $ari user%
*etika seorang user menari se)uah artikel atau se)uah ourse maka mereka hanya tinggal meng+klik ta) yang su$ah terse$ia &a$a na6igasi )ar lalu munullah )er)agai maam artikel atau ourse yang mungkin ia ari% Sot-are ini meru&akan
sot-are 'S!'E%
@ntuk )agian to& menu )agian >ome Courses Com&any A)out Priing Contat ?ogin $an #egister )erjalan $engan )aik% >anya saja &a$a )agian 2log masih )elum )isa $iklik *arena mungkin lamannya masih )elum terselesaikan%
@ntuk )agian ini )elum )isa $iklik karena mungkin )elum memiliki link%
@ntuk )agian ini ketika kita mengarahkan kursor &a$a ion itu akan meru)ah ion akan teta&i ti$ak $a&at $i klik $an )agian yang $a&at $i klik a$alah &a$a )agian tulisan $an itulah yang se$ikit mengeoh user nantinya%
*etika kita mengklik )agian 2usiness akan menam&ilkan laman )agian G# De6elo&er ,anoDegree se$angkan untuk yang lainnya akan menam&ilkan laman )agian An$roi$
@ntuk )agian ini ketika $iklik semuanya akan memuat laman An$roi$ A&& De6elo&ment%
Pa$a )agian ini ketika kita memilih &lan hanya akan tam&ak se&erti $igam)ar tan&a a$a &eru)ahan &a$a yang lainnya%
@ntuk -aktu )erjalan se&erti seharusnya se$angkan untuk register no- masih ter$a&at )ug $an )erungsi &ersis se&erti )ak to to&% @ntuk )ak to to& )ekerja sangat )aik%
11. F!;!t
Hleksi)el meru&akan )entuk $ari $ari solusi &a$a saat menyelesaikan masalah% Sot-are engineer $a&at mem)uat )er)agai solusi &enyelesaian untuk satu masalah% Se)agai ontoh a$anya menu hotkey atau mo$el $ialog yang lainnya%
Salah satu kele)ihan $ari sot-are ini yaitu a$alah leksi)el $alam menangani masalah% *arena ter$a&at )e)era&a ringkasan tentang itu yang a$a $isot-are ini $item&atkan $ihome sehingga le)ih mu$ah untuk menari inormasi yang memiliki keterhu)ungan%
E. Da'ar P&!(a# 4ar#a +a# J#' Kara"tr
arna meru&akan elemen &enting $alam $esain% (lemen ini menja$i in$ikator &em)e$a antara satu o)jek $engan yang lain% 2ahkan )e)era&a orang &eraya )ah-a
elemen ini )erkaitan $engan &erasaan 7emosi8 $an arti tertentu% Se)agian juga mengangga& elemen ini $a&at menarik user yang mem)uka atau melihat -e)site ini%
Hta&
Positi: &erlin$ungan $ramatis serius )ergayaanggun ormalitas ,egati: kerahasiaan kematian kejahatan mala&etaka kegai)an
K!a%
Positi: keamanan kean$alan keer$asaninteligen &a$at konser6ati ,egati: muram se$ih konser6ati
P%t(
Positi: ke)aikan kea$aan tak )ersalah kemurnian segar gam&ang )ersih ,egati: musim $ingin $ingin jauh
Br%
Positi: keheningan menintai kesetiaan keamanan &eraya intelligene ,egati: ke$inginan ketakutan kejantanan
Pemilihan -arna yang te&at akan mem)erikan se)uah kesan yang te&at &a$a $esain -e)site yang $i)uat $an su$ah $i&astikan )ah-a -arna yang $igunakan $alam -e)site ini a$alah re&resentasi se)enarnya $ari $esain yang $i)uat 7misalnya logomerekisitujuan $ll8% alau&un $alam &emilihan -arna yang kita )uat menggunakan $ua atau tiga -arna seara )ersama+sama ta&i -arna+-arna terse)ut terlihat harmonis%
Se$angkan jenis karakter yang $igunakan &a$a a&likasi &em)elajaran ACTP#; ini a$alah Soure Sans Pro $an #o)oto Sla)% Pemilihan ini mengau &a$a tren$ jenis karakter yang )erkem)ang saat ini hal ini $ilakukan agar user merasa nyaman $alam mem)aa artikel atau&un konten yang terse$ia $i ACTP#; ini%
F. K''%aa# K/#t# D#$a# T%)%a#
e) meru&akan suatu ara yang telah $iatur untuk menam&ilkan inormasi $i internet inormasi terse)ut $a&at )eru&a teks gam)ar suara mau&un 6i$eo yang
interakti $an memiliki kele)ihan untuk salaing menghu)ungkan 7link8 satu $okumen $engan $okumen lainnya 7hy&ertet8 yang nantinya )isa $iakses le-at se)uah )ro-ser%
Pa$a >alaman -e)site ini menurut kami isikonten yang a$a $i -e)site ini su$ah sesuai $engan tujan $imana isikonten &a$a -e)site ini )erisi tentang me$ia &em)elajaran &emrograman 7su$ah sesuai $engan tujuan8 $ari -e)site terse)ut%
Dan &a$a >alaman .ourse ategories/ su$ah uku& sesuai $engan tujuan $imana &a$a >alaman -e) ini user $a&at memilih kategori a&a yang mereka )utuhkan%
Dan juga &a$a >alaman terse)ut yaitu artikel yang )erisi mengenai &erkem)angan teknologi terkini &a$a >alaman ini juga su$ah sesuai ke)utuhan $an tujuan $ari user%
Maka initinya menurut kami kesesuaian konten $engan tujuan su$ah sesuai $imana setia& >alaman -e)sitenya )erisi konten yang )enar+)enar menaku& ke)utuhan $ari &ara user $an tujuan $ari &em)uatan -e)site ini%
G. K"%ra#$a# +a# Sara# Pra"a# 1% *ekurangan
a8 *arena se)enarnya masih ter$a&at uku& )anyak itur yang mengalami )ug% >anya saja &a$a laman home terle)ih itu a$alah )agian $ari user interae sehingga sangat &erlu untuk $i&erhatikan &a$a )agian to& menu $ro& $o-n &a$a )agian )log ti$ak )isa $i klik%
)8 2elum a$anya &esan error yang mem)eritahukan )ah-a a$a sesuatu yang salah khususnya &a$a itur login sehingga user ti$ak mengetahui kesalahannya mereka )era$a $imana ketika mereka ti$ak )isa login ke $alam akun mereka sen$iri%
8 2elum a$anya itur untuk $i smart&hone ini uku& )er&engaruh karena untuk mem&ermu$ah &roses &em)elajaran ka&an&un $an $imana&un tan&a &erlu user untuk mem)ukanya le-at PCla&to&%
$8 2elum a$anya itur notiikasi yang mem)eritahukan )ah-a a$a sesuatua yang )aru entah $ea$line $ari tugas atau&un materi )aru yang )aru saja $iu&loa$
oleh &engem)ang%
e8 Masih a$a )e)era&a )ug khususnya &a$a itur interae user yang )isa mem&engaruhi atau )ah-a mem)uat user ke)ingungan untuk )elajar melalui a&likasi ini%
% Saran
a8 Mem)uat a&likasi ini agar )isa $i)uka $i smart&hone sehingga user )isa mengaksesnya $an )elajar $imana&un serta ka&an&un mereka memiliki -aktu luang tan&a &erlu untuk mem)uka la&to&PC%
)8 Per)aikan untuk )e)era&a )ug khususnya &a$a interae user karena sangat &enting untuk mem&ermu$ah user $alam &roses &em)elajaran agar user ti$ak
ke)ingungan $alam &roses )elajar%
8 Ditam)ahkannya itur notiikasi untuk mem)eritahukan user )ah-a a$anya materi )aru sehingga user )isa mem&elajarinya $an juga mem&ermu$ah &roses &em)elajaran%
BAB III PENUTUP