Thiết kế giao diện website httpsdeha soft com với ngôn ngữ tiếng việt cho công ty cổ phần deha việt nam

TRƯỜNG ĐẠI HỌC THƯƠNG MẠI KHOA HTTT KINH TẾ & TM ĐIỆN TỬ KHÓA LUẬN TỐT NGHIỆP THIẾT KẾ GIAO DIỆN WEBSITE HTTPS://DEHA-SOFT.COM VỚI NGÔN NGỮ TIẾNG VIỆT CHO CÔNG TY CỔ PHẦN DEHA VIỆT NAM Giáo viên hướng dẫn: ThS Nguyễn Hưng Long Sinh viên thực hiện: Nguyễn Thi Nhung Mã SV: 19D190040 Lớp: K55S1 Hà Nội, tháng 9, năm 2022 LỜI CẢM ƠN Để hồn thành khóa luận tốt nghiệp “Thiết kế giao diện website https://dehasoft.com với ngôn ngữ tiếng Việt cho Công ty cổ phần DEHA Việt Nam” em nhận nhiều giúp đỡ nhiệt tình Nhà trường, thầy, cơ, bạn bè Ban giám đốc nhân viên Công ty cổ phần DEHA Việt Nam suốt trình thực tập Đầu tiên, em xin cảm ơn Ban giám hiệu Trường Đại học Thương Mại Khoa HTTT Kinh tế TMĐT tạo điều kiện cho chúng em có mơi trường học tập, nghiên cứu Em xin gửi lời cảm ơn chân thành đến thầy/cô môn trình giảng dạy trang bị cho em giả đầy đủ kiến thức kĩ Để em có tự tin kiến thức kĩ tảng tốt để thực tốt khóa luận tốt nghiệp Đặc biệt, em bày tỏ lời cảm ơn sâu sắc tới ThS Nguyễn Hưng Long, thầy trực tiếp hướng dẫn, giúp đỡ em trình thực đề tài Em đặc biệt cảm ơn đồng hành dẫn tâm huyết thầy giúp em có hướng đắn từ bắt đầu hoàn thành nghiên cứu Xin chân thành cảm ơn gia đình, bạn bè tham gia khảo sát nghiên cứu nhiệt tình hỗ trợ, cung cấp thông tin chân thực Điều tạo điều kiện đẩy nhanh q trình thực khóa luận tốt nghiệp từ chủ động hồn thành tiến độ Tuy điều kiện lực thân cịn hạn chế, khóa luận tốt nghiệp khơng tránh khỏi thiếu sót Em mong nhân đóng góp ý kiến quý thầy để khóa luận tốt nghiệp hồn thiện tốt Em xin chân thành cảm ơn! Hà Nội, ngày 23 tháng 11 năm 2022 i MỤC LỤC LỜI CẢM ƠN .i MỤC LỤC ii DANH TỪ VIẾT TẮT .iv DANH MỤC BẢNG BIỂU v DANH MỤC HÌNH VẼ v PHẦN MỞ ĐẦU 1.TẦM QUAN TRỌNG, Ý NGHĨA CỦA VẤN ĐỀ NGHIÊN CỨU 2.MỤC TIÊU VÀ NHIỆM VỤ NGHIÊN CỨU 3.ĐỐI TƯỢNG VÀ PHẠM VI NGHIÊN CỨU 4.PHƯƠNG PHÁP NGHIÊN CỨU 5.KẾT CẤU KHÓA LUẬN CHƯƠNG CƠ SỞ LÝ LUẬN VỀ THIẾT KẾ GIAO DIỆN WEBSITE 1.1.KHÁI NIỆM CHUNG VỀ GIAO DIỆN WEBSITE 1.1.1 Khái niệm chung giao diện website .4 1.1.2 Quy trình thiết kế giao diện website 1.1.3 Một số công cụ thiết kế giao diện website 1.2 TỔNG QUAN TÌNH HÌNH NGHIÊN CỨU .9 1.2.1 Tình hình nghiên cứu giới 1.2.2 Tình hình nghiên cứu nước CHƯƠNG PHÂN TÍCH ĐÁNH GIÁ THỰC TRẠNG VỀ GIAO DIỆN WEBSITE https://deha-soft.com CỦA CÔNG TY CỔ PHẦN DEHA VIỆT NAM… .11 2.1.TỔNG QUAN VỀ CÔNG TY CỔ PHẦN DEHA VIỆT NAM .11 2.1.1.Giới thiệu chung Công ty cổ phần DEHA Việt Nam 11 2.1.2.Giới thiệu chung website https://deha-soft.com Công ty cổ phần DEHA Việt Nam 16 2.2.KẾT QUẢ KHẢO SÁT VÀ PHÂN TÍCH THỰC TRẠNG VỀ GIAO DIỆN WEBSITE https://deha-soft.com CỦA CÔNG TY CỔ PHẦN DEHA VIỆT NAM… .19 CHƯƠNG THIẾT KẾ GIAO DIỆN WEBSITE https://deha-soft.com VỚI 23 NGÔN NGỮ TIẾNG VIỆT CHO CÔNG TY CỔ PHẦN DEHA VIỆT NAM 23 ii 3.1.GIẢI PHÁP THIẾT KẾ GIAO DIỆN CHO WEBSITE https://deha-soft.com VỚI NGÔN NGỮ TIẾNG VIỆT CHO CÔNG TY CỔ PHẦN DEHA VIỆT NAM… .23 3.1.1.Sitemap website 24 3.1.2.Giao diện UI website 25 3.1.3.Prototype 56 3.2.MỘT SỐ ĐỀ XUẤT KIẾN NGHỊ .56 KẾT LUẬN 58 TÀI LIỆU THAM KHẢO 59 PHỤ LỤC 60 iii DANH TỪ VIẾT TẮT Danh mục từ viết tắt tiếng Việt Cụm từ viết tắt Cụm từ đầy đủ HTTT Hệ thống thông tin TMĐT Thương mại điện tử Danh mục từ viết tắt tiếng anh Cụm từ viết tắt Cụm từ đầy đủ Nghĩa tiếng Việt UX User Experience Trải nghiệm người dùng UI User Interface Giao diện người dùng CX Customer Experience Trải nghiệm khách hàng BX Brand Experience Trải nghiệm thương hiệu QA Quality Assurance Đảm bảo chất lượng IT Information Technology Công nghệ thông tin DEHA Delivering Happiness Chuyển giao hạnh phúc IoT Internet of Things Internet kết nối vạn vật AI Artificial Intelligence Trí tuệ nhân tạo NFT Non-Fungible Token Token thay DeFi Decentralized Finance Tài phi tập trung iv DANH MỤC BẢNG BIỂU Biểu đồ 2.1:Kết điều tra mức độ hài lòng người dùng với font chữ website .19 Biểu đồ 2.2: Kết điều tra rõ ràng, mạch lạc bố cục website 20 Biều đồ 2.3: Kết điều tra việc sử dụng thao tác với website thiết bị di động .20 Biểu đồ 2.4: Kết điều tra thao tác sử dụng website laptop, PC 21 Biểu đồ 2.5: Kết điều tra ngôn ngữ sử dụng website .21 DANH MỤC SƠ ĐỒ, HÌNH VẼ Sơ đồ 1.1: Quy trình thiết kế giao diện người dùng Sơ đồ 2.1: Cơ cấu tổ chức Công ty cổ phần DEHA Việt Nam .12 Sơ đồ 3.1: Sitemap 24 Hình 1.1: Năm bước tư thiết kế Hình 2.1: Logo Cơng ty 11 Hình 2.2: Quy trình Agile 14 Hình 2.3: Scrum - Framework Agile 15 Hình 2.4: Trang chủ Website DEHA Việt Nam 16 Hình 2.5: Phần header Website DEHA Việt Nam 17 Hình 2.6: Phần content Website DEHA Việt Nam .18 Hình 2.7: Phần footer Website DEHA Việt Nam 19 v PHẦN MỞ ĐẦU 1.TẦM QUAN TRỌNG, Ý NGHĨA CỦA VẤN ĐỀ NGHIÊN CỨU Internet có bước đột phá đổi Đến nay, trải qua hai hệ mạng Internet, Web 1.0 Web 2.0 Tiếp nối phát triển Web 3.0 đời, xác định hệ website với nhiều tính bật Nếu Web 1.0 website tĩnh cung cấp trải nghiệm tương tác chiều cho người dùng, Web 2.0 mang đến đột phá có xuất nhiều phương tiện truyền thông xã hội, tảng website động cho phép người dùng tương tác trực tuyến, phản hồi chia sẻ nội dung website thay tiêu thụ nội dung Web 1.0 Với đời Web 3.0 coi kỷ nguyên kết nối liệu với theo cách phi tập trung cung cấp trải nghiệm người dùng nhanh cá nhân hóa Lúc này, vai trị giao diện tương tác cá website quan trọng Tuy nhiên, điều thường bị bỏ qua cách dễ dàng Nhận thức vai trò to lớn giao diện việc phát triển nâng cao trải nghiệm người dùng việc sử dụng website, Công ty cổ phân DEHA Việt Nam phát triển website giới thiệu công ty với giao diện cực sáng tạo Tuy nhiên, số vấn đề liên quan đến giao diện website cần cải thiện thay giải pháp tối ưu Qua thời gian thực tập, tìm hiểu hoạt động Cơng ty q trình phân tích thấy rõ tầm quan trọng việc phát triển giao diện website, giao diện website doanh nghiệp số vần đề ảnh hưởng đến trải nghiệm người dùng việc tương tác vơi website doanh nghiệp nhận thấy vấn đề cần nghiên cứu sâu hơn, đồng thời đề xuất biện pháp hoàn thiện giao diện website doanh nghiệp Vì lý trên, tác giả chọn đề tài “Thiết kế giao diện website https://dehasoft.com với ngôn ngữ tiếng Việt cho Công ty cổ phần DEHA Việt Nam” hoàn toàn phù hợp với thực tiễn 2.MỤC TIÊU VÀ NHIỆM VỤ NGHIÊN CỨU 2.1 Mục tiêu nghiên cứu Mục tiêu nghiên cứu đề tài thiết kế giao diện website https://dehasoft.com với ngôn ngữ tiếng Việt cho Công ty cổ phần DEHA Việt Nam 2.2 Nhiệm vụ nghiên cứu Nhiệm vụ nghiên cứu đề tài là: Tổng quan vấn đề lý thuyết liên website giao diện website Phân tích đánh giá thực trạng giao diện website https://deha-soft.com Công ty cổ phần DEHA Việt Nam Thực thiết kế giao website https://deha-soft.com Công ty cổ phần DEHA Việt Nam với ngôn ngữ Tiếng Việt Đưa số giải pháp, kiến nghị cải thiện giao diện website https://dehasoft.com Công ty cổ phần DEHA Việt Nam 3.ĐỐI TƯỢNG VÀ PHẠM VI NGHIÊN CỨU 3.1.Đối tượng nghiên cứu Đối tượng nghiên cứu đề tài website https://deha-soft.com Công ty cổ phần DEHA Việt Nam 3.2.Phạm vi nghiên cứu Phạm vi không gian: Tại Công ty cổ phần DEHA Việt Nam Phạm vi thời gian: Nghiên cứu thực từ ngày 26/09/2022 đến 25/11/2022 Phạm vi đề tài nghiên cứu: Phạm vi nghiên cứu tập trung vào vấn đề liên quan đến giao diện website https://deha-soft.com Công ty cổ phần DEHA Việt Nam Đặc biệt vấn đề liên quan đến giao diện với ngôn ngữ tiếng Việt Đồng thời đề xuất giải pháp cải thiện giao diện website Công ty Cụ thể, phạm vi liên quan đến giải pháp thực thật Chương 4.PHƯƠNG PHÁP NGHIÊN CỨU 4.1.Phương pháp thu thập số liệu Đề tài nghiên cứu sử dụng phương pháp thu thập liệu: phương pháp thu thập liệu sơ cấp phương pháp thu thập liệu thứ cấp -Phương pháp thu thập liệu sơ cấp Nghiên cứu thu thập số thông tin liên quan đến website DEHA Việt Nam thông qua công cụ tạo biểu mẫu trực tuyến Google form Số phiếu thu được: 15 phiếu Đối tượng đươc khảo sát người sử dụng trải nghiệm website Công ty cổ phần DEHA Việt Nam -Phương pháp thu thập liệu thứ cấp Các liệu thứ cấp đề tài nghiên cứu lấy từ tài liệu cổ phần DEHA Việt Nam, thông tin phương tiện truyền thông (như internet, báo, tạp chí, ) sách liên quan đến thiết kế giao diện, sách liên quan đến thiết kế triển khai website 4.2.Phương pháp xử lý liệu Dữ liệu thu thập từ phiếu điều tra thông qua cơng cụ tạo biểu mẫu trực tuyến, sau tổng hợp, thống kê phân tích phần mềm Excel 5.KẾT CẤU KHĨA LUẬN Khóa luận gồm có chương chính: CHƯƠNG CƠ SỞ LÝ LUẬN VỀ THIẾT KẾ GIAO DIỆN WEBSITE CHƯƠNG PHÂN TÍCH ĐÁNH GIÁ THỰC TRẠNG VỀ GIAO DIỆN WEBSITE https://deha-soft.com CỦA CÔNG TY CỔ PHẦN DEHA VIỆT NAM CHƯƠNG THIẾT KẾ GIAO DIỆN WEBSITE https://deha-soft.com VỚI NGÔN NGỮ TIẾNG VIỆT CHO CÔNG TY CỔ PHẦN DEHA VIỆT NAM CHƯƠNG CƠ SỞ LÝ LUẬN VỀ THIẾT KẾ GIAO DIỆN WEBSITE 1.1.KHÁI NIỆM CHUNG VỀ GIAO DIỆN WEBSITE 1.1.1 Khái niệm chung giao diện website -Khái niệm website Webpage (trang Web): tệp tin viết mã (Code) HTML (Hypertext Markup Language) có chứa siêu liên kết (Hyperlink) đến trang Web khác Trên trang Web ngồi thành phần chữ, cịn chứa thành phần khác hình ảnh, nhạc, video, Website: tập hợp nhiều trang Web có quan hệ với Mối quan hệ (liên kết) trang Web website thực siêu liên kết Mỗi website đưa vào mạng Internet để hoà website khác Website chia làm loại: - Website giới thiệu: Là loại website đơn giản nhất, dùng để giới thiệu cá nhân hay đơn vị, tổ chức Ví dụ website ca sĩ chứa thơng tin lý lịch, hát ưa thích, lịch diễn, ca sĩ - Website lưu trữ thơng tin: Website lưu trữ thơng tin hay cịn gọi thư viện điện tử loại website chứa thông tin chuyên môn (chuyên ngành) xếp thành nhiều đề mục, nhiều tiêu đề để phục vụ thuận tiện cho việc tra cứu thông tin lưu trữ - Website truyền liệu: Website truyền liệu loại website thiết kế đặc biệt để thu nhận thông tin từ xa Nhờ loại website này, tổ chức, doanh nghiệp hoạt động địa bàn rộng, có nhiều phận vệ tinh, thay phải đến tận địa bàn địa phương khác để ghi chép, thu thập thơng tin, nhận thơng tin qua website từ vị trí mạng Internet nhiệm vụ cịn việc kiểm chứng, đánh giá thơng tin trước nhập vào kho thông tin chung - Website thương mại: Là website chứa thơng tin hàng hố dịch vụ; ngồi ra, cịn chứa nhiều form script tính tốn để người tiêu dùng mua hàng, sử dụng dịch vụ toán, thơng qua website (Đàm Gia Mạnh, Giáo trình Thương mại điện tử bản, 2018, Nhà xuất Thống kê) - Khái niệm trải nghiệm người dùng (User Experience - UX) Don Norman, nhà nghiên cứu người đồng sáng lập Công ty Tư vấn Thiết kế Nielsen Norman Group, cho đặt thuật ngữ “trải nghiệm người dùng” vào cuối năm 1990 Đây cách anh mô tả trải nghiệm người dung: “Trải nghiệm người dùng bao gồm tất khía cạnh tương tác người dùng cuối với công ty, dịch vụ sản phẩm công ty.” (Don Norman)