Website kết nối các doanh nghiệp IT việt nam với các khách hàng quốc tế

TRƯỜNG ĐẠI HỌC SƯ PHẠM – ĐẠI HỌC ĐÀ NẴNG KHOA TIN HỌC BÁO CÁO KẾT QUẢ KHÓA LUẬN TỐT NGHIỆP TÊN ĐỀ TÀI: XÂY DỰNG WEBSITE KẾT NỐI CÁC DOANH NGHIỆP IT VIỆT NAM VỚI KHÁCH HÀNG QUỐC TẾ GVHD : TS Nguyễn Trần Quốc Vinh SVTH : Dương Long Nhật Lớp : 16 CNTTC MSSV : 312045161122 Đà Nẵng, 4/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 GVHD TS Nguyễn Trần Quốc Vinh 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 q Thầy Cơ Đà Nẵng, ngày 15 tháng 04 năm 2020 Sinh viên thực Dương Long Nhật Giảng viên hướng dẫn: TS Nguyễn Trần Quốc Vinh 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 Nguyễn Trần Quốc Vinh 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 Dương Long Nhật Sinh viên thực hiện: Dương Long Nhật Trang / 50 Giảng viên hướng dẫn: TS Nguyễn Trần Quốc Vinh 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 Sinh viên thực hiện: Dương Long Nhật Trang / 50 Giảng viên hướng dẫn: TS Nguyễn Trần Quốc Vinh 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 Sinh viên thực hiện: Dương Long Nhật Trang / 50 Giảng viên hướng dẫn: TS Nguyễn Trần Quốc Vinh 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 Dương Long Nhật Developer - Tham gia thiết kế, xây dựng, kiểm thử dự án dự án Tester - Tham gia vào hình Display project, User profile & Company profile Nguyễn Hoàng Duy Developer 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 Hồ Tuấn Vũ Developer 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 Tester - Tham gia thiết kế, xây dựng, kiểm thử dự án dự án - Tham gia vào hình Attending project, Review bidding Sinh viên thực hiện: Dương Long Nhật Trang / 50 Giảng viên hướng dẫn: TS Nguyễn Trần Quốc Vinh DANH MỤC CÁC BẢNG Bảng 1: Bảng UserAccounts 30 Bảng 2: Bảng Project 30 Bảng 3: Bảng ProjectBiddings 31 Bảng 4: Bảng TrialProjects 31 Bảng 5: Bảng Companies 32 Bảng 6: Bảng TrialProjectProposals 33 Bảng 7: Bảng VerifyCompanies 33 Bảng 8: Bảng Roles 34 Bảng 9: Bảng StatusAccounts 34 Bảng 10: Notifications 34 Bảng 11: Bảng UserProfiles 35 Bảng 12: Bảng Messages 35 Bảng 13: Chức dành cho khách hàng quốc tế 45 Bảng 14: Chức dành cho Doanh nghiệp IT Việt Nam 45 Bảng 15: Chức dành cho Quản trị viên 46 Sinh viên thực hiện: Dương Long Nhật Trang / 50 Giảng viên hướng dẫn: TS Nguyễn Trần Quốc Vinh DANH MỤC HÌNH ẢNH Hình 1: Sơ đồ phân rã chức khách vãng lai 26 Hình 2: Sơ đồ phân rã chức khách hàng 27 Hình 3: Sơ đồ phân rã chức doanh nhiệp 28 Hình 4: Sơ đồ sở liệu 29 Hình 5: Giao diện trang index 36 Hình 6: Giao diện trang Signup 37 Hình 7: Giao diện trang Login 37 Hình 8: Giao diện trang Display projects 38 Hình 9: Giao diện trang Create project 39 Hình 10: Giao diện trang Review bidding 40 Hình 11: Giao diện trang Chat 41 Hình 12: Giao diện trang chat không trống, popup thông báo 42 Hình 13: Giao diện trang Company profile 43 Hình 14: Giao diện trang User profile 44 Sinh viên thực hiện: Dương Long Nhật Trang / 50 Giảng viên hướng dẫn: TS Nguyễn Trần Quốc Vinh MỤC LỤC 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 MỞ ĐẦU Bối cảnh đề tài Sơ lượt bước đề tài 10 Mục đích 10 Mục tiêu đề tài 10 Kết dự kiến 11 CHƯƠNG 1: CƠ SỞ LÝ THUYẾT 12 Tổng quan tảng công nghệ 13 1.1 1.2 React 13 Next.js 13 1.3 1.4 1.5 1.6 1.7 Material-UI 14 Cypress 14 Node.js 15 HapiJS 15 Test Driven Development 16 Cơ sở liệu PostgreSQL 18 2.1 2.2 Mục đích sử dụng sở liệu 18 Giới thiệu PostgreSQL 18 CHƯƠNG 2: PHÂN TÍCH VÀ THIẾT KẾ HỆ THỐNG 21 Giới thiệu đề tài 21 Phân tích thiết kế hệ thống 21 2.1 2.2 2.3 2.4 2.5 2.6 Phân tích yêu cầu chức người dùng 21 Thiết kế hệ thống 23 Sơ đồ mức ngữ cảnh 24 Sơ đồ mức 25 Phân rã sơ đồ chức 26 Thiết kế sở liệu 29 Sinh viên thực hiện: Dương Long Nhật Trang / 50 Giảng viên hướng dẫn: TS Nguyễn Trần Quốc Vinh 2.7 Cấu trúc bảng ràng buộc 30 CHƯƠNG 3: TRIỂN KHAI VÀ ĐÁNH GIÁ 36 Kết triển khai 36 3.1 3.2 3.3 3.4 3.5 3.6 3.7 3.8 3.9 Giao diện trang index 36 Giao diện đăng ký 37 Giao diện đăng nhập 37 Giao diện hiển thị dự án doanh nghiệp khách hàng quốc tế 38 Giao diện đăng ký dự án 39 Giao diện theo dõi đấu thầu 40 Giao diện phòng chat 41 Giao diện Company 43 Giao diện User profile 44 Đánh giá 45 KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN 47 ƯU ĐIỂM 47 HẠN CHẾ 47 HƯỚNG PHÁT TRIỂN 47 TÀI LIỆU THAM KHẢO 48 Sinh viên thực hiện: Dương Long Nhật Trang / 50 Giảng viên hướng dẫn: TS Nguyễn Trần Quốc Vinh STT Thuộc tính Mơ tả Ghi id Mã verify company Khóa Name Quyền tài khoản createAt Ngày khởi tạo updateAt Ngày cập nhật Bảng 8: Bảng Roles STT Thuộc tính Mơ tả Ghi SttAccID Mã trạng thái tài khoản Khóa Name Tên trạng thái createAt Ngày khởi tạo updateAt Ngày cập nhật Bảng 9: Bảng StatusAccounts STT Thuộc tính Mơ tả Ghi Id Mã thơng báo Khóa Message Nội dung thông báo NotifỉeID Mã người tạo thông báo accessLink Link dẫn đến thay đổi read Đọc thông báo Status Trạng thái thông báo tableName Tên bảng bị thay đổi Bảng 10: Notifications Sinh viên thực hiện: Dương Long Nhật Trang 34 / 50 Giảng viên hướng dẫn: TS Nguyễn Trần Quốc Vinh STT Thuộc tính Mơ tả Ghi userProfileID Mã user profile Khóa AccountUserID Mã account Representative Tên người đại diện PhoneNumber Số điện thoại liên hệ Avatar Hình đại diện Address Địa chị Country country createAt Ngày khởi tạo updateAt Ngày cập nhật Bảng 11: Bảng UserProfiles STT Thuộc tính Mơ tả Ghi Id Mã message Khóa Text Dữ liệu chat userID Mã user gửi tin nhắn toUserID Mã user nhận tin nhắn roomID Mã phòng chat createAt Ngày khởi tạo updateAt Ngày cập nhật Bảng 12: Bảng Messages Sinh viên thực hiện: Dương Long Nhật Trang 35 / 50 Giảng viên hướng dẫn: TS Nguyễn Trần Quốc Vinh CHƯƠNG 3: TRIỂN KHAI VÀ ĐÁNH GIÁ Kết triển khai 3.1 Giao diện trang index Hình 5: Giao diện trang index Sinh viên thực hiện: Dương Long Nhật Trang 36 / 50 Giảng viên hướng dẫn: TS Nguyễn Trần Quốc Vinh 3.2 Giao diện đăng ký Hình 6: Giao diện trang Signup 3.3 Giao diện đăng nhập Hình 7: Giao diện trang Login Sinh viên thực hiện: Dương Long Nhật Trang 37 / 50 Giảng viên hướng dẫn: TS Nguyễn Trần Quốc Vinh 3.4 Giao diện hiển thị dự án doanh nghiệp khách hàng quốc tế Hình 8: Giao diện trang Display projects Sinh viên thực hiện: Dương Long Nhật Trang 38 / 50 Giảng viên hướng dẫn: TS Nguyễn Trần Quốc Vinh 3.5 Giao diện đăng ký dự án Hình 9: Giao diện trang Create project Sinh viên thực hiện: Dương Long Nhật Trang 39 / 50 Giảng viên hướng dẫn: TS Nguyễn Trần Quốc Vinh 3.6 Giao diện theo dõi đấu thầu Hình 10: Giao diện trang Review bidding Sinh viên thực hiện: Dương Long Nhật Trang 40 / 50 Giảng viên hướng dẫn: TS Nguyễn Trần Quốc Vinh 3.7 Giao diện phịng chat Hình 11: Giao diện trang Chat Sinh viên thực hiện: Dương Long Nhật Trang 41 / 50 Giảng viên hướng dẫn: TS Nguyễn Trần Quốc Vinh Hình 12: Giao diện trang chat không trống, popup thông báo Sinh viên thực hiện: Dương Long Nhật Trang 42 / 50 Giảng viên hướng dẫn: TS Nguyễn Trần Quốc Vinh 3.8 Giao diện Company Hình 13: Giao diện trang Company profile Sinh viên thực hiện: Dương Long Nhật Trang 43 / 50 Giảng viên hướng dẫn: TS Nguyễn Trần Quốc Vinh 3.9 Giao diện User profile Hình 14: Giao diện trang User profile Sinh viên thực hiện: Dương Long Nhật Trang 44 / 50 Giảng viên hướng dẫn: TS Nguyễn Trần Quốc Vinh Đánh giá Bảng đánh giá kết thực hiện: Chức Tình trạng Đăng ký Hồn thành Đăng nhập Hồn thành Đăng dự án đấu thầu Hoàn thành Review chốt dự án Hồn thành Chat với cơng ty offshore Hồn thành Tìm kiếm Hồn thành Mơ tả Chỉnh sửa thơng tin cá Hồn thành nhân Bảng 13: Chức dành cho khách hàng quốc tế Đăng ký Hoàn thành Đăng nhập Hoàn thành Review dự án Hoàn thành Đăng ký đấu thầu dự án Hoàn thành Chat với khách hàng Hồn thành Tìm kiếm Hồn thành Chỉnh sử thơng tin cơng Hồn thành ty Chỉnh sửa thơng tin cá Hoàn thành nhân Bảng 14: Chức dành cho Doanh nghiệp IT Việt Nam Sinh viên thực hiện: Dương Long Nhật Trang 45 / 50 Giảng viên hướng dẫn: TS Nguyễn Trần Quốc Vinh Chức Tình trạng Đăng nhập Hồn thành Quản lý đăng Hồn thành Mơ tả Cập nhật thơng tin trang Hồn thành web Tìm kiếm Hoàn thành Bảng 15: Chức dành cho Quản trị viên Sinh viên thực hiện: Dương Long Nhật Trang 46 / 50 Giảng viên hướng dẫn: TS Nguyễn Trần Quốc Vinh 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 chun 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 Sinh viên thực hiện: Dương Long Nhật Trang 47 / 50 Giảng viên hướng dẫn: TS Nguyễn Trần Quốc Vinh TÀI LIỆU THAM KHẢO [1] https://reactjs.org/ [2] https://nextjs.org/ [3] https://material-ui.com/ [4] https://www.cypress.io/ [5] https://nodejs.org/en/ [6] https://hapi.dev/ [7] http://agiledata.org/essays/tdd.html [8] https://www.postgresql.org/ Sinh viên thực hiện: Dương Long Nhật Trang 48 / 50 ... dựng cài đặt” Website kết nối doanh nghiệp IT vừa với khác hàng quốc tế “ Qua khảo sát thực tế, Việt Nam công ty nhỏ tầm trung ngày start up IT đông, hội để làm việc với khách hàng nước ngồi ít,... 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 chốt nhà thầu - Xây dựng chức đăng ký đấu thầu cho công ty IT Việt Nam. .. 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 Sinh