HUB_PTTKHT_C08

Machine Translated by Google
PHÂN TÍCH VÀ THIẾT KẾ HỆ THỐNG THÔNG TIN
CHƯƠNG 8: THIẾT KẾ ĐẦU RA HIỆU QUẢ

(Thiết kế đầu ra hiệu quả)
BỘ MÔN HTTTQT
02 - 2024 Copyright © 2020 Pearson
Mục tiêu học tập
Hiểu rõ mục tiêu để thiết kế đầu ra hiệu quả
Liên hệ nội dung đầu ra với phương thức đầu ra
Nhận thức được độ lệch đầu ra ảnh hưởng như thế nào đến người dùng
Thiết kế đầu ra hiển thị
Thiết kế bảng điều khiển, vật dụng và tiện ích
Thiết kế trang web dành cho thương mại điện tử và doanh nghiệp sử dụng công nghệ Web 2.0
Thiết kế đầu ra cho mạng xã hội
Hiểu rõ quy trình phát triển các ứng dụng sử dụng trên điện thoại thông minh và máy tính bảng
2
đầu ra
Thông tin được cung cấp tới người dùng
Biểu mẫu đầu ra
• Bản cứng—báo cáo in
• Bản mềm—màn hình máy tính, vi dạng và âm thanh
Để tạo đầu ra, nhà phân tích làm việc tương tác với người dùng cho đến khi đầu ra
là thỏa đáng
Chủ đề chính
Thiết kế đầu ra
Công nghệ đầu ra
Các yếu tố lựa chọn công nghệ đầu ra
Thiết kế báo cáo
Thiết kế màn hình
Thiết kế trang web
Thiết kế điện thoại thông minh và máy tính bảng
Thiết kế web đáp ứng

Mục tiêu thiết kế đầu ra
Phục vụ mục đích của người dùng hoặc tổ chức cụ thể
Có ý nghĩa với người sử dụng
Cung cấp số lượng đầu ra phù hợp
Đảm bảo đầu ra ở đúng nơi cần thiết
Cung cấp đầu ra đúng thời hạn
Lựa chọn phương thức đầu ra hiệu quả nhất

Liên kết nội dung đầu ra với phương thức
Nội dung đầu ra phải được coi là có mối liên hệ mật thiết với phương thức đầu ra
• Bên ngoài—đi ra ngoài doanh nghiệp
• Nội bộ—ở trong doanh nghiệp

Đầu ra bên ngoài
Khác với đầu ra nội bộ ở:
• Phân bổ
• Thiết kế
• Vẻ bề ngoài
Đầu ra nội bộ
Ví dụ:
• Báo cáo tóm tắt
• Báo cáo chi tiết
• Báo cáo lịch sử
• Báo cáo ngoại lệ
Có thể bao gồm tài liệu có sẵn trên mạng nội bộ

đầu ra
Thuận lợi Nhược điểm
Phương pháp
Máy in Giá cả phải chăng cho hầu hết các tổ chức Vẫn cần sự can thiệp của nhà điều hành
Linh hoạt về loại đầu ra, vị trí và khả năng Vấn đề tương thích với phần mềm máy tính
Xử lý khối lượng đầu ra lớn Có thể yêu cầu nguồn cung cấp đặc biệt, đắt tiền
Độ tin cậy cao với ít thời gian ngừng hoạt động Tùy theo model, có thể chậm
Không thân thiện với môi trường
Trưng bày Tương tác Có thể yêu cầu không gian cáp và thiết lập
màn hình
Truyền trực tuyến, thời gian thực Yêu cầu hệ thống chụp “ảnh chụp nhanh” màn hình và
Im lặng lưu trữ chúng để sử dụng sau này
Tận dụng khả năng của máy tính để di chuyển trong cơ sở dữ liệu
và tệp
Tốt cho các tin nhắn được truy cập thường xuyên, phù du
Hình 1: So sánh các phương thức đầu ra (1/2)

Phương thức đầu ra Thuận lợi Nhược điểm
Đầu ra âm thanh Tốt cho người dùng cá nhân Cần tai nghe nơi đầu ra sẽ ảnh hưởng đến
và podcast các tác vụ khác

Tốt cho các tin nhắn tạm thời
Tốt nơi người lao động cần rảnh tay Có ứng dụng hạn chế
Tốt nếu đầu ra cần được phân phối
rộng rãi
Thiêt bi di đô ng Tính di động cao Màn hình có thể quá nhỏ cho văn bản
Rất tương tác bằng cách sử dụng cử chỉ Các biểu tượng và nút có thể gây nhầm lẫn
Có thể thu phóng và phóng đại Có thể bị mất dễ dàng hơn
Đầu ra điện tử Giảm giấy Không có lợi cho việc định dạng (email)
(email, trang web,

Có thể cập nhật rất dễ dàng Khó truyền tải ngữ cảnh của tin nhắn
blog và nguồn cấp
Có thể được “phát sóng” (email)
dữ liệu RSS)
Có thể được thực hiện tương tác Trang web cần được bảo trì thường xuyên
Hình 1: So sánh các phương thức đầu ra (2/2)

Các yếu tố cần cân nhắc khi lựa chọn công nghệ đầu ra (1/3)
Ai sẽ sử dụng đầu ra?
Có bao nhiêu người cần đầu ra?
Đầu ra cần ở đâu?
Mục đích là gì?
Tốc độ đầu ra cần thiết là bao nhiêu?
Đầu ra sẽ được truy cập thường xuyên như thế nào?

Các yếu tố cần cân nhắc khi lựa chọn công nghệ đầu ra (2/3)
Đầu ra sẽ được lưu trữ trong bao lâu?
Các quy định mô tả sản lượng được sản xuất, lưu trữ và phân phối
Chi phí bảo trì và vật tư ban đầu và liên tục
Yêu cầu về con người và môi trường

Sáng kiến CNTT xanh
Có thể hạn chế số lượng báo cáo giấy được in
Giao dịch điện tử
Khuyến khích khách hàng nghĩ đến việc tiết kiệm môi trường
Xu hướng đầu ra
Các nhà phân tích phải tránh đưa ra kết quả sai lệch không cần thiết và làm cho người dùng nhận thức được
về những sai lệch có thể xảy ra ở đầu ra
Bias được giới thiệu theo 3 cách chính:
• Cách sắp xếp thông tin
• Thiết lập giới hạn chấp nhận được
• Lựa chọn đồ họa

Tránh sai lệch trong kết quả thiết kế
Nhận thức được nguồn gốc của sự thiên vị
Thiết kế đầu ra bao gồm người dùng
Làm việc với người dùng để họ được thông báo về các thành kiến của đầu ra
Tạo đầu ra linh hoạt và cho phép người dùng sửa đổi giới hạn và phạm vi
Huấn luyện người dùng dựa vào nhiều đầu ra để tiến hành “kiểm tra thực tế” trên hệ thống
đầu ra
Hình 2: Biểu đồ gây hiểu lầm rất có thể sẽ gây thiên vị cho người dùng
Thiết kế đầu ra in
Báo cáo chi tiết
• In dòng báo cáo cho mỗi bản ghi trên tệp chính
Báo cáo ngoại lệ
• In một dòng cho tất cả các bản ghi thỏa mãn một điều kiện nhất định
Báo cáo tổng hợp
• In một dòng cho một nhóm bản ghi được sử dụng để tạo
quyết định
Thiết kế đầu ra cho màn hình
Giữ cho màn hình hiển thị đơn giản
Giữ cho bài trình bày nhất quán
Tạo điều kiện thuận lợi cho người dùng di chuyển giữa các đầu ra được hiển thị
Tạo ra một màn hình hấp dẫn và dễ chịu

Đầu ra đồ họa trong thiết kế màn hình
Mục đích của đồ thị
Loại dữ liệu được hiển thị
Khán giả
Hiệu ứng đối với khán giả của các loại đầu ra đồ họa khác nhau
Trang tổng quan (1/3)
Đảm bảo dữ liệu có ngữ cảnh
Hiển thị mức độ tóm tắt và độ chính xác phù hợp
Chọn thước đo hiệu suất phù hợp để hiển thị
Trình bày dữ liệu một cách công bằng

Chọn đúng kiểu đồ thị hoặc biểu đồ để hiển thị
Sử dụng phương tiện hiển thị được thiết kế tốt
Hạn chế sự đa dạng về chủng loại mặt hàng
Làm nổi bật dữ liệu quan trọng

Làm nổi bật dữ liệu quan trọng
Sắp xếp dữ liệu theo nhóm có ý nghĩa
Giữ cho màn hình luôn gọn gàng
Giữ toàn bộ bảng điều khiển trên một màn hình
Cho phép linh hoạt

Hình 3: Ví dụ về bảng điều khiển

đồ họa thông tin
Kết hợp các số, biểu đồ và các loại biểu đồ khác nhau trong một
xem cùng lúc trong một đồ họa thông tin
Infographic có thể có nghĩa là bất kỳ biểu đồ, biểu đồ hoặc hình ảnh nào truyền đạt thông tin
dữ liệu tốt hơn từ ngữ hoặc bảng biểu
Đồ họa thông tin phải có giá trị đưa tin

Tạo Infographics (1/2)
Bắt đầu đồ họa thông tin bằng một dòng tiêu đề ngắn gọn nhưng hấp dẫn
Sau đó khéo léo thiết kế một trang thông tin nhỏ
Kết hợp hình ảnh để kể một câu chuyện

Tạo đồ họa thông tin (2/2)
Các yếu tố thiết kế bao gồm biểu đồ và đồ thị, hình ảnh (chủ yếu là biểu tượng, phim hoạt hình)
Hình ảnh nên ít được sử dụng
Thông tin tóm tắt bằng văn bản ngắn gọn
Thông tin liên hệ
Một số hành động mà người đọc có thể muốn thực hiện

Hình 4: Infographic sử dụng nhiều yếu tố thiết kế khác nhau

Thiết kế web đáp ứng (1/4)
Không còn độ phân giải màn hình “chuẩn” nữa
Các cá nhân có thể đặt trình duyệt sử dụng các phông chữ khác nhau và có thể vô hiệu hóa
việc sử dụng JavaScript, cookie và các yếu tố lập trình Web khác
Thiết kế Web đáp ứng có nghĩa là một trang web được phát triển để có thể
xem trên mọi thiết bị: máy tính để bàn, máy tính bảng hoặc điện thoại thông minh
Điều này có nghĩa là xem tất cả nội dung, trải nghiệm các khái niệm thiết kế giống nhau,
và có thể thực hiện tất cả các tác vụ trên mọi thiết bị

Trang web được thiết kế theo tỷ lệ phần trăm thay vì số lượng pixel cố định
Người thiết kế web có thể cần phát triển các trang đích khác nhau cho mỗi
loại thiết bị
Ajax có thể nhận dạng thiết bị và hiển thị quảng cáo có kích thước khác nhau
các thành phần trên một trang

Thiết kế thích ứng sử dụng lưới cố định thay vì lưới linh hoạt (phần trăm) trong
thiết kế web đáp ứng.

Thiết kế web phẳng (1/2)
Xu hướng thiết kế web chuyển từ thiết kế đa dạng sang thiết kế Web phẳng
Thiết kế đa dạng có nghĩa là các vật thể trông thực tế và
ba chiều
Thiết kế Web phẳng là một phương pháp thiết kế tối giản

Thiết kế web phẳng (2/2)
Thiết kế web gọn gàng, hai chiều và đơn giản về nhiều mặt
Sử dụng bảng màu tươi sáng được tuân thủ trong mọi thiết kế
Chỉ tập trung vào những gì cần thiết

Hình 5: So sánh các biểu tượng Skeuomorphic với thiết kế web phẳng
Thiết kế trang web (1/3)
Sử dụng các công cụ chuyên nghiệp
Nghiên cứu các trang web khác
Kiểm tra trang web của các nhà thiết kế website chuyên nghiệp
Sử dụng các công cụ bạn đã học
Sử dụng kịch bản phân cảnh, wireframe và mô hình

Tạo mẫu Web
• Biểu định kiểu cho phép bạn định dạng tất cả các trang Web trong một trang một cách nhất quán
Sử dụng các plug-in, âm thanh và video một cách tiết kiệm

Viết kịch bản
Khi phát triển một trang web hoặc ứng dụng, có thể sử dụng bảng phân cảnh để hiển thị
sự khác biệt giữa các màn hình
Nó có thể hiển thị cách khách truy cập vào trang web sẽ điều hướng trang web
Tạo khung dây (1/2)
Thiết kế trang có thể được thực hiện bằng cách sử dụng quy trình gọi là wireframing
Wireframing vì nó chỉ hiển thị những điều cơ bản
Không có màu sắc, không có kiểu chữ; đồ họa được hiển thị dưới dạng một hộp đơn giản có dấu X
vẽ vào
Theo cách này, mỗi mục đóng vai trò giữ chỗ
Tạo khung dây (2/2)
Wireframing cho phép người thiết kế lập kế hoạch:
• Thiết kế tổng thể, thể hiện phần tử nào xuất hiện ở mỗi vị trí trên
trang
• Thiết kế điều hướng, chỉ ra cách di chuyển từ trang này sang trang khác
tiếp theo bằng cách sử dụng các nút, tab, liên kết và menu kéo xuống
• Thiết kế giao diện, thể hiện cách tương tác với trang Web bằng
nhập dữ liệu hoặc trả lời câu hỏi

Mô phỏng (1/2)
Thuật ngữ wireframe phần lớn đã được thay thế bằng mockup
Mô hình hiển thị đầu ra và đầu vào sẽ trông như thế nào
Có sẵn phần mềm phong phú để giúp người thiết kế hệ thống phát triển
giả lập
Mô phỏng (2/2)
Phần mềm có các đối tượng có thể kéo thả trên
màn hình
Các mẫu có sẵn cho mọi loại màn hình bao gồm:
• Máy tính để bàn
• Sổ ghi chép
• Điện thoại thông minh
• Máy tính bảng
Khi thiết kế cho điện thoại thông minh và máy tính bảng, cả hai hướng màn hình đều
bao gồm
Lập kế hoạch trước, chú ý:
• Kết cấu
• Nội dung
• Chữ
• Đồ họa
• Phong cách thuyết trình
• Dẫn đường
• Khuyến mãi
Kết cấu
Một trong những bước quan trọng nhất trong việc phát triển một website chuyên nghiệp
Mỗi trang trong cấu trúc Web cần có một thông điệp riêng biệt
Có thể hưởng lợi từ việc sử dụng các công cụ lập sơ đồ và lập bản đồ trang web
Tìm kiếm các ứng dụng thực hiện kiểm tra chức năng Web hoặc kiểm tra lỗi
Nội dung
Cần có nội dung phù hợp để thu hút sự quan tâm của người dùng
Sử dụng phép ẩn dụ hoặc hình ảnh cung cấp phép ẩn dụ cho trang web của bạn
Nên bao gồm trang Câu hỏi thường gặp
Có thể tận dụng phần mềm viết sẵn

Chữ
Mỗi trang Web phải có tiêu đề
Đặt các từ có nghĩa trong câu đầu tiên xuất hiện trên trang Web của bạn
Viết rõ ràng là quan trọng

Hệ thống quản lý nội dung
Nội dung trên các trang thương mại điện tử cần được cập nhật liên tục
Hệ thống quản lý nội dung (CMS) là các công cụ phần mềm giúp
phát triển và duy trì các trang web và ứng dụng trực tuyến
đồ họa
Sử dụng định dạng JPEG, GIF hoặc PNG
Giữ nền đơn giản và dễ đọc
Tạo một số đồ họa trông chuyên nghiệp để sử dụng trên các trang của bạn
Giữ hình ảnh nhỏ và sử dụng lại dấu đầu dòng hoặc nút điều hướng
Bao gồm trợ giúp chú giải công cụ cho hình ảnh và các điểm nóng về hình ảnh
Kiểm tra trang Web của bạn trên nhiều kiểu hiển thị và độ phân giải màn hình khác nhau và
trên thiết bị di động

Phong cách trình bày (1/2)
Cung cấp trang chủ
Giữ số lượng đồ họa ở mức tối thiểu hợp lý
Sử dụng phông chữ lớn và đầy màu sắc cho tiêu đề
Sử dụng hình ảnh và nút thú vị cho liên kết
Sử dụng CSS để kiểm soát định dạng và bố cục của trang Web
Phong cách trình bày (2/2)
Sử dụng các phân chia và kiểu xếp tầng hoặc bảng để nâng cao bố cục
Sử dụng cùng một hình ảnh đồ họa trên nhiều trang Web
Sử dụng Javascript để nâng cao bố cục trang Web
Tránh lạm dụng hoạt ảnh, âm thanh và các yếu tố khác

dẫn đường
Quy tắc ba lần nhấp chuột
Bao gồm thanh điều hướng và các liên kết đến trang chủ trên mỗi trang trên
Trang mạng
Khuyến mãi
Quảng bá trang web của bạn
Gửi thường xuyên cho các công cụ tìm kiếm
Đưa từ khóa vào thẻ meta
Khuyến khích người đọc đánh dấu trang Web của bạn
Hình 6: Ví dụ về trang web

Công nghệ Web 2.0 và Thiết kế Truyền thông Xã hội
Điều quan trọng là phải đưa vào các công nghệ Web 2.0 tập trung vào việc cho phép
và tạo điều kiện cho nội dung và hoạt động cộng tác do người dùng tạo
Các loại công nghệ bạn nên nghĩ đến bao gồm:
• Blog
• Wiki
• Liên kết tới các mạng xã hội mà công ty có mặt
• Gắn thẻ
Gắn thẻ
Gắn thẻ hoặc đánh dấu trang xã hội cung cấp những gợi ý hữu ích cho các tài nguyên trực tuyến
chẳng hạn như:
• Các trang web
• Nội dung trên mạng nội bộ của công ty
• Các tài liệu hoặc hình ảnh của công ty có liên quan đến tổ chức và
tới người dùng

Lý do nên sử dụng các công cụ cộng tác
Các công ty sử dụng các công cụ cộng tác để:
• Truyền đạt chiến lược truyền tải thông điệp và thương hiệu tích hợp trên toàn thế giới
nhiều nền tảng
• Để đánh giá ý kiến của người tiêu dùng
• Để thu thập phản hồi
• Để tạo một cộng đồng người dùng

Sử dụng nội bộ phương tiện truyền thông xã hội
Các công nghệ Web hướng nội có thể hữu ích trong:
• Xây dựng mối quan hệ nhân viên
• Duy trì niềm tin
• Chia sẻ kiến thức
• Đổi mới giữa nhân viên và nhóm nhân viên
• Định vị các nguồn lực của công ty dễ dàng hơn
• Nuôi dưỡng văn hóa doanh nghiệp và các tiểu văn hóa trong tổ chức
Năm khía cạnh mà một nhà phân tích nên xem xét
1. Nhận ra sự khác biệt giữa mục tiêu của công ty và mục tiêu chính của
các bên liên quan
2. Đóng vai trò là tiếng nói của khách hàng đối với tổ chức khách hàng của bạn
3. Nhận thức được tầm quan trọng của thiết kế trang trực quan để hiển thị hiệu quả
công cụ cộng tác
4. Thường xuyên sửa đổi và cập nhật các công nghệ Web 2.0 được cung cấp
5. Làm việc để tích hợp công nghệ Web 2.0 với thương hiệu hiện có
Hình 7: Nhiều bộ biểu tượng Web 2.0 khác nhau

Thiết kế truyền thông xã hội (1/3)
Doanh nghiệp sử dụng mạng xã hội vì một số lý do:
• Tăng lượng khán giả
• Tăng lưu lượng truy cập vào các trang Web đã có uy tín
• Tăng cường nhận thức về thương hiệu
• Phát triển nhân cách trực tuyến có thể tin cậy được
Nhiều lựa chọn, bao gồm:
• Facebook
• Instagram
• Twitter
• Snapchat
• Google+
• YouTube
• Người khác
Thiết kế nội dung cho mạng xã hội mang tính trực quan cao
Nội dung trực quan có khả năng được chia sẻ trên mạng xã hội cao hơn 40 lần
Chia sẻ là điều cho phép người thiết kế phương tiện truyền thông xã hội tận dụng phương tiện truyền thông xã hội
cho các khía cạnh mạng tốt nhất của nó

Nguyên tắc thiết kế phương tiện truyền thông xã hội
Nhấn mạnh mục tiêu của thiết kế
Phát triển một cái nhìn nhất quán
Tạo luồng thiết kế hấp dẫn
Đơn giản hóa việc sử dụng không gian theo hướng tích cực
Thiết kế cho điện thoại thông minh và máy tính bảng (1/3)
1. Thiết lập tài khoản nhà phát triển
2. Chọn quy trình phát triển
3. Hãy là người nguyên bản
4. Xác định cách bạn định giá ứng dụng

5. Tuân thủ các quy tắc thiết kế đầu ra
6. Thiết kế biểu tượng của bạn
7. Chọn tên cho ứng dụng
8. Thiết kế cho nhiều loại thiết bị
9. Thiết kế đầu ra cho ứng dụng

10.Thiết kế đầu ra lần thứ hai cho hướng khác
11.Thiết kế logic
12.Tạo giao diện người dùng bằng cử chỉ
13. Bảo vệ tài sản của bạn
14.Tiếp thị ứng dụng của bạn

Chọn một quy trình phát triển
Tạo nguyên mẫu rất có thể là cách tốt nhất để phát triển ứng dụng của bạn
Phát hành nhanh là quan trọng
Không nên hy sinh chất lượng mà có thể giới thiệu ứng dụng rồi thêm tính năng
sau đó
Ưu điểm của việc giới thiệu ứng dụng lần đầu:
• Nó cho phép bạn đạt được lợi thế
• Sửa đổi ứng dụng thêm tính năng mới
• Tăng khả năng hiển thị vì ứng dụng xuất hiện trên danh sách các ứng dụng đã được
đã cập nhật
Xác định giá ứng dụng
Có 6 phương án cơ bản để định giá:
1. Chọn chiến lược chi phí thấp
2. Giới thiệu một ứng dụng là ứng dụng “cao cấp”
3. Áp dụng mô hình “freemium”
4. Cung cấp ứng dụng miễn phí
5. Quảng bá ứng dụng bằng cách giảm giá ứng dụng
6. Chấp nhận quảng cáo

Kích thước dành cho người lớn tuổi

Kích thước cho cao- Kích thước cho cao-
Kích thước dành cho người lớn tuổi
Biểu tượng bắt buộc iPhone ở Nghị quyết Độ phân giải iPad
iPad (pixel)
(điểm ảnh) iPhone (pixel) (điểm ảnh)
Kích thước hiển thị 320 × 480 640 × 1136 1024 × 768 2048 × 1536
Ứng dụng
biểu tượng (Trang chủ 57 × 57 114 × 114 72 × 72 144 × 144
biểu tượng màn hình)
Biểu tượng ứng dụng cho 1024 × 1024 1024 × 1024

512 × 512 512 × 512
cửa hàng ứng dụng khuyến khích khuyến khích
768 × 1004 và 1536 × 2008 và

Khởi chạy hình ảnh 320 × 480 640 × 960
1024 × 748 2048 × 1496
Điểm sáng
29 × 29 58 × 58 50 × 50 100 × 100
biểu tượng tìm kiếm
Biểu tượng cài đặt 29 × 29 50 × 50 29 × 29 50 × 50
Các tài liệu 64 × 64 và 128 × 128 và

22 × 29 44 × 58
biểu tượng 320 × 320 640 × 640
Hình 8: Thiết kế biểu tượng ứng dụng

Thiết kế logic của ứng dụng
Máy tính bảng và điện thoại thông minh rất phù hợp với phương pháp tạo mẫu của
phát triển
Đôi khi cách tốt nhất là phác thảo logic bằng cách sử dụng quyết định có cấu trúc
kỹ thuật làm
Phong trào thiết kế
Chuyển từ màn hình này sang màn hình khác có thể tạo ra sự khác biệt lớn trong trải nghiệm của người dùng
kinh nghiệm
Đừng phó mặc sự chuyển động cho cơ hội
Lên kế hoạch di chuyển cẩn thận
Sử dụng bảng phân cảnh hoặc ứng dụng

Hình 9: Chuyển động của kế hoạch App Cooker

Tạo giao diện người dùng bằng cử chỉ
Điện thoại thông minh và máy tính bảng có giao diện người dùng sáng tạo
Kỹ thuật gọi là cảm biến điện dung màn hình cảm ứng
Thiết kế ứng dụng giả định rằng người dùng sẽ yêu cầu giao diện cảm ứng
Sử dụng các cử chỉ như:
• Vuốt
• Véo
• Tàu kéo
• Lắc
Tiếp thị ứng dụng của bạn
Cần thuyết phục một người trả tiền và tải xuống ứng dụng của bạn
Để tiếp thị ứng dụng của mình, bạn sẽ cần:
• Biểu tượng lớn
• Một sự mô tả
• Phần giải thích những điểm mới trong phiên bản hiện tại
• Một bộ ảnh chụp màn hình mẫu

Sản xuất đầu ra và XML
Một tài liệu XML có thể được chuyển đổi thành các loại phương tiện đầu ra khác nhau
Phương pháp:
• Chuyển đổi ngôn ngữ phong cách mở rộng (XSLT)
• Ajax
• Biểu định kiểu xếp tầng (CSS)

Chuyển đổi ngôn ngữ phong cách mở rộng (XSLT)
XSLT cho phép bạn:
• Chọn các phần tử XML
• Sắp xếp thứ tự
• Lựa chọn dữ liệu

Hình 9:
Kiểu mở rộng
Ngôn ngữ
Chuyển đổi
(XSLT) có thể
Chuyển đổi XML
Tài liệu vào
Nhiều khác nhau
Định dạng
Ajax
Sử dụng cả JavaScript và XML để thu được lượng nhỏ dữ liệu từ một
máy chủ mà không cần rời khỏi trang Web
Người dùng không phải đợi trang Web mới hiển thị sau
thực hiện lựa chọn

Tóm tắt (1/2)
Đầu ra
Mục tiêu thiết kế đầu ra
Nội dung đầu ra
Công nghệ đầu ra
Trình bày kết quả đầu ra
Thiết kế web đáp ứng

Tóm tắt (2/2)
Thiết kế Web phẳng
Hiển thị đầu ra
Thiết kế web
Mạng xã hội
Thiết kế điện thoại thông minh và máy tính bảng
Chuyển đổi XML

Tiếp theo chương trình...
THIẾT KẾ INPUT HIỆU QUẢ


HUB_PTTKHT_C08

Uploaded by

Document Information

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

HUB_PTTKHT_C08

Uploaded by

Copyright:

Available Formats

Machine Translated by Google

PHÂN TÍCH VÀ THIẾT KẾ HỆ THỐNG THÔNG TIN

CHƯƠNG 8: THIẾT KẾ ĐẦU RA HIỆU QUẢ

Hiểu rõ mục tiêu để thiết kế đầu ra hiệu quả

Liên hệ nội dung đầu ra với phương thức đầu ra

Thiết kế đầu ra hiển thị

Thiết kế bảng điều khiển, vật dụng và tiện ích

Thiết kế đầu ra cho mạng xã hội

Biểu mẫu đầu ra

• Bản cứng—báo cáo in

• Bản mềm—màn hình máy tính, vi dạng và âm thanh

Công nghệ đầu ra

Các yếu tố lựa chọn công nghệ đầu ra

Thiết kế báo cáo

Thiết kế màn hình

Thiết kế trang web

Thiết kế điện thoại thông minh và máy tính bảng

Thiết kế web đáp ứng

Phục vụ mục đích của người dùng hoặc tổ chức cụ thể

Có ý nghĩa với người sử dụng

Cung cấp số lượng đầu ra phù hợp

Đảm bảo đầu ra ở đúng nơi cần thiết

Cung cấp đầu ra đúng thời hạn

Lựa chọn phương thức đầu ra hiệu quả nhất

Liên kết nội dung đầu ra với phương thức

• Bên ngoài—đi ra ngoài doanh nghiệp

• Nội bộ—ở trong doanh nghiệp

Đầu ra bên ngoài

Khác với đầu ra nội bộ ở:

• Báo cáo tóm tắt

• Báo cáo chi tiết

• Báo cáo lịch sử

• Báo cáo ngoại lệ

Có thể bao gồm tài liệu có sẵn trên mạng nội bộ

Không thân thiện với môi trường

Im lặng lưu trữ chúng để sử dụng sau này

Hình 1: So sánh các phương thức đầu ra (1/2)

Phương thức đầu ra Thuận lợi Nhược điểm

và podcast các tác vụ khác

Tốt nếu đầu ra cần được phân phối

Có thể thu phóng và phóng đại Có thể bị mất dễ dàng hơn

(email, trang web,

Hình 1: So sánh các phương thức đầu ra (2/2)

Ai sẽ sử dụng đầu ra?

Có bao nhiêu người cần đầu ra?

Đầu ra cần ở đâu?

Mục đích là gì?

Tốc độ đầu ra cần thiết là bao nhiêu?

Đầu ra sẽ được truy cập thường xuyên như thế nào?

Đầu ra sẽ được lưu trữ trong bao lâu?

Chi phí bảo trì và vật tư ban đầu và liên tục

Yêu cầu về con người và môi trường

Sáng kiến CNTT xanh

Có thể hạn chế số lượng báo cáo giấy được in

Giao dịch điện tử

về những sai lệch có thể xảy ra ở đầu ra

Bias được giới thiệu theo 3 cách chính:

• Cách sắp xếp thông tin

• Thiết lập giới hạn chấp nhận được

• Lựa chọn đồ họa

Tránh sai lệch trong kết quả thiết kế

Nhận thức được nguồn gốc của sự thiên vị

Thiết kế đầu ra bao gồm người dùng

Báo cáo chi tiết