Bài tập lớn môn học Tương tác người máy

TR

ƯỜ

NG Đ I H C BÁCH KHOA HÀ N I Ộ

Ệ

Ề

Ạ Ọ Ệ

VI N CÔNG NGH THÔNG TIN VÀ TRUY N THÔNG ──────── * ───────

BÀI T P L N

Ậ Ớ

NG TÁC NG

I MÁY

MÔN H CỌ : T

ƯƠ

ƯỜ

Sinh viên th c hi n

ệ :

ự

ồ

ễ ễ

ườ

H Thúc Đ ng Đoàn Văn Đ tạ Nguy n Văn Nam Nguy n Thanh C ng Ph m Anh Tu n

20112574 20111370 20111892 20112551 20112712

ạ

ấ

Giáo viên h

ng d n

ướ

ẫ

: TS. Vũ Th H ng Giang ị ươ

Hà N i, tháng 10 năm 2014 ộ

Phân công công vi c: ệ

H và tên SHSV ọ N i dung công vi c ệ ộ Đóng góp (%)

M c đứ ộ hoàn thành (%) 100 1 H Thúc Đ ng 20112574 20 ồ ồ

2 Ph m Anh Tu n 20112712 20 100 ạ ấ

3 Nguy n Văn Nam 20111892 Đánh giá tính dùng đ c c a trang web ượ ủ Tham kh o trang web ả và trò ch iơ t k màn hình 13 Thi 20 100 ễ ế ế inch

4 20112551 Thi 20 100 ế ế ệ t k giao di n tĩnh

5 20111370 Thi 20 100 Nguy n Thanh ễ C ngườ Đoàn Văn Đ tạ t k màn hình 3 ế ế inch và 7inch

I. Tham kh o trang web miniclip.com và trò ch i Canyon Defense ơ ả

Hình 1: Giao di n trang web miniclip.com

ệ

1. Giao di n c a trang web miniclip.com ệ ủ

c t

ch c theo t ng nhóm trò ch i (Action, Sports, Mutiplayer,..) ơ ứ i ch i nh t, trang web có thêm các ch c ấ

Trang web đ ượ ố ứ và hi n th các game đang nhi u ng ể năng tìm ki m trò ch i, đăng nh p đ l u đi m. ườ ể ư ừ ề ậ ơ ể ị ế ơ

ư ượ ộ ạ ể ố

ng), khi load m t game cũng ph i đ i khá lâu. Đánh giá: trang web load ch a đ h ưở c nhanh (có th do t c đ m ng đang b nh ị ả ả ợ ộ

Hình 2: Giao di n game Canyon Defense

ệ

2. Giao di n c a trò ch i Canyon Defense ệ ủ ơ

i dùng có đ đ c h ớ ườ ẫ ở

ể ọ ở ơ ầ ph n ng d n ơ ph n Play. Khi ch i ướ ầ

i ch i s đ Khi m i vào game Canyon Defense ng Help, xem b ng x p h ng ạ ế ả game ng ơ ẽ ượ ph n Scores, Ch i game c ch n b n đ , sau đó ch n đ khó. ộ ở ọ ầ ả ườ ồ ọ

ệ ơ ơ ướ ả ầ ơ

ơ ế ữ ụ ố

ẫ ng d n v n Đánh giá: giao di n ch i đ n gi n, d ch i, tuy nhiên ph n h ẫ ễ ch a rõ ràng. Game khi ch i đ n nh ng màn cu i quái tăng máu liên t c không th b n ch t đ c. ư ể ắ ế ượ

II. Đánh giá tính dùng đ c c a trang web theo quan đi m c a ng i dùng. ượ ủ ủ ể ườ

c theo quan đi m ng

ượ

ể

ườ

ộ i dùng đ i v i m t

ố ớ

1. Các tiêu chí đo tính dùng đ trang web game online.

i dùng ch i đ

c (tìm đ

c) m t game yêu thích.

ụ

ườ

ơ ượ

ượ

ộ

ơ ả

ằ

• M c tiêu: ng

ườ ơ ượ

ủ

ở

ể ự i dùng có th th c c) game c (tìm đ ượ

hi n đ ụ ượ ệ mình yêu thích,

• Effectiveness: b ng các thao tác c b n, ng đây là ch i đ c m c tiêu c a mình,

i s d ng đ t đ

ồ ự ử ụ

ủ

ầ

c m c tiêu ụ ạ ượ ủ c đo m c đ c g ng c a

ộ ố ắ

ứ

i s d ng đ t đ

ể ườ ử ụ ướ c m c tiêu đ ra.

m t cách chính xác và đ y đ . Là th ộ ng ề ạ ượ ườ ử ụ

ụ

• Efficiency:Ngu n l c s d ng đ ng

ự ọ

ể

ắ

vi c s d ng s n ph m

ự ỏ ệ ử ụ

ả

ẩ

i s d ng, nhi m v , thi

t b , môi tr

ữ ả

• S th a mãn:Không b c d c, lo l ng và có quan đi m tích c c v i ự ớ

ườ ử ụ

ụ

ế ị

ườ ng

ệ s d ng (laptop, tablet, pc, smartphone …) ử ụ

• Ng c nh ng d ng:ng ứ

ạ ộ

ầ

t đ đ t đ ế ể ạ ượ

c m c tiêu ụ

ệ

ụ ch i game c a mình.

ủ

• Nhi m v : Các thao tác, ho t đ ng c n thi

Áp d ng các tiêu chí trên đ i v i website miniclip.com

ố ớ

ụ

ế

yêu thích (đ i v i ng

ườ ố ờ

i dùng s d ng website đ tìm ki m và ch i game ể ầ

ử ụ i s d ng website l n đ u tiên). ườ ử ụ

ầ

ế

ộ

• M c tiêu: Ng

ể ạ ườ

ế ư

ậ

phiêu l u, nh p vai..) theo môi tr window…).

 Tìm ki m game: tìm ki m theo th lo i game (hành đ ng, ng (game adroid, ios,

ườ

ơ i dùng có th download game, ho c ch i

ể

ặ

ơ online.

 Ch i game: ng

ườ

i dùng có th share các ho t đ ng c a mình lên m ng xã ạ ộ

ủ

ể

ạ

• Effectiveness:

 Ng h i.ộ

ể

ậ

ả

 Có th đăng nh p thông qua tài kho n facebook.

ư ạ

ạ

ơ ướ

ầ

c sau m i l n ch i, c p nh t level.

tích lũy, ti n thu đ

i các tr ng thái c a các l n ch i tr ủ ơ ậ

c, có tính đi m ể ậ

ỗ ầ

ượ

ề

 L u l

ớ

ầ

ụ

ườ

ử ụ

ệ

ơ ế

ể

ư ể ơ

ộ ạ ể ơ

ườ

c game, ng ng d n h c game, do v y

ứ

ọ i dùng. Tuy nhiên h n ch

ậ ở ạ t ti ng anh thì vi c tìm đ

ế ở ệ

ượ

ườ

ế

i dùng l n đ u s d ng trang web, ch a có kinh nghi m ch i game. Vi c tìm m t game yêu thích có ng th tìm theo ô tìm ki m, tìm theo th lo i game, môi tr ườ ề ch i.Sau khi tìm đ i dùng có th ch i, m i game đ u ỗ ượ có ph n h tiêu chí này đáp ng khá ẫ ầ ướ ố t yêu c u c a ng tiêu chí này là đ i t ầ ủ ườ ố v i ng c game, vì i dùng không bi ớ trang web không h tr đa ngôn ng . ữ

ỗ ợ

• Efficiency: Áp d ng v i ng

ượ

ể

ự ỏ ườ

c nhu c u ch i game c a ủ ơ ạ ự i s ế

ầ ạ

ề

ứ ng i dùng nh ng trang web v n còn nhi u h n ch , đem l ẫ khó ch u cho ng ị

i dùng nh : ư

ư ườ

• S th a mãn:Tuy có th đáp ng đ

ườ

ộ

ố ụ

ế m c liên quan không đ

ệ ắ ụ

ộ c s p x p logic. ế

ượ ắ

 Vi c s p x p b c c trên trang chính l n x n, r m rà, các

i dùng đ ch i m t game là t

ờ ủ

ườ

ể

ộ

ươ ng

ờ đ i lâu. ố

 Th i gian ch c a ng

 Không h tr đa ngôn ng . ữ ỗ ợ

c t

t trên smart phone có màn

ị ượ ố

ể

hình bé.

ề

ể

ớ

ơ ố t,

t lag.

 Trang web không hi n th đ

v i máy thông th ớ

ậ

 Nhi u game yêu c u c u hình máy cao m i có th ch i t ấ ầ ng d x y ra gi ễ ả ườ

ạ ộ

ụ

ệ

ầ

t đ đ t đ ế ể ạ ượ

c m c tiêu ụ

• Nhi m v : Các ho t đ ng c n thi

i dùng mu n ch i. T i b

 Vào trang miniclip.com

ố

c này ng ặ

ạ ướ ớ

ườ ế

ế

ườ i dùng có th tìm ki m theo ô tìm ki m n u nh tên, ho c có th tìm ki m theo th lo i game.

ể ế

ế ạ

ể

 Tìm ki m game ng ế

ọ

ố

 Ch n game mu n ch i.

ứ ạ ẽ

ế

ọ

ướ

ng d n. ẫ

 H c game, n u game ph c t p s có h

 Ch i game. ơ

ệ ủ ể ể ị ố t trên c máy tính ả

III. T ch c l ổ ứ ạ cá nhân và thi i trang giao di n c a trang web đ hi n th t t b di đ ng. ế ị ộ

ế ị ớ ặ ươ ố ỏ

V i đ c thù c a thi ủ ế ử ụ ạ ệ

t b di đ ng thì c n thi t b di đ ng là màn hình t ể ề ứ ộ ậ ng đ i nh và t c đ truy c p ộ ố c thi t k cho ượ ế ế ị ậ i dùng. Vì v y ườ ệ t k m t giao di n ế ế ộ ể ể ế ị ế ầ

ộ m ng n u s d ng 3G là khá ch m nên vi c hi n th trang web đ ậ máy tính cá nhân là khá khó khăn và gây khá nhi u c ch cho ng đ có th hi n th t ể riêng cho thi ị ố t b di đ ng. t trang web trên thi ộ ế ị

Sau đây nhóm s thi i các giao di n cho các lo i thi ẽ t k l ế ế ạ ệ ạ t b : ế ị

-Máy tính cá nhân (Kích th c 13 inch) ướ

c 7 inch) -Máy tính b ng (kích th ả ướ

-Thi t b di đ ng (Smartphone) ế ị ộ

1. Máy tính cá nhân (Kích th c 13 inch) : ướ

ỉ ầ

Đ i v i máy tính cá nhân v i kích th ớ m t s ph n qu ng cáo là có th hi n th trang web khá t ể ể c khoàng 13, 14 inch thì ch c n b b t ỏ ớ ướ ị ố ớ ộ ố ầ t ố ả

Hình 3: Giao di n cho màn hình 13'

ệ

Hình 4: Giao di n trò ch i 13' ệ

Đ i v i ph n giao di n game cũng c n lo i b ph n qu ng cáo banner phía trên ạ ỏ ệ đ có th hi n th tr c ti p giao di n trò ch i mà không c n m t thêm thao tác. ể ệ ầ ơ ầ ầ ả ấ ố ớ ể ể ầ ị ự ế

c 7 inch): 2. Máy tính b ng ( Kích th ả ướ

Giao di n web trên màn hình kích th c 7 inch c n t ệ ướ ầ ố ữ ả

không c n thi t đ có th hi n th t ầ ế ể ể ể ị ố ầ i gi n thêm nh ng ph n t và load trang web m t cách nhanh chóng. ộ

Hình 5: Giao di n web trên màn hình 7 inch

ệ

ữ Ph n hi n th các m c con trong trang web cũng c n ph i gi m thi u nh ng ụ ể ầ ả ả ầ ph n không c n thi t. ể ầ ầ ị ế

Hình 6: Hi n th môt nhóm trò ch i trên màn hình 7 inch

ể

ị

Ph n giao di n c a game: ệ ủ ầ

Hình 7: Giao di n game 7inch ệ

3. Thi t b di đông (Smartphone): ế ị