KHÓA LUẬN TỐT NGHIỆP XÂY DỰNG MÔI TRƯỜNG PHÁT TRIỂN SẢN PHẨM CÔNG NGHỆ THÔNG TIN

ĐẠI HỌC QUỐC GIA THÀNH PHỐ HỒ CHÍ MINH TRƯỜNG ĐẠI HỌC CÔNG NGHỆ THÔNG TIN KHOA CÔNG NGHỆ PHẦN MỀM NGUYỄN DUY TÂN TRẦN THỊ THU TÌNH KHĨA LUẬN TỐT NGHIỆP XÂY DỰNG MÔI TRƯỜNG PHÁT TRIỂN SẢN PHẨM CÔNG NGHỆ THÔNG TIN Building tool for product workspace KỸ SƯ NGÀNH KỸ THUẬT PHẦN MỀM TP HỒ CHÍ MINH, 2021 ĐẠI HỌC QUỐC GIA THÀNH PHỐ HỒ CHÍ MINH TRƯỜNG ĐẠI HỌC CÔNG NGHỆ THÔNG TIN KHOA CÔNG NGHỆ PHẦN MỀM NGUYỄN DUY TÂN - 16521075 TRẦN THỊ THU TÌNH - 16521250 KHĨA LUẬN TỐT NGHIỆP XÂY DỰNG MƠI TRƯỜNG PHÁT TRIỂN SẢN PHẨM CÔNG NGHỆ THÔNG TIN Building tool for product workspace KỸ SƯ NGÀNH KỸ THUẬT PHẦN MỀM GIẢNG VIÊN HƯỚNG DẪN THS NGUYỄN CÔNG HOAN TP HỒ CHÍ MINH, 2021 DANH SÁCH HỘI ĐỒNG BẢO VỆ KHĨA LUẬN Hội đồng chấm khóa luận tốt nghiệp, thành lập theo Quyết định số …………………… ngày .của Hiệu trưởng Trường Đại học Công nghệ Thông tin - Chủ tịch - Thư ký - Ủy viên - Ủy viên ĐẠI HỌC QUỐC GIA TP HỒ CHÍ MINH CỘNG HỊA XÃ HỘI CHỦ NGHĨA VIỆT NAM TRƯỜNG ĐẠI HỌC Độc Lập - Tự Do - Hạnh Phúc CÔNG NGHỆ THÔNG TIN TP HCM, ngày… tháng… năm NHẬN XÉT KHÓA LUẬN TỐT NGHIỆP CỦA CÁN BỘ HƯỚNG DẪN Tên khóa luận: XÂY DỰNG MÔI TRƯỜNG PHÁT TRIỂN SẢN PHẨM CÔNG NGHỆ THÔNG TIN Nhóm SV thực hiện: Cán hướng dẫn/phản biện: Nguyễn Duy Tân 16521075 Trần Thị Thu Tình 16521250 Ths Nguyễn Cơng Hoan Đánh giá Khóa luận Về báo cáo: Số trang Số chương Số bảng số liệu Số hình vẽ Số tài liệu tham khảo Sản phẩm Một số nhận xét hình thức báo cáo: ……… ……… Về nội dung nghiên cứu: ……… …… Về chương trình ứng dụng: ……… ……… Về thái độ làm việc sinh viên: ……… ……… Đánh giá chung: ……………………………………………………………………………… …………………………………… Điểm sinh viên: Nguyễn Duy Tân /10 Trần Thị Thu Tình /10 Người nhận xét (Ký tên ghi rõ họ tên) ĐẠI HỌC QUỐC GIA TP HỒ CHÍ MINH CỘNG HỊA XÃ HỘI CHỦ NGHĨA VIỆT NAM TRƯỜNG ĐẠI HỌC Độc Lập - Tự Do - Hạnh Phúc CÔNG NGHỆ THÔNG TIN TP HCM, ngày… tháng… năm NHẬN XÉT KHÓA LUẬN TỐT NGHIỆP CỦA CÁN BỘ HƯỚNG DẪN Tên khóa luận: XÂY DỰNG MÔI TRƯỜNG PHÁT TRIỂN SẢN PHẨM CÔNG NGHỆ THÔNG TIN Nhóm SV thực hiện: Cán hướng dẫn/phản biện: Nguyễn Duy Tân 16521075 Trần Thị Thu Tình 16521250 Ths Nguyễn Cơng Hoan Đánh giá Khóa luận Về báo cáo: Số trang Số chương Số bảng số liệu Số hình vẽ Số tài liệu tham khảo Sản phẩm Một số nhận xét hình thức báo cáo: ……… ……… Về nội dung nghiên cứu: ……… …… Về chương trình ứng dụng: ……… ……… Về thái độ làm việc sinh viên: ……… ……… Đánh giá chung: ……………………………………………………………………………… …………………………………… Điểm sinh viên: Nguyễn Duy Tân /10 Trần Thị Thu Tình /10 Người nhận xét (Ký tên ghi rõ họ tên LỜI CẢM ƠN Đầu tiên, với tất lòng biết ơn kính trọng, chúng em xin trân trọng cảm ơn quý thầy, cô khoa Công Nghệ Phần Mềm, thầy, cô công tác trường Đại học Công nghệ Thông tin – ĐHQG-HCM dùng tất tri thức tâm huyết để truyền đạt kiến thức, kinh nghiệm quý báu cho chúng em suốt q trình học tập rèn luyện ngơi trường Đặc biệt, chúng em xin gửi lời tri ân chân thành sâu sắc đến Ths Nguyễn Công Hoan – người thầy hướng dẫn tận tâm, nhiệt tình hỗ trợ hết lịng giúp đỡ cho nhóm chúng em suốt q trình thực đồ án Những định hướng, bổ sung, góp ý thầy nguồn cảm hứng tảng sở góp phần giúp chúng em có nghiên cứu đắn, đạt kết tốt việc xây dựng, phát triển ứng dụng hồn thiện khóa luận tốt nghiệp.Tiếp theo, chúng em xin phép gửi lời cảm ơn đặc biệt đến gia đình người thân Gia đình ln chỗ dựa tinh thần vững chắc, nguồn động lực lớn giúp chúng em vượt qua khó khăn, phấn đấu hồn thành tốt Cuối cùng, nhóm chúng em xin gửi lời cảm ơn đến anh, chị bạn sinh viên trường Đại học Cơng nghệ Thơng tin nhiệt tình hỗ trợ, chia sẻ ý kiến, góp ý giúp chúng em suốt thời gian thực đồ án Một lần nữa, chúng em xin chân thành cảm ơn xin gửi lời chúc sức khỏe đến q thầy, TP Hồ Chí Minh, ngày 15 tháng năm 2021 Nhóm tác giả ĐẠI HỌC QUỐC GIA TP HỒ CHÍ MINH CỘNG HỒ XÃ HỘI CHỦ NGHĨA TRƯỜNG ĐẠI HỌC VIỆT NAM CÔNG NGHỆ THÔNG TIN Độc Lập – Tự Do – Hạnh Phúc ĐỀ CƯƠNG CHI TIẾT KHÓA LUẬN TỐT NGHIỆP Tên đề tài: Xây dựng môi trường phát triển sản phẩm công nghệ thông tin (Building tool for product workspace) Cán hướng dẫn: ThS Nguyễn Công Hoan Thời gian thực hiện: Từ ngày 7/09/2020 đến ngày 20/12/2020 Sinh viên thực hiện: Nguyễn Duy Tân - 16521075 Trần Thị Thu Tình - 16521250 Nội dung đề tài: Mục tiêu: Đề tài hướng đến xây dựng môi trường phát triển sản phẩm cơng nghệ thơng tin cho cơng ty có quy mô vừa nhỏ Với mục tiêu tạo cơng cụ quản lý sản phẩm theo lộ trình Cho phép tạo kế hoạch chi tiết chiến lược sản phẩm theo dõi tính sản phẩm suốt vòng đời phát triển sản phẩm Đồng thời cơng cụ tạo nhìn tổng quan toàn diện sản phẩm, đặt mốc quan trọng khác cho nhóm, tìm nguồn ý tưởng từ thành viên nhóm, tạo quy trình làm việc cho phương pháp agile/scrum Giúp cho người quản lý sản phẩm (Product manager) tạo sản phẩm có chất lượng, đáp ứng nhu cầu khách hàng Đối tượng: Các công ty có quy mơ vừa nhỏ Phương pháp thực hiện: Làm việc nhóm với thành viên, phân chia công việc phù hợp với lực kinh nghiệm người, thực khóa luận theo lượng cơng việc thời gian lập kế hoạch chi tiết Các vấn đề liên quan đến khóa luận trao đổi trực tiếp thành viên Kết mong đợi: Hồn thiện cơng cụ hoạt động tốt với đầy đủ chức lập trình, giao diện thân thiện mang lại trải nghiệm tốt cho người dùng Kế hoạch thực hiện: (thời gian thực 15 tuần) STT Công việc Thời gian thực Phase 1: Phân tích tìm hiểu tuần Sprint 1: Phân tích đề tài nghiên cứu kỹ thuật tuần Phân công 1.1 Khảo sát, tìm hiểu yêu cầu hệ thống 1.2 Phân tích, thiết kế hệ thống: 1.2.1 Thiết kế luồng người dùng 1.2.2 Thiết kế sơ đồ lớp Tình 1.2.3 Thiết kế sở liệu Tân 1.2.4 Lựa chọn công nghệ, kỹ thuật phù hợp cho dự án Tuần Phase 2: Xây dựng tool Sprint 2: Nghiên cứu xây dựng khung ứng dụng 2.1 Tìm hiểu xây dựng framework cho web server 2.2 Tìm hiểu xây dựng web client Sprint 3: Xây dựng chức đăng nhập, đăng ký, đăng ký package, tạo workspace product 3.1 Xây dựng chức đăng nhập, đăng ký 3.2 Cài đặt giao diện thực chức đăng nhập, đăng ký 3.3 Xây dựng chức đăng ký gói package, tạo workspace product 3.4 Cài đặt giao diện thực chức đăng ký gói package, tạo workspace product Cả nhóm Sprint 4: Xây dựng chức tạo chiến lược 4.1 Xây dựng chức quản lý vision 4.2 Cài đặt giao diện thực chức quản lý vision 4.3 Xây dựng chức quản lý model 4.4 Cài đặt giao diện thực chức quản lý model 4.5 Xây dựng chức quản lý positioning 4.6 Cài đặt thực chức quản lý positioning 4.7 Xây dựng chức quản lý personal 4.8 Cài đặt thực chức quản lý personal (7/9/2020 - 14/9/2020) Tân Cả nhóm 12 tuần tuần Tuần Tân (14/09/2020 – 21/09/2020) Tình tuần Tuần (21/09/2020 – 24/09/2020) Tân Tình Tân (24/09/2020 – 28/09/2020) Tình tuần Tuần Tân (28/09/2020 – 5/10/2020) Tình Tân Tuần Tình (5/10/2020 – 12/10/2020) Tân Tình Tuần Tân (12/10/2020 – 19/10/2020) Tình 4.2.15 Quản lý road map Hình 0.58 Màn hình roadmap strategy Hình 0.59 Màn hình cập nhật initiative roadmap 145 Hình 0.60 Màn hình cập nhật release roadmap Hình 0.61 Màn hình danh sách release, feature 146 Hình 0.62 Màn hình cập nhật release Hình 0.63 Màn hình cập nhật feature 147 4.2.16 Giao diện thơng tin tổng quan product Hình 0.64 Màn hình thông tin chung product 148 4.2.17 Giao diện phân quyền user Hình 0.65 Màn hình cập nhật thơng tin cá nhân Hình 0.66 Màn hình danh sách users 149 Hình 0.67 Màn hình phân quyền, edit, xóa user 4.2.18 Giao diện quản lý packages(admin) Hình 0.68 Màn hình danh sách package 150 Hình 0.69 Popup thêm, cập nhật package Hình 0.70 Màn hình report income, sold out package 151 4.2.19 Giao diện phổ biến Hình 0.71 Form thêm todo Hình 0.72 Form cập nhật todo Hình 0.73 Thêm comment 152 Hình 0.74 Popup file preview Hình 0.75 Popup chọn file 153 4.3 Cài đặt 4.3.1 Môi trường phát triển triển khai ❖ Deloy: Backend: • • • • • Front-end: Strategy : http://13.212.105.184:8002 Development: http://13.212.105.184:8005 Action: http://13.212.105.184:8004 Report: http://13.212.105.184:8006 Config: http://52.77.214.233:8003 http://52.77.214.233:3001/ 4.3.1.1 Môi trường phát triển phần mềm - Sử dụng framework Servlet - Sử dụng Visual Studio Code để lập trình - Sử dụng ReactJS - Sử dụng redis - Quản lý CSDL Postgresql - Quản lý source code GitHub 4.3.2.2 Môi trường triển khai - Có thể triển khai ứng dụng thơng qua điện thoại đa chức năng, máy tính bàn, máy tính xách tay, máy tính bảng,… - Điều kiện để triển khai phần mềm bao gồm: • Mơi trường triển khai môi trường sau: Android, iOS, Windows 7, Windows 8, Windows 8.1, Windows 10 • Là thiết bị truy cập mạng • Có liệu mạng sẵn có • Sẵn có phần mềm trình duyệt web (FireFox, Cốc cốc, Google Chrome, Internet Explorer, Opera,… 4.3.2 Hướng dẫn cài đặt chạy 4.3.2.1 Yêu cầu phần mềm - Ứng dụng chạy tảng phổ biến Windows, Linux Mac Để khởi chạy phần tool, ta cần cài đặt phần mềm sau: 154 Đối với server: - Java phiên trở lên • Vui lịng tìm phiên để đảm bảo mã nguồn hoạt động Đối với client: - Cài đặt ReactJS phiên 16 trở lên Có thể tải cài đặt tại: https://vi.reactjs.org/docs/getting-started.html • - Vui lịng khơng cài đặt phiên 16 ứng dụng không hoạt động Cài đặt yarn phiên (10.15.3 trở lên) Tải cài đặt tại(Khơng bắt buộc sử dụng npm): https://yarnpkg.com/en/docs/install • Vui lòng cài đặt phiên stable yarn 4.3.2.2 Chạy ứng dụng localhost - Ứng dụng thiết kế để khởi chạy cách dễ dàng từ cửa sổ dòng lệnh Ứng với hệ điều hành tương ứng ta mở cửa sổ dòng lệnh tương ứng thực sau: Đối với server - Chạy lệnh mvn tomcat7:run Đối với client - - Tại thư mục toolProductManager chạy lệnh: Yarn add (hoặc npm i) • Lệnh tìm cài đặt toàn thư viện liên quan khối client • Lệnh cần chạy lên lần sau cập nhật góipackage Khởi chạy ứng dụng chế độ phát triển: • Ta chạy tiếp lệnh yarn dev (hoặc npm start) thư mục • Lệnh đóng gói khởi chạy ứng dụng web cổng 3001 Ta truy cập http://localhost:3001 Để sử dụng ứng dụng - Khởi chạy ứng dụng chế độ sản phẩm: Tại thư mục, ta chạy lệnh: yarn build (hoặc npm run build) - Ở chế độ sản phẩm, ứng dụng chạy nhanh chế độ phát triển, đồng thời tiết kiệm tài nguyên hệ thống 155 CHƯƠNG 5: KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN 5.1 Kết luận - Thơng qua q trình thực đồ án với đề tài xây dựng tool quản lý product Nhóm xây dựng ứng dụng web sử dụng chủ yếu cho cơng ty vừa nhỏ Qua đó, cung cấp tính quản lý product cách thuận tiện bao gồm: • Theo dõi lộ trình phát triển sản phẩm cách tồn diện • Triển khai tồn diện nắm bắt tiến trình phát triển sản phẩm cách tổng quan • Hỗ trợ người dùng đưa nhìn tồn cảnh tương lai sản phẩm thông qua việc xác định mong muốn, tầm nhìn họ • Tool giúp họ thiết lập mục tiêu chiến lược chủ động làm rõ người dùng muốn nhắm tới, vạch nhiệm vụ thực cần thiết để đạt mục tiêu • Trao đổi với team, kiểm soát nhiệm vụ, đầu việc đâu, bất mà khơng cần tới email • Tập hợp idea để phát triển product thông qua quản lý ideas • Người tham gia thấy nhiệm vụ họ cần phải hoàn thành khoảng thời gian xác định Từ lên kế hoạch để hồn thành • Ngồi ra, hệ thống tổ chức phân quyền cách có hiệu giúp ứng dụng vận hành an tồn Đảm bảo user ên thực hành động nằm nhóm quyền phân - Cũng từ đó, nhờ việc xây dựng hồn thành ứng dụng Nhóm tích lũy nhiều kinh nghiệm kỹ phát triển phần mềm quan trọng bao gồm: • Học hỏi nhiều cơng nghệ Postgresql, Redis, React, redux-Observable,… Biết cách lựa chọn kết hợp vơ số cơng nghệ ngồi kia, cặp trùng bổ trợ tương thích với mà đây, tiêu biểu kết hợp Java redis, React redux-observable • Ngồi ra, nhóm có thêm nhiều kinh nghiệm quý báu quy trình phát triển phần mềm, bao gồm: 156 ▪ Sử dụng trình quản lý source code Github, công cụ GitKraken ứng dụng quy trình Git Flow quản lý mã nguồn ▪ Có thêm kiến thức việc áp dụng CI/CD việc phát triển phần mềm ▪ Áp dụng công cụ prettier, eslint, codefactor để đảm bảo mã nguồn định dạng Tạo quy chuẩn chung xác cho tồn dự án 5.2 Hướng phát triển - Cơng cụ quản lý product mà nhóm phát triển hoàn thành nghiệp vụ cần có cho người quản lý Tuy nhiên, hạn chế thời gian nên số nghiệp vụ khác chưa phát triển Theo đó, nhóm cố gắng tìm hiểu sâu nghiệp vụ liên quan đến công tác quản lý liên quan đến tool để mở rộng thêm cho phần mềm, cụ thể: • • • Thêm tính thơng báo Tích hợp payment Tích hợp xác thực tài khoản google, facebook 157 TÀI LIỆU THAM KHẢO [1] https://nordiccoder.com/blog/product-management-tools-cho-productmanager-nam-2019/ [2] https://www.aha.io/ [3] https://asana.com/?utm_expid=.5Vei3MMKRWq4PUVVS92Z8w.0&utm_refer rer=https%3A%2F%2Fwww.google.com%2F [4] https://trello.com/ [5] https://redis.io/ [6] https://gpcoder.com/3679-xay-dung-ung-dung-client-server-voi-socket-trongjava/ [7] https://www.postgresqltutorial.com/ [8] https://www.tutorialspoint.com/postgresql/postgresql_java.htm [9] https://reactjs.org/docs/hooks-reference.html#usememo [10] https://easternpeak.com/blog/why-choose-reactjs-for-your-nextproject/#:~:text=Reasons%20to%20choose%20React%20JS&text=React%20allo ws%20you%20to%20write,can%20really%20boost%20developer%20productivit y.&text=Unlike%20large%20monolithic%20projects%2C%20React,due%20to% 20its%20modular%20structure [11] https://redux-observable.js.org/ [12] https://www.netguru.com/codestories/react-and-rx.js-the-power-of-observable-faq [13] https://blog.logrocket.com/rxjs-with-react-hooks-for-state-management/ [14] https://www.toptal.com/react-native/react-redux-rxjs-tutorial 158 [15] https://developers.docusign.com/esign-rest-api/guides/authentication/oauth2jsonwebtoken [16] https://techtalk.vn/json-web-tokens-jwt-vs-sessions.html [17] https://medium.com/@thanhbinh.tran93/private-route-public-route-and-restrictedroute-with-react-router-d50b27c15f5e [18] https://javapointers.com/how-to/use-redis-java-using-jedis/ [19] https://www.baeldung.com/jedis-java-redis-client-library [20] http://www.appuntivari.net/informatica/programmazione/java-j2ee/basicauthentication-in-java-servlet [21] https://docs.docker.com/get-started/ [22] https://www.redclusters.com/?gclid=Cj0KCQiA9P BRC0ARIsAEZ6irgvFH6RT G3n2xFaynsKtij6laa7u_7uR73V0o5TBPH34sH6ei9AYQaAmJOEALw_wcB [23] https://insights.innovatube.com/redux-th%E1%BA%ADt-l%C3%A0%C4%91%C6%A1n-gi%E1%BA%A3n-ph%E1%BA%A7n-cu%E1%BB%91i4155b1cfed03 [24] https://redux-observable.js.org/ 159 ... MINH TRƯỜNG ĐẠI HỌC CÔNG NGHỆ THÔNG TIN KHOA CÔNG NGHỆ PHẦN MỀM NGUYỄN DUY TÂN - 16521075 TRẦN THỊ THU TÌNH - 16521250 KHĨA LUẬN TỐT NGHIỆP XÂY DỰNG MƠI TRƯỜNG PHÁT TRIỂN SẢN PHẨM CÔNG NGHỆ THÔNG... NAM TRƯỜNG ĐẠI HỌC Độc Lập - Tự Do - Hạnh Phúc CÔNG NGHỆ THÔNG TIN TP HCM, ngày… tháng… năm NHẬN XÉT KHÓA LUẬN TỐT NGHIỆP CỦA CÁN BỘ HƯỚNG DẪN Tên khóa luận: XÂY DỰNG MÔI TRƯỜNG PHÁT TRIỂN SẢN PHẨM... NAM TRƯỜNG ĐẠI HỌC Độc Lập - Tự Do - Hạnh Phúc CÔNG NGHỆ THÔNG TIN TP HCM, ngày… tháng… năm NHẬN XÉT KHÓA LUẬN TỐT NGHIỆP CỦA CÁN BỘ HƯỚNG DẪN Tên khóa luận: XÂY DỰNG MÔI TRƯỜNG PHÁT TRIỂN SẢN PHẨM