Báo cáo thực tập xây dựng WEBS quản lý sản phẩm và khách hàng

TRƯỜNG ĐẠI HỌC CÔNG NGHỆ THÔNG TIN KHOA CÔNG NGHỆ PHẦN MỀM BÁO CÁO THỰC TẬP XÂY DỰNG WEBSITE QUẢN LÍ SẢN PHẨM VÀ KHÁCH HÀNG Cơng ty thực tập: Công ty TMA Solutions Người phụ trách hướng dẫn: Nguyễn Thiện Huấn Thực tập sinh: Võ Phúc Tài MSSV: 17521003 TP Hồ Chí Minh, tháng 12 năm 2020 LỜI MỞ ĐẦU Hiện tại, chứng kiến phát triển chóng mặt ngành cơng nghệ thơng tin mạng internet, hàng loạt ứng dụng internet đời, kéo theo trào lưu chuyển đổi nghiệp vụ cũ sang tảng Điều có nghĩa khơng loại trừ nghiệp vụ quản lí Cần thừa nhận việc bảo mật internet không cao, tích hợp bán hàng quản lí lúc, thơng tin lưu trữ khơng q nhạy cảm website lại trờ thành lợi nhu cầu thiết yếu doanh nghiệp Ngành lập trình web gần sinh với internet, mơi trường internet phát triển hồn thiện, người dùng liên tục gia tăng Điều chứng minh lĩnh vực chưa lỗi thời Được tiếp cận từ sớm lớn lên với chúng, giới trẻ nguồn nhân lực quan trọng cho phát triển ngành lập trình web sau Vì lý này, em định chọn lập trình web làm định hướng cho việc học tập Sau ba năm học tập trường, để có thêm kinh nghiệm thực tế, muốn tham gia làm việc môi trường chuyên nghiệp Vì vậy, em định chọn TMA Solutions - môi trường lý tưởng, đại - nơi giúp em thực dự định LỜI CẢM ƠN Trân trọng gửi lời cảm ơn Công ty TMA Solutions tạo điều kiện cho em có hội thực tập công ty Chỉ thời gian ngắn, nhờ dẫn nhiệt tình anh chị nhóm, em tiếp thu kiến thức quan trọng để đảm nhiệm vị trí Front-end Developer cho dự án thức cơng ty Chân thành cảm ơn anh chị nhóm bỏ nhiều thời gian, cơng sức để hướng dẫn em hồn thành đợt thực tập Đặc biệt cảm ơn anh Nguyễn Thiện Huấn hướng dẫn, giúp đỡ cho em quy trình cần nắm, kiến thức nền, cách làm việc với nhóm/phịng khác cách giải khó khăn công việc Không thể thiếu, em xin cảm ơn anh Nguyễn Hữu Vinh, người hướng dẫn trực tiếp hướng dẫn, hỗ trợ em nhiều kiến thức mới, giải thích chi tiết luồng hoạt động dự án, tận tình bảo em điểm khó, điểm cần lưu ý cách giải vấn đề phát sinh người trực tiếp đảm nhiệm dự án; đồng thời cảm ơn anh nhóm Pipeline dẫn em cách làm việc hiệu quả, giúp đỡ em gặp kiến thức mảng khác để em áp dụng vào dự án mà tham gia Mọi người nhiệt tình giúp em rèn luyện kỹ mềm mà nhân viên trách nhiệm thiếu môi trường làm việc Bên cạnh đó, em cảm ơn anh chị Developer, QC, Business, PM suốt thời gian qua tin tưởng nhiệt tình làm việc em, bảo cho em khiếm khuyết dạy em nhiều kiến thức Cũng xin cảm ơn thầy cô khoa Công nghệ phần mềm nhiệt tình hỗ trợ, tạo điều kiện để em hoàn thành học phần thực tập Sinh viên thực Võ Phúc Tài TpHCM, ngày 31 tháng 12 năm 2020 NHẬN XÉT CỦA KHOA MỤC LỤC LỜI MỞ ĐẦU LỜI CẢM ƠN NHẬN XÉT CỦA KHOA MỤC LỤC BẢNG HÌNH ẢNH CHƯƠNG 1: GIỚI THIỆU CÔNG TY THỰC TẬP 1.1 Giới thiệu Công ty TMA Solutions 1.2 Sản phẩm công ty 1.2.1 Lĩnh vực hoạt động 1.2.2 Cơng nghệ CHƯƠNG 2: NỘI DUNG THỰC TẬP 10 2.1 Tìm hiểu cơng ty kỹ công ty 10 2.2 Nghiên cứu kỹ thuật 10 2.2.1 Các công cụ làm việc 10 2.2.2 Tìm hiểu Angular 11 2.2.3 Tìm hiểu Bootstrap 12 2.2.3 Tìm hiểu luồng chạy dịch vụ qua requirement thống 13 2.2.4 Tham gia vào dự án thực 13 2.2.5 Tham gia vào dự án 14 2.3 Thực project 15 2.3.1 Lịch làm việc 15 CHƯƠNG 3: CHI TIẾT VỀ PROJECT 18 3.1 Giới thiệu dự án 18 3.1.1 Nội dung 18 3.1.2 Một số hình ảnh giao diện ứng dụng 19 3.2 Thực 25 3.2.1 Người thực 25 3.2.2 Quá trình thực 25 TỔNG KẾT 27 BẢNG HÌNH ẢNH Hình 1: Màn hình Login 20 Hình 2: Màn hình Forgot password 20 Hình 3: Màn hình User Profile 21 Hình 4: Màn hình Dashboard 21 Hình 5: Màn hình Edit User Profile 22 Hình 6: Màn hình Change Password 22 Hình 7: Màn hình Group Management 23 Hình 8: Màn hình Group Details 23 Hình 9: Màn hình Corporation Management/ Tenant 23 Hình 10: Màn hình Vỉew Corporation 24 Hình 11: Màn hình Corporation Management/ Account 24 Hình 12: Màn hình Edit Corporation information 25 CHƯƠNG 1: GIỚI THIỆU CƠNG TY THỰC TẬP 1.1 Giới thiệu Cơng ty TMA Solutions TMA Solutions (gọi tắt TMA, tiếng Việt: Công ty TNHH Giải Pháp Phần Mềm Tường Minh) công ty Việt Nam, kinh doanh dịch vụ liên quan đến phát triển phần mềm TMA thành lập từ năm 1997, công ty phần mềm hàng đầu Việt Nam với 2500 kỹ sư Khách hàng tập đồn cơng nghệ cao hàng đầu giới đến từ 27 nước TMA có chi nhánh Việt Nam (7 thành phố HCM thành phố Quy Nhơn) chi nhánh nước (Mỹ, Canada, Châu Âu, Nhật, Úc, Singapore) Phòng Trung tâm Đào Tạo TMA, Phòng Trung tâm Phát triển Sinh Viên, Phòng Trung tâm sáng tạo TMA 1.2 Sản phẩm công ty 1.2.1 Lĩnh vực hoạt động Tích hợp hệ thống Xuất phần mềm Giải pháp phần mềm Cung cấp giải pháp, dịch vụ viễn thông Đào tạo sinh viên nhân viên kiến thức phần mềm kỹ mềm Dịch vụ đánh giá an tồn thơng tin Kiểm tra tồn diện an tồn thơng tin lực bảo mật dồnh nghiệp, tìm rủi ro, đề giải pháp khắc phục Dịch vụ sở hạ tầng thông tin Tư vấn, lựa chọn giải pháp cho hệ thống thơng tin mạng máy tính Thiết kế cài đặt hệt thống mạng máy, mạng Wifi, WAN, WPN, điện thoại nội bộ, Tư vấn, triển khai đào tạo sử dụng phần mềm mã nguồn mở 1.2.2 Cơng nghệ Java, NET, C++, Mobile, AI Maching learning, PHP/Ruby, Cloud, Embedded & IoT, Telecom/Network, Big data & analytics, Angular, Nodejs, Reactjs, blockchain, Automation test, Network/Cloud Administration,… CHƯƠNG 2: NỘI DUNG THỰC TẬP Đợt thực tập với chủ đề “Xây dựng website quản lí sản phẩm khách hàng” nhằm mục đích giúp sinh viên thực tập đào tạo tồn diện lập trình web, cách dự án triển khai hiểu luồng chạy ứng dụng; đồng thời rèn luyện kỹ mềm làm việc nhóm, thuyết trình, giao tiếp Tại cơng ty, sinh viên có hội học tập, khám phá làm việc môi trường phát triển phần mềm chuyên nghiệp 2.1 Tìm hiểu công ty kỹ công ty Thời gian: ngày Nội dung: Giới thiệu công ty, cách tổ chức công ty Được nghe người phụ trách giới thiệu cơng ty, q trình thành lập phát triển (như nhắc đến trên), quy trình làm việc từ cao xuống thấp, cách thức tổ chức cơng ty Ngồi ra, thực tập sinh giới thiệu cách thức làm việc công ty thời gian làm, quy định cần phải tuân thủ, cách sử dụng email công việc… Kết quả: Hiểu thêm công ty TMA Solutions, q trình thành lập phát triển Có thêm kỹ việc sử dụng email công cụ giao tiếp nội công việc, làm việc có kế hoạch, có kỷ luật, có trách nhiệm 2.2 Nghiên cứu kỹ thuật 2.2.1 Các công cụ làm việc Thời gian: ngày Nội dung: Tìm hiểu công cụ sử dụng trình làm việc Trong thời gian này, người hướng dẫn hướng dẫn thực tập sinh tìm hiểu cơng cụ giúp ích cho cơng việc sau Một số phần mềm số Jira – sử dụng q trình quản lý cơng việc làm việc nhóm, Figma – cơng cụ vẽ wireframe phục vụ cho 10 Kết quả: Nâng cao kỹ lập trình với ngơn ngữ HTML, CSS Làm quen biết công dụng cách sử dụng cơng cụ phục vụ cơng việc 2.2.3 Tìm hiểu luồng chạy dịch vụ qua requirement thống Thời gian: ngày Nội dung: Tìm hiểu luồng chạy dịch vụ mua bán, quản lí phân quyền tài khoản công ty Pipeline thông qua trải nghiệm trực tiếp sản phẩm đọc tài liệu dịch vụ Nắm điểm cần lưu ý xây dựng dịch vụ Thực hiện: Tìm hiểu luồng chạy cách đứng góc độ người dùng cuối, thực trải nghiệm các dịch vụ có website Pipeline Đọc tài liệu dịch vụ cũ để nắm luồng chạy, ghi lại điểm chưa hiểu hỏi người hướng dẫn để hiểu rõ Nắm điểm cần lưu ý cho việc bán gói dịch vụ nhiều lần phân quyền tài khoản Kết quả: Hiểu luồng chạy dịch vụ Tự vẽ lại luồng dịch vụ hoàn thành 2.2.4 Tham gia vào dự án thực Thời gian: 10 ngày Nội dung: Tham gia trực tiếp vào dự án thực học hỏi kiến thức thực tế từ team Cách team, phận làm việc với dự án thực tế Nắm trình tự phận làm việc với nhau, từ phận Business, đến Product, sang IT từ lúc sản phẩm test sản phẩm lên production 13 Cách giải có vấn đề xuất trình làm việc Cách đọc file tài liệu mô tả dự án: Đọc file API để biết dịch vụ cần thể thơng tin gì, cần lấy thơng tin gì, hiển thị lên hình cho người dùng cho hợp lý Đọc file tài liệu đối tác để hiểu rõ quy trình nghiệp vụ đối tác để đảm bảo sản phẩm theo yêu cầu Thực hiện: Đóng góp ý kiến thấy vấn đề xử lý nội chưa hợp lý Mạnh dạn hỏi, trao đổi đề xuất ý kiến với phận liên quan team dự án Chỉnh sửa tài liệu sau team thống ý kiến gửi cho người hướng dẫn xem xét trước đưa cuối cho team Kết quả: Biết cách đọc tài liệu hiệu quả, lưu ý điểm cần có Hồn thành việc chỉnh sửa tài liệu cho dịch vụ thực 2.2.5 Tham gia vào dự án Thời gian: 10 ngày Nội dung: Trực tiếp tham gia lập trình hình theo yêu cầu Tìm hiểu API file tài liệu đối tác: Đọc file API để biết thông tin cần thể lên hình cho người dùng Đọc file tài liệu đối tác để nắm nghiệp vụ đối tác, cách thể thông tin API Vẽ wireframe thể thơng tin lên hình Viết tài liệu cho dịch vụ 14 Lập trình hình theo thiết kế thống Thực : Vẽ wireframe cho dịch vụ Figma Viết tài liệu cho dịch vụ, gửi cho người hướng dẫn xem xét gửi mail xác nhận thức cho team developer thực cài đặt dự án theo tài liệu, QC test dự án theo tài liệu gửi Kết quả: Đã tự xây dựng hình từ bước 2.3 Thực project Sau hai tuần tìm hiểu kiến thức mới, thơng qua thực hành thực tập sinh nắm kiến thực Angular Trong tuần lại, trainer hướng dẫn thực tập sinh áp dụng kiến thức học để tham gia vào project website quản lí Chi tiết dự án nói phần sau 2.3.1 Lịch làm việc Tuần Người hướng dẫn Công việc - Tìm hiểu cơng ty, cách tổ chức Nguyễn Thiện Huấn Mức độ hồn thành 100% cơng ty - Làm quen với công cụ làm việc công ty - Học cách trao đổi, làm việc qua Zimbra Skype - Training plan Nguyễn Thiện Huấn 100% Nguyễn Thiện Huấn 100% - Agile - Demo CRUD - Tìm hiểu demo Observables - CSS, bootstrap, SCSS, SASS, document 15 - Lên kế hoạch Nguyễn Thiện Huấn 100% Nguyễn Thiện Huấn 100% - Login/ Change Password/ Check Nguyễn Thiện Huấn 100% - Thực dự án (demo sử dụng Core) - Code dynamic filter & search bar - Account Management Roles - Sharing Teamwork skills - Datasets - Sharing Teamwork skills part Nguyễn Thiện Huấn 100% Nguyễn Thiện Huấn 100% Nguyễn Thiện Huấn 100% Nguyễn Thiện Huấn 100% - Fix bugs - Login, send email form - Validator, Trick API - Disabled in core - Custom Master form (core) - Weekly group sharing skills - Communication skills - Custom Controls - Permission Page - Icon - Datasets - Alert - HTML page routing - Validation - Translation - Fix bugs Validation - Cursor pointer - Social media - Enable/ Disable (corporation details) 10 - Split create and edit form group 16 - Dialog form - Loading - Fix bugs list - Change API - Wizard form - Set version 11 Nguyễn Thiện Huấn 100% Nguyễn Thiện Huấn 100% Nguyễn Thiện Huấn 100% - Mark * for required fields - Transaction - Subscription - Breadcrumb 12 - Permission Route &Menu - Group Management 13 - IP range & IP list - User Management 17 CHƯƠNG 3: CHI TIẾT VỀ PROJECT 3.1 Giới thiệu dự án Với đề tài “Xây dựng website quản lí”, trainee phải phát triển website tập trung vào việc quản lí roles permission Đây website cho doanh nghiệp tạo bán gói dịch vụ, mua chia sử dụng nội (ngang hàng) tiếp tục sang nhượng tạo phân cấp theo mơ hình tam giác Tất nhiên phân chia có điểm dừng cấp Với việc bán lại gói dịch vụ phải đảm bảo tuân theo policy cấp trên, bị giới hạn số quyền quản lí 3.1.1 Nội dung Danh sách tác nhân hệ thống: STT Tên tác nhân Ý nghĩa Fense_SuperAdmin Là người quản lí tồn quyền dự án Pipeline, chịu trách nhiệm kiểm soát tất sản phẩm, cấp bậc mơ hình Tenant Người quản trị sản phẩm cấp bật ngang hàng khách hàng sau sang nhượng dịch vụ Organization Người quản trị sản phẩm cấp bật ngang hàng khách hàng sau sang nhượng dịch vụ Site Người quản trị sản phẩm cấp bật ngang hàng khách hàng sau sang nhượng dịch vụ 18 Account Người quản trị sản phẩm mà sử dụng Các tính chính: Ý nghĩa STT Use case Đăng nhập quản lí tài Cho phép người dùng truy cập vào hệ thống Sửa khoản đổi mật thông tin cá nhân ngôn ngữ phù hợp Roles and Permission Phân quyền cho tài khoản kèm với mức độ truy cập, quản lí tài khoản Dashboard Thống kê kết quản lí nhiều dạng đồ thị Group Management Quản lí nhóm người dùng có gói dịch vụ Corporation Chức quản lí gói dịch vụ, tùy chỉnh hiển Management thị theo phân quyền User Management Quản lí thơng tin khách hàng sản phẩm họ sử dụng Policy Management Các sách kèm với gói dịch vụ bán Category Management Quản lí loại dịch vụ cung cấp Subscription Quản lí việc mua bán gồm sản phẩm, khách hàng Management chi tiết thông tin giao dịch 3.1.2 Một số hình ảnh giao diện ứng dụng 19 Hình 1: Màn hình Login Hình 2: Màn hình Forgot password 20 Hình 4: Màn hình Dashboard Hình 3: Màn hình User Profile 21 Hình 5: Màn hình Edit User Profile Hình 6: Màn hình Change Password 22 Hình 7: Màn hình Group Management Hình 8: Màn hình Group Details Hình 9: Màn hình Corporation Management/ Tenant 23 Hình 11: Màn hình Corporation Management/ Account Hình 10: Màn hình Vỉew Corporation 24 Hình 12: Màn hình Edit Corporation information 3.2 Thực 3.2.1 Người thực - Phát triển sản phẩm: thực tập sinh Võ Phúc Tài hướng dẫn anh Nguyễn Thiện Huấn - Cùng team thuộc Công nghệ thông tin, PM, Business,… 3.2.2 Quá trình thực Giai đoạn Thảo luận Demo - Trao đổi với mentor để thống công nghệ sử dụng - Tìm hiểu cơng nghệ Kết : - Sử dụng Angular để phát triển phần front-end ứng dụng web 25 Giai đoạn Phát triển Test - PM trao đổi với đối tác để làm tài liệu API nghiệp vụ đối tác, sau thực phát thảo hoàn thành tài liệu đặc tả yêu cầu cho team - Trong suốt trình Developer cài đặt phát triển dịch vụ, theo dõi tiến độ thực trao đổi với đối tác trao đổi nội có vấn đề phát sinh Chốt phương án Developer tiếp tục phát triển dự án - Sau Developer hoàn thành phần cài đặt dịch vụ, QC thực test dịch vụ Lúc PM liên hệ đối tác để lấy thông tin test, giải đáp thắc mắc cho QC có - Sau QC hoàn thành test, gửi ngược lại cho PM nghiệm thu Sau PM xác nhận nghiệm thu thành công quay giai đoạn thảo luận cho Sprint Kết - Hồn thành cơng việc cần thiết theo yêu cầu đề thời hạn để deploy cho khách hàng website thực nghiệm 26 TỔNG KẾT Như vậy, vòng tháng thực tập, em học nhiều kiến thức từ góc nhìn hồn tồn khác với góc nhìn sinh viên cịn ngồi ghế nhà trường Từ có cách suy nghĩ thiết kế sản phẩm mẻ, phù hợp với thực tế, dựa theo nhu cầu người dùng từ hướng nhìn Product Developer không suy nghĩ giả lập trường hợp hướng nhìn sinh viên chưa có kinh nghiệm Từ cách suy nghĩ tìm hướng giải vấn đề, việc thực giải pháp để team thực Trong suốt q trình đó, khơng q ngắn khơng q dài, em ln có đồng hành hỗ trợ từ anh chị team Pipeline nói riêng, anh chị TMA Solutions nói chung Em chân thành cảm ơn giúp đỡ q báu để em hồn thành tập cách sn sẻ trọn vẹn 27 ... Người quản trị sản phẩm cấp bật ngang hàng khách hàng sau sang nhượng dịch vụ Organization Người quản trị sản phẩm cấp bật ngang hàng khách hàng sau sang nhượng dịch vụ Site Người quản trị sản phẩm. .. Network/Cloud Administration,… CHƯƠNG 2: NỘI DUNG THỰC TẬP Đợt thực tập với chủ đề ? ?Xây dựng website quản lí sản phẩm khách hàng? ?? nhằm mục đích giúp sinh viên thực tập đào tạo tồn diện lập trình web, cách... tài ? ?Xây dựng website quản lí”, trainee phải phát triển website tập trung vào việc quản lí roles permission Đây website cho doanh nghiệp tạo bán gói dịch vụ, mua chia sử dụng nội (ngang hàng)