PROJECT

Human Computer Interaction

System in Store Unklab

DISUSUN OLEH :

Ulaen, Hendra Ch. D 08520102

FAKULTAS ILMU KOMPUTER UNIVERSITAS KLABAT 2010

Requirement Specification

a) Task of users in the system Teknik yang digunakan untuk mengumpulkan informasi : o Interview o Observasi Klasifikasi Task Task-task / fungsi : Pembayaran / Transaksi Charge ( pada keluarga dosen / staff) Manage produk dalam store

Hierarchial Task Analysis Task Pembayaran / Transaksi 0. Melakukan Pembayaran / transaksi 1. Masuk ke store 2. Pilih barang-barang yang ingin dibeli 2.1 Ambil barang 2.2 Letakan di keranjang 3. Bawa barang yang ingin dibeli ke depan kasir 4. Hitung harga total barang 4.1 Ambil barang 4.2 Lihat harga barang 4.3 Ketik nama barang dan harga serta jumlah 4.4 Jumlahkan semua 5. Bayar barang yang dibeli 5.1 Beri kembalian 6. Keluar dari store

Plan 0 : lakukan 1-6 secara berurutan

Plan 2 : lakukan 2.1 2.2 secara berurutan, sampai semua barang yang ingin dibeli sudah diletakkan semua di keranjang Plan 4 : lakukan 4.1 4.3, jika sudah semua, lakukan 4.4 Plan 5 : jika ada kembalian lakukan 5.1

Hierarchial Task Analysis Diagram

0. Melakukan Pembayaran / transaksi

Plan 0 : lakukan 1-6 secara berurutan

1. Masuk ke Store

2. Pilih barang

3. Bawa ke kasir

4. Hitung total harga barang

5. Bayar barang

6. Keluar dari store

Plan 2 : lakukan 2.1 2.2 secara berurutan, sampai semua barang yang ingin dibeli sudah diletakkan semua di keranjang

2.1 Ambil barang

2.2 Letakkan di keranjang

Plan 4 : lakukan 4.1 4.3, jika sudah semua, lakukan 4.4

4.1 Ambil barang

4.2 Lihat harga barang

4.3 Ketik nama, harga dan jumlah

4.4 Jumlahkan

Plan 5 : jika ada kembalian lakukan 5.1

5.1 Terima kembalian

Task Charge 0. Charge dosen / staff 1. Masuk ke store 2. Pilih barang-barang yang ingin dibeli 2.1 Ambil barang 2.2 Letakan di keranjang 3. Bawa barang yang ingin dibeli ke depan petugas charge 4. Hitung harga total barang 4.1 Ambil barang 4.2 Lihat harga barang 4.3 Ketik nama barang dan harga serta jumlah 4.4 Jumlahkan semua 5. Tulis informasi untuk charge 5.1 Bilang nama keluarga 5.2 Ambil buku charge 5.3 Isi tanggal 5.4 Isi jumlah pembelian 5.5 Tanda tangan 6. Keluar dari store 7. Charge ke BO 7.1 Bawa informasi charge ke BO 7.2 Post ke account keluarga

Plan 0 : lakukan 1-6 secara berurutan, 7 selanjutnya dilakukan oleh petugas Plan 2 : lakukan 2.1 2.2 secara berurutan, sampai semua barang yang ingin dibeli sudah diletakkan semua di keranjang. Plan 4 : lakukan 4.1 4.3, jika sudah semua, lakukan 4.4 Plan 5 : lakukan 5.1 5.4 secara berurutan Plan 7 : lakukan 7.1, 7.2 dilakukan sampai semua diposting

Hierarchial Task Analysis Diagram

0. Melakukan Pembayaran / transaksi

Plan 0 : lakukan 1-6 secara berurutan

1. Masuk ke Store

2. Pilih barang

3. Bawa ke kasir

4. Hitung total harga barang

5. Tulis info untuk charge

6. Keluar dari store

7. Charge ke BO

Plan 2 : lakukan 2.1 2.2 secara berurutan, sampai semua barang yang ingin dibeli sudah diletakkan semua di keranjang

2.1 Ambil barang

2.2 Letakkan di keranjang

Plan 4 : lakukan 4.1 4.3, jika sudah semua, lakukan 4.4

4.1 Ambil barang

4.2 Lihat harga barang

4.3 Ketik nama, harga dan jumlah

4.4 Jumlahkan

Plan 5 : lakukan 5.1 5.4 secara berurutan

5.1 Bilang nama keluarga

5.2 Ambil buku charge

5.3 Isi tanggal

5.4 Isi jumlah pembelian

5.5 Tanda tangan

Plan 7 : lakukan 7.1, 7.2 dilakukan sampai semua diposting

7.1 Bawa informasi charge ke BO

7.2 Post ke account keluarga

Klasifikasi objek Objek : produk, mesin kasir, uang, buku charge, pena, program kasir, kalkulator, tas plastic

Item dalam pembayaran / transaksi AND /_ /_ /_ /_ /_

/_ /_ /_ /_ /_ /_ /_ /_ /_ /_ /_ /_ /_ /_ /_ /_ /_

bentuk OR {_ {_ {_
{_ {_ Fungsi OR

padat OR produk, mesin kasir, uang, buku charge, kalkulator, tas plastic, pena
tidak berbentuk Program kasir

{_ {_ {_ {_ {_ {_ {_ {_ {_ {_
|_ |_ |_ |_

Menghitung OR Program kasir, kalkulator Menulis Pena, buku charge Membayar Uang Dibeli customer Produk Membungkus produk Tas plastic

Penggunaan XOR Pembayaran biasa Produk, mesin kasir, uang, program kasir, tas plastic Charge

Produk, buku charge, pena, kalkulator, tas plastic

Entity-Relationship modeling

Object Customer human actor Actions : C1 : beli barang C2 : bayar barang yang dibeli Object Kasir Actions : K1 : melayani pembayaran customer Object Petugas charge Actions : P1 : melayani charge customer Object barang Attribute : Status : available / not non-human actor human actor human actor

Relations : object-object Transaction(customer, kasir) Transaction(customer, petugas charge) Pembelian(customer, barang) Packing(barang, kasir) Packing(barang, petugas charge) Relations : action-action Transaction(C1,K1,C2) Transaction(C1,P1)

b) Tasks / functions Task-task yang ada dalam system : Pembayaran ( transaksi) Charge

Task yang tidak disertakan : Manage produk karena proses ini pada umumnya terjadi di luar store dan lebih kompleks.

c) Model of the user requirements List of stakeholders : Customer, Manager, BO, kasir, petugas charge, Rektor, System designer

Primary Secondary Tertiary Facilitating

: Customer, Kasir, Petugas charge : BO, Manager : Rektor : System designer

Customer membeli, menggunakan system Manager mengatur produk dan pegawai, menerima laporan Kasir melayani customer dalam pembelian Petugas charge melayani customer untuk charge BO menerima charge dan pembayaran Rektor sebagai kepala institusi System designer merancang system di store

List of primary tasks Pembayaran Charge

Data Flow Diagram (DFD)

Level 0

Customer

Kasir

pembelian data harga barang

Pembayaran
Informasi pembelian

BO

charge pembelian

Manager
laporan charge pembelian

Charge

data charge pembelian

Petugas Charge

Level 1

Customer

Total harga barang

Kasir

Barang data harga barang

Pembayaran
barang Nama keluarga Total harga barang

BO

charge pembelian

Manager
laporan charge pembelian

Charge

data charge pembelian

Petugas Charge

Design

a) List of Interfaces / Forms Form Menu Awal Form Pembelian Form Input barang Form Harga Total Form Finish Pembelian Form Charge Form Harga Total Charge Form Input informasi Form Confirm Form Finish Charge

b) Usability Specifications Task Pembelian

Attribute Measuring concept Measuring method Now level Worst case Planned level Best case

: : : : : : :

Recoverability Bila ada kesalahan penginputan, maka dapat diulang Jumlah action undo / back pada system Belum bisa diulang Banyak kesalahan dalam penginputan data Bisa mengulang sebanyak mungkin Satu kali salah penginputan

Attribute Measuring concept Measuring method Now level Worst case

: : : : :

Familiarity User bisa mengetahui cara kerja system dengan mudah Waktu yang diperlukan user untuk memakai system Masih lama dalam menggunakan User lambat dalam penggunaan

Planned level Best case

: :

Sudah bisa cepat penggunaan systemnya User cepat dalam menggunakan system

Attribute Measuring concept Measuring method Now level Worst case Planned level Best case

: : : : : : :

Generalizability User bisa mengetahui system tersebut dengan lebih mudah Waktu serta pemahaman user akan system Masih lambat dan kurang User tidak paham akan system, lambat dalam penggunaan Sudah cepat dan dipahami User sudah paham akan system dan cepat dalam

menggunakan system

Attribute Measuring concept Measuring method Now level Worst case Planned level Best case

: : : : : : :

Customizability System bisa dicustomize tanpa mengubah dasar Tampilan system Tidak bisa dirubah Tidak bisa di-customize sedikitpun (kaku) Bisa di customize beberapa kali Customize bisa dilakukan oleh designer berkali-kali

Attribute Measuring concept Measuring method Now level Worst case Planned level Best case

: : : : : : :

Responsiveness System cepat merespon input user Kecepatan system Masih pelan System sangat pelan Sudah cepat Setelah input, langsung direspon

Task Charge

Attribute Measuring concept Measuring method Now level Worst case Planned level Best case

: : : : : : :

Familiarity User bisa mengetahui cara kerja system dengan mudah Waktu yang diperlukan user untuk memakai system Masih lama dalam menggunakan User lambat dalam penggunaan Sudah bisa cepat penggunaan systemnya User cepat dalam menggunakan system

Attribute Measuring concept Measuring method Now level Worst case Planned level Best case

: : : : : : : penggunaan

Generalizability User bisa mengetahui system tersebut dengan lebih mudah Waktu serta pemahaman user akan system Masih lambat dan kurang User tidak paham akan system, lambat dalam penggunaan Sudah cepat dan dipahami User sudah paham akan system dan cepat dalam

Attribute Measuring concept Measuring method Now level Worst case Planned level Best case

: : : : : : :

Dialog Initiative Adanya kebebasan input user Kebebasan informasi user Masih statis, belum bebas Tidak bisa menginput secara bebas Sudah bebas menginput Bisa menginput informasi terserah user

Attribute Measuring concept Measuring method

: : :

Customizability System bisa dicustomize tanpa mengubah dasar Tampilan system

Now level Worst case Planned level Best case

: : : :

Tidak bisa dirubah Tidak bisa di-customize sedikitpun (kaku) Bisa di customize beberapa kali Customize bisa dilakukan oleh designer berkali-kali

Attribute Measuring concept Measuring method Now level Worst case Planned level Best case

: : : : : : :

Recoverability Bila ada kesalahan penginputan, maka dapat diulang Jumlah action undo / back pada system Belum bisa diulang Banyak kesalahan dalam penginputan data Bisa mengulang sebanyak mungkin Satu kali salah penginputan

Attribute Measuring concept Measuring method Now level Worst case Planned level Best case

: : : : : : :

Responsiveness System cepat merespon input user Kecepatan system Masih pelan System sangat pelan Sudah cepat Setelah input, langsung direspon

c) Storyboard

Input / Output Device : Input : Keyboard Mouse Handwriting Recognition Touchpad

Output : Monitor

Storyboard for Pembayaran

Forms : Form Menu Awal Form Pembelian Form Input barang Form Harga Total Form Finish Pembelian

Form Menu Awal

image

image : gambar store unklab unclickable

text

text

: caption : Welcome to

Store Unklab. Please Choose Transaction Type

Button1 Button2

unclickable button1 : caption: Pembayaran

Button3

klik : masuk ke Form Pembelian button2 : caption : Charge klik : masuk ke Form Charge button3 : caption : Exit klik : exit

Form Pembelian

image

image : gambar store unklab unclickable

text

text

: caption : Welcome to

Buying Section. Please Click Next to Proceed

Button1

unclickable button1 :caption: Next klik : masuk ke Form Input barang

Button2

button2 : caption : Home klik : masuk ke form Menu awal

Form Input Barang

image text

image : gambar store unklab unclickable text : caption : Please Enter the product information needed unclickable table : caption : ProductName |
Button1 Button2 Button3

table

Prize | Qty ketik informasi barang pada tabel button1 :caption: Enter

klik : masuk ke Form Harga Total

button2 : caption : Back klik : masuk ke Form Pembelian button3 : caption : Home klik : masuk ke form Menu awal

Form Harga Total

image

image : gambar store unklab unclickable

text

text

: caption : Your total

amount is Rp. XXX if you have paid, klik Finish

Button1

unclickable button1 :caption: Finish klik : masuk ke Form Finish

Button2 Button3

Pembelian button2 : caption : Back klik : masuk ke Form Input barang button3 : caption : Home klik : masuk ke form Menu awal

Form Finish Pembelian

image

image : gambar store unklab unclickable

text

text

: caption : Thank you, you

have bought successfully unclickable

Button1

button1 :caption: Back to Pembelian klik : masuk ke Form Pembelian

Button2 Button3

button2 : caption : Home klik : masuk ke Form Menu Awal button3 : caption : Exit klik : exit

Storyboard for Charge

Form Menu Awal Form Charge Form Input barang Form Harga Total Charge Form Input informasi Form Confirm Form Finish Charge

Form Menu Awal

image

image : gambar store unklab unclickable

text

text

: caption : Welcome to

Store Unklab. Please Choose Transaction Type

Button1 Button2

unclickable button1 : caption: Pembayaran

Button3

klik : masuk ke Form Pembelian

button2

: caption : Charge klik : masuk ke Form Charge : caption : Exit klik : exit

button3

Form Charge

image

image : gambar store unklab unclickable

text

text

: caption : Welcome to

Charge Section. Please Click Next to Proceed

Button1

unclickable button1 :caption: Next klik : masuk ke Form Input barang

Button2

button2 : caption : Home klik : masuk ke form Menu awal

Form Input Barang

image text

image : gambar store unklab unclickable text : caption : Please Enter the product information needed unclickable table : caption : ProductName |
Button1 Button2 Button3

table

Prize | Qty ketik informasi barang pada tabel button1 :caption: Enter

klik : masuk ke Form Harga Total Charge button2 : caption : Back klik : masuk ke Form Charge button3 : caption : Home klik : masuk ke form Menu awal

Form Harga Total Charge

image

image : gambar store unklab unclickable

text

text
Button1

: caption : Your total

amount is Rp. XXX

unclickable button1 :caption: Finish klik : masuk ke Form Finish

Button2 Button3

Pembelian button2 : caption : Back klik : masuk ke Form Input barang button3 : caption : Home klik : masuk ke form Menu awal

Form Input Informasi

image

text Label1 Label2 Label3 Textbox Text2 Text3 Space1 Button4

Button1 Button2 Button3

image : gambar store unklab unclickable text : caption : Please Enter the information Required unclickable text2 : caption : tanggal pembelian unclickable text3 : caption : jumlah pembayaran yang akan dicharge unclickable label1 : caption : Family name unclickable label2 : caption : Date unclickable label3 : caption : Amount unclickable textbox : masukkan nama keluarga dosen / staff space : untuk menandatangani form button1 :caption: Confirm klik : masuk ke Form Finish Charge button2 : caption : Back klik : masuk ke Form Input barang button3 : caption : Home klik : masuk ke form Menu awal button4 : caption : Confirm klik : cek database untuk mengetahui apa nama keluarga ada dalam database dosen / staff

Form Confirm image : gambar store unklab

image

unclickable text
text

: caption : Confirm Charge

Information unclickable

table Button1

table

: Family Name | Date |

Amount menampilkan informasi charge

Button2 Button3

unclickable button1 :caption: Confirm

klik : masuk ke Form Finish Charge button2 : caption : Back klik : masuk ke Form Input informasi button3 : caption : Home klik : masuk ke form Menu awal

Form Finish Charge

image

image : gambar store unklab unclickable

text

text

: caption : Thank you, you

have bought successfully unclickable

Button1

button1 :caption: Back to Charge klik : masuk ke Form Pembelian button2 : caption : Home
Button2 Button3

klik : masuk ke Form Menu Awal button3 : caption : Exit klik : exit