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 BÁO CÁO KẾT QUẢ 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 Hoàng Duy 312045161104 16CNTTC TS Phạm Anh Phương Đà 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) TS Phạm Anh Phương 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 hoàn thành đồ á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 19 tháng 05 năm 2020 Sinh viên thực Nguyễn Hoàng Duy Nguyễn Hoàng Duy – 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 TS Phạm Anh Phương 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 Hoàng Duy Nguyễn Hoàng Duy – 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 2020 Cán hướng dẫn Nguyễn Hoàng Duy – 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ồng Duy – Lớp 16CNTTC (2016-2020) BẢNG PHÂN CƠNG CƠNG VIỆC TRONG DỰ ÁN Thành viên Cơng việc Mơ tả chi tiết Mai Trọng Hiếu Technical Leader (Nhân công ty) Product Owner - Đào tạo công nghệ cho sinh viên thực tập - Hướng dẫn cho sinh viên thực tập cách hoạt động dự án, yêu cầu dự án quy định phương pháp làm việc - Đưa yêu cầu đánh giá sản phẩm - Hỗ trợ giải đáp thắc mắc, khó khăn sinh viên trình làm việc Lê Xuân (Nhân cơng ty) Nhì Project Manager Data Scientist - Quản lý thời gian làm việc sinh viên công ty - Lập báo cáo thường nhật sau spint - Đưa góp ý database system Dương Long Nhật Developer (Sinh viên thực tập) Tester - Tham gia thiết kế, xây dựng, kiểm thử dự án dự án - Tham gia vào hình Display project, User profile & Company profile Nguyễn Hoàng Duy Developer (Sinh viên thực tập) Tester - Tham gia thiết kế, xây dựng, kiểm thử dự án dự án - Tham gia vào hình Index, Chat, Review, Display - Tham gia xây dựng module admin (xác thực nhà thầu – verify company) - Tham gia xây dựng hệ thống thông báo Nguyễn Hoàng Duy – Lớp 16CNTTC (2016-2020) Hồ Tuấn Vũ Developer (Sinh viên thực tập) Tester - Tham gia thiết kế, xây dựng, kiểm thử dự án dự án - Tham gia vào hình Login, Register bidding Nguyễn Hữu Bính Giáp Developer (Sinh viên thực tập) Tester - Tham gia thiết kế, xây dựng, kiểm thử dự án dự án - Tham gia vào hình Create Project, Attending project, Review bidding Nguyễn Hồng Duy – Lớp 16CNTTC (2016-2020) Mục lục BÁO CÁO KẾT QUẢ KHÓA LUẬN TỐT NGHIỆP CHUYÊN NGÀNH : CÔNG NGHỆ THÔNG TIN CHẤT LƯỢNG CAO1 BẢNG PHÂN CÔNG CÔNG VIỆC TRONG DỰ ÁN DANH MỤC CÁC BẢNG DANH MỤC HÌNH ẢNH 11 MỞ ĐẦU 13 1.Bối cảnh đề tài 13 Sơ lượt bước đề tài 14 Mục đích 14 Mục tiêu đề tài 14 Kết dự kiến 15 CHƯƠNG 1: CƠ SỞ LÝ THUYẾT 16 1.1 Tổng quan tảng công nghệ 17 1.1.1 Material UI 17 1.1.2 Nextjs 17 1.1.3 ReactJS 18 1.1.4 NodeJS 18 1.1.5 HapiJS 19 1.1.6 Test Driven Development 19 1.1.7 Cypress 21 1.2 Cơ sở liệu PostgreSQL 22 1.2.1 Mục đích sử dụng sở liệu 22 1.2.2 Giới thiệu PostgreSQL 23 CHƯƠNG 2: PHÂN TÍCH VÀ THIẾT KẾ HỆ THỐNG 25 2.1 Giới thiệu Website 25 2.2 Phân tích thiết kế hệ thống 25 2.2.1 Phân tích yêu cầu chức người dùng 25 Nguyễn Hoàng Duy – Lớp 16CNTTC (2016-2020) 2.2.2 Thiết kế hệ thống 27 2.2.3 Sơ đồ Use case tổng quát 28 2.2.4 Phân rã sơ đồ chức 34 2.2.5 Yêu cầu chức đặc tả Use case 37 2.2.6 Thiết kế sở liệu 41 2.2.7 Cấu trúc bảng ràng buộc 42 CHƯƠNG 3: TRIỂN KHAI VÀ ĐÁNH GIÁ 48 3.1 Kết triển khai 48 3.1.1 Giao diện trang index 48 3.1.2 Giao diện đăng ký 51 3.1.3 Giao diện đăng nhập 52 3.1.4 Giao diện display project doanh nghiệp IT khách hàng quốc tế 53 3.1.5 Giao diện đăng ký dự án 54 3.1.6 Giao diện reviewBidding 55 3.1.7 Giao diện phòng chat 56 3.1.8 Giao diện Company 58 3.1.9 Giao diện User Profile 59 3.1.10 Giao diện Verify Company 60 3.2 Đánh giá 64 KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN 65 TÀI LIỆU THAM KHẢO 66 Nguyễn Hoàng Duy – 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 37 Bảng 2: Bảng mô tả sử dụng hệ thống doanh nghiệp IT Việt Nam 38 Bảng 3: Bảng mô tả sử dụng hệ thống khách hàng quốc tế 39 Bảng 4: Bảng mô tả sử dụng hệ thống Ban quản trị 40 Bảng 5: Bảng UserAccounts 42 Bảng 6: Bảng Project 42 Bảng 7: Bảng ProjectBiddings 43 Bảng 8: Bảng TrialProjects 43 Bảng 9: Bảng Companies 44 Bảng 10: Bảng TrialProjectProposals 45 Bảng 11: Bảng VerifyCompanies 45 Bảng 12: Bảng Roles 46 Bảng 13: Bảng StatusAccounts 46 Bảng 14: Notifications 46 Bảng 15: Bảng UserProfiles 47 Bảng 16: Bảng Messages 47 Bảng 17: Chức dành cho khách hàng quốc tế 64 Bảng 18: Chức dành cho Doanh nghiệp IT Việt Nam 64 Bảng 19: Chức dành cho Quản trị viên 64 10 Nguyễn Hoàng Duy – Lớp 16CNTTC (2016-2020) 3.1.3 Giao diện đăng nhập Hình 12: Giao diện trang đăng nhập - Khi đăng nhập hệ thống thành công, website nhận diện quyền user điều hướng đến trang tương ứng có hiển thị tương ứng, biểu thị chức đặc trưng cho quyền 52 Nguyễn Hoàng Duy – Lớp 16CNTTC (2016-2020) 3.1.4 Giao diện display project doanh nghiệp IT khách hàng quốc tế Hình 13: Giao diện trang Display projects - Trang display cho phép hiển thị tất dự án đăng kiểm duyệt, trạng thái đấu thầu - Nếu user khách hàng (customer), hệ thống hiển thị dự án đăng user đó, click điều hướng sang trang review bidding (quản lý phiên đấu thầu dự án đó) - Nếu user doanh nghiệp (offshore), hệ thống hiển thị tất dự án đăng khách hàng, click điều hướng sang trang register bidding cho phép doanh nghiệp đăng kí đấu thầu cho dự án - Các user tìm kiếm project phù hợp trang 53 Nguyễn Hoàng Duy – 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 54 Nguyễn Hoàng Duy – Lớp 16CNTTC (2016-2020) 3.1.6 Giao diện reviewBidding Hình 15: Giao diện trang review Bidding 55 Nguyễn Hoàng Duy – Lớp 16CNTTC (2016-2020) 3.1.7 Giao diện phịng chat Hình 16: Giao diện trang Chat 56 Nguyễn Hồng Duy – Lớp 16CNTTC (2016-2020) Hình 17: Giao diện trang chat không trống, popup thông báo - Sau đăng kí đấu thầu, phịng chat tạo khách hàng doanh nghiệp liên quan - Hai bên thảo luận để đến đồng thuận thông tin đấu thầu doanh nghiệp, cho phù hợp với nhu cầu quyền lợi hai bên - Doanh nghiệp cập nhật thơng tin đấu thầu hình dự án chốt ứng viên phù hợp 57 Nguyễn Hoàng Duy – Lớp 16CNTTC (2016-2020) 3.1.8 Giao diện Company Hình 18: Giao diện trang company profile 58 Nguyễn Hoàng Duy – Lớp 16CNTTC (2016-2020) 3.1.9 Giao diện User Profile Hình 19: Giao diện trang User Profile - User chỉnh sửa thơng tin cá nhân ảnh đại diện, họ tên, số điện thoại, địa chỉ, quốc gia menu góc phải bên hình - User đổi mật 59 Nguyễn Hoàng Duy – Lớp 16CNTTC (2016-2020) 3.1.10 Giao diện Verify Company Hình 20: Giao diện trang Verify Company - Khi khách hàng yêu cầu xác thực nhà thầu (click option verify company click chốt thầu), hệ thống hiển thị lịch sử lần yêu cầu gần đưa lựa chọn có nên tạo yêu cầu hay không - Khi người dùng chọn tạo yêu cầu, hệ thống tạo yêu cầu xác thực công ty tương ứng, yêu cầu nằm mục “yêu cầu xác minh” lưu lại theo thứ tự thời gian - Admin sau nhận thông báo yêu cầu mới, tiến hành tạo task (nhiệm vụ cần thiết để tiến hành xác thực) chốt danh sách nhiệm vụ thấy đủ - Customer nhận thông báo xem danh sách nhiệm vụ mà admin đề xuất, ghi lại nhận xét không Sau lựa chọn task phù hợp, customer thông qua nhiệm vụ để admin bắt đầu tiến hành 60 Nguyễn Hoàng Duy – Lớp 16CNTTC (2016-2020) Hình 21: Thêm nhiệm vụ Hình 22: Customer duyệt nhiệm vụ 61 Nguyễn Hoàng Duy – Lớp 16CNTTC (2016-2020) Hình 23: Giao diện báo cáo - Sau customer thơng qua task, admin bắt đầu q trình xác thực viết báo cáo chi tiết cho task thơng qua - Báo cáo tích hợp trình soạn thảo để dễ dàng thao tác - Khi hoàn thành báo cáo, admin click nút chốt báo cáo - Báo cáo yêu cầu hồnh thành báo cáo customer thơng qua 62 Nguyễn Hồng Duy – Lớp 16CNTTC (2016-2020) Hình 24: Giao diện thông báo liên quan - Khi hành động thực user đó, hệ thống ghi lại tạo thông báo để chuyển đến cho người dùng liên quan - Ví dụ, customer tạo yêu cầu xác thực nhà thầu, thông báo admin, chuông báo chuyển trạng thái, click vào có thơng báo với nội dung “customer X tạo yêu cầu xác thực nhà thầu” 63 Nguyễn Hoàng Duy – 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 Đă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ạo u cầu xác thực nhà thầu Tình trạng Hồn thành Hoàn thành Hoàn thành Hoàn thành Hoàn thành Hoàn thành Hồn thành Hồn thành Mơ tả Bảng 17: 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 Chat với khách hàng Tìm kiếm Chỉnh sửa 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 Hồn thành Hồn thành Hồn thành Hồn thành Mơ tả Bảng 18: Chức dành cho Doanh nghiệp IT Việt Nam Chức Đăng nhập Quản lý đăng Cập nhật thơng tin trang web Tìm kiếm Xử lý u cầu xác thực nhà thầu Tình trạng Hồn thành Hồn thành Hồn thành Mơ tả Hồn thành Hồn thành Bảng 19: Chức dành cho Quản trị viên 64 Nguyễn Hoàng Duy – 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 65 Nguyễn Hoàng Duy – 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 66 Nguyễn Hoàng Duy – 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, tơi nghiên cứu xây dựng cài đặt ? ?Website kết nối doanh nghiệp IT với khách hàng Quốc Tế? ??... -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... kiếm • Xây dựng thành cơng hệ thống đăng ký, đăng nhập, phân quyền dành cho doanh nghiêp IT Việt Nam khách hàng quốc tế • Xây dựng chức đăng dự án cần tìm nhà đấu thầu khách hàng quốc tế, chức