Bài giảng phân tích thiết kế hệ thống thương mại điện tử

BỘ THÔNG TIN VÀ TRUYỀN THÔNG HỌC VIỆN CÔNG NGHỆ BƯU CHÍNH VIỄN THƠNG BÀI GIẢNG PHÂN TÍCH, THIẾT KẾ HỆ THỐNG THƯƠNG MẠI ĐIỆN TỬ Biên soạn: ThS Lê Thị Ngọc Diệp ThS Đỗ Thị Lan Anh Hà Nội, Tháng 12 năm 2019 LỜI NÓI ĐẦU Trong năm gần đây, thương mại điện tử (TMĐT) Việt Nam liên tục phát triển cách toàn diện với tốc độ tăng trưởng mạnh mẽ Năm 2018, tốc độ tăng trưởng TMĐT Việt Nam đạt 30% Từ xuất phát điểm gần tỷ USD năm 2015, quy mô thị trường năm 2018 đạt khoảng 7,8 tỷ USD Xu phát triển TMĐT kích thích doanh nghiệp khơng quan tâm phát triển hệ thống TMĐT mà liên tục hồn thiện để đáp ứng nhu cầu ngày cao người dùng cá nhân tổ chức việc tiến hành giao dịch điện tử Phát triển hệ thống TMĐT đòi hỏi kết hợp kiến thức kỹ công nghệ thông tin kinh doanh nhằm tạo môi trường cho bên liên quan tiến hành giao dịch TMĐT Quá trình phát triển hệ thống TMĐT cần có tham gia hợp tác nhà phát triển người sử dụng, trải qua nhiều giai đoạn từ nghiên cứu lập dự án phát triển hệ thống đến thử nghiệm, vận hành hệ thống TMĐT Bài giảng “Phân tích thiết kế Hệ thống Thương mại điện tử” biên soạn với mong muốn đem đến cho đối tượng sinh viên kiến thức kỹ phân tích thiết kế hệ thống TMĐT - hai giai đoạn quan trọng trình phát triển hệ thống TMĐT Các vấn đề trình bày giảng sử dụng làm sở tiến hành phân tích thiết kế hệ thống TMĐT cụ thể Để sử dụng giảng học tập nghiên cứu, không thiết địi hỏi phải có trước kiến thức kỹ chuyên sâu lập trình kỹ phát triển hệ thống khác Bài giảng gồm có chương: Chương Tổng quan hệ thống thương mại điện tử Chương Cơ sở tiến hành phân tích thiết kế hệ thống thương mại điện tử Chương Phân tích hệ thống thương mại điện tử Chương Thiết kế tổng thể hệ thống thương mại điện tử Chương Thiết kế chi tiết hệ thống thương mại điện tử Mặc dù cố gắng đảm bảo nội dung khoa học giảng, giới hạn thời gian biên soạn, giảng chắn khó tránh khỏi thiếu sót Rất mong nhận đóng góp, phê bình độc giả để nhóm tác giả tiếp tục hồn thiện giảng lần tái sau Mọi ý kiến xin gửi tới Khoa Quản trị Kinh doanh 1, Học viện Cơng nghệ Bưu Viễn thơng Xin chân thành cảm ơn Hà Nội, ngày 10 tháng 12 năm 2019 Nhóm tác giả MỤC LỤC DANH MỤC BẢNG ……………………………………………………………………………………… DANH MỤC HÌNH ……………………………………………………………………………………….… DANH MỤC TỪ VIẾT TẮT …………………….…………………….………………………………… CHƯƠNG TỔNG QUAN VỀ HỆ THỐNG THƯƠNG MẠI ĐIỆN TỬ 1.1 Hệ thống hệ thống thương mại điện tử 1.1.1 Hệ thống 1.1.2 Hệ thống thương mại điện tử 1.1.3 Các thành phần hệ thống thương mại điện tử 1.2 Phát triển hệ thống thương mại điện tử 12 1.2.1 Khái niệm 12 1.2.2 Nguyên tắc phát triển hệ thống thương mại điện tử 12 1.2.3 Vòng đời phát triển 13 1.3 Một số hệ thống thương mại điện tử phổ biến 15 1.3.1 Hệ thống cửa hàng bán lẻ điện tử B2C 15 1.3.2 Hệ thống B2B bên bán 16 1.3.3 Sàn giao dịch điện tử 16 1.3.4 Hệ thống đấu giá đấu thầu điện tử 16 1.3.5 Cổng thông tin 16 CÂU HỎI ÔN TẬP CHƯƠNG 17 TÀI LIỆU THAM KHẢO CHƯƠNG 17 CHƯƠNG CƠ SỞ TIẾN HÀNH PHÂN TÍCH VÀ THIẾT KẾ HỆ THỐNG THƯƠNG MẠI ĐIỆN TỬ 18 2.1 Nhu cầu phát triển hệ thống thương mại điện tử 18 2.2 Các vấn đề liên quan đến phát triển hệ thống thương mại điện tử 18 2.2.1 Tập hợp thông tin phát triển 18 2.2.2 Các dạng tài liệu cần cung cấp 23 2.2.3 Phương pháp nguyên mẫu 25 2.2.4 Cơ hội thách thức 31 2.3 Lập dự án phát triển hệ thống thương mại điện tử 31 2.3.1 Lập kế hoạch đánh giá 31 2.3.2 Kiểm soát định 36 2.3.3 Cấu hình phân bổ nguồn lực 38 2.3.4 Quản trị rủi ro 39 2.4 Tính khả thi dự án phát triển hệ thống thương mại điện tử 42 2.4.1 Khái niệm 42 2.4.2 Những nội dung tính khả thi 48 2.4.3 Nghiên cứu tính khả thi thách thức thường gặp 62 CÂU HỎI ÔN TẬP CHƯƠNG 65 TÀI LIỆU THAM KHẢO CHƯƠNG 66 CHƯƠNG PHÂN TÍCH HỆ THỐNG THƯƠNG MẠI ĐIỆN TỬ 67 3.1 Phân tích yêu cầu phát triển hệ thống thương mại điện tử 67 3.1.1 Xác định yêu cầu 67 3.1.2 Mô tả yêu cầu 79 3.1.3 Tiến hành phân tích yêu cầu 86 3.1.4 Khó khăn phân tích u cầu 87 3.2 Hệ thống hóa phân tích 88 3.2.1 Khái niệm 88 3.2.2 Phân tích định hướng đối tượng 89 3.2.3 Áp dụng phân tích định hướng đối tượng 100 CÂU HỎI ÔN TẬP CHƯƠNG 102 TÀI LIỆU THAM KHẢO CHƯƠNG 102 CHƯƠNG THIẾT KẾ TỔNG THỂ HỆ THỐNG THƯƠNG MẠI ĐIỆN TỬ 104 4.1 Khái quát thiết kế tổng thể hệ thống thương mại điện tử 104 4.1.1 Khái niệm 104 4.1.2 Phương pháp luận 104 4.1.3 Một số đặc điểm 105 4.2 Nội dung thiết kế tổng thể hệ thống thương mại điện tử 107 4.2.1 Tiếp cận thiết kế tổng thể theo định hướng đối tượng 107 4.2.2 Điều chỉnh ranh giới hệ thống 108 4.2.3 Thiết kế nhân tố cấu trúc ứng dụng 109 4.2.4 Mô tả phân đoạn trình diễn 117 4.3 Một số hướng thiết kế tổng thể giao dịch kinh doanh 119 4.3.1 Sử dụng máy tính hỗ trợ giao dịch kinh doanh truyền thống 119 4.3.2 Bổ sung thương mại điện tử vào hệ thống kế thừa 121 4.3.3 Thiết kế giao diện thương mại điện tử điển hình 121 4.3.4 Thiết kế quản lý liệu thương mại điện tử điển hình 124 CÂU HỎI ÔN TẬP CHƯƠNG 126 TÀI LIỆU THAM KHẢO CHƯƠNG 126 CHƯƠNG THIẾT KẾ CHI TIẾT HỆ THỐNG THƯƠNG MẠI ĐIỆN TỬ 128 5.1 Khái quát thiết kế chi tiết hệ thống thương mại điện tử 128 5.1.1 Khái niệm 128 5.1.2 Các hướng dẫn thiết kế chi tiết 128 5.2 Thiết kế phân đoạn trình diễn 131 5.2.1 Một số nguyên tắc chung 131 5.2.2 Lựa chọn phương tiện truyền thông 133 5.2.3 Sử dụng minh họa 136 5.2.4 Điều khiển liên kết 138 5.2.5 Kết hợp phân đoạn trình diễn 140 5.3 Thiết kế tương tác người - máy 143 5.3.1 Một số nguyên tắc chung 143 5.3.2 Các mặc định 143 5.3.3 Các kịch 143 5.3.4 Thiết kế hộp thoại 145 5.4 Sử dụng nguyên mẫu giao diện thiết kế 146 CÂU HỎI ÔN TẬP CHƯƠNG 149 TÀI LIỆU THAM KHẢO CHƯƠNG 150 DANH MỤC BẢNG Bảng 2.1 Ví dụ danh mục hoạt động (cơng việc) tiến trình (dự án) cụ thể 35 Bảng 3.1 Mẫu mô tả nhiệm vụ 80 Bảng 3.2 Mẫu mơ tả nhóm người dùng .81 Bảng 3.3 Mẫu mô tả nội dung 83 Bảng 3.4 Mẫu mô tả công cụ .84 Bảng 4.1 Một định dạng cho mơ tả phân đoạn trình diễn tổng thể 118 Bảng 5.1 Ví dụ bước kịch tốt 144 Bảng 5.2 Các biến thể nguyên mẫu dựa vào chuỗi hoạt động 147 Bảng 5.3 Thiết kế nguyên mẫu phù hợp với kịch 147 DANH MỤC HÌNH Hình 1.1 Vòng đời phát triển hệ thống TMĐT theo cách tiếp cận truyền thống .14 Hình 1.2 Vịng đời phát triển hệ thống TMĐT theo mơ hình vịng xoắn 15 Hình 2.1 Sử dụng nguyên mẫu để phát triển chi tiết kỹ thuật 26 Hình 2.2 Sơ đồ mạng lưới đường GANTT tương ứng ví dụ bảng 2.1 .35 Hình 3.1 Góc độ người dùng cá nhân hệ thống 70 Hình 3.2 Nguồn yêu cầu cho hệ thống thương mại điện tử 72 Hình 3.3 Một số dạng quan hệ mơ hình hướng đối tượng .98 Hình 3.4 Biểu đồ phân lớp hệ thống tài khoản ngân hàng 99 Hình 4.1 Sự cân chất lượng, tốc độ chi phí 106 Hình 4.2 Mối quan hệ 1-1 nội dung phân khúc trình diễn 113 Hình 4.3 Một nội dung sử dụng hai phân khúc trình diễn 113 Hình 4.4 Sự chia tách nội dung thành hai nội dung khơng trùng lắp .114 Hình 4.5 Sự chia tách nội dung sử dụng trùng lắp 114 Hình 4.6 Xử lý thủ cơng máy tính truyền thống giao dịch kinh doanh .120 Hình 4.7 Thiết kế giao diện hệ thống TMĐT điển hình 123 Hình 4.8 Thiết kế quản lý liệu hệ thống TMĐT điển hình 125 Hình 5.1 Ví dụ đối tượng truyền thơng, nội dung phần trình bày 134 Hình 5.2 Sử dụng lập trình khung để phân chia điều khiển chung 141 Hình 5.3 Sử dụng khung để phân chia kiểm sốt tổng thể 142 Hình 5.4 Một phối hợp ba khung 142 Hình 5.5 Sử dụng ba khung để so sánh hai mục 142 DANH MỤC TỪ VIẾT TẮT Từ viết tắt Nghĩa tiếng Việt BCVT Bưu Viễn thơng CNTT Cơng nghệ thông tin CSDL Cơ sở liệu NXB Nhà xuất TMĐT Thương mại điện tử CHƯƠNG TỔNG QUAN VỀ HỆ THỐNG THƯƠNG MẠI ĐIỆN TỬ 1.1 Hệ thống hệ thống thương mại điện tử 1.1.1 Hệ thống Hệ thống tập hợp thành phần có mối quan hệ với xếp cách có trật tự theo nguyên tắc định nhằm thực mục tiêu định Những thành phần hệ thống là: - Con người: Liên quan trực tiếp gián tiếp, bao gồm người sử dụng, nhà quản lý khách hàng - Dữ liệu: Bao gồm liệu đầu vào, đầu ra, lưu trữ liệu xử lý Dữ liệu tồn nhiều hình thức định dạng: văn bản, tiếng nói, đồ họa, in giấy dạng điện tử, âm hình ảnh , tạo máy thu thập thủ công - Phần cứng: Là thiết bị hệ thống máy tính như: hình, chuột, bàn phím, máy in, máy quét, vỏ máy tính, nguồn, vi xử lý CPU, bo mạch chủ, loại dây nối, loa, đĩa mềm, ổ đìa cứng, ổ CDROM, ổ DVD…, thực chứng tính tốn, hiển thị, phát tín hiệu… - Phần mềm máy tính tập hợp câu lệnh thị viết nhiều ngơn ngữ lập trình theo trật tự xác định, liệu hay tài liệu liên quan nhằm tự động thực số nhiệm vụ, hay chức giải vấn đề cụ thể 1.1.2 Hệ thống thương mại điện tử 1.1.2.1 Các hệ thống tiền thương mại điện tử - Hệ thống xử lý liệu xuất vào thập niên 60 kỷ XX Các hệ thống chủ yếu tập trung vào việc chuẩn hóa q trình xử lý liệu mang tính lặp lặp lại, máy tính hóa cơng việc hàng ngày tiêu tốn nhiều thời gian đặc biệt hỗ trợ cơng việc kế tốn Việc ứng dụng hệ thống xử lý liệu có ý nghĩa vơ quan trọng, giúp giải phóng người khỏi công việc liên quan nhiều đến xử lý liệu, làm thay đổi tính chất cơng việc kế toán từ hoạt động kế toán đơn giản tới việc quản lý thơng tin kế tốn tổ chức lớn Thông thường, hệ thống xử lý liệu phận kế toán doanh nghiệp trực tiếp quản lý - Hệ thống xử lý thông tin xuất vào năm 70 kỷ XX tập trung vào việc cung cấp thông tin cần thiết cho việc định Các hệ thống nhằm làm tăng tính linh hoạt việc truy cập sử dụng liệu, hỗ trợ hoạt động quản lý, hỗ trợ việc định Các hệ thống tạo nguồn lực thông tin cho tổ chức thường quản lý phận kế tốn Ngồi ra, cịn cung cấp thơng tin cho phận khác tổ chức, hỗ trợ cho hoạt động phận phối hợp hoạt động khác Vì thế, hệ thống thường biết tới ứng dụng CNTT Một ví dụ đơn giản việc ứng dụng hệ thống xử lý thông tin việc so sánh mức lương tuần, lương tháng vị trí cơng tác, cùa cá nhân, so sánh sản lượng phận bán hàng làm để tiến hành dự báo hay lập kế hoạch ngân sách doanh nghiệp - Hệ thống dựa sở tri thức: Các hệ thống xuất vào năm 80 cùa kỷ XX với mục đích tạo linh hoạt người sử dụng Các hệ thống dựa sở tri thức giúp cải thiện tính linh hoạt chức tổ chức, hỗ trợ nhiều đối tượng khác nhau, hỗ trợ doanh nghiệp ứng xử linh hoạt trước thay đổi nhu cầu, tăng tính tự chủ khả cá nhân để hoàn thành nhiệm vụ giao Các hệ thống dựa sở tri thức hỗ trợ CNTT, quyền kiểm soát giao cho cá nhân người sử dụng 1.1.2.2 Các hệ thống thương mại điện tử Các hệ thống TMĐT xuất vào năm 90 kỷ XX Các hệ thống tập trung việc tích hợp chức thương mại người sử dụng, kết hợp nhóm người sử dụng với nhu cầu riêng biệt có liên quan đến Một hệ thống TMĐT thường thiết kế vượt phạm vi doanh nghiệp, bao gồm thơng tin từ nhiều nguồn bên ngồi Các thơng tin thu thập miễn phí, đươc tặng, mua có từ nỗ lực đặc biệt Một điểm đáng lưu ý hệ thống TMĐT thích nghi với thay đổi môi trường cạnh tranh thay đổi cơng nghệ Nó giúp doanh nghiệp giảm bớt trở ngại truyền thống biên giới địa lí quốc gia, thay đổi yếu tố kinh doanh khách quan, nhận thức thông tin loại hàng hóa mà giá trị gia tăng giảm bớt Một hệ thống TMĐT kết hợp tổng thể CNTT hoạt động kinh doanh tổ chức, việc thực hoạt động kinh doanh đóng vai trị then chốt 1.1.3 Các thành phần hệ thống thương mại điện tử Một hệ thống TMĐT thường gồm thành phần: cấu trúc phần cứng, mạng máy tính, ứng dụng phần mềm, thiết kế website, nguồn nhân lực sở liệu TMĐT 1.1.3.1 Phần cứng mạng máy tính Phần cứng mạng máy tính hệ thống TMĐT toàn thiết bị vật lý, hữu hình hệ thống máy tính điện tử phục vụ cho việc thu thập, xử lý, lưu trữ truyền thông tin liên quan đến hoạt động TMĐT - Các máy tính để xử lý thơng tin; thiết bị đầu cuối hay thiết bị vào thiết bị để gửi nhận liệu - Nội dung quan hệ: Thông tin mối quan hệ đối tượng Nội dung mô tả hành động đối tượng - Nội dung hành động liên tục/rời rạc: Mô tả chuyển động hoạt động khác; - Thông tin thủ tục: Thông tin chuỗi hoạt động tổ chức để hoàn thành số nhiệm vụ; - Nội dung kiện: Mô tả ảnh hưởng hoạt động mà dẫn đến thay đổi trạng thái; - Thông tin liên quan đến nguyên nhân: Mô tả nguyên nhân/ảnh hưởng kiện chuỗi kiện liên quan đến nhiều đối tượng ISO 14915-3 hướng dẫn việc sử dụng phối hợp loại phương tiện truyền thơng chọn đoạn trình diễn đơn lẻ bao gồm: - Các loại phương tiện truyền thông mà kết hợp tốt với nhau; - Sự phối hợp phương tiện truyền thông mà nên tránh; - Việc sử dụng điểm tiếp xúc cho việc tham chiếu từ phương tiện truyền thơng trung bình tới phương tiện truyền thông khác Chỉ phương tiện truyền thơng u thích thiết kế, việc xem xét nên thực để đáp ứng nhu cầu truy cập người dùng, người mà sử dụng loại phương tiện truyền thơng Ví dụ, cung cấp đoạn văn mơ tả hình ảnh/minh họa phương tiện truyền thơng khơng trình diễn bình thường truy cập phần mềm "đọc hình" cho người có khó khăn thị giác Các khả trình diễn khác đáp ứng nhu cầu nhiều người dùng, bao gồm: - Người với thị lực kém; - Người mà sử dụng trang web môi trường giới hạn tầm nhìn; - Người sử dụng thiết bị với cơng suất hiển thị thiết bị giới hạn (như thiết bị máy tính lưu động) ISO 16017 có hướng dẫn chi tiết cách tiếp cận liên quan tới sử dụng loại phương tiện truyền thông khác 5.2.3 Sử dụng minh họa Các minh họa quan trọng việc cung cấp cho người dùng nhiều cảm giác thật tổ chức sản phẩm tổ chức Các minh họa hữu ích hỗ trợ marketing Tuy nhiên, cần ý minh họa phải sử dụng phù hợp website TMĐT 136 Logo công ty từ lâu thừa nhận biểu tượng quan trọng định hướng xác định tổ chức Khi tổ chức có logo thích hợp, sử dụng trang web để cung cấp liên tục lời nhắc nhở với người thực giao dịch Sẽ tốt doanh nghiệp sử dụng logo cơng ty riêng góc trang web thay sử dụng lặp lặp lại nhiều lần hình trang web Sự phối hợp màu sắc logo cơng ty giúp cung cấp việc truy cập cách liên tục hơn, chúng kết họp với thiết kế trang web mà không tạo cảm giác tập trung Có nhiều loại phương tiện truyền thơng sử dụng để minh họa sản phẩm, bao gồm: - Các đồ họa/phác thảo; - Bản vẽ họa sĩ thực, hoàn trả đầy đủ; - Bức ảnh Trong ảnh vẽ họa sĩ cung cấp cách thiết thực hữu dụng marketing sản phẩm phác thảo tập trung chi tiết cụ thể hữu ích việc giải thích nhân tố và/hoặc chức sản phẩm Kích thước hình ảnh minh họa nên thích hợp với mục đích minh họa Các minh họa lớn nhiều thời gian để tải hơn, làm chậm việc sử dụng Các minh họa không nên lớn mức yêu cầu để phục vụ mục đích chúng Thường kích thước khác minh họa hỗ trợ cho việc sử dụng khác trang web Khi có nhiều minh họa sản phẩm khác sử dụng trang đơn (ví dụ danh mục), thường thích hợp để trình diễn chúng dạng hình thu nhỏ Một hình nhỏ ảnh nhỏ, thường so sánh kích cở biểu tượng kiểm sốt đặc trưng, mà dự định để cung cấp nhận số đối tượng khái niệm Kích thước hình nhỏ thích hợp cho việc trình diễn logo cơng ty Các hình nhỏ thường sử dụng liên kết tới thơng tín nhiều hơn, tới trang thơng tin mặt hàng mơ tả hình nhỏ tới phiên ỉớn (thường hình) phiên minh họa Nên ý tới việc sử dụng liên kết kết hợp với hình nhỏ theo cách thức cố định suốt ứng dụng làm cho người dùng dễ hiểu Khi minh họa trình diễn trang web mô tả sản phẩm cụ thể, chúng nên đủ lớn cho người dùng nhận nét minh họa Các minh họa 137 trang thông tin sản phẩm không nên lớn để che thông tin mô tả sản phẩm kèm theo Nêu phiên lơn minh họa hữu ích, nên tạo sin thơng qua liên kết tới minh họa này, người dùng nên biết họ truy cập minh họa thông qua liên kết Ảnh động/hiệu ứng động (hoạt hố) giúp biểu thị sản phẩm Tuy nhiên, hoạt hóa cổ tiêu tốn nhiều thời gian người dùng gây khó chịu người dùng khơng muốn Tốt hoạt hóa khơng bị bắt buộc với người dùng sẵn sàng người muốn sử dụng nó, thơng qua kiểm sốt đặc biệt Người dùng nên có khả tạm dừng kết thúc hoạt hóa Người dùng nên thơng báo âm giải thích kèm hoạt hóa 5.2.4 Điều khiển liên kết Cả điều khiển liên kết cung cấp chức hệ thống TMĐT cách cho phép người dùng tương tác với hệ thống gồm nhóm trang web Theo ISO 14915-2, điều khiển "một đối tượng thường tương tự điều khỉển vật lý, cho phép người dùng thực số hành động tác động lên liệu, đối tượng khác, thuộc tính chúng" Một liên kết điều khiển cho phép người dùng điều hướng kết nối phương tiện truyền thông Các liên kết kích hoạt hành động hệ thống người dùng Có nhiều loại liên kết định nghĩa theo ISO 14915-2, bao gồm liên kết cố định, liên kết tạm thời, liên kết máy tính, liên kết xác định người dùng Liên kết cố định liên kết thường trực hai khu vực hệ thống kích hoạt lúc (phần lớn liên kết hệ thống liên kết cố định) Liên kết tạm thời liên kết hai khu vực hệ thống sẵn sàng số thời điểm định (ví dụ liên kết dùng để truy cập thông tin phần phim) Liên kết vi tính hóa liên kết tạm thời tạo theo yêu cầu hai địa điểm hệ thống địa điểm liên kết tới xác định "động" dựa trạng thái và/hoặc lịch sử hệ thống nơi mà liên kết sẵn sàng cần tới (ví dụ, liên kết tạo kết tìm kiếm) Liên kết xác định người dùng liên kết cố định tạm thời tạo người dùng trình sử dụng ứng dụng dự định để cung cấp liên kết tạo nhà phát triển hệ thống (ví dụ đánh dấu liên kết xác định người dùng) Các điều khiển liên kết cần thiết kế để đáp ứng nhu cầu khác xác định việc phân tích trở nên rõ ràng người dùng họ việc tuân theo nguyên tắc thiết kế trình bày 138 Các người dùng yêu cầu có khả tương tác điều hướng nội dung trình diễn thơng qua đối tượng truyền thơng cụ thể Điều hướng đề cập đến việc di chuyển người dùng đối tượng truyền thơng Có nhiều loại kỹ thuật điều hướng định nghĩa ISO 14915-2, bao gồm điều hướng tự động, điều hướng xác định trước, điều hướng xác định người dùng điều hướng có khả thích nghi Điều hướng tự động xảy nơi nội dung trình diễn hệ thống mà không cần tới việc nhập liệu đầu vào người dùng Điều hướng xác định trước xảy nơi người dùng có lựa chọn tới đâu tiếp theo, vậy, người dùng có quyền điều khiển tới nội dung Điều hướng xác định người dùng xảy nơi người dùng lựa chọn nội dung tới cách chọn lựa số nhiều lựa chọn Điều hướng xác định mang tính thích nghi xảy nơi lựa chọn điều hướng sẵn có xác định hệ thống dựa vào nội dung vài kết hợp lịch sử, đặc điểm cá nhân, lịch sử xã hội nhóm, và/hoặc đặc điểm nhóm Việc xem xét phạm vi điều khiển thiết kế quan trọng Bản chất vật lý phân đoạn trình diễn đối tượng phương tiện truyền thông hỗ trợ người dùng việc nhận hiệu cùa hành động nói chung (bao gồm hành động điều hướng) thực Những hành động bắt đầu việc sử dụng điều khiển có góc nhìn cảm nhận phù hợp thống toàn ứng dụng Những tương tác riêng biệt với đoạn nội dung thường đòi hỏi điều khiển riêng biệt Do chất mang tính khái niệm đoạn nội dung (được xác định phân tích), việc làm cho tất hành động điều hướng cụ thể mẩu nội dung phải rõ ràng ừở nên quan trọng Người dùng cần tương tác với kết hợp đối tượng truyền thông, thực “đối tượng truyền thông tổng hợp” phải tương tác với đối tượng truyền thông riêng biệt Các đối tượng truyền thông tổng hợp cho phép điều khiển tác động lên nhiều đối tượng truyền thông sử dụng nhâu theo kiểu song song và/hoặc Việc di chuyển phân đoạn trình diễn ảnh hưởng mạnh tới lựa chọn tương lai người dùng việc di chuyển đối tượng truyền thơng phân đoạn trình diễn cụ thể, đặc biệt liên quan đến việc tải trang web khung để thay cho tồn Việc tạo khó khăn đặc biệt trang khung gốc tạo trạng thái 139 "động” (như kết tìm kiếm) Các người dùng cần phải hiểu khác sinh từ hai loại điều hướng tương tự Điều khiển đồ họa thường thiết kế để nhìn giống chúng giới thực để dễ nhận Việc người dùng phân biệt điều khiển từ nội dung trình diễn việc nhận mục đích điều khiển quan trọng Việc sử dụng điều hướng thường liên quan tới hai bước: - Lựa chọn điều khiển (ví dụ đặt trỏ lên điều khiển); - Kích hoạt điều khiển (ví dụ nhấp chuột điều khiển chọn) Trong số trường hợp, việc lựa chọn điều khiển tự động kích hoạt Việc kích hoạt tự động nên dùng cần thận nơi mà khơng gây hành động phá hủy khơng thể hồn tác Việc nhập nội dung vào mục trở nên quan trọng điều khiển khởi động việc xử ỉý nội dung Ví dụ, lệnh bán hàng gửi để xử lý hoàn tất Trong số trường hợp, việc nhập lựa chọn nội dung liên kết tới điều khiển kích hoạt tự động Ví dụ: - Thay đánh mã vùng vào biểu mẫu, người dùng phép lựa chọn từ danh sách, sau mã vùng lựa chọn tự động đưa vào nơi yêu cầu biểu mẫu; - Chỉ biểu mẫu nhập hoàn tất, mẫu đơn xử lí tự động Lưu ý loại liên kết không cho phép người dùng kiểm tra lại họ làm nói chung, nên tránh cách làm 5.2.5 Kết hợp phân đoạn trình diễn Trong phân đoạn trình diễn đơn vị cấp độ cao thiết kế, nhiều trường hợp mà việc kết hợp nhiều phân đoạn trình diễn hồn thiện thiết kế Lập trình khung kỹ thuật lập trình cho phép kết hợp nhiều phân đoạn trình diễn (được thực trang web riêng biệt) để trình diễn tới người dùng trang web riêng lẻ/tổng hợp Cần phải quan tâm cho việc kết hợp khơng làm giảm tính khả dụng kết Nơi mà lập trình khung sử dụng hệ thống TMĐT, phiên khác khơng sử dụng lập trình khung nên cung cấp sẵn cho người dùng mà khơng có khả khơng đồng ý sử dụng lập trình khung Điều đặc biệt quan trọng hỗ trợ thiết bị điện toán cầm tay thiết bị di động khác có khả hiển thị máy tính cá nhân Vì vậy, thiết kế tổng thể phát triển dựa sở phân đoạn trình diễn đơn lẻ đề cập chương Phân đoạn trình diễn đơn lẻ cần bao gồm nội dung điều khiển yêu cầu sử dụng phân đoạn trình diễn Nơi mà lập trình khung bổ sung vào 140 thiết kế, chúng bao gồm phân đoạn trình diễn cần bổ sung vào thiết kế tổng thể thứ cần nhận thiết kế chi tiết chúng Tập hợp điều khiển nên luôn sẵn sàng cho người dùng họ mong đợi sử dụng nó, khung riêng lẻ sử dụng để cung cấp cho tập hợp điều khiển (xem hình 5.2) Nó thường cung cấp liên kết tới phần trang web Các liên kết điều khiển cụ thể trình diễn khung thay đổi để phản ánh thay đổi khung sử dụng để cung cấp nội dung điều khiển cụ thể Một hệ thống TMĐT đặc trưng sử dụng để cung cấp cho người dùng truy cập dễ dàng tới dòng sản phẩm khác và/hoặc phương pháp tìm kiếm sản phẩm khác mà họ muốn mua Nội dung để so sánh hai mục Mục Mục Hình 5.2 Sử dụng lập trình khung để phân chia điều khiển chung Thiết kế nên xem xét đến người dùng, người mà tối thiểu hiển thị khung điều khiển chung người dùng không sử dụng khung điều khiển hệ thống hp Khi điều khiển có liên quan đến nội dung người dùng truy cập khung riêng, chúng nên đặt sẵn cuối trang và/hoặc vị trí thích hợp Những khung điều khiển khơng quan trọng bao hàm khung thiết kế đơn lẻ làm lãng phí khơng gian hiển thị hệ thống đa khung Một công dụng khác kỹ thuật khung để tiêu chuẩn hóa phân đoạn trình diễn tên tổ chức logo và/hoặc thông tin tiêu đề để xác định trang web khu vực trang web người dùng Thiết kế cho hệ thống có khơng có kỹ thuật khung khó khăn xem xét khung cho mục đích tiêu đề/tổ chức xem xét khung cho điều khiển chung Việc đăng tên tổ chức quan trọng trang web TMĐT Nếu khung riêng khơng sử đụng nội dung tiêu đề nên trình diễn phía đầu trang Nhưng khung riêng sử dụng, trình diễn phía thừa gây khó chịu Tuy nhiên, hữu ích cho hoạt động/tiêu đề trang đặt cuối khung trường hợp mà người dùng muốn in Việc bố trí thay thực nhờ khả lập trình sẵn có, cung cấp u cầu cho vị trí thay thé thiết lập thiết kế 141 chung Điều khiển Nội dung Điều khiển riêng Hình 5.3 Sử dụng khung để phân chia kiểm soát tổng thể Một khung cho mục đích tiêu đề/tổ chức sử dụng song song với nhiều trang khác trang web, có khơng có khung kiểm soát chung Việc phối hợp ba khung minh họa hình 5.4 Các kiểm sốt tổng thể Nội dung kiểm sốt cụ thể Hình 5.4 Một phối hợp ba khung Như thấy hình minh họa này, việc sử dụng khung phức giảm đáng kể khơng gian hiển thị cho trình diễn nội dung điều khiển cụ thể mà người dùng cần hoàn thiện nhiệm vụ trước mắt Nơi khung trình diễn hỗ trợ nội dung/điều khiển chúng nên giữ tương đối nhỏ không nên cho phép để can thiệp với khả người dùng để hoàn thành nhiệm vụ cụ thể khung, khung chứa đựng nội dung Ngồi việc cung cấp điều khiển/nội dung chung, khung sử dụng để trình diễn mục nội dung phức theo cách chúng sử dụng tách biệt kết hợp Phương pháp thay việc sử dụng khung để gộp phân đoạn trình diễn khác vào với phân đoạn trình diễn lớn Điều hồn thành thơng qua lập trình web xác định thiết kế Hình 5.5 minh họa việc sử dụng ba khung sử dụng để so sánh hai mục Khung mà chứa nội dung ví dụ nên bao gồm tên tổ chức điều khiển/kiểm soát chung khác Cơ cấu tổ chức/phần đầu Kiểm soát tổng thể Nội dung kiểm sốt cụ thể Hình 5.5 Sử dụng ba khung để so sánh hai mục 142 Có nhiều sử dụng tiềm khác cho khung để giúp việc kết hợp xếp phân đoạn trình diễn Mỗi thiết kế bao gồm khung nên đánh giá để đảm bảo có khả cải thiện chức công dụng hệ thống khơng tạo khó khăn khơng cần thiết cho người sử dụng 5.3 Thiết kế tương tác người - máy 5.3.1 Một số nguyên tắc chung 5.3.2 Các mặc định Mặc định giá trị giả định thích cung cấp hệ thống để hỗ trợ người sử dụng việc thực yêu cầu hệ thống, đành cho nội dung xác định thay đổi người sử dụng Khi sử dụng, hệ thống trình diễn giá trị hầu hết mặc định Các mặc định sử dụng giá trị thuộc tính giá trị kiểm sốt Một số ví dụ mặc định là: Khi số khách hàng nhập vào, hệ thống tìm kiếm nội dung khác kết hợp với số khách hàng (ví dụ tên địa chỉ) trình diễn giá trị mặc định mẫu đơn đặt hàng mà khách hàng hoàn thành Tuy nhiên, khách hàng muốn sử dụng địa số điện thoại khác cho đơn đặt hàng thay lưu trữ tập ỉiệu khách hàng hệ thống; Khi người dùng yêu cầu hệ thống xóa bỏ liệu ghi lại từ hệ thống, hệ thống đáp lại yêu cầu cho người sử dụng để xác nhận xóa bỏ trước tiến hành xử lý 5.3.3 Các kịch Kịch cung cấp cách mơ tả súc tích làm hoạt động mức độ đối tượng hồn thành Kịch rõ hệ thống máy tính và/hoặc người dùng thực bên khác Một kịch mơ tả đối thoại bước người dùng máy tính Trong đối thoại này, bên nói bên trả lời, lý để tương tác hoàn thành Trong số trường hợp, bên nói làm nhiều thứ trước bên trả lời Kịch bàn thường tập trung vào kiện tương tác mà không liệt kê bước giả sử Vị trí đầu vào, định hay hoạt động lưu trữ nơi nhận biết quan trọng, nên có kịch Kịch nên tập trung vào người dùng/máy tính làm không quan tâm làm (đầu ra) Bằng cách tập trung vào người sử dụng/máy tính làm, sử dụng kịch để đánh giá số lượng thiết kế có tiềm (xem Bảng 5.1) 143 Bảng 5.1 Ví dụ bước kịch tốt Ví dụ bước kịch tốt Ví dụ bước kịch (tập trung vào hình sử dụng cho) (tập trung vào làm hình lại làm vậy) Đánh tên người dùng vào hình ghi Người dùng: Yêu cầu ghi/thu âm khách hàng tạo Nhấp chuột vào nút tạo hình ghi Máy tính: Hiển thị ghi khách khách hàng Người dùng: Nhâp tên khách hàng hàng Ví dụ, khách hàng sử dụng mẫu đặt hàng catalog để đặt mặt hàng minh họa thuộc tính kịch bản: - Kịch đầy đủ súc tích mơ tả tương ứng hoạt động mức độ đối tượng; - Kịch tập trung vào tập hợp bước đơn lẻ để mô tả nhiều cách việc hồn thành hoạt động mức độ đối tượng Ví dụ minh họa kịch đề cập nhiều cách đặt đơn hàng: - Người dùng đặt đơn hàng từ số nơi khác ứng dụng; Máy tính trình diễn người dùng với mẫu đơn đặt hàng; - Người dùng nhập "Minh" tên, nhập "Trần" họ; - Người dùng nhập "192 cầu Giấy" địa chỉ; - Người dùng nhập "1234" điện thoại; - Người dùng yêu cầu catalog; - Máy tính trình diễn trang catalog; - Người dùng tìm "phần mềm ghép ảnh" catalog, với giá thông tin khác nữa; - Người dùng chọn phần mềm "Funny photo maker 2.4.1"; - Máy tính hỏi có mong muốn; - Người dùng trả lời" 1" bản; - Máy tính hỏi có muốn mặt hàng khác danh mục khơng; - Người dùng trả lời "khơng"; - Máy tính trở lại với mẫu bán hàng đợi đầu vào khác từ khách hàng; - Người dùng yêu cầu đơn đặt hàng xử lý; 144 - Máy tính kiểm tra thông tin cho đơn đặt hàng yêu cầu, nhận biết đơn đặt hàng hoàn tất chấp nhận Kịch thay bắt đầu với người dùng xác nhận mặt hàng duyệt catalog (hoặc qua tìm kiếm mặt hàng cụ thể catalog) tìm thấy, khách hàng định đặt hàng 5.3.4 Thiết kế hộp thoại Hàng loạt tương tác đáp ứng yêu cầu kịch thực đàm thoại máy tính người dùng Phần bổ sung ISO 9241-1 hướng dẫn việc lựa chọn phối hợp bốn kỹ thuật thoại chính, kỹ thuật có hướng dẫn thiết kế bổ sung cung cấp phần riêng chúng theo tiêu chuẩn ISO 9241: - Bảng chọn (ISO 9241-14); - Lệnh (ISO 9241-15); - Chế tác trực tiếp (ISO 9241-16); - Mẫu điền (ISO 9241-17) Một bảng chọn tùy chọn trình bày bải hệ thống mà người dùng lựa chọn để sử dụng đầu vào với hệ thống Bảng chọn sử dụng cho nhiều nhiệm vụ đầu vào lựa chọn giá trị và/hoặc bắt đầu hoạt động kiểm soát Bảng chọn dễ dàng thực qua kĩ thuật truyền thơng Bảng chọn xuất hệ thống sử dụng nhiều phương tiện truyền thơng nghe nhìn cho phép người dùng sử dụng nhiều phương tiện truyền thông để thực lựa chọn nhập vào máy tính Lệnh bao gồm từ, chữ viết tắt, chuỗi kí tự mà người dùng sử dụng để yêu cầu hệ thống Lời nhắc đầu trình bày hệ thống sẵn sàng chấp nhận nội dung lệnh từ người dùng Lệnh tổ chức ngôn ngữ lệnh mà ngữ nghĩa cấu trúc cú pháp liên quan định nghĩa cụ thể Ngơn ngữ lệnh địi hỏi kĩ hiểu biết người dùng nhiều cung cấp tính linh hoạt việc phối hợp lựa chọn, miễn ứng dụng xử lý phối hợp Sự linh hoạt liên quan đến độ xác hội thoại Lệnh thực qua kĩ thuật phương tiện truyền thông Thao tác trực tiếp kĩ thuật cho người dùng ấn tượng hành động trực tiếp lên đối tượng hệ thống Thao tác trực tiếp nói chung đề cập đến phương tiện truyền thơng đồ họa u cầu người dùng có nhiều kĩ khơng gian lực khơng gian Nó cung cấp phối hợp linh hoạt xác cho người dùng có lực Long việc sử dụng thao tác trực tiếp Những tương tác thao tác trực tiếp tạo thách thức lớn cho thông dịch thông qua kĩ thuật trợ giúp cho người dùng 145 với yêu cầu đặc biệt Thao tác trực tiếp đặt yêu cầu lớn kĩ thuật sử dụng để thực Mẫu điền hữu ích cho việc nhập liệu cụ thể vào dạng mẫu cấu trúc cao Theo ISO 9241-17, mẫu cấu trúc hiển thị với vùng dán nhãn mà người dùng đọc, điền, chọn đầu vào thông qua nút chọn nút bấm radio, chỉnh sửa 5.4 Sử dụng nguyên mẫu giao diện thiết kế “Một tranh thường có giá trị ngàn từ” Việc mô tả lời làm người dùng hệ thống tương tác với khó để hình dung Một phương pháp khác giao tiếp với thiết kế tương tác phát triển nguyên mẫu giao diện Một ngun mẫu mơ hình có ý định chưa hồn thiện Ngun mẫu cơng cụ hữu ích để trợ giúp nhà thiết kế người dùng giao tiếp đánh giá thiết kế Nguyên mẫu giao diện người dùng phát triển để biểu thị cho kết hợp nội dung thiết kế thoại Chúng biểu thị mà người dùng nhìn thấy (trong hệ thống thật) có nhiều kịch theo sau Một nguyên mẫu cùa giao diện biểu thị làm giao điện nhìn thấy diễn người dùng mà khơng u cầu chí phí (về thời gian, tiền bạc, ) để phát triển hệ thống hoàn chỉnh Điều cho phép người dùng xác định thiết kế có thích hợp hay khơng để đạt nhu cầu thay đổi trước khoản đầu tư lớn dùng để phát triển hệ thống hoàn thiện Đơn giản nguyên mẫu hiệu cấu trúc dựa vào tập hợp trang web liên kết lẫn theo nhiều cách: - Mỗi trang đại diện người dùng nhìn thấy số điểm kịch bản; - Chỉ dành cho thao tác trình diễn trang web cho phép liên kết với trang khác; - Một liên kết đại diện hành động mà người dùng thực thời điểm kịch Bảng 5.2 biến thể trang mà xảy nguyên mẫu Những biến thể dựa liệu hoạt động người dùng theo sau hoạt động người dùng khác hay không đưa ví dụ cho biến thể 146 Bảng 5.2 Các biến thể nguyên mẫu dựa vào chuỗi hoạt động Loại hoạt động Ví dụ kịch Ví dụ biến thể thiết kế tạo (cái gì) (như nào) Hoạt động người Người dùng nhập tên Người dùng nhấp vào ô tên trống dùng theo sau hoạt động người dùng khác (mà tạo biến thể cho nó) khách hàng (điều theo nhiều đầu vào liệu người dùng Một thao tác người dùng kích hoạt kiểm theo soát hoạt động nhiều hoạt động hệ riêng) thống (mà tạo Người dùng muốn đưa với nhiều biến thể) để xem xét đơn đặt hảng trang hồ sơ khách hàng liên kết tới (một biến thể) trang tương tự với tên khách hàng mẫu ô tên, (sau nhiều chuyển tiếp trước nơi mà ô đơn đặt hàng điền), người dùng nhấp vào kiểm soát "place this order" liên kết tói trang tương tự bao gồm thông tin mà đơn đặt hàng đặt bao gồm số đơn cho người dùng để sử đụng cho tham chiếu tương lai Bảng 5.3 ví dụ kịch liên quan tới số nhiều cách đặt đơn đặt hàng minh họa cho phát triển tập lệnh hướng dẫn đưa cho người dùng nguyên mẫu thiết kế trang (và liên kết) cho nguyên mẫu Bảng 5.3 Thiết kế nguyên mẫu phù hợp với kịch Hướng dẫn người sử dụng nguyên mẫu Hoạt động kì vọng người dùng kịch Trang nguyên mẫu Sử dụng mẫu đơn đặt hàng, cần nhập thơng tin kích hoạt Người dùng xem xét trang sau di chuyển tới hướng dẫn Kịch bắt đầu với trang mẫu đặt hàng ban đầu mà người dùng nhìn thấy Nhập "Trần" tên Người dùng nhập "Trần" vào vùng tên Một liên kết tới trang khác xuất tới trang 1, trừ điền "Trần" vùng tên thiết kế liên kết 147 Nhập "Minh" Người dùng nhập Một liên kết tới hàng khác họ "Minh" vào ô họ xuất tới trang trừ điền "Minh" vào họ Nhập địa "T10" Người dùng nhập "T10" vào vùng địa chi Một liên kết tới trang mà xuất tới trang trừ có "T10" điền vào vùng địa chi Nhập "1234" số Người nhập Một liên kết tới hàng mà điện thoại "1234" vào vùng điện thoại xuất tới trang trừ có "1234" điền vào vùng điện thoại Tìm sản phẩm để Người dùng yêu cầu Một liên kết theo tới trang đặt hàng từ catalog danh mục sản phẩm catalog (một trang khác nhấp vào kiểm sốt "tham khảo danh mục" hồn tồn) chứa đựng nhập mơ tả sản phẩm kiểm sốt để tìm kiếm sản phẩm Nó chứa đựng danh sách danh mục sản phẩm khác Người dùng tìm kiếm "phần mềm vẽ hình" nhấp vào dấu vào liệu kết hợp với kiểm sốt "tìm kiếm sản phẩm" (nếu người dùng chọn danh mục sản phẩm hon sử đụng chức tìm kiếm, điều dẫn đến kịch khác đềphải cập Người dùng sausẽđó riêng) nhấp vào kiểm sốt "tìm Một liên kết theo tới trang xuất đến trang mà có "phần mềm vẽ hình" điền vùng tìm kiếm Tìm kiếm "phần mềm vẽ hình" Mặc dù trình hai bước, người dùng nên xác định làm để hoàn thành với dẫn khác dùng kiếm sản phẩm" Một liên kết theo tới trang khác mà thiết kế để giới thiệu nhiều "phần mềm" đóng gói danh mục với giá thông tin khác 148 Lựa chọn "Funny Người dùng đặt "Funny Một liên kết theo tới photo maker 2.4.1 " để đặt hàng photo maker 2.4.1" nhấp vào trang khác xuất đến trang trừ có "Funny photo maker 2.4.1" hiển thị ừên đoạn văn kiểu chữ đậm (để chi chọn) có câu hỏi "có bạn muốn đặt?" thêm vào nhập số lượng (mà mặc định số đó) 10 Đặt Người dùng đặt chép nhấp vào vùng điền số lượng 10 Một liên kết theo tới trang mà xuất đến hàng trừ có "Funny photo maker 2.4.1" số lượng giá điền vào vùng thích hợp 11 Đó tất bạn Người dùng nhấp vào 11 Một liên kết theo tới muốn đặt trang mà xuất đến trang 10 trừ có "đơn đặt hàng xử lý" số xác định Trang giống kiểm soát "xử lý đơn đặt hàng " trang khác loại mẫu đặt hàng nên có kiểm sốt "bắt đầu mẫu đơn đặt hàng mới" để đưa người dùng trang CÂU HỎI ÔN TẬP CHƯƠNG Giới thiệu khái quát thiết kế chi tiết hệ thống TMĐT hướng dẫn thiết kế chi tiết? Các nguyên tắc chung cần áp dụng thiết kế phân đoạn trình diễn hệ thống TMĐT? Hãy giới thiệu quy trình thiết kế phân đoạn trình diễn hệ thống TMĐT Các nguyên tắc chung thiết kế tương tác người – máy? Trình bày loại thiết kế hộp thoại cho cí dụ minh họa 149 Giới thiệu ví dụ cụ thể kịch thiết kế hộp thoại hệ thống TMĐT Trình bày phương pháp sử dụng nguyên mẫu giao diện thiết kế hệ thống TMĐT TÀI LIỆU THAM KHẢO CHƯƠNG Thạc Bình Cường, Phân tích thiết kế hệ thống thơng tin, NXB Khoa học kỹ thuật, 2002 Nguyễn Văn Hồng Nguyễn Văn Thoan (chủ biên) – Trường ĐH Ngoại thương, Giáo trình Thương mại điện tử bản, NXB Bách khoa, Hà Nội, 2013 Nguyễn Văn Minh (chủ biên), Giáo trình phát triển hệ thống thương mại điện tử, NXB Thống kê, 2014 Trần Đình Quế, Giáo trình phân tích thiết kế Hệ thống thơng tin, Học viện Công nghệ BCVT Jim Carter, Developing e-commerce systems, Prentice Hall, 2002 Wasim Rajput, E-commerce Systems Archetecture and Applications, Artech House Boston, London, 2000 150 ... triển hệ thống khác Bài giảng gồm có chương: Chương Tổng quan hệ thống thương mại điện tử Chương Cơ sở tiến hành phân tích thiết kế hệ thống thương mại điện tử Chương Phân tích hệ thống thương mại. .. VỀ HỆ THỐNG THƯƠNG MẠI ĐIỆN TỬ 1.1 Hệ thống hệ thống thương mại điện tử 1.1.1 Hệ thống 1.1.2 Hệ thống thương mại điện tử 1.1.3 Các thành phần hệ thống thương. .. CNTT Cơng nghệ thơng tin CSDL Cơ sở liệu NXB Nhà xuất TMĐT Thương mại điện tử CHƯƠNG TỔNG QUAN VỀ HỆ THỐNG THƯƠNG MẠI ĐIỆN TỬ 1.1 Hệ thống hệ thống thương mại điện tử 1.1.1 Hệ thống Hệ thống tập