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ế

ĐẠI HỌC ĐÀ NẴNG TRƯỜNG ĐẠI HỌC SƯ PHẠM KHOA TIN HỌC BÁO CÁO 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Ế CBHD : PGS.TSKH Trần Quốc Chiến Sinh viên : Hồ Tuấn Vũ Lớp MSSV : 16 CNTTC : 312045161136 ĐÀ NẴNG, tháng 05/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 thực tập Đặc biêt, em xin chân thành cảm ơ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 Đồng thời gửi lời cảm ơn đến tất bạn sinh viên khóa tập thể lớp 16CNTTC khoa Tin học – Trường ĐH Sư phạm – ĐH Đà Nẵng ủng hộ, giúp đỡ, chia sẻ kiến thức kinh nghiệm thời gian qua 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ô bạn Đà nẵng, ngày 12 tháng 05 năm 2020 Sinh viên thực Hồ Tuấn Vũ ` 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 anh chị Công Ty Cổ Phần Napa Global Đà Nẵ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 hiện, Hồ Tuấn Vũ Hồ Tuấn Vũ – 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 Hồ Tuấn Vũ – 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 Hồ Tuấn Vũ – Lớp 16CNTTC (2016-2020) ` 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 10 MỞ ĐẦU 12 1.Bối cảnh đề tài 12 2.Sơ lược bước đề tài 13 Mục đích 13 Mục tiêu đề tài 13 Kết dự kiến 14 CHƯƠNG 1: CƠ SỞ LÝ THUYẾT 15 1.1 Tổng quan tảng công nghệ 17 1.1.1Material UI 17 1.1.2 CSS 17 1.1.3 ReactJS 19 1.1.4 NodeJS 20 1.1.5 HapiJS 21 1.1.6 Test Driven Development 21 1.1.7 Cypress 23 1.2 Cơ sở liệu PostgreSQL 24 1.2.1 Mục đích sử dụng sở liệu 24 1.2.2 Giới thiệu PostgreSQL 25 CHƯƠNG 2: PHÂN TÍCH VÀ THIẾT KẾ HỆ THỐNG 27 2.1 Giới thiệu Website 27 2.2 Phân tích thiết kế hệ thống 27 2.2.1 Phân tích yêu cầu chức người dùng 27 2.2.2 Thiết kế hệ thống 29 2.2.3 Sơ đồ luồng liệu 30 2.2.4 Sơ đồ Use case tổng quát 32 2.2.5 Phân rã sơ đồ chức 36 2.2.6 Yêu cầu chức đặc tả Use case 40 Hồ Tuấn Vũ – Lớp 16CNTTC (2016-2020) ` 2.2.7 Thiết kế sở liệu 44 2.2.8 Cấu trúc bảng ràng buộc 45 CHƯƠNG 3: CÀI ĐẶT VÀ THỬ NGHIỆM 51 3.1 Kết triển khai 51 3.1.1 Giao diện trang index 51 3.1.2 Giao diện đăng ký 54 3.1.3 Giao diện đăng nhập 55 3.1.4 Giao diện display project doanh nghiệp IT khách hàng quốc tế 56 3.1.5 Giao diện đăng ký dự án 57 3.1.6 Giao diện reviewBidding 58 3.1.7 Giao diện phòng chat 59 3.1.8 Giao diện Company 61 3.1.9 Giao diện trang OnGoing 62 3.1.10 Giao diện trang OnGoing Detail 63 3.1.11 Giao diện User Profile 64 3.1.12 Giao diện trang admin verify request 65 3.2 Kiểm thử website 66 KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN 67 TÀI LIỆU THAM KHẢO 71 Hồ Tuấn Vũ – 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ê Xn Nhì (Nhân cơng ty) 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 sprint - Đư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 - 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 - Tham gia vào hình Index, Chat 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 - Tham gia vào hình Login, Register, On Going, OnGoing Detail Hồ Tuấn Vũ – Lớp 16CNTTC (2016-2020) ` Register bidding - Authorization 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 - Tham gia vào hình Create Project, Attending project, Review bidding Hồ Tuấn Vũ – 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 40 Bảng 2: Bảng mô tả sử dụng hệ thống doanh nghiệp IT Việt Nam 41 Bảng 3: Bảng mô tả sử dụng hệ thống khách hàng quốc tế 42 Bảng 4: Bảng mô tả sử dụng hệ thống Ban quản trị 43 Bảng 5: Bảng UserAccounts 45 Bảng 6: Bảng Project 45 Bảng 7: Bảng ProjectBiddings 46 Bảng 8: Bảng TrialProjects 46 Bảng 9: Bảng Companies 47 Bảng 10: Bảng TrialProjectProposals 48 Bảng 11: Bảng VerifyCompanies 48 Bảng 12: Bảng Roles 49 Bảng 13: Bảng StatusAccounts 49 Bảng 14: Notifications 49 Bảng 15: Bảng UserProfiles 50 Bảng 16: Bảng Messages 50 Bảng 17: Bảng phân cơng cơng việc q trình thực tập 67 Hồ Tuấn Vũ – Lớp 16CNTTC (2016-2020) 57 ` 3.1.5 Giao diện đăng ký dự án Hình 17: Giao diện trang đăng dự án Hồ Tuấn Vũ – Lớp 16CNTTC (2016-2020) 58 ` 3.1.6 Giao diện reviewBidding Hình 18: Giao diện trang review Bidding Hồ Tuấn Vũ – Lớp 16CNTTC (2016-2020) 59 ` 3.1.7 Giao diện phịng chat Hình 19: Giao diện trang Chat Hồ Tuấn Vũ – Lớp 16CNTTC (2016-2020) 60 ` Hình 20: Giao diện trang chat trống, popup thông báo Hồ Tuấn Vũ – Lớp 16CNTTC (2016-2020) 61 ` 3.1.8 Giao diện Company Hình 21: Giao diện trang company profile Hồ Tuấn Vũ – Lớp 16CNTTC (2016-2020) 62 ` 3.1.9 Giao diện trang OnGoing Hình 22: Giao diện trang OnGoing Hồ Tuấn Vũ – Lớp 16CNTTC (2016-2020) 63 ` 3.1.10 Giao diện trang OnGoing Detail Hình 23: Giao diện trang OnGoing Detail Hồ Tuấn Vũ – Lớp 16CNTTC (2016-2020) 64 ` 3.1.11 Giao diện User Profile Hình 24: Giao diện trang User Profile Hồ Tuấn Vũ – Lớp 16CNTTC (2016-2020) 65 ` 3.1.12 Giao diện trang admin verify request Hình 25: Giao diện trang admin verify request Hồ Tuấn Vũ – Lớp 16CNTTC (2016-2020) 66 ` 3.2 Kiểm thử website ❖ Test cài đặt định hình website • Website chạy thử ổn định trình duyệt browser khác nhau: Chrome, firefox, internet explorer, Microsoft edge, safari … • Khả lưu trữ liệu ổn định • Hệ thống chạy nhanh, ổn định, bị gián đoạn ❖ Test giao diện website • Màu nền, màu chữ, kiểu chữ khớp với q trình Design, màu khơng làm ảnh hưởng đến thị giác người dùng, màu chữ khơng làm ảnh hưởng đến người đọc • Reponsive tốt với sài loại điện thoại hành ❖ Test chức website • Các chức đăng nhập, đăng xuất, đăng dự án, đăng ký đấu thầu, duyệt dự án đấu thầu, chat hoạt động tốt • Nội dung hình ảnh thị tốt rõ ràng load trang Hồ Tuấn Vũ – Lớp 16CNTTC (2016-2020) 67 ` KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN KẾT QUẢ Công việc thực task giao trình thực tập Vũ Duy Giáp Nhật Sprint Training(nodejs, hapijs, reactjs , redux, nextjs, materialUI, TDD,cypress) v v v v Phân tích thiết kế hệ thống thông tin(hành vi Sprint người dùng, số khái niệm dự án,mockup design, xây dựng DB) v v v v Authorization v Register/Login v Hiển thị dự án tìm kiếm dự án v Post dự án v Sprint Quản lý dự án Sprint Chi tiết dự án(nhà đầu tư) + chọn nhà thầu v v Chi tiết dự án (nhà thầu) + đăng ký đấu thầu v v Ongoing (dự án hoạt động) v Write test script BE (TDD) v v v v Write test end to end FE (CYPRESS) v v v v Bảng 17: Bảng phân công công việc trình thực tập Hồ Tuấn Vũ – Lớp 16CNTTC (2016-2020) 68 ` 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 18: 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 19: Chức dành cho Doanh nghiệp IT Việt Nam Hồ Tuấn Vũ – Lớp 16CNTTC (2016-2020) 69 ` 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 Hồn thành Bảng 20: Chức dành cho Quản trị viê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ồ Tuấn Vũ – Lớp 16CNTTC (2016-2020) 70 ` 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 Hồ Tuấn Vũ – Lớp 16CNTTC (2016-2020) 71 ` TÀI LIỆU THAM KHẢO 1/ https://material-ui.com/ 2/ https://reactjs.org/ 3/ https://www.wikipedia.org/ 4/ https://hapi.dev/ 5/ https://viblo.asia/ 6/ https://jobs.hybrid-technologies.vn/blog/huong-dan-su-dung-docker-co-ban/ Hồ Tuấn Vũ – Lớp 16CNTTC (2016-2020) ... -Sử dụng Website Doang nghiệp IT Việt Nam Tác nhân: - Doanh nghiệp IT Việt Nam Mô tả: -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... dựng cài đặt” Website kết nối doanh nghiệp IT vừa nhỏ 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... 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