imk_1

5/20/2018 IMK_1

1/69

INTERAKSI MANUSIA

KOMPUTER

Anggina Primanita, M.IT

[email protected]

5/20/2018 IMK_1

2/69

Semester Ganjil 2014/2015

Interaksi Manusia Komputer Anggina Primanita, M.IT

[email protected]

!"#$%!&'('%%

Seluru) *okumentasi +orks)op*ikumpulkan pa*a minggu terak)ir email - [email protected]

su/ek 0IMK"($12 03nama kelompok42

5/20/2018 IMK_1

3/69


5ormat pertemuan- Pema)asan Topik

6orks)op 7setiap 8 minggu9

5/20/2018 IMK_1

4/69


Penilaian

No Penilaian Persentase

$ Ketepatan, Kerapi)an, *ll $(

" Kuis $%

8 Tugas "(

1 UTS "(

% UAS 8%

5/20/2018 IMK_1

5/69


Stan*ar Penilaian

No

Nilai Huruf Nilai Angka

$ A #%.%% $((" : '(.%% ; #%.%1

8 < %%.%% ; '(.%1

1 = 1(.%% ; %%.%1

% E 3 1(.%1

5/20/2018 IMK_1

6/69

Semester Pene!201"/2014 :uku Teks utama

Rogers, >, ?. S)arp *an . Preece. "($$.Interaction #esign$ %e&on '(man)

*omp(ter Interaction

5/20/2018 IMK_1

7/69

T'+ -

interaksi manusiakomputer

5/20/2018 IMK_1

8/69

-

5/20/2018 IMK_1

9/69

-

)ttp-"*co*e.co.uktescoBrco*estor

5/20/2018 IMK_1

10/69

-

)ttp-popupcitC.netsu+aCplatDormsupermarket

5/20/2018 IMK_1

11/69

T+S* *#+ S'PPIG

selei)nCa-+++.Coutue.com+atc)FG8MBc'RoN1>
http://www.youtube.com/watch?v=3Mqcb7RoN4Yhttp://www.youtube.com/watch?v=3Mqcb7RoN4Yhttp://www.youtube.com/watch?v=3Mqcb7RoN4Yhttp://www.youtube.com/watch?v=3Mqcb7RoN4Y

5/20/2018 IMK_1

12/69

-

more at-)ttp-+++.Coutue.com+atc)FG18uSHA&BUe#

5/20/2018 IMK_1

13/69

#S A *A#

selei)nCa-)ttp-+++.Coutue.com+atc)FG18uSHA&BUe#
http://www.youtube.com/watch?v=43uSXA9qUe8http://www.youtube.com/watch?v=43uSXA9qUe8http://www.youtube.com/watch?v=43uSXA9qUe8http://www.youtube.com/watch?v=43uSXA9qUe8

5/20/2018 IMK_1

14/69

rotar& 3ie

)ttp-+++.Coutue.com+atc)FGg?"'nttRN+k
http://www.youtube.com/watch?v=gH27nttRNwkhttp://www.youtube.com/watch?v=gH27nttRNwkhttp://www.youtube.com/watch?v=gH27nttRNwkhttp://www.youtube.com/watch?v=gH27nttRNwk

5/20/2018 IMK_1

15/69

MINGGU 1-2

Intera!si Man(sia omp(ter 6 onsep Intera!si

5/20/2018 IMK_1

16/69

KONSEP INTERAKSIMANUSIA KOMPUTER

5/20/2018 IMK_1

17/69

Perancangan

Siapa Pengguna sistem

Apa aktitas Cang *ilaksanakan

=imana interaksi *engan sistemterlaksana

Interaksi antara pengguna *an pro*uk)arus menCesuaikan aktitas *ankeutu)an pengguna

5/20/2018 IMK_1

18/69

e7(t(8an Pengg(na

Per)atikan pengguna Cang *apat *ilakukan *an Cang ti*ak

Apa Cang *apat meningkatkan kegiatan

Cang iasa *ilaksanakan pengguna Pikirkan apa Cang *apat memerikan

pengalaman erinteraksi *an erkualitas

Men*engarkan keutu)an pengguna *anmeliatkannCa *alam pemangunan sistem

Junakan (ser)centere met8os

5/20/2018 IMK_1

19/69

interaksi

5/20/2018 IMK_1

20/69

Intera!si$ t(j(an

Memangun pro*uk Cang(sa7le7*apat *igunakan9

5/20/2018 IMK_1

21/69

usailitCm(a8 imengerti, apat ig(na!an secarae9e!ti9, an mem7eri!an pengalaman &ang

men&enang!an

5/20/2018 IMK_1

22/69

ser +:perience

Pengalaman penggunaL

:agaimana seua) pro*uk erlaku*an *igunakan *alam konteks *unianCata

rasaL Cang *i*apatkan penggunasaat menggunakan pro*uk

5/20/2018 IMK_1

23/69

T8e - *(r3e

src- KraDt 7"($"9

menCenangka

n

ti*akmenCe

nangkan

5/20/2018 IMK_1

24/69

T8e - *(r3e

5/20/2018 IMK_1

25/69

interaksi manusiakomputeraala8 area antar)isiplin antara riset an pra!tis,mer(pa!an ga7(ngan ari 7er7agai isiplin

termas(! 9a!tor man(sia, ilm( !omp(ter, sistemin9ormasi, psi!ologi, sosiologi, an perancangan3is(al;Poole, 201"ee7ac! Memerikan inDormasi kepa*a

pengguna saat sesuatu tela) ter/a*ipa*a sistem eg- unCi, )ig)lig)t, animasi.

5/20/2018 IMK_1

33/69

Prinsip Perancangan$*onstraint Memerikan atasan *ari aksi Cang

*apat *ilakukan ter)a*ap sistem.

Mencega) pengguna memili) opsiCang sala).

=apat melalui o/ek sikmaupunnon sik.

5/20/2018 IMK_1

34/69

Prinsip Perancangan$*onstraint

59061002007

laboran magangterakreditasi B

59061002007777777777777777

5/20/2018 IMK_1

35/69

Prinsip Perancangan$ *onsistenc&

Rancangan antarmuka pa*aumumnCa memiliki elemen Cangsama untuk keperluan Cang sama. Eg-

5/20/2018 IMK_1

36/69

Prinsip Perancangan$ *onsistenc&

Internal consistencC- pa*a satusistem, operasi Cang *ilakukan atassuatu tugas sama.

Eternal consistencC- operasi Cang*ilakukan atas suatu tugas pa*asistem sama *engan sistem lainnCa.

5/20/2018 IMK_1

37/69

Prinsip Perancangan$A?orance Suatu agian *ari o/ek Cang

memungkinkan seseorangmengeta)ui agaimana cara

menggunakannCa *engan meli)atentuknCa. e.g. tomol, )an*le pintu.

5/20/2018 IMK_1

38/69

KONSEP INTERAKSI

5/20/2018 IMK_1

39/69

intera!si

Memangun pro*uk Cang(sa7le7*apat *igunakan9

#esign principles7prinsipperancangan9 FisiilitC

Dee*ack

constraint consistencC

aor*ance

5/20/2018 IMK_1

40/69

Proses PerancanganIntera!si

MenCusun Keutu)an

AlternatiD Rancangan

Memuat Prototipe

Melakukan EFaluasi

5/20/2018 IMK_1

41/69

prolem space+)atQ assumptionsQ ac)ieFale

5/20/2018 IMK_1

42/69

As(msi

asumsi Cang terkumpul akanmeningkatkan kualitas rancangan.

5/20/2018 IMK_1

43/69

konseptualisasi

t li i

5/20/2018 IMK_1

44/69

onsept(alisasi$!e(nt(ngan Orientasi

memerikan kemampuan pa*a tim perancanguntuk menanCakan pertanCaan Cang spesik

Pan*angan Cang teruka mencega) tim perancang untuk men/a*i

terlalu Dokus )anCa pa*a satu permasala)an

=asar Cang sama

memerikan kemampuan pa*a tim perancanguntuk meman*ang masala) Cang sama

7l i

5/20/2018 IMK_1

45/69

pro7lem space ) esignspace Permasala)an men/a*i rancangan

Perlu memiliki conceptual mo*el7mo*el konseptual9

5/20/2018 IMK_1

46/69

mo*el konseptuales!ripsi ting!at)tinggi ari se7(a8 sistem,

7agaimana sistem terse7(t is(s(n an

7eroperasi

M l t l

5/20/2018 IMK_1

47/69

Moel onsept(al$!omponen MetaDora *an analogi

pengertian mengenai kegunaan *ariseua) pro*uk *an agaimana pro*uk

terseut *igunakan Konsep Cang *igunakan melalui

pro*uk

e.g. menCimpanL, mengaturL ?uungan *an pemetaan *ari konsep

5/20/2018 IMK_1

48/69

Moel onsept(al

:ukan merupakan rancangantampilan antarmuka.

Merupakan *eskripsi tingkat tinggimengenai sistem Cang *iuat *ankonsep Cang perlu *iketa)uipengguna untuk

mengoperasikannCa.

5/20/2018 IMK_1

49/69

Moel onsept(al$ tampilan

=apat *itampilkan *engan eragaicara

:erupa aktitas *an o/ek atau metaDora antarmuka 7interDace

metap)or9

5/20/2018 IMK_1

50/69

Inter9ace Metap8or

I t 9 M t 8

5/20/2018 IMK_1

51/69

Inter9ace Metap8or$e(nt(ngan ei) mu*a) *alam mempela/ari

sistem Cang aru

Memantu pengguna mengertimo*el konseptual *ari seua) sistem

Memungkinkan lei) anCakpengguna mengertiL komputer

5/20/2018 IMK_1

52/69

conto8 moel !onsept(al

monopoli 44 line get ric)

telegram 44 sms

peta 44 google maps

5/20/2018 IMK_1

53/69

*onto8 inter9ace metap8or

icon pa*a pl pemroses kata"

pc *esktop 44 laptop

uku catatan 44 galaC note

/am eker 44 s+ alarm

5/20/2018 IMK_1

54/69

54www.id-book.com

Paradigma

a*ala) pen*ekatan umum Cang*ilakukan ole) suatu komunitas*alam melaksanakan riset.

memiliki asumsi, konsep, nilai, *anpraktis Cang sama

men/a*i inspirasi *alam memuat

mo*el konseptual

Paradigma paradigma

5/20/2018 IMK_1

55/69

55www.id-book.com

Paradigma-paradigmabaru UiBuitous computing

PerFasiFe computing

6earale computing

Tangile its, augmente* realitC AttentiFe enFironments, transparent

computing

etc.

5/20/2018 IMK_1

56/69

7i(ito(s *omp(ting

5/20/2018 IMK_1

57/69

Per3asi3e *omp(ting

5/20/2018 IMK_1

58/69

Beara7le *omp(ting

5/20/2018 IMK_1

59/69

Tangi7le %its / A

5/20/2018 IMK_1

60/69

Attenti3e +n3ironment

5/20/2018 IMK_1

61/69

Google Glass

5/20/2018 IMK_1

62/69

'ats(ne Mi!( *oncert

5/20/2018 IMK_1

63/69

MITCs si:t8sense project

5/20/2018 IMK_1

64/69

*onto8 Inter9ace Metap8or

:ooks pa*a iOS 44 rak uku

Samsung JalaC Note - conceptualmo*el - uku catatan.

Icon :aterai

amalarm

Email

5/20/2018 IMK_1

65/69

e9erences

Rogers, >, ?. S)arp *an . Preece. "($$.Interaction #esign$ %e&on '(man)*omp(ter Interaction

Poole, Erika S. "($8. '*I an mo7ile8ealt8 inter3entions

KraDt,

5/20/2018 IMK_1

66/69

ORKSHOP

Tas! 1$ *oncept(aliDing

5/20/2018 IMK_1

67/69

or!s8op

:entuk kelompok Cang ter*iri atas 1%orang

Pili) sala) satu *ari tiga ua) tema

*ia+a) ini- :uil*ing 5asilkom Unsri Moile 6esite

:uil*ing 5asilkom Unsri Moile Apps

Re*esigning 5asilkom Unsri 6esite Tema terseut akan men/a*i pro/ect

kelompok an*a untuk semester ini.

5/20/2018 IMK_1

68/69

or!s8op

SoDt+are Cang *isarankan- PrototCper ole) menggunakan soDt+are lain.

Keluaran Cang *i)arapkan- =okumentasi ?asil ak)ir *ari setiap

tugas *an +orks)op

Moile 6e App 6esite PrototCpe

ti*ak )arus semua tur *apat *i/alankan

5/20/2018 IMK_1

69/69

or!s8op

I*entikasi prolem space *ari P an*a +)at

assumptions

ac)ieFale

:erikan mo*el konseptual *ari moile +eDasilkom unsri ocial +esite Dasilkomunsri

Temukan interDace metap)or Cangmungkintela) *igunakan pa*a pro/ect an*a

Presentasikan )asil temuan an*a

imk_1

Documents