Bài giảng Tổng quan biên tập Web: Phần 1 cung cấp cho học viên những kiến thức về quy trình phát triển website; các nguyên tắc trong thiết kế đảm bảo khả năng sử dụng website; tổ chức thông tin website; các yếu tố then chốt tổ chức thông tin trên web; cấu trúc trang web; các chức năng duyệt web;... Mời các bạn cùng tham khảo!
HỌC VIỆN CƠNG NGHỆ BƢU CHÍNH VIỄN THƠNG BÀI GIẢNG TỔNG QUAN BIÊN TẬP WEB MÃ SỐ MÔN HỌC:EPT1413 (3 TÍN CHỈ) BỘ MƠN MARKETING Biên soạn Ths NGUYỄN THỊ THANH HƢƠNG Hà Nội - 2016 LỜI MỞ ĐẦU Ngày nay, Internet phát triển vô mạnh mẽ trở thành nhu cầu thiếu sống ngƣời, công cụ hữu ích để đất nƣớc giới thiệu hình ảnh hay đơn giản trang web cá nhân giới thiệu mình, doanh nghiệp, Internet không kênh truyền bá thơng tin mà cịn cung cấp lƣợng thơng tin thích đáng cho ngƣời truy cập Xu phát triển không ngừng ứng dụng web tất yếu nên việc tìm hiểu nghiên cứu ứng dụng phát triển web giúp ích nhiều cho nhà lập trình web mới, hay quản trị viên chƣa có hay cịn kinh nghiệm việc quản trị hệ thống mạng có kiến thức phƣơng pháp ứng dụng web hiệu Bài giảng đƣợc thiết kế để cung cấp cho sinh vi n kiến thức kỹ quy trình thiết kế, xây dựng trì website, cung cấp thơng tin phục vụ cho hoạt động phân tích, đánh giá triển khai Marketing doanh nghiệp Nội dung giảng đƣợc chia thành chƣơng: Chƣơng 1: trình bày tổng quan biên tập website, qua biết đƣợc quy trình phát triển website, nhân nguyên tắc đảm bảo khả sử dụng cho trang web, thiết kế quản trị nội dung website Chƣơng 2: bao gồm kiến thức li n quan đến thiết kế: thiết kế điều hƣớng, thiết kế giao diện Thiết kế điều hƣớng đƣợc liên kết cáctrang cách xếp nhƣng tổ chức điều hƣớng để ngƣời dùng dễ dàng tiếp cận với nội dung website, thiết kế giao diện phần trình bày việc thể bố cục, hình ảnh, nội dung, màu sắc thành phần đa phƣơng tiện website để đạt đƣợc hiệu tốt Chƣơng 3: cung cấp kiến thức quản lý website, ngôn ngữ cách tổ chức liệu tr n trang website, qua nắm đƣợc cách quản lý liệu biên tập website Chƣơng 4: cung cấp kiến thức phân tích đánh giá website Tuy nhiên, mục tiêu nội dung giảng phục vụ cho sinh viên học tập nên chắn tránh khỏi thiếu sót, thế, mong nhận đƣợc góp ý quý báu thầy cô, đồng nghiệp sinh vi n để giảng hoàn thiện Chân thành cảm ơn MỤC LỤC LỜI MỞ ĐẦU 1.1 Quy trình phát triển website 1.1.1 Nhân phát triển website 1.1.2 Quy trình phát triển trang web 11 1.2 Khả sử dụng 21 1.2.1 Khái niệm 21 1.2.2 Các nguyên tắc thiết kế đảm bảo khả sử dụng 21 1.3 Tổ chức thông tin website 27 1.3.1 Các bƣớc tổ chức thông tin web 28 1.3.2 Các yếu tố then chốt tổ chức thông tin web 30 1.3.3 Phân loại thẻ phiên bảng trắng 32 1.3.4 Phân đoạn thông tin (Chunking information) 33 1.4 Cấu trúc trang web 34 1.4.1 Các chức duyệt web 35 1.4.2 Tìm kiếm trang web 36 1.4.3 Cấu trúc trang web 37 CHƢƠNG BIÊN TẬP WEB CHO ĐIỀU HƢỚNG VÀ TÌM ĐƢỜNG 42 2.1 Điều hƣớng tìm đƣờng ngƣời dùng 42 2.2 Hỗ trợ ngƣời dùng tìm kiếm web 48 CHƢƠNG BIÊN TẬP GIAO DIỆN 50 3.1 Trang 50 3.2 Quy tắc thiết kế giao diện 56 3.3 Cấu trúc website 59 3.4 Kết cấu liệu web 65 CHƢƠNG ĐÁNH GIÁ WEBSITE 74 4.1 Các tiêu đánh giá website 74 4.2 Một số công cụ đánh giá website 80 4.3 Xây dựng kế hoạch biên tập website 83 CÁC CHỮ CÁI VIẾT TẮT 86 TÀI LIỆU THAM KHẢO 86 CHƢƠNG I TỔNG QUAN BIÊN TẬP WEBSITE Có thể nói rằng: doanh nghiệp n n có website, website thực k nh kinh doanh mới, hiệu kinh tế cho doanh nghiệp Việt Nam thời đại CNTT, phù hợp với nhu cầu thói quen khách hàng dự kiến số lƣợng ngày cảng gia tăng Website giúp quảng bá sản phẩmvới chi phí thấp tiện lợi (24 ngày, 7ngày tuần) B n cạnh kinh doanh qua website cịn mở rộng hội tìm kiếm khách hàng, đối tác doanh nghiệp khơng nƣớc mà cịn tr n phạm vi toàn cầu Để website doanh nghiệp có nhiều khách hàng truy cập ngồi việc thiết kế giao diện đẹp, tiện ích nội dung bi n tập website cần phải đƣợc cập nhật thƣờng xuy n, thông tin phù hợp với nhu cầu khách hàng Bi n tập website li n quan đến việc viết văn bản, tin tức nội dung trang web Nội dung khác tùy thuộc vào loại trang web cụ thể, ví dụ trang web thƣơng mại y u cầu bi n soạn theo phong cách bán hàng chuẩn hóa, đó, trang web thơng tin giáo dục y u cầu tài liệu đƣợc cấu trúc hợp lý Hầu nhƣ website y u cầu vài kiểu bi n tập., tƣ liệu tr n website quan trọng không việc thu hút khách hàng, mà giúp tăng hạng website tạo lƣu lƣợng tìm kiếm tốt Điều đồng nghĩa với việc bi n tập website y u cầu khác biệt với lối viết thơng thƣờng; bi n tập website phải viết cho hai đối tƣợng khách hàng cơng cụ tìm kiếm Do đó, bi n tập vi n nội dung website phải có kỹ nhƣ viết lách tốt, nắm bắt đƣợc tâm lí khách hàng cụ thể hiểu đƣợc chế cơng cụ tìm kiếm 1.1 Quy trình phát triển website Điểm mấu chốt chìa khóa thành cơng trình phát triển website xác định mục ti u website, quy trình phát triển websitethơng thƣờng bao gồm bƣớc nhƣ sau: - Xác định đội ngũ phát triển website (nguồn nội đơn vị hay thu ngồi) Phân tích mục ti u, đối tƣơng nội dung xây dựng website Lập hồ sơ (kế hoạch) phát triển website Xác định công nghệ phát triển - Xây dụng quy trình thực phát triển Xác định tổng thời gian mốc thời gian thực Đánh giá kết thực công việc theo kế hoạch đặt Việc xác định bƣớc rõ ràng, chi tiết trình phát triển website vô quan trọng: xem nhƣ kế hoạch chi tiết cho dự án phát triển website ti u chuẩn chung sản phẩm đƣợc tham chiếu trình thực cơng việc Hình vẽ 1.1 Minh họa tổng quan quy trình phát triển website 1.1.1 Nhân phát triển website (a) Đội ngũ phát triển website Vấn đề cốt lõi thành công dự án ngƣời, có tính đến yếu tố kỹ kiến thức đội ngũ phát triển website Trong dự án vừa nhỏ (thiết kế webiste quy mô vừa nhỏ), ngƣời đội ngũ website đảm nhiệm số cơng việc khác nhau, cịn dự án lớn (thiết kế website quy mô lớn) ngƣời đảm nhận nhiệm vụ ri ng biệt cần có chuy n mơn chuy n ngành phụ thuộc vào nội dung webste thiết kế Trƣớc tổ chức triển khai cần xem xét lực y u cầu đội ngũ thiết kế website, thẩm định đội ngũ đủ lực hay chƣa, cần phải thu khoán th m chuy n gia b n ngồi đội ngũ cịn thiếu vị trí Thơng thƣờng, vị trí cần thiết (nịng cốt) đội ngũ phát triển website nhƣ sau: - Vị trí lập kế hoạch mục ti u phát triển website Vị trí quản lý dự án phát triển website Vị trí kiến trúc thơng tin thiết kế giao diện ngƣời dùng - Vị trí thiết kế đồ họa cho website Vị trí quản lý cơng nghệ phát triển website Vị trí sản xuất website Trong dự án lớn vị trí đƣợc đảm nhiệm ngƣời ri ng biệt làm việc toàn thời gian y u cầu, ngƣời đƣợc gọi thành vi n đội ngũ phát triển website, vị trí y u cầu có chun mơn cao đƣợc thu khốn thì ngƣời thành vi n đội ngũ làm việc bán thời gian (b) Vai trị trách nhiệm đội ngũ phát triển website Ngoài vị trí đội ngũ phát triển website liệt k cịn có nhà tài trợ đối tƣợng li n quan đến phát triển website.Vai trò trách nhiệm đội ngũ phát triển website nhƣ sau: - - - Quản trị website: Đánh giá (bảo đảm)tài khoản truy cập, kiểm tra chất lƣợng Điều hƣớng: Định hƣớng cho việc phát triển website Lập trình vi n: Sử dụng ngơn ngữ để lập trình website Nhân viên sáng tạo: Thiết kế đồ họa Web, Thiết kế tƣơng tác (nhƣ flash, Javascript, Ajax…), Chuy n gia đa phƣơng tiện (nhƣ hình ảnh, đồ họa, truyền hình, Adobe Flash) Quản trị cơng nghệ web: Lập trình ứng dụng Web(Net, Java, PHP ), Kỹ sƣ trang web (xHTML, CSS, JavaScript, Ajax), hệ quản trị sở liệu, Chuy n gia hệ thống web nhà quản trị trang web Sản xuất website: Ngƣời mã hóa (coding) trang web theo ngôn ngữ HTML Bi n tập vi n trang web: Ngƣời viết quảng cáo trang web, Chuyên gia nội dung trang web (nghi n cứu điều phối nội dung website) (c) Nhà tài trợ đối tƣợng liên quan Nhà tài trợ đối tƣợng li n quan thƣờng cá nhân tổ chức có trách nhiệm khởi xƣớng đề xuất dự án phát triển website.Trong hầu hết trƣờng hợp, nhà tài trợ khách hàng b n đặt hàng công việc cho đội ngũ phát triển web, nhƣng dự án nhỏ mang tính nội đối tƣợng li n quan đối tƣợng Các nhà quản lý đƣa ph duyệt nội dung, mục ti u cho dự án phát triển trang web, hợp đồng kế hoạch làm việc, giám sát tiến độ, ngân sách cung cấp nguồn lực khác để hỗ trợ công việc đội ngũ phát triển website.Đội ngũ phát triển web thực công việc theo y u cầu nhà tài trợ Đôi khi, nhà tài trợ cịn đóng vai trị thành vi n đội ngũ phát triển web Điều quan trọng nhà tài trợ đối tƣợng liên quan cần hiểu rõ trách nhiệm cvà phối hợp chặt chẽ với đội ngũ phát triển web: việc cung cấp thông tin muộn nội dung trang web nguy n nhân phổ biến làm sai lệch tiến độ, lịch trình đội ngũ phát triển web Các nhà tài trợ thƣờng chịu trách nhiệm cho b n thứ ba hợp đồng quảng cáo bên ngoài, đàm phán cấp phép chp phƣơng tiện truyền thông khác, phối hợp với công cụ marketing khác, công nghệ thông tin, nỗ lực truyền thông đơn vị tài trợ công ty (d) Quản lý website Nhà quản lý dự án web phối hợp truyền thông chiến thuật thực dự án web hàng ngày, đóng vai trị ngƣời ràng buộc với khoản mục mục ti u dự án, ngân sách dự án, tiến độ phát triển, mục ti u chất lƣợng đặt giai đoạn quy hoạch Nhà quản lý dự án thành vi n quan trọng có trách nhiệm việc giữ hoạt động chung tồn nhóm tập trung vào mục ti u chiến lƣợc trang web thỏa thuận sản phẩm, anh cô li n tục theo dõi phạm vi hoạt động dự án để đảm bảo nhóm ln hoạt động “đúng tiến độ nằm ngân sách” Ngƣời quản lý dự án đóng vai trị ngƣời li n lạc đội web nhà tài trợ quản lý truyền thông tổng thể yếu tố sáng tạo, kỹ thuật sản xuất nhóm xây dựng web Trong dự án web lớn ngƣời quản lý dự án thƣờng phần đội ngũ thực sản xuất Trong dự án nội nhỏ nhà tài trợ, trƣởng đội thiết kế, trƣởng đội kỹ thuật đồng thời đóng vai trị quản lý dự án cho đội ngũ phát triển trang web Nhà quản lý dự án thiết kế trì kế hoạch chiến lƣợc, bảng tính ngân sách, tiến độ dự án biểu đồ Gantt, ghi họp, hồ sơ toán, tài liệu hồ sơ khác chi tiết hoạt động nhóm dự án Hình vẽ 1.2 Biểu đồ Gantt thƣờng đƣợc sử dụng để theo dõi giai đoạn dự án nhiệm vụ nhóm (e) Điều hƣớng Vai trò điều hƣớng định hƣớng chung cho trải nghiệm ngƣời dùng, Trong thực tế công việc điều hƣớng gần tƣơng tự với lập trình vi n, cá nhân đảm nhận hai chức vụ lập trình vai trị điều hƣớng, Trong giai đoạn đầu thiết kế, ngƣời điều hƣớng có trách nhiệm điều hành vấn, nghi n cứu thực địa, kiểm tra khả sử dụng để đƣa kịch y u cầu.Khi thiết kế đƣợc khái quát hóa dƣới dạng biểu đồ, cấu trúc khung sƣờn, thử nghiệm mẫu thiết kế với ngƣời sử dụng đƣợc tập hợp thông tin phản hồi cho kỹ sƣ thiết kế phát triển trang web Trang web đƣợc phát triển xong, đƣợc đánh giá thiết kế thông qua nghi n cứu thực tế thử nghiệm ngƣời dùng đảm bảo mục ti u điều hƣớng đƣợc đáp ứng Các câu hỏi đánh giá thƣờng là: trang web có thực đƣợc mục ti u đặt ra,ngƣời dùng có hài lịng với thiết kế khơng, kết đƣợc đo lƣờng số lƣợng ngƣời truy cập trang web thời gian lại trang web lâu (f) Kiến trúc thông tin Kiến trƣc thông tin tổ chức phân loại thông tin nội dung tr n trang web, công việc thƣờng hoạt động nhiều giai đoạn thiết kế quy hoạch, phát triển nội dung thuật ngữ trang web phù hợp.Kiến trúc thông tin làm việc chặt chẽ với nhà thiết kế trang web để xây dựng cấu trúc khung trang web (site map) Sơ đồ thiết kế tổng thể hình thành từ li n kết giao diện trang web ngƣời dùng nhìn thấy tr n trang web Kiến trúc thơng tin thƣờng có tảng logic khoa học, cẩn thận thiết kế nội dung Các sản phẩm từ nhà kiến trúc thông tin thƣờng biểu đồ sơ đồ tổng quan kiến trúc trang web, cấu trúc khung sƣờn trang, phân tích dự đốn tƣơng tác ngƣời dùng Những hình ảnh đại diện trang web quan trọng để truyền thông cấu trúc trang web trải nghiệm ngƣời dùng đến nhà tài trợ thành vi n phát triển web khác, đặc biệt nhà phát triển kỹ thuật back-end hỗ trợ yếu tố tƣơng tác trang web Trang “cấu trúc khung” đƣợc sử dụng khả điều hƣớng để thử nghiệm thiết kế ngƣời sử dụng Hình vẽ 1.3 Ví dụ thiết kế tổng thểcấu trúc khung trang web (g) Giám đốc sáng tạo Nhiệm vụ giám đốc sáng tạo bao quát tổng thể cho trang web từ khâu thiết kế kiểu chữ cho trang web, giao diện hình ảnh, ti u chuẩn bảng màu, chi tiết bố trí trang cácphƣơng thức làm đồ họa, kỹ thuật nhiếp ảnh, thông tin minh họa, yếu tố phƣơng tiện âm hình ảnh trang web Trong nhiều năm qua, nhiều chuy n gia thiết kế đồ họa trở thành chuy n gia việc thiết kế truyền thông tƣơng tác hình máy tính thành thạo thiết kế giao diện ngƣời dùng, lƣớt web, cấu trúc trang web.Trong dự án nhỏ, giám đốc sáng tạo có kinh nghiệm thƣờng có trách nhiệm đóng vai trị kiến trúc thơng tin sử dụng việc đạo thiết kế hình ảnh web Trong giai đoạn phát triển trang web lập kế hoạch, giám đốc sáng tạo tạo giám sát việc tạo phác thảo thiết kế phức tạp để minh họa cho đề xuất phát triển thiết kế với nhà tài trợ dự án nhóm xây dựng web Khi thiết kế đƣợc ph duyệt giám đốc sáng tạo giám sát việc chuyển đổi phác thảo thiết kế thànhcác thông số kỹ thuật chi tiết đồ họa kiểu chữ mà kỹ sƣ trang web cần phải tạo HTML mẫu trang Trong tổ chức lớn thi giám đốc sáng tạo thƣờng ngƣời có trách nhiệm đảm bảo công việc thiết kế web phù hợp ti u chuẩn giao diện ngƣời dùng cá nhân tổ chức Hình vẽ 1.4 Cấu trúc khungcủa trang web (Những hình ảnh đầu hình vng nhƣng thiết kế cuối thay đổi) (h) Quản trị công nghệ web Ngƣời dẫn dắt hay quản trị cơng nghệ web phải có hiểu biết rộng mơi trƣờng xuất web, ngôn ngữ phát triển khuôn khổ phát triển web, lựa chọn sở liệu web, công nghệ mạng Các dẫn dắt công nghệ đóng vai trị cầu nối, phi n dịch, giao tiếp kỹ thuật vi n thành vi n sáng tạo đội quản lý web riêng mình, ngƣời sử dụng đặt vấn đề mà cộng hƣởng với nhau, ngƣời dùng thứ hai chọn vấn đề tiếp tục thảo luận Phân tích web Máy chủ web thu thập thông tin ngƣời dùng lƣu thông tin tập tin đăng nhập máy chủ, phân tích web li n quan đến việc sử dụng liệu ghi máy chủ để nghiên cứu hành vi ngƣời dùng Với phân tích web, tái tạo lại yếu tố phiên trang web, chẳng hạn nhƣ: - Nơi mà ngƣời sử dụng đến trang web Nếu ngƣời dùng sử dụng cơng cụ tìm kiếm, từ khóa đƣợc sử dụng Thứ tự trang mà ngƣời dùng đến thăm trang web Các thuộc tính cấu hình ngƣời dùng, bao gồm trình duyệt, hệ điều hành, kích thƣớc hình cài đặt màu sắc Cho dù ngƣời dùng khách lặp lại Các trang cuối phiên giao dịch trƣớc ngƣời dùng rời khỏi trang web Comment [A1]: Chapter 3: Information Architecture Tổ chức thông tin website 1.3 Kiến trúc thông tin thuật ngữ rộng nhƣng đƣợc hiểu cácthông tin đƣợc bố trí website ứng dụng web, hiểu đơn giản ví dụ nhƣ truy cập vào website bán hàng chọn lựa đƣợc mặt hàng cần mua, sau tìm đến nút tốn, nhƣng loay hoay tìm mà khơng thấy nút tốn đâu chứng tỏ website bố trí thơng tin khơng tốt dẫn đến việc khách hàng bỏ đi, việc bố trí, hiển thị chức cần thiết để ngƣời dùng sử dụng Website dễ dàng mang lại nhiều lợi ích cho doanh nghiệp Mỗi trang web có kiến trúc thơng tin, nhƣng kỹ thuật kiến trúc thông tin đặc biệt quan trọng nhằm đảm bảo mục tiêu sau: - Tổ chức nội dung trang web theo nguyên tắc phân loại phân cấp thông tin Truyền thông tổng quan khái niệm tổ chức trang web tổng thể cho đội ngũ thiết kế khách hàng Nghiên cứu thiết kế concept điều hƣớng trung tâm; Thiết lập tiêu chuẩn thông số kỹ thuật cho việc xử lý HTML định dạng xử lý nội dung văn 27 - Thiết kế thực tiêu chuẩn chiến lƣợc tối ƣu hóa tìm kiếm (SEO) Kiến trúc thơng tin bao gồm loạt thiết kế quy hoạch chuyên ngành; ranh giới kiến trúc thông tin, thiết kế kỹ thuật, giao diện ngƣời dùng, thiết kế đồ họa cần đƣợc xóa nhịa cần thiết áp dụng cộng đồng nhằm hợp tác sản xuất cho ngƣời sử dụng trang web trải nghiệm gắn kết, mạch lạc, kinh nghiệm phù hợp Kiến trúc ẩn dụ thích hợp cho việc lắp ráp không gian thông tin đa chiều phức tạp đƣợc chia sẻ nhiều ngƣời sử dụng khác độc giả, nơi mà cấu trúc thơng tin phải đƣợc đóng khung trƣớc quy tắc cụ thể nhƣ giao diện thiết kế đồ họa hoạt động hiệu Giao diện ngƣời dùng thiết kế hiển thị trang web rõ ràng hơn, dễ hoạt động với ngƣời sử dụng ban đầu, nhƣng tổ chức sở trang web nội dung đƣợc xây dựng kém, thiết kế hiển thị tƣơng tác không khắc phục đƣợc vấn đề Trong dự án web lớn vai trị kiến trúc sƣ thơng tin đƣợc lấp đầy cá nhân với kinh nghiệm lâu năm việc tổ chức trình bày thông tin, đặc biệt bối cảnh web Tuy nhiên, nhiều dự án, kiến trúc sƣ thông tin trang web trở thành dự án hợp tác nhà thiết kế, biên tập, đội kỹ thuật Bất kể vị trí đƣợc bổ nhiệm nhƣ nào, nhiệm vụ kiến trúc sƣ thông tin trở thành cầu quan trọng việc lập kế hoạch thảo luận chung mục tiêu trang web khán giả thiết kế cụ thể, giao diện ngƣời dùng, giải pháp kỹ thuật bạn sử dụng thiết kế trang web hoàn chỉnh 1.3.1 Các bƣớc tổ chức thơng tin web Có năm bƣớc việc tổ chức thông tin: - - Kiểm kê nội dung: có gì, cần thêm Thiết lập phác thảo phân cấp nội dung tạo từ vựng đƣợc kiểm sốt Vì nội dung lớn, cấu trúc trang web, yếu tố định vị đƣợc xác định cách quán Phân khúc (Chunking): Chia nội dung thành đơn vị hợp lý với cấu trúc mô đun phù hợp Vẽ sơ đồ cho hiển thị cấu trúc trang web phác thảo thô trang với danh sách liên kết điều hƣớng 28 - Phân tích hệ thống cách kiểm tra tƣơng tác với ngƣời sử dụng thật, sửa đổi cần thiết (a) Kho nội dung Kho nội dung danh sách chi tiết thông tin tất nội dung có trang web thiết kế lại, số trường hợp trang web tạo từ nguồn nội dung có Mặc dù kho nội dung thƣờng tẻ nhạt tốn thời gian để tạo ra, thành phần thiết yếu kế hoạch có quy mơ hợp lý cho dự án web Các nội dung kho hữu ích dự án quy hoạch kiến trúc thông tin vào giai đoạn ban đầu, nhƣng kho nội dung chi tiết hữu ích suốt dự án cho quy hoạch xây dựng trang web Công việc kiểm kê trang web hành ghi lại thông tin trang cách chi tiết/tỉ mỉ, nhƣng dễ dàng để phân chia thành viên đội ngũ thành ngƣời làm việc với tiểu mục thƣ mục trang web khác Các thành viên nhóm làm việc kiểm k trang web phải có quyền truy cập vào trang trang web trình duyệt web nhƣ xem tập tin cấu trúc trang web máy chủ để đảm bảo tất phần nội dung đƣợc kiểm kê Các nội dung kho trang web hành thƣờng mang hình thức tập tin bảng tính với nhiều bảng, có chứa danh sách trang trang web, với đặc tính thiết yếu nhƣ ti u đề trang, url, ngƣời chịu trách nhiệm nội dung, tiếp tục nhƣ Mỗi trang thƣờng đƣợc nằm hàng bảng tính, với cột liệt k thơng tin nhƣ: - Số ID cho dự án Ti u đề trang Trang mẫu loại URL Loại chung nội dung Ngƣời chịu trách nhiệm nội dung Giữ nguyên/chỉnh sửa/loại bỏ định Tạo nội dung Xem lại trạng thái (b) Phân cấp phân loại Tổ chức phân cấp điều cần thiết web, hầu hết trang web phụ thuộc vào hệ thống phân cấp, từ nhìn tổng quan rộng trang web (trang chủ) sang tăng lên menu nội dung trang ngày cụ thể 29 Trong kiến trúc thông tin cần tạo danh mục cho thông tin xếp hạng tầm quan trọng đoạn thông tin thành chung chung hay cụ thể.Danh mục chung trở thành yếu tố phân cấp cao/cao cấp hệ thống phân cấp thông tin; khối thông tin cụ thể đƣợc định vị thấp hệ thống phân cấp Khối thông tin đƣợc xếp vào tầm quan trọng tổ chức phù hợp hạng mục chính, xác định tập hợp ƣu ti n mối quan hệ phác thảo nội dung,có thể xây dựng hệ thống phân cấp từ khái niệm quan trọng concepts chung xuống đến chủ đề chi tiết cụ thể (c) Nguyên tắc phân loại kiểm soát từ vựng Trong kiến trúc thông tin, phân loại tƣ tổ chức thứ bậc loại nội dung, sử dụng cụ thể, thiết kế cẩn thận thuật ngữ mơ tả, nhƣ biên tập có kinh nghiệm thƣ viện cho bạn biết, thách thức lớn việc tổ chức lƣợng lớn thông tin phát triển hệ thống cho luôn đề cập đến điều tƣơng tự cách: từ vựng đƣợc kiểm soát, thƣ viện theo cách nói khoa học Một công việc quan trọng kiến trúc sư thơng xá định đặc tính tên thuật ngữ để mơ tả loại nội dung trang web, liên kết trang web chuyển hướng, điều khoản chủ yếu để mơ tả tính tương tác trang web Việc trở thành yếu tố tảng tổ chức nội dung, giao diện người dùng, liên kết điều hướng trang trang web,các tập tin thư mục cấu trúc trang web riêng biệt 1.3.2 Các yếu tố then chốt tổ chức thông tin web Các yếu tố tổ chức thông tin tr n web nhƣ sau: (a) Phân loại (category) Đây hình thức tổ chức cách tìm giống đặc điểm liên hệ thư mục Cách tiếp cận thƣờng phát huy tác dụng tất thứ cần đƣợc tổ chức có quan trọng ngang khơng dự báo đƣợc Ví dụ nhƣ chủ đề sách nhà sách hay thƣ viện, vật phẩm bách hóa tổng hợp hay cửa hàng tạp hóa (b) Thời gian (time) Tổ chức timeline dịng lịch sử đối tượng thơng tin biểu dạng nối tiếp Cách tiếp cận thƣờng đƣợc dùng đào tạo Ví dụ 30 cho trƣờng hợp danh sách kênh truyền thông, danh sách kiện lịch sử hay dịp đặc biệt, bảng đo lƣờng thời gian phản hồi hệ thống khác (c) Địa điểm (location) Tổ chức theo địa điểm khơng gian vị trí địa lý thường hữu ích cho định hướng điều khiển Các hình thức sơ đồ hóa phổ biến tạo thành đồ, nhƣng thƣờng đƣợc dùng để đào tạo, sửa chữa hình minh họa ngƣời dùng, ví dụ khác nữa, ví dụ nhƣ thơng tin bị tắc nghẽn đâu (d) Sắp xếp theo bảng chữ (alphabetic) Tổ chức dựa theo chữ tên items Ví dụ rõ ràng danh bạ điện thoại danh sách điều khiển định hƣớng theo tên, từ điển, bách khoa toàn thƣ, nơi ngƣời dùng biết chữ tên mà họ tìm kiếm Hệ thống xếp theo bảng chữ đơn giản để dùng quen thuộc ngày Cách thức tổ chức đem lại hiệu cho danh sách ngắn thứ liên quan tới nhƣng lại hữu hiệu cho danh sách dài (e) Tính liên tục (continuum) Kiểu tổ chức tạo nên số lượng lớn biến đo lường như: giá, điểm, kích cỡ, khối lượng Tổ chức kiểu continuum hiệu cần tổ chức nhiều thứ mà chúng đo lƣờng đánh số theo cách giống (f) Tình (Làm việc nhóm) Khi thiết kế website cải tiến trang web có sẵn, điều cần thiết xem xét lại chi tiết nhỏ nội dung có góc nhìn cách thơng tin đƣợc tổ chức nhƣ mẫu sau đây, việc làm dẫn tới thảo luận định hướng nội dung cách tổ chức thông tin site Một số mẫu thƣờng thấy tổ chức site: - Định dạng site: Ấn định đặc tính site marketing Điều hƣớng site: Ấn định điều hƣớng liên kết Tính lạ: Ấn định tin tức Trang tổ chức: Đƣợc thiết kế tƣơng đồng với tổ chức hãng lớn Dịch vụ: Đƣợc tổ chức dịch vụ, nội dung danh mục sản phẩm 31 - Flashy: sử dụng flash có tính tƣơng tác lan truyền để khắc họa ngƣời xem Công cụ điều hƣớng: Đƣợc tổ chức công nghệ nhất, nhƣ xml, ajax web 2.0 Một site tốt cần cân việc thỏa mãn nhu cầu ngƣời dùng truyền tải thông điệp tới giới Khơng có cơng thức cho việc tìm mẫu tổ chức chuẩn, giai đoạn đầu việc lập kế hoạch, nên thử nghiệm giả định thường xun dứt khốt sửa chữa chúng 1.3.3 Phân loại thẻ phiên bảng trắng Ngay phần lớn danh mục tổ chức nội dung rõ ràng với đội thiết kế, khó để phân loại mẩu nội dung nên vị trí sử dụng khung tổ chức đem lại cảm giác trực quan gần gũi với ngƣời dùng Phân loại thẻ kỹ thuật thông thƣờng để vừa tạo nội dung vừa ƣớc định tổ chức nội dung nhƣ cấu trúc website Cách phân loại thẻ cổ điển làm xuất thẻ với nhãn tên danh mục nội dung chủ yếu thứ cấp, cá nhân đội ngƣời dùng đƣợc yêu cầu phân loại dựa thẻ tổ chức chúng theo cách gần với trực giác logic Người dùng thường yêu cầu gợi ý tên tốt cho danh mục Kết nội dung từ người tham gia lưu giữ lại, thường danh mục mở rộng, tất khung nội dung so sánh để tìm điểm chung phần khác Dữ liệu phân loại thẻ tốt tới từ phiên làm việc độc lập với dòng đại diện tiêu biểu người dùng có khả tới trang web bạn Nếu bạn có đủ người tham gia, phối hợp kết phiên làm việc với thẻ phân loại giúp bạn có sức mạnh đám đơng Với dự án nhỏ quy chuẩn hơn, bạn sử dụng cách làm việc với bảng trắng để thay phân loại thẻ Những ngƣời tham gia đƣợc hỏi để phân loại thẻ giấy nhớ có nhãn dán tên nội dung đƣợc đề ra, sau dán chúng lên bảng phân vào nhóm tất nội dung có ý nghĩa Trong phần lớn trƣờng bạn, bạn đạt đƣợc cách xếp nội dung định hƣớng nhanh chóng, cách làm việc với bảng trắng hữu ích việc quản lý tồn bộ, điều giúp nhóm giải đƣợc vấn đề nội dung thuộc hạng mục Để có phiên tổ chức nội dung tốt, cần đảm bảo việc sau: 32 - Liệt kê tên danh mục chi tiết tốt Có đầy đủ tất tóm tắt danh mục danh mục phụ cho nội dung Chuẩn bị hƣớng dẫn cho cá nhân tham gia phân loại thẻ Không đƣợc điều hƣớng ngƣời tham gia vào q trình Khơng đƣợc hạn chế ý tƣởng phải cho phép thoải mái suy nghĩ Có thật nhiều nguồn cung cấp cho danh mục thuật ngữ đƣợc phát triển thêm Mang tới máy quay để ghi lại cách tổ chức đƣợc đề xuất layout bảng trắng Từng cá nhân thực phân loại thẻ nhóm làm bảng trắng nhanh, không tốn nhiều tiền, cách nhanh để tạo ước định cách tổ chức nội dung trang Kỹ thuật đƣợc dùng nhiều năm, bạn sử dụng khách hàng thực sự, khách hàng tƣơng lai trình này, họ giúp bạn tạo nên ý tƣởng có giá trị tuyệt vời từ nhà quảng cáo, bên liên quan thành viên nhóm 1.3.4 Phân đoạn thông tin (Chunking information) Phần lớn thông tin tr n www đƣợc tập hợp tài liệu tham khảo ngắn đọc nhanh chóng Điều đặc biệt xác với trang chứa nội dung kỹ thuật trị,hành nhà nƣớc.Đây phƣơng thức hữu hiệu để biểu diễn thông tin phiên dịch sang web số lý sau đây: - - - Ít ngƣời dùng web đọc đoạn văn dài tr n hình Phần lớn ngƣời dùng lƣu trữ văn dài để đĩa in để đọc dễ Tách riêng khúc thông tin để dễ dàng tạo liên kết Ngƣời dùng web liên kết thƣờng mong tìm xác nội dung thông tin liên quan tới thứ họ cần, khơng phải sách Phân khúc giúp tổ chức trình bày thơng tin bố trí mơ-đun phù hợp trang web Điều cho phép ngƣời sử dụng không để áp dụng kinh nghiệm khứ với trang web để tìm kiếm khám phá tƣơng lai mà để dự đoán nhƣ phần quen thuộc trang web đƣợc tổ chức Các khúc thông tin phù hợp với hình máy tính, cung cấp nhìn hạn chế tài liệu dài trang web dài có xu hƣớng khiến ngƣời đọc phƣơng hƣớng; họ yêu cầu ngƣời dùng phải di chuyển khoảng cách xa nhớ cuộn khỏi hình Nội dung khúc thơng tin linh hoạt thích hợp với đa phần cảm nhận, tổ chức logic thuận tiện Hãy đển nội dung đƣợc gợi ý tự nhiên 33 cách biết phân chia tổ chức Mặc dù tài liệu web ngắn đƣợc thích nhƣng cần thiết có tài liệu dài, đặc biệt bạn muốn ngƣời dùng dễ dàng in lƣu chúng máy bƣớc - Hiệu đính/chỉnh sửa cuối tất nội dung trang Thử nghiệm chi tiết sở liệu lập trình chức Thử nghiệm chứng nhận đặc trƣng báo cáo sở liệu Thử nghiệm thủ tục hỗ trợ ngƣời dùng trang, trả lời email, vv Lƣu trữ tất nội dung cấu thành trang, mã html, mã lập trình, nguyên liệu phát triển trang khác 1.4 Cấu trúc trang web Khi phải đối mặt với hệ thống thông tin phức tạp, người dùng xây dựng mơ hình tư Họ sử dụng mơ hình để đánh giá mối quan hệ chủ đề phán đốn nơi tìm thấy điều họ chưa nhìn thấy từ trước Sự thành cơng việc tổ chức trang web đƣợc xác định chủ yếu mức độ kiến trúc thông tin trang web phù hợp nhƣ với mong đợi ngƣời dung, tính logic, tổ chức tên trang web hợp lý cho phép người sử dụng đưa dự đốnvị trí nhằm tìm kiếm thứ, phƣơng pháp phù hợp tổ chức hiển thị thông tin cho phép ngƣời sử dụng mở rộng kiến thức họ từ trang quen thuộc tới trang không quen thuộc Nếu đánh lừa ngƣời dùng với cấu trúc khơng có tính logic khơng phán đốn đƣợc, liên tục sử dụng thuật ngữ khác nhau, không rõ ràng để mơ tả tính trang web, ngƣời dùng bị thất vọng khó khăn khighé thăm xung quanh thấu hiểu bạn có để cung cấp Mơ hình tƣ ngƣời sử dụng trang web tƣ ngẫu nhi n, đừng làm liên kết trang web khó hiểu, ngƣời thiết kế ngƣời tạo mơ hình trang web, ngƣời dùng tƣởng tƣợng cấu trúc trang web, kiến trúc thông tin thành công giúp ngƣời sử dụng tham chiếu xây dựng mơ hình tƣ dự đốn cấu trúc trang web 34 Hình vẽ 1.10 Mơ hình tƣ liên kết trang web 1.4.1 Các chức duyệt web Khi tạo trang web dạng phác thảo, phân tích khả để hỗ trợ trình duyệt cách thử nghiệm tương tác, vừa với nhóm phát triển trang web vừa với nhóm nhỏ người sử dụng, hiệu thiết kế trang web phần lớn vấn đề việc cân mối quan hệ menu trang chủ với trang nội dung cá nhân Mục tiêu xây dựng hệ thống phân cấp menu trang nội dung giúp người sử dụng cảm thấy tự nhiên không gây nhầm lẫn cho họ gây trở ngại đến việc sử dụng trang web Các trang web với hệ thống phân cấp thông tin sơ sài phụ thuộc vào trang menu lớn biến thành danh sách thơng tin khơng liên quan gây khó hiểu, xếp menu q sâu, thơng tin bị ẩn dƣới nhiều lớp menu Phải điều hƣớng thông qua lớp menu chồng vào trƣớc đến nội dung thực gây khó khan cho ngƣời truy cập web Hình vẽ 1.11 Ví dụ cấu trúc việc thiết kế cấu trúc trang web Cấu trúc 1:sơ sài khiến menu trở nên dàn trải Cấu trúc chi tiết sâu người sử dụng mệt mỏi họ phải qua nhiều lớp menu Nếu trang web phát triển tích cực, cân thích hợp menu trang nội dung mục tiêu chuyển động Phản hồi từ ngƣời dùng (và phân tích sử dụng từ bạn trang web) giúp định xếp menu tốt hơn, cấu trúc tài liệu phức tạp đòi hỏi hệ thống thứ bậc chi tiết 35 hơn, nhƣng ngƣời dùng không bị lôi vào trang sau vào trang menu họ truy cập trực tiếp Với hệ thống phân cấp chức cân tốt, cung cấp cho ngƣời dùng menu truy cập nhanh đến thông tin phản ánh việc tổ chức trang web hiệu 1.4.2 Tìm kiếm trang web Nếu trang web có nhiều vài chục trang, ngƣời dùng mong đợi tùy chọn tìm kiếm web để tìm kiếm nội dung trang web, trang web lớn hơn, với hàng trăm hàng ngàn trang nội dung, tìm kiếm web phƣơng tiện hiệu để xác định vị trí trang nội dung cụ thể tìm tất trang đề cập đến cụm từ khóa hay tìm kiếm Trình duyệt giao diện gồm địa trang web nội dung cần thiết giai đoạn đầu mà người dùng ghé thăm trang web Tuy nhiên, người dùng định trang web cung cấp họ tìm kiếm, người sử dụng vượt qua ngưỡng đặc tính mà cơng cụ tìm kiếm giúp với điều kiện: - - Khơng có liên kết giao diện trình duyệt để đảm bảo cho ngƣời dùng biết họ tìm thấy tất trƣờng hợp từ khố cụm từ tìm kiếm Tìm kiếm phƣơng tiện hiệu để tiếp cận nội dung cụ thể, đặc biệt nội dung khơng đƣợc ghé thăm nhiều ngƣời dùng khác khó xuất nhƣ liên kết trang chuyển hƣớng Khi nhu cầu ngƣời dùng cụ thể mức độ xử lý giao diện trình duyệt, cơng cụ tìm kiếm phƣơng tiện để tìm nội dung Các trang web lớn chứa q nhiều thơng tin để phụ thuộc hồn tồn vào trình duyệt,các trang đƣợc sử dụng nhiều có khả xuất trình duyệt trang menu, nhƣng trang ẩn danh trang web đƣợc tìm thấy đọc thơng qua cơng nghệ tìm kiếm web 36 Hình vẽ 1.12 Cách tìm kiếm web 1.4.3 Cấu trúc trang web Website đƣợc xây dựng dựa chủ đề cấu trúc bản,bao gồm hình thức khả củng cố mơ hình tƣ ngƣời dùng cách tổ chức nội dung, kiến trúc chi phối giao diện điều hƣớng trang web mơ hình tƣ ngƣời dùng cách mà thông tin đƣợc tổ chức Ba cấu trúc cần thiết đƣợc sử dụng để xây dựng trang web: trình tự, phân cấp mạng nhện (a) Trình tự Cách đơn giản quen thuộc để tổ chức thông tin đặt chuỗi, cấu trúc sách, tạp chí, tất ấn phẩm in ấn khác Tuần tự yêu cầu đƣợc xếp theo trình tự thời gian, loạt chủ đề hợp lý đƣợc triển khai từ chung đến cụ thể, chữ cái, nhƣ mục, bách khoa tồn thƣ, giải Trình tự thẳng tổ chức phù hợp cho trang đào tạo giáo dục, ví dụ, ngƣời sử dụng mong muốnthực quy trình thơng qua tập vật chất cố định liên kết ngƣời hỗ trợ đƣờng dẫn hƣớng tuyến tính Nhiều trang web phức tạp đƣợc tổ chức theo trình tự hợp lý, nhƣng trang trình tự có liên hệ với nhiều trang bên ngồi, thơng tin liên quan, thơng tin trang web khác 37 Hình vẽ 1.13 Ví dụ cấu trúc trình tự trang web Một số trang web, chẳng hạn nhƣ biểu đồ trang web đào tạo tr n, đƣợc sử dụng để đọc theo trình tự tuyến tính Lập trình logic cung cấp nội dung đặc biệt cho khán giả cho phép thứ bên ngồi trình tự trang (b) Phân cấp Hệ thống phân cấp phƣơng thức tốt để tổ chức phận phức tạp thơng tin Bởi trang web thƣờng đƣợc tổ chức xung quanh trang chủ nhất, sau li n kết đến danh sách trang chủ đề phụ, kiến trúc phân cấp đặc biệt phù hợp để tổ chức trang web, sơ đồ phân cấp quen thuộc doanh nghiệp tổ chức hầu hết ngƣời dùng tìm cấu trúc đơn giản để dễ hiểu Một tổ chức phân cấp áp đặt quy tắc hữu ích phƣơng pháp phân tích riêng phù hợp Hình thức đơn giản cấu trúc trang web phân cấp (star), hub-and-spoke, thiết lập trang dàn trận khỏi trung tâm trang chủ Các trang web hệ thống phân cấp lớp Định hƣớng danh sách đơn giản trang con, liên kết cộng thêm cho trang chủ Hầu hết trang web thông qua số mẫu cấu hình phân cấp sơ đồ Sự xếp loại loại phụ có lợi mạnh cho tổ chức trang web phức tạp hầu hết ngƣời quen thuộc với tổ chức phân cấp, dễ dàng hình thành mơ hình tƣ cấu trúc trang web 38 Hình vẽ 1.14 Các sơ đồ phân cấp đơn giản thƣờng gặp thiết kế web Hầu hết nội dung hoạt động tốt cấu trúc phân cấp, ngƣời sử dụng dễ dàng tìm thấy chúng để hiểu Lƣu ý trang web phân cấp thiết lập nội dung trang nhánh danh sách trang web các danh sách phụ khỏi trang chủ, hệ thống cấp bậc phần nội dung không n n trở thành điều hƣớng cho ngƣời dùng muốn nhảy từ vùng trang web khác Hầu hết giao diện trang web chuyển hƣớng cung cấp li n kết điều hƣớng toàn cầu cho phép ngƣời dùng để nhảy khỏi khu vực trang web lớn mà không bị ép buộc để lƣu vào trang chủ trung tâm danh sách phụ Các tab ti u đề cho phép ngƣời sử dụng để di chuyển từ khu vực nội dung lớn, menu điều hƣớng trái cung cấp danh mục chủ đề, hộp tìm kiếm cho phép ngƣời sử dụng để nhảy khỏi chuyển hƣớng phân loại tìm trang dựa tr n trang web tìm kiếm Hình vẽ 1.15 Ví dụ hệ thống định vị cung cấp điều hƣớng linh hoạt 39 (c) Mạng nhện (webs) Cơ cấu tổ chức Weblike đặt vài hạn chế mơ hình sử dụng thông tin Trong cấu trúc mục ti u kết hợp tƣ tƣởng tƣơng tự tự tƣ duy, cho phép ngƣời sử dụng để theo đuổi sở thích họ Mơ hình tổ chức phát triển với li n kết dày đặc thông tin khác trang web thông tin trang web khác Mặc dù mục ti u tổ chức để khai thác sức mạnh web li n kết, li n kết với đầy đủ, cấu trúc weblike cách dễ dàng truyền nhầm lẫn đề án tổ chức li n kết thƣờng cấu trúc không thực tế cho trang web, khó khăn cho ngƣời sử dụng hiểu dự đoán Webs làm việc tốt cho trang web nhỏ chi phối danh sách li n kết cho trang web nhằm vào ngƣời có học vấn cao hay nhiều kinh nghiệm Hình vẽ 1.16 Ví dụ mơ hình mạng nhện đơn giản trang liên kết Hầu hết trang web phức tạp chia sẻ vấn đề ba loại cấu trúc thông tin Hệ thống cấp bậc trang web đƣợc tạo chủ yếu với li n kết định vị chuẩn trang web, nhƣng li n kết chuy n đề nhúng nội dung tạo lƣới weblike li n kết vƣợt qua menu trang web cấu trúc bình thƣờng Ngoại trừ trang web cách nghi m ngặt thực thi chuỗi trang, ngƣời sử dụng có khả qua trang web kiểu weblike dạng tự do, nhảy qua khu vực kiến trúc thông tin, nhƣ họ bỏ qua chƣơng sách tham khảo, rõ ràng cụ thể tổ chức trang web giúp ngƣời dùng lƣớt tự từ nơi đến nơi mà khơng có cảm giác bị thơng tin Hình vẽ 1.17.Ví dụ cấu trúc phân cấp trang webnhƣng ngƣời dùng sử dụng 40 Một cấu trúc thông tin rõ ràng cho phép ngƣời dùng di chuyển tự mà khơng bỏ sót thơng tin Các mơ hình sử dụng phi tuyến điển hình ngƣời sử dụng web không bỏ qua cần thiết phải tổ chức mơ hình tƣ trình bày cấu trúc qn rõ ràng bổ sung mục ti u thiết kế tổng thể Hình vẽ 1.18 Tóm tắt ba mơ hình cấu trúc trang web (cấu trúc tuyến tính) 41 ... 11 1. 2 Khả sử dụng 21 1.2 .1 Khái niệm 21 1.2.2 Các nguyên tắc thiết kế đảm bảo khả sử dụng 21 1.3 Tổ chức thông tin website 27 1. 3 .1 Các bƣớc... nghiệp sinh vi n để giảng hoàn thiện Chân thành cảm ơn MỤC LỤC LỜI MỞ ĐẦU 1. 1 Quy trình phát triển website 1. 1 .1 Nhân phát triển website 1. 1.2 Quy trình phát... 34 1. 4 .1 Các chức duyệt web 35 1. 4.2 Tìm kiếm trang web 36 1. 4.3 Cấu trúc trang web 37 CHƢƠNG BIÊN TẬP WEB CHO ĐIỀU HƢỚNG VÀ TÌM ĐƢỜNG 42 2 .1 Điều