Xây dựng website kết nối doanh nghiệp it việt nam với khách hàng quốc tế

ĐẠI HỌC ĐÀ NẴNG TRƯỜNG ĐẠI HỌC SƯ PHẠM KHOA TIN HỌC KHÓA LUẬN TỐT NGHIỆP ĐỀ TÀI: XÂY DỰNG WEBSITE KẾT NỐI DOANH NGHIỆP IT VIỆT NAM VỚI KHÁCH HÀNG QUỐC TẾ CHUYÊN NGÀNH: CÔNG NGHỆ THÔNG TIN CHẤT LƯỢNG CAO Sinh viên thực hiện: MSV : Lớp : Cán hướng dẫn : Nguyễn Hữu Bính Giáp 312045161107 16CNTTC PGS TSKH Trần Quốc Chiến Đà Nẵng – Tháng 5/2020 LỜI CẢM ƠN Em chân thành cảm ơn thầy cô khoa Tin, trường Đại học Sư phạm Đại học Đà Nẵng tận tình truyền đạt kiến thức quý báu suốt năm đại học vừa qua, để hơm em có đầy đủ kiến thức để thực đề tài khóa luận Đặc biêt, em xin chân thành cảm ơn giảng viên hướng dẫn (GVHD) PGS TSKH Trần Quốc Chiến tận tình giúp đỡ, trực tiếp hướng dẫn em suốt trình thực đề tài Mặc dù cố gắng hồn thành khóa luận phạm vi khả cho phép chắn không tránh khỏi thiếu sót Em mong nhận thơng cảm, góp ý tận tình bảo quý Thầy Cô Đà nẵng, ngày 25 tháng 05 năm 2020 Sinh viên thực Nguyễn Hữu Bính Giáp Nguyễn Hữu Bính Giáp – Lớp 16CNTTC (2016-2020) LỜI CAM ĐOAN Tôi xin cam đoan: Những nội dung báo cáo thực hướng dẫn trực tiếp GVHD PGS TSKH Trần Quốc Chiến Mọi tham khảo dùng báo cáo trích dẫn rõ ràng tên tác giả, tên cơng trình, thời gian, địa điểm cơng bố Mọi chép không hợp lệ, vi phạm quy chế đào tạo, hay gian trá, tơi xin chịu hồn tồn trách nhiệm Sinh viên thực Nguyễn Hữu Bính Giáp Nguyễn Hữu Bính Giáp – Lớp 16CNTTC (2016-2020) NHẬN XÉT CỦA CÁN BỘ HƯỚNG DẪN …………………………………………………………………………………………… …………………………………………………………………………………………… …………………………………………………………………………………………… …………………………………………………………………………………………… …………………………………………………………………………………………… …………………………………………………………………………………………… …………………………………………………………………………………………… …………………………………………………………………………………………… …………………………………………………………………………………………… …………………………………………………………………………………………… …………………………………………………………………………………………… …………………………………………………………………………………………… …………………………………………………………………………………………… …………………………………………………………………………………………… …………………………………………………………………………………………… …………………………………………………………………………………………… …………………………………………………………………………………………… …………………………………………………………………………………………… …………………………………………………………………………………………… …………………………………………………………………………………………… …………………………………………………………………………………………… Đà Nẵng, ngày tháng năm Cán hướng dẫn Nguyễn Hữu Bính Giáp – Lớp 16CNTTC (2016-2020) NHẬN XÉT CỦA HỘI ĐỒNG PHẢN BIỆN …………………………………………………………………………………………… …………………………………………………………………………………………… …………………………………………………………………………………………… …………………………………………………………………………………………… …………………………………………………………………………………………… …………………………………………………………………………………………… …………………………………………………………………………………………… …………………………………………………………………………………………… …………………………………………………………………………………………… …………………………………………………………………………………………… …………………………………………………………………………………………… …………………………………………………………………………………………… …………………………………………………………………………………………… …………………………………………………………………………………………… …………………………………………………………………………………………… …………………………………………………………………………………………… …………………………………………………………………………………………… …………………………………………………………………………………………… …………………………………………………………………………………………… …………………………………………………………………………………………… …………………………………………………………………………………………… Đà Nẵng, ngày tháng năm 2020 Hội đồng phản biện Nguyễn Hữu Bính Giáp – Lớp 16CNTTC (2016-2020) Mục lục DANH MỤC CÁC BẢNG DANH MỤC HÌNH ẢNH MỞ ĐẦU 10 1.Bối cảnh đề tài 10 Sơ lượt bước đề tài 11 Mục đích 11 Mục tiêu đề tài 11 Kết dự kiến 12 CHƯƠNG 1: CƠ SỞ LÝ THUYẾT 13 1.1 Tổng quan tảng công nghệ 14 1.1.1 Material UI 14 1.1.2 Nextjs 14 1.1.3 ReactJS 15 1.1.4 NodeJS 15 1.1.5 HapiJS 16 1.1.6 Test Driven Development 16 1.2 Cơ sở liệu PostgreSQL 19 1.2.1 Mục đích sử dụng sở liệu 19 1.2.2 Giới thiệu PostgreSQL 20 CHƯƠNG 2: PHÂN TÍCH VÀ THIẾT KẾ HỆ THỐNG 22 2.1 Giới thiệu Website 22 2.2 Phân tích thiết kế hệ thống 22 2.2.1 Phân tích yêu cầu chức người dùng 22 2.2.2 Thiết kế hệ thống 24 2.2.3 Sơ đồ Use case tổng quát 25 2.2.4 Sơ đồ mức ngữ cảnh 29 2.2.5 Sơ đồ mức 30 2.2.6 Phân rã sơ đồ chức 31 2.2.7 Yêu cầu chức đặc tả Use case 34 Nguyễn Hữu Bính Giáp – Lớp 16CNTTC (2016-2020) 2.2.8 Thiết kế sở liệu 38 2.2.9 Cấu trúc bảng ràng buộc 39 3.1 Kết triển khai 45 3.1.1 Giao diện trang index 45 3.1.2 Giao diện đăng ký 46 3.1.3 Giao diện đăng nhập 47 3.1.4 Giao diện display project doanh nghiệp IT khách hàng quốc tế 48 3.1.5 Giao diện đăng ký dự án 49 3.1.6 Giao diện reviewBidding 50 3.1.7 Giao diện phòng chat 51 3.1.8 Giao diện Company 53 3.1.9 Giao diện User Profile 54 3.2 Đánh giá 56 KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN 57 TÀI LIỆU THAM KHẢO 58 Nguyễn Hữu Bính Giáp – Lớp 16CNTTC (2016-2020) DANH MỤC CÁC BẢNG Bảng 1: Bảng mô tả sử dụng website khách vãng lai 34 Bảng 2: Bảng mô tả sử dụng hệ thống doanh nghiệp IT Việt Nam 35 Bảng 3: Bảng mô tả sử dụng hệ thống khách hàng quốc tế 36 Bảng 4: Bảng mô tả sử dụng hệ thống Ban quản trị 37 Bảng 5: Bảng UserAccounts 39 Bảng 6: Bảng Project 39 Bảng 7: Bảng ProjectBiddings 40 Bảng 8: Bảng TrialProjects 40 Bảng 9: Bảng Companies 41 Bảng 10: Bảng TrialProjectProposals 42 Bảng 11: Bảng VerifyCompanies 42 Bảng 12: Bảng Roles 43 Bảng 13: Bảng StatusAccounts 43 Bảng 14: Notifications 43 Bảng 15: Bảng UserProfiles 44 Bảng 16: Bảng Messages 44 Bảng 17: Đề xuât 44 Bảng 18: Chức dành cho khách hàng quốc tế 56 Bảng 19: Chức dành cho Doanh nghiệp IT Việt Nam 56 Bảng 20: Chức dành cho Quản trị viên 56 Nguyễn Hữu Bính Giáp – Lớp 16CNTTC (2016-2020) DANH MỤC HÌNH ẢNH Hình 1: Mơ hình chu trình TDD1.1.7 Cypress 17 Hình 2: Sơ đồ Use Case tổng quát 25 Hình 3: Sơ đồ Use Case tổng quát quản trị viên 26 Hình 4: Sơ đồ Use Case tổng quát Doanh Nghiệp 27 Hình 5: Sơ đồ Use case tổng quát khách hàng quốc tế 28 Hình 6: Sơ đồ phân rã chức khách vãng lai 31 Hình 7: Sơ đồ phân rã chức khách hàng 32 Hình 8: Sơ đồ phân rã chức doang nhiệp 33 Hình 9: Sơ đồ sở liệu 38 Hình 10: Giao diện trang chủ 45 Hình 11: Giao diện trang đăng ký 46 Hình 12: Giao diện trang đăng nhập 47 Hình 13: Giao diện trang Display projects 48 Hình 14: Giao diện trang đăng dự án 49 Hình 15: Giao diện trang review Bidding 50 Hình 16: Giao diện trang Chat 51 Hình 17: Giao diện trang chat không trống, popup thông báo 52 Hình 18: Giao diện trang company profile 53 Hình 19: Giao diện trang User Profile 54 Hình 20: Admin xác thực dự án 55 Nguyễn Hữu Bính Giáp – Lớp 16CNTTC (2016-2020) MỞ ĐẦU 1.Bối cảnh đề tài Ngày nay, với phát triển mạnh mẽ Công nghệ thông tin ứng dụng mạnh mẽ đời sống Máy tính điện tử khơng là thứ phương tiện lạ lẫm người mà dần trở thành cơng cụ làm việc giải trí thơng dụng hữu ích chúng ta, khơng cơng sở mà cịn gia đình Trong kinh tế nay, với xu toàn cầu hóa kinh tế giới, mặt đời sống xã hội ngày nâng cao, đặc biệt nhu cầu trao đổi hàng hóa người ngày tăng số lượng chất lượng Hiện công ty tin học hàng đầu giới không ngừng đầu tư cải thiện giải pháp sản phẩm nhằm cho phép tiến hành thương mại hóa internet Thơng qua sản phẩm công nghệ này, dễ dàng nhận tầm quan trọng tính tất yếu thương mại điện tử Với thao tác đơn giản máy có nối mạng Internet ban có tận tay cần mà khơng phải nhiều thời gian Để tiếp cận góp phần đẩy mạnh phổ biến thương mại điện tử Việt Nam, qua khảo sát thực tế Việt Nam công ty nhỏ tầm trung startup IT đông, hội để làm việc với khách hàng nước ngồi ít, mặt dù nhiều nhân tố dẫn đến vấn đề tổng quan lại yếu tố danh tiếng chưa đủ để nhận tin tưởng từ khách hàng, việc xây dựng website làm cầu nối doanh nghiệp với khách hàng quốc tế với đảm bảo từ công ty lớn có danh tiếng điều khả thi Vì vậy, tơi nghiên cứu xây dựng cài đặt “Xây dựng website kết nối doanh nghiệp IT Việt Nam với khách hàng quốc tế” 10 Nguyễn Hữu Bính Giáp – Lớp 16CNTTC (2016-2020) STT Thuộc tính userProfileID AccountUserID Representative PhoneNumber Avatar Address Country createAt updateAt Mô tả Mã user profile Mã account Tên người đại diện Số điện thoại liên hệ Hình đại diện Địa chị country Ngày khởi tạo Ngày cập nhật Ghi Khóa Bảng 15: Bảng UserProfiles STT Thuộc tính Id Text userID toUserID roomID createAt updateAt Mơ tả Mã message Dữ liệu chat Mã user gửi tin nhắn Mã user nhận tin nhắn Mã phòng chat Ngày khởi tạo Ngày cập nhật Ghi Khóa Bảng 16: Bảng Messages STT Thuộc tính Id accountUserID projectID projectType isTrialProject result createAt updateAt Mơ tả Ghi Mã đề xuất Khóa Mã user đề xuất Mã dự án đề xuất Loại dự án Kiểm tra có dùng thử nghiệm Thơng tin đề xuất Ngày khởi tạo Ngày cập nhật Bảng 17: Đề xuât 44 Nguyễn Hữu Bính Giáp – Lớp 16CNTTC (2016-2020) CHƯƠNG 3: TRIỂN KHAI VÀ ĐÁNH GIÁ 3.1 Kết triển khai 3.1.1 Giao diện trang chủ Hình 10: Giao diện trang chủ 45 Nguyễn Hữu Bính Giáp – Lớp 16CNTTC (2016-2020) Tại giao diện trang chủ, người dùng thấy thông tin nội dung chức website, đồng thời, người dùng dẽ thấy mức độ tin cậy, số lượng công ty tham gia, bên cạch đó, website cịn giới thiệu đặc điểm văn hóa khu vực mà Ezteam hướng đến để kết nối doanh nghiệp: Việt Nam, Japan, North American, Korean, phần phần vinh danh cơng ty doanh nghiệp có thành tích cao, bình chọn nhiều phần cuối (footer) phần giới thiệu thông tin, cách thức liên hệ đến Ezteam 3.1.2 Giao diện đăng ký Hình 11: Giao diện trang đăng ký Tại giao diện trang đăng ký, website cho phép người dùng chọn quyền muốn tham gia: Customer (người đăng dự án) Ezteam (người tìm đấu thầu dự án), sau người dùng điền số thơng tin, mật đồng ý với điều khoản sử dụng để tạo cho tài khoản mong muốn 46 Nguyễn Hữu Bính Giáp – Lớp 16CNTTC (2016-2020) 3.1.3 Giao diện đăng nhập Hình 12: Giao diện trang đăng nhập Tại giao diện đăng nhập, sau tạo cho khoản, đây, người dùng sử dụng tài khoản vừa tạo để đăng nhập vào website để sử dụng tính cung cấp sẵn 47 Nguyễn Hữu Bính Giáp – Lớp 16CNTTC (2016-2020) 3.1.4 Giao diện dự án đấu thầu doanh nghiệp IT khách hàng quốc tế Hình 13: Giao diện trang dự án đấu thầu Tại giao diện dự án đấu thầu: + Đối với quyền customer: thị dự án mà tạo + Đối với quyền Ezteam: thị tất dự án mà tất customer tạo 48 Nguyễn Hữu Bính Giáp – Lớp 16CNTTC (2016-2020) 3.1.5 Giao diện đăng ký dự án Hình 14: Giao diện trang đăng dự án Tại giao diện đăng dự án, customer tiến hành điền thơng tin theo u cầu để đăng dự án lên tìm nhà thầu phù hợp cho 49 Nguyễn Hữu Bính Giáp – Lớp 16CNTTC (2016-2020) 3.1.6 Giao diện reviewBidding Hình 15: Giao diện trang chi tiết đấu thầu Tại giao diện trang chi tiết đấu thầu, customer xem lại thơng tin chi tiết dự án mình, đồng thời xem số lượng ứng viên tham gia với đề nghị ứng viên 50 Nguyễn Hữu Bính Giáp – Lớp 16CNTTC (2016-2020) 3.1.7 Giao diện phòng chat Hình 16: Giao diện trang Chat Tại giao diện Chat, chưa tham gia đấu thầu dự án, dự án chưa đấu thầu thị thơng báo: “Hiện khơng có phịng chat nào” ngược lại thị giao diện “Hình 17”, customer có đọc thơng tin đề xuất Ezteam, nhắn tin, Ezteam thay đổi thông tin đề xuất đấu thầu nhắn tin 51 Nguyễn Hữu Bính Giáp – Lớp 16CNTTC (2016-2020) Hình 17: Giao diện trang chat không trống, popup thông báo 52 Nguyễn Hữu Bính Giáp – Lớp 16CNTTC (2016-2020) 3.1.8 Giao diện Company Hình 18: Giao diện trang hồ sơ công ty Tại giao diện hồ sơ công ty, thị thông tiên liên hệ, dự án làm, thành tích đạt được, giao diện này, chủ tài khoản(Ezteam) thay đổi thơng tin, Customer đọc thông tin 53 Nguyễn Hữu Bính Giáp – Lớp 16CNTTC (2016-2020) 3.1.9 Giao diện User Profile Hình 19: Giao diện trang User Profile Tại giao diện User Profile, người dùng tiến hành đăng nhập vào tài khoản thay đổi, cập nhật thơng tin hiển thị giao diện 54 Nguyễn Hữu Bính Giáp – Lớp 16CNTTC (2016-2020) 3.1.10 Giao diện Admin xác thực dự án Hình 20: Admin xác thực dự án Tại giao diện này, customer tiến hành đăng dự án, dự án hiển thị Admin tiến hành kiểm tra, xác thực thông tin, dự án admin thông qua, hiển thị giao diện dự án đấu thầu, ngược lại thị trang dự án chờ 55 Nguyễn Hữu Bính Giáp – Lớp 16CNTTC (2016-2020) 3.2 Đánh giá Bảng đánh giá kết thực hiện: Chức Đăng ký Đăng nhập Chờ xác thực dự án Đăng dự án đấu thầu Review chốt dự án Chat với cơng ty offshore Tìm kiếm Chỉnh sửa thơng tin cá nhân Tình trạng Hồn thành Hồn thành Hồn thành Hoàn thành Hoàn thành Hoàn thành Hoàn thành Hoàn thành Mô tả Bảng 18: Chức dành cho khách hàng quốc tế Chức Đăng ký Đăng nhập Review dự án Đăng ký đấu thầu dự án Dự án tham gia Chat với khách hàng Tìm kiếm Chỉnh sử thông tin công ty Chỉnh sửa thông tin cá nhân Tình trạng Hồn thành Hồn thành Hồn thành Hồn thành Hoàn thành Hoàn thành Hoàn thành Hoàn thành Hoàn thành Mô tả Bảng 19: Chức dành cho Doanh nghiệp IT Việt Nam Chức Tình trạng Đăng nhập Hồn thành Quản lý đăng Hồn thành Cập nhật thơng tin trang Hồn thành web Tìm kiếm Hồn thành Admin xác thực dự án Hồn thành Mơ tả Bảng 20: Chức dành cho Quản trị viên 56 Nguyễn Hữu Bính Giáp – Lớp 16CNTTC (2016-2020) KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN ƯU ĐIỂM • Học hỏi nhiều kinh nghiệm cơng việc • Học quy trình xây dựng hệ thống với công nghệ reactjs, thư viện mã nguồn mở cách thiết kế giúp sản phẩm trở nên đẹp hơn, hướng đến trải nghiệm người dùng • Áp dụng kiến thức học vào việc xây dựng sản phẩm • Nâng cao trách nhiệm công việc, tinh thần tự giác, nghiêm túc, • Cải thiện tương đối kỹ đọc – hiểu tiếng Anh • Rút nhiều kinh nghiệm quý báu, học cách tự lập, tự nghiên cứu, kỹ mềm phong cách làm việc môi trường chuyên nghiệp có nhìn nhận cơng việc tương lai HẠN CHẾ • Thời gian hạn chế nên chưa phát triển nhiều • Do kiến thức kinh nghiệm kỹ lập trình cịn hạn chế nên sản phẩm phần mềm đơn giản, chưa triển khai tưởng xây dựng hệ thống đề tài HƯỚNG PHÁT TRIỂN • Hỗ trợ thêm nhiều tính đề hệ thống đưa để sử dụng rộng rãi 57 Nguyễn Hữu Bính Giáp – Lớp 16CNTTC (2016-2020) TÀI LIỆU THAM KHẢO [1] https://reactjs.org/ [2] https://nextjs.org/ [3] https://material-ui.com/ [4] https://nodejs.org/en/ [5] https://hapi.dev/ [6] https://viblo.asia/p/test-driven-development-gioi-thieu-6J3ZgneMKmB [7] https://www.cypress.io/ [8] https://www.postgresql.org/docs/9.1/sql-update.html 58 Nguyễn Hữu Bính Giáp – Lớp 16CNTTC (2016-2020) ... cầu nối doanh nghiệp với khách hàng quốc tế với đảm bảo từ công ty lớn có danh tiếng điều khả thi Vì vậy, nghiên cứu xây dựng cài đặt ? ?Xây dựng website kết nối doanh nghiệp IT Việt Nam với khách. .. -Sử dụng Website Doang nghiệp IT Việt Nam Tác nhân: Mô tả: - Doanh nghiệp IT Việt Nam -Doang nghiệp IT Việt Nam có nhu cầu hợp tác với đối tác quốc tế Nhật Bản, Mỹ, Úc… truy cập Website để tìm... PHÂN TÍCH VÀ THIẾT KẾ HỆ THỐNG 2.1 Giới thiệu Website Ezteam.net môi trường nơi mà cho phép doanh nghiệp IT Việt Nam khách hàng quốc tế kết nối với để thực dự án hỗ trợ tối đa từ công ty cổ phần