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 MÔN HỌC: TƯƠNG TÁC NGƯỜI MÁY Sinh viên thực : 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 Tham khảo trang web miniclip.com trò chơi Canyon Defense I Giao diện trang web miniclip.com Giao diện trò chơi Canyon Defense II Đánh giá tính dùng trang web theo quan điểm người dùng Các tiêu chí đo tính dùng theo quan điểm người dùng trang web game online Áp dụng tiêu chí website miniclip.com III Tổ chức lại trang giao diện trang web để hiển thị tốt máy tính cá nhân thiết bị di động Máy tính cá nhân (Kích thước 13 inch) : Máy tính bảng ( Kích thước inch): 10 Thiết bị di đông (Smartphone): 12 IV Thiết kế giao diện tĩnh trò chơi 15 Map 15 Vũ khí 16 Quái 17 Phân công công việc: STT Họ tên SHSV Hồ Thúc Đồng 20112574 Phạm Anh Tuấn 20112712 Nguyễn Văn Nam 20111892 Nguyễn Thanh Cường Đoàn Văn Đạt 20112551 20111370 Nội dung công việc Đánh giá tính dùng trang web Tham khảo trang web trò chơi Thiết kế hình 13 inch Thiết kế giao diện tĩnh Thiết kế hình inch 7inch Đóng góp Mức độ (%) hoàn thành (%) 20 100 20 100 20 100 20 100 20 100 I Tham khảo trang web miniclip.com trò chơi Canyon Defense Giao diện trang web miniclip.com Hình 1: Giao diện trang web miniclip.com Trang web tố chức theo nhóm trò chơi (Action, Sports, Mutiplayer, ) hiển thị game nhiều người chơi nhất, trang web có thêm chức tìm kiếm trò chơi, đăng nhập để lưu điểm Đánh giá: trang web load chưa nhanh (có thể tốc độ mạng bị ảnh hưởng), load game phải đợi lâu Giao diện trò chơi Canyon Defense Hình 2: Giao diện game Canyon Defense Khi vào game Canyon Defense người dùng có để đọc hướng dẫn phần Help, xem bảng xếp hạng phần Scores, Chơi game phần Play Khi chơi game người chơi chọn đồ , sau chọn độ khó Đánh giá: giao diện chơi đơn giản, dễ chơi, nhiên phần hướng dẫn chưa rõ ràng Game chơi đến cuối quái tăng máu liên tục bắn chết II Đánh giá tính dùng trang web theo quan điểm người dùng Các tiêu chí đo tính dùng theo quan điểm người dùng trang web game online  Mục tiêu: người dùng chơi (tìm được) game yêu thích  Effectiveness: thao tác bản, người dùng thực mục tiêu mình, chơi (tìm được) game yêu thích,  Efficiency:Nguồn lực sử dụng để người sử dụng đạt mục tiêu cách xác đầy đủ Là thước đo mức độ cố gắng người sử dụng đạt mục tiêu đề  Sự thỏa mãn:Không bực dọc, lo lắng có quan điểm tích cực với việc sử dụng sản phẩm  Ngữ cảnh ứng dụng:người sử dụng, nhiệm vụ, thiết bị, môi trường sử dụng (laptop, tablet, pc, smartphone …)  Nhiệm vụ: Các thao tác, hoạt động cần thiết để đạt mục tiêu chơi game Áp dụng tiêu chí website miniclip.com  Mục tiêu: Người dùng sử dụng website để tìm kiếm chơi game yêu thích (đối vời người sử dụng website lần đầu tiên)  Tìm kiếm game: tìm kiếm theo thể loại game (hành động, phiêu lưu, nhập vai ) theo môi trường (game adroid, ios, window…)  Chơi game: người dùng download game, chơi online  Effectiveness:  Người dùng share hoạt động lên mạng xã hội  Có thể đăng nhập thông qua tài khoản facebook  Lưu lại trạng thái lần chơi trước, có tính điểm tích lũy, tiền thu sau lần chơi, cập nhật level  Efficiency: Áp dụng với người dùng lần đầu sử dụng trang web, chưa có kinh nghiệm chơi game Việc tìm game yêu thích tìm theo ô tìm kiếm, tìm theo thể loại game, môi trường chơi.Sau tìm game, người dùng chơi, game có phần hướng dẫn học game, tiêu chí đáp ứng tốt yêu cầu người dùng Tuy nhiên hạn chế tiêu chí người dùng tiếng anh việc tìm game, trang web không hỗ trợ đa ngôn ngữ  Sự thỏa mãn:Tuy đáp ứng nhu cầu chơi game người dùng trang web nhiều hạn chế, đem lại khó chịu cho người dùng như:  Việc xếp bố cục trang lộn xộn, rườm rà, mục liên quan không xếp logic  Thời gian chờ người dùng để chơi game tương đối lâu  Không hỗ trợ đa ngôn ngữ  Trang web không hiển thị tốt smart phone có hình bé  Nhiều game yêu cầu cấu hình máy cao chơi tốt, với máy thông thường dễ xảy giật lag  Nhiệm vụ: Các hoạt động cần thiết để đạt mục tiêu  Vào trang miniclip.com  Tìm kiếm game người dùng muốn chơi Tại bước người dùng tìm kiếm theo ô tìm kiếm nhớ tên, tìm kiếm theo loại game  Chọn game muốn chơi  Học game, game phức tạp có hướng dẫn  Chơi game III Tổ chức lại trang giao diện trang web để hiển thị tốt máy tính cá nhân thiết bị di động Với đặc thù thiết bị di động hình tương đối nhỏ tốc độ truy cập mạng sử dụng 3G chậm nên việc hiển thị trang web thiết kế cho máy tính cá nhân khó khăn gây nhiều ức chế cho người dùng Vì để hiển thị tốt trang web thiết bị di động cần thiết kế giao diện riêng cho thiết bị di động Sau nhóm thiết kế lại giao diện cho loại thiết bị: - Máy tính cá nhân (Kích thước 13 inch) - Máy tính bảng (kích thước inch) - Thiết bị di động (Smartphone) 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ước khoàng 13, 14 inch cần bỏ bớt số phần quảng cáo hiển thị trang web tốt Hình 3: Giao diện cho hình 13' Đối với phần giao diện game cần loại bỏ phần quảng cáo banner phía để hiển thị trực tiếp giao diện trò chơi mà không cần thêm thao tác Hình 4: Giao diện trò chơi 13' Máy tính bảng ( Kích thước inch): Giao diện web hình kích thước inch cần tối giản thêm phần không cần thiết để hiển thị tốt load trang web cách nhanh chóng Hình 5: Giao diện web hình inch Phần hiển thị mục trang web cần phải giảm thiểu phần không cần thiết Hình 6: Hiển thị môt nhóm trò chơi hình inch Phần giao diện game: Hình 7: Giao diện game 7inch Thiết bị di đông (Smartphone): Phần Giao diện trang web: Hình 8: Giao diện web smartphone Giao diện phần nhóm trò chơi: Hình 9: Giao diện nhóm trò chơi smartphone IV Thiết kế giao diện tĩnh trò chơi Map Hinh 10: Map Hình 11: Map2 Hình 12: Map Vũ khí Basic Advanced Building Quái