imk-uas

Upload: kyouzi

Post on 07-Apr-2018

219 views

Category:

Documents


0 download

TRANSCRIPT

  • 8/6/2019 IMK-Uas

    1/43

    1 7/5/2011

    Panduan Pencegahan Kesalahan

    Menghapus mode-mode atau menyediakan petunjuk

    yang terlihat untuk mode-mode tersebut. Gunakan teknik koding yang baik (warna, gaya).

    Memaksimalkan pengenalan, mengurangi hafalan.

    Merancang urutan gerak atau perintah yang tidak

    sama. Mengurangi kebutuhan untuk mengetik.

    Uji dan memantau kesalahan-kesalahan danmemperbaikinya.

    Memungkinkan pertimbangan ulang aksi-aksi yangdilakukan oleh user, misalnya memindahkan file darirecycle bin.

  • 8/6/2019 IMK-Uas

    2/43

    2 7/5/2011

    Panduan Recovery Kesalahan

    Menyediakan tipe-tipe tanggapan yang sesuai.

    Query: bertanya pada user apa yang sudah dilakukan,kemudian melegalkan tindakan yang salah.

    Menyediakan fungsi undo dan pembatalan dari proses yangsedang berjalan.

    Meminta konfirmasi untuk perintah yang drastis dan bersifatmerusak.

    Menyediakan pengecekan yang beralasan pada masukan data.

    Mengembalikan kursor ke area kesalahan, memungkinkanuntuk melakukan perbaikan.

    Menyediakan beberapa kecerdasan buatan.

    Menyediakan akses cepat kepada bantuan untuk konteks-sensitif.

  • 8/6/2019 IMK-Uas

    3/43

    3

    Empat Jenis Bantuan Yang Dibutuhkan User

    Quick Reference Digunakan sebagai pengingat untuk user dari suatu yang detail yang

    secara dasar sangat familiar dan biasa digunakan.

    Task-Spesifik Help Digunakan untuk membantu user menghadapi masalah atau tidak

    pasti mengambil tindakan dalam memecahkan masalah yang khusus.

    Full Explanation Suatu alat bantu atau perintah yang dapat membantu memahami

    secara lengkap.

    Tutorial Khusus untuk user baru yang menyediakan perintah secara step by

    step.

  • 8/6/2019 IMK-Uas

    4/43

    Kebutuhan dari User Support

    AvailabilityUser dapat menggunakan bantuan pada setiap waktu selama

    berinteraksi dengan sistem. Accuracy dan Compieteness

    Bantuan ini seharusnya menyiapkan keakuratan dan kelangkapansistem bantuan.

    ConsistencyUser membutuhkan jenis-jenis yang berbeda dari bantuan untukdigunakan pada kegunaan yang berbeda.

    RobustnessSistem bantuan ini biasanya digunakan oleh orang yang sedang

    dalam kesulitan, karena sistem mempunyai perilaku yang tidak diaharapkan atau mempunyai kesalahan.

    FlexibilitySistem bantuan yang fleksibel akan membuat setiap user dapat

    berinteraksi dalam mencari sesuatu yang dibutuhkannya. Unobtrusiveness

    Sistem ini seharusnya tidak mencegah user dalam melanjutkanpekerjaannya.

  • 8/6/2019 IMK-Uas

    5/43

    5 7/5/2011

    Merancang User Support System

    Hal yang perlu diperhatikan adalah:

    Perancangan seharusnya tidak seperti add-on pada

    sistem. Secara ideal seharusnya merupakan bagian integral

    dalam sistem. Perancangan harus memperhatikan isi dari bantuan dan

    konteks sebelum teknologi tersedia.

  • 8/6/2019 IMK-Uas

    6/43

    by nasetiyanto 6 7/5/2011

    Format fisik yang sesuai

    Gunakan kombinasi huruf besar dan kecil. Pesandengan huruf besar semua hanya digunakan untukperingatan gawat

    Hindari pesan hanya dengan nomor kode. Jika perlutampilkan kode di akhir pesan

    Penempatan pesan : dekat sumber masalah, dibarispada bagian bawah layar, sebagai pop-up window ditengah layar.

    Peringatan dengan suara berguna tetapi dapatmemalukan pemakai, pemakai harus dapatmengendalikannya.

  • 8/6/2019 IMK-Uas

    7/43

    by nasetiyanto 7 7/5/2011

    Rancangan pesan yang efektif

    Produk Sespesifik dan sepresisi mungkin

    Konstruktif : tunjukkan apa yang harus dilakukan

    Gunakan nada positif, jangan memarahi

    Gunakan kata yang berpusat ke pemakai

    Gunakan tatabahasa, istilah dan singkatan yangkonsisten

    Pertimbangkan pesan yang bertingkat

    Gunakan format visual dan penempatan yangkonsisten

  • 8/6/2019 IMK-Uas

    8/43

    by nasetiyanto 8 7/5/2011

    Rancangan pesan yang efektif

    Proses

    Bentuk gugus kendali kualitas pesan

    Sertakan pesan dalam tahap perancangan

    Simpan semua pesan dalam sebuah file

    Bahas pesan dalam pengembangan

    Usahakan untuk menghapus beberapa kebutuhan

    pesan

    Laksanakan uji penerimaan (acceptance test) Kumpulkan data frekuensi setiap pesan

    Kaji ulang dan perbaiki pesan dari waktu ke w

  • 8/6/2019 IMK-Uas

    9/43

    9

    Ketertentuan (Specificity)

    Buruk Baik

    SYNTAX ERROR Tidak sesuai dengan aturan

    penulisan

    ILLEGAL ENTRY Ketikan huruf pertama :Send,

    ReadorDrop

    INVALID DATA Interval hari dari 1 sampai 31

    BAD FILE NAME Nama file harus dimulaidengan huruf

  • 8/6/2019 IMK-Uas

    10/43

    RANCANGANNONANTROPOMORFIK

    Antropomorfikadalah :

    sifat suatu barang yang memiliki sifat atau pribadi manusia

    Masalah yang muncul dengan instruksi antropomorfik,sekaligus alasan untuk menggunakan instruksinonantropomorfik :

    Pemberian sifat cerdas, bebas, berkehendak bebas dan berpengetahuankepada komputer dapat menipu, membingungkan, dan menyesatkanpemakai

    Penting untuk membedakan manusia dengan komputer

    Meskipun antarmuka antropomorfik bisa menarik beberapa orang,

    namun dapat mengganggu orang lain Penelitian menunjukkan bahwa instruksi nonantropomorfik lebih baik

  • 8/6/2019 IMK-Uas

    11/43

    by nasetiyanto 11 7/5/2011

    Pedoman Perancangan Nonantropomorfik

    Hindari menampilkan komputer sebagai orang pribadi(manusia)

    Gunakan tokoh yang sesuai (manusia atau karakter animasi)dalam pengenalan atau sebagai pemandu

    Hati hati dalam merancang wajah manusia atau tokoh kartundengan komputer

    Gunakan karakter kartun di games atau software anakanak jikadiperlukan

    Rancang antarmuka yang dapat dimengerti, dapat diramalkan,dan dapat dikendalikan

    Gunakan sudut pandang pemakai dalam orientasi dan keadaanselesai

    Jangan gunakan I (saya) ketika komputer menanggap aksipemakai

    Gunakan You hanya untuk memandu pemakai danmenyebutkan fakta-fakta

  • 8/6/2019 IMK-Uas

    12/43

    Desain dan Notasi Dialog

    Notasi Dialog Diagrammatik

    keadaan transisi jaringan, diagram JSD, diagram alir (flowchart)

    Tekstual

    formal tata bahasa, aturan produksi, CSP

    Dialog terkait dengan semantik sistem - apa yang dilakukannya

    presentasi sistem tampilannya

    deskripsi formal dapat dianalisis untuk tindakan yang tidak konsisten

    untuk sulit untuk membalikkan tindakan

    untuk tindakan yang hilang

    miskeying kesalahan potensial

  • 8/6/2019 IMK-Uas

    13/43

    State transition networks (STN)

    lingkaran states/bagian

    tanda panah - actions/events

    Start Menu

    Circle 1 Circle 2 Finish

    Line 1 Line 2 Finish

    select 'circle'

    select 'line'

    click on centreclick on

    circumference

    draw circlerubber band

    rubber band draw lastline

    click onfirst point double click

    click on point

    draw a line

  • 8/6/2019 IMK-Uas

    14/43

    State transition networks - events

    label busur sedikit sempit karena:

    notation is `state heavy

    peristiwa yang paling membutuhkan detail

    Start enu

    Circle 1 Circle 2 Finish

    Line 1 Line 2 Finish

    select ' ircle'

    select 'line'

    lickon centreclickon

    circu feren e

    draw circlerubberband

    rubberband draw lastline

    clickonfirst oint double click

    lickon oint

    draw a line

    State heavy : kondisi yang

    berat/menjemukan/melelahkan,d

    sb

  • 8/6/2019 IMK-Uas

    15/43

    Star t en u

    Circle 1 Circle 2 Finish

    select ' ircle'

    select 'line'

    lickon centreclickon

    circu feren e

    draw circlerubberband

    ... ... ...

    State transition networks - states

    label di lingkaran sedikit tidak informatif:

    bagian yang susah diberi nama

    lebih mudah memvisualisasikan

  • 8/6/2019 IMK-Uas

    16/43

    Hierarchical STNs

    mengelola dialog yang complex

    nama sub-dialogues

    GraphicsSubmenu

    Text Submenu

    Paint Submenu

    Main

    Menu

    select graphics

    select paint

    select text

  • 8/6/2019 IMK-Uas

    17/43

    Petri nets

    one of the oldest notations in computing!

    flow graph:

    places a bit like STN states

    transitions a bit like STN arcs

    counters sit on places (current state)

    several counters allowed

    concurrent dialogue states used for UI specification (ICO at Toulouse)

    tool support Petshop

    Concurrent=berbarengan

  • 8/6/2019 IMK-Uas

    18/43

    Petri net example

    Bold On Italic On

    Bold OffItalic Off

    user presses

    Italicuser presses

    Bold

    T1 T2 T3 T4

    user actionsrepresented

    as a new counter

    transition fireswhen all input

    places have counters

  • 8/6/2019 IMK-Uas

    19/43

    Flowcharts

    familiar to

    programmers

    boxes

    - process/event- not state

    use for dialogue(not internal algorithm)

    Delete D1

    Please enteremployee no.: ____

    Delete D3

    Name: Alan DixDept: Computing

    delete? (Y/N): _Please enter Y or N

    Delete D2

    Name: Alan DixDept: Computing

    delete? (Y/N): _

    answer?

    C2

    Finish

    Finish

    read record

    C1

    delete record

    C3

    other

    NY

  • 8/6/2019 IMK-Uas

    20/43

    JSD diagrams

    for tree structured dialogues

    kurang expressive

    terlalu luas

    transactionlogin

    add

    employee

    record

    change

    employee

    record

    display

    employee

    record

    logout

    Personnel

    Record

    System

    delete

    employee

    record

    *

  • 8/6/2019 IMK-Uas

    21/43

    Evaluasi Desain : Cognitive Walkthrough

    Diusulkan oleh Polson et al.

    mengevaluasi desain pada seberapa baik mendukung

    pengguna dalam tugas belajar

    biasanya dilakukan oleh ahli di bidang psikologi kognitif ahli 'desain berjalan meskipun' untuk mengidentifikasi

    potensi masalah dengan menggunakan prinsip psikologis

    formulir yang digunakan untuk memandu analisis

  • 8/6/2019 IMK-Uas

    22/43

    Evaluasi Desain : Cognitive Walkthrough

    Untuk setiap panduan mempertimbangkan tugas

    dampak apa yang akan interaksi terhadap user?

    proses kognitif apa yang dibutuhkan?

    apa masalah pembelajaran dapat terjadi?

    Analisis berfokus pada tujuan dan pengetahuan:

    apakah desain memimpin user untuk menghasilkan tujuan

    dengan benar?

  • 8/6/2019 IMK-Uas

    23/43

    Evaluasi Desain : Heuristic Evaluation

    Diusulkan oleh Nielsen dan Molich.

    kegunaan kriteria (heuristik) yang diidentifikasi

    desain diperiksa oleh para ahli untuk melihat apakah ini melanggar

    Contoh heuristik perilaku sistem dapat diprediksi

    perilaku sistem yang konsisten

    umpan balik disediakan

    evaluasi heuristik adalah guideline, prinsip umum dan peraturan,pengalaman untuk mengambil suatu keputusan

    Tujuannya untuk memperbaiki rancangan secara efektif.

  • 8/6/2019 IMK-Uas

    24/43

    Evaluasi Desain : Review-based evaluation

    Hasil dari literatur digunakan untuk mendukung ataumenentang bagian desain.

    Perawatan diperlukan untuk memastikan hasil dapat dialihkan

    untuk desain baru.

    Model berbasis evaluasi

    Model kognitif digunakan untuk menyaring pilihan desain

    umpamanya GOMS prediksi kinerja pengguna.

    Desain yang rasional juga dapat memberikan informasi yangberguna evaluasi

  • 8/6/2019 IMK-Uas

    25/43

    Evaluasi Implementasi

    Membutuhkan sebuah artefak, simulasi,

    prototipe, implementasi penuh.

    Tiga pendekatannya : Empiris (teknik percobaan)

    Metode observasi

    Metode query (menanyakan user untuk

    mendapatkan umpan balik)

  • 8/6/2019 IMK-Uas

    26/43

  • 8/6/2019 IMK-Uas

    27/43

    Faktor-faktor eksperimental

    Subjects

    siapa representative, sample yang cukup

    Variables

    sesuatu untuk merubah dan mengukur

    Hypothesis

    apa yang ingin ditampilkan

    Experimental design bagaimana melakukannya

  • 8/6/2019 IMK-Uas

    28/43

    Evaluasi Eksperimen: Variabel

    independent variabel (IV)

    karakteristik diubah untuk menghasilkan kondisi yang

    berbeda

    umpamanya antarmuka gaya, jumlah item menu

    dependent variabel (DV)

    karakteristik diukur dalam percobaan

    umpamanya waktu diambil, jumlah kesalahan

  • 8/6/2019 IMK-Uas

    29/43

    Evaluasi Eksperimen: Hypothesa

    prediksi hasil eksperimen

    berbingkai dalam hal IV dan DV

    umpamanya "Tingkat kesalahan akan meningkat seiringdengan mengecilnya ukuran font

    hipotesis null:

    menyatakan ada perbedaan antara kondisi

    tujuannya adalah untuk menyanggah ini umpamanya null hyp. = "Tidak ada perubahan dengan

    ukuran font"

  • 8/6/2019 IMK-Uas

    30/43

    Evaluasi Eksperimen: Desain

    Eksperimental

    dalam kelompok desain setiap subyek melakukan percobaan pada kondisi masing-

    masing.

    mentransfer pembelajaran mungkin

    lebih murah dan lebih kecil kemungkinannya untukmendapatkan dari variasi pengguna.

    antara kelompok-kelompok desain setiap subyek hanya melakukan di bawah satu syarat

    tidak ada transfer belajar

    diperlukan lebih banyak pengguna

    variasi dapat bias hasilnya

  • 8/6/2019 IMK-Uas

    31/43

    Pendeketan Query Techniques

    Interviews

    Questionnaires

  • 8/6/2019 IMK-Uas

    32/43

    Interview analis pertanyaan pengguna di satu-ke-satu dasar

    biasanya didasarkan pada pertanyaan-pertanyaandisusun

    informal, subyektif dan relatif murah

    Keuntungan dapat bervariasi sesuai konteks

    Hal tersebut dapat dieksplorasi lebih lengkap

    dapat menimbulkan dilihat pengguna dan mengidentifikasi

    masalah yang tak terduga Kekurangan

    sangat subjektif

    memakan waktu

  • 8/6/2019 IMK-Uas

    33/43

    Questionnaires

    pertanyaan tetap yang diberikan kepada pengguna

    Keuntungan

    cepat dan mencapai kelompok pengguna yang besar dapat dianalisis lebih ketat

    Kekurangan

    kurang fleksibel

    kurang menyelidik

  • 8/6/2019 IMK-Uas

    34/43

    Questionnaires (ctd)

    Perlu hati-hati desain informasi apa yang diperlukan?

    bagaimana jawaban untuk dianalisis?

    Gaya pertanyaan

    Umum

    Terbuka

    Skalar

    multi-pilihan

    peringkat

  • 8/6/2019 IMK-Uas

    35/43

    Pendekatan

    Physiological methods

    Eye tracking

    Physiological measurement

  • 8/6/2019 IMK-Uas

    36/43

    Eye Tracking

    gerakan mata mencerminkan jumlah pengolahankognitif yang menampilkan kebutuhan

    Pengukuran mencakup fiksasi: mata mempertahankan posisi stabil. Jumlah dan

    durasi menunjukkan tingkat kesulitan dengan tampilan saccades: gerakan mata yang cepat dari satu sudut

    kepentingan lain

    scan path: pindah langsung ke target dengan fiksasipendek di target optimal

  • 8/6/2019 IMK-Uas

    37/43

    physiological measurements tanggapan emosional terkait dengan perubahan fisik ini dapat membantu menentukan reaksi pengguna ke

    interface

    Pengukuran mencakup:

    Aktivitas jantung, termasuk tekanan darah, volume dan pulsa.

    aktivitas kelenjar keringat: Galvanic Skin Response (GSR)

    Aktivitas listrik dalam otot: Elektromiogram (EMG)

    Aktivitas listrik di dalam otak: elektroensefalogram (EEG)

    beberapa kesulitan dalam menafsirkan ini respon fisiologis -

    penelitian lebih dibutuhkan

  • 8/6/2019 IMK-Uas

    38/43

    Faktor yang membedakan teknik

    evaluasi Tingkat siklus

    Jenis evaluasi

    Tingkat objektivitas dan subyektivitas

    Jenis ukuran yang tersedia

    Informasi yang tersedia

    Kesiapan dari suatu respon

    Tingkat gangguan yang tidak secara langsung

    Sumber yang tersedia

  • 8/6/2019 IMK-Uas

    39/43

    Apa itu Groupware?

    Software yang khusus dirancang

    untuk mendukung kelompok kerja

    dengan persyaratan koperasi dalam pikiran

    TIDAK hanya alat untuk komunikasi

    Groupware dapat diklasifikasikan dengan

    kapan dan di mana para peserta bekerja

    fungsi itu melakukan kerja koperasi

  • 8/6/2019 IMK-Uas

    40/43

    The Time/Space Matrix

    Mengklasifikasikan groupware dengan:

    ketika peserta bekerja ,pada saat yang sama atau tidak

    dimana para peserta bekerja ,di tempat yang sama atau tidak

    Common names for axes:time:

    synchronous/asynchronousplace:

    co-located/remote

    different

    place

    same

    place

    sametime

    different

    time

  • 8/6/2019 IMK-Uas

    41/43

    Time/Space Matrix (ctd)

    different

    place

    same

    place

    same

    time

    different

    time

    face-to-face

    conversationtelephone

    post-it note letter

    Co-Located Remote

    Synchronous

    Asynchronous

  • 8/6/2019 IMK-Uas

    42/43

    Classification by Function

    Cooperative work involves:

    Participants who are working

    Artefacts upon which they work

    participants

    artefacts of work

    control and

    feedback

    P P

    A

    communication

    understanding

    direct

    Artefact : tempat

    bekerja

  • 8/6/2019 IMK-Uas

    43/43

    What interactions does a tool support?

    computer-mediated communication

    direct communication between participants

    meeting and decision support systems

    common understanding

    shared applications and artefacts

    control and feedback with shared work objects

    participants

    artefacts of work

    control and

    feedback

    P P

    A

    communication

    understanding

    direct

    meeting and decisionsupport systems

    common understanding

    computer-mediatedcommunication

    direct communicationbetween participants

    shared applicationsand artefacts

    control and feedbackwith shared work objects