báo cáo thực tập harmonia CRM tool

ĐẠI HỌC QUỐC GIA THÀNH PHỐ HỒ CHÍ MINH ĐẠI HỌC CÔNG NGHỆ THÔNG TIN KHOA CÔNG NGHỆ PHẦN MỀM THỰC TẬP TỐT NGHIỆP ĐỀ TÀI: Harmonia – CRM Tool Công ty thực tập: GEEK Up TECHNOLOGY JSC Lớp:​ SE501.L11.PMCL S​inh viên thực hiện: Hồ Trần Thiện Đạt –​ 17520330 TP Hồ Chí Minh, ngày 29 tháng năm 2020 Hồ Trần Thiện Đạt Thực tập tốt nghiệp NHẬN XÉT (Của giảng viên) Hồ Trần Thiện Đạt Thực tập tốt nghiệp MỤC LỤC CHƯƠNG 1: GIỚI THIỆU CÔNG TY THỰC TẬP I Giới thiệu chung công ty II Cơ cấu tổ chức III Tổng quan việc kinh doanh IV Văn hóa cơng ty V Một số hình ảnh công ty CHƯƠNG 2: NỘI DUNG THỰC TẬP I Công nghệ, giải pháp quy trình áp dụng Giới thiệu Git Giới thiệu VSCode Giới thiệu mơ hình làm việc Agile – Scrum Tìm hiểu RESTful API Tìm hiểu NodeJS Tìm hiểu NestJS Tìm hiểu ReactJS Vịng đời ReactJS Tìm hiểu Redux 10 Redux Saga Tìm hiểu Ant Design 11 II Dự án Website quản lý quản hệ khách hàng – Harmonia Bối cảnh đời Harmonia Nhiệm vụ sinh viên giao Ý nghĩa design logo tên Website - Harmonia Mục tiêu xây dựng Harmonia Các chức Harmonia version 1.0 Một số giao diện khác Harmonia CHƯƠNG 3: NHẬT KÝ THỰC TẬP CHƯƠNG 4: KẾT QUẢ ĐẠT ĐƯỢC QUA ĐỢT THỰC TẬP I Kết thu II Các điểm yếu thân III Gợi ý cho chương trình học IV Cảm nhận cơng ty DANH MỤC TÀI LIỆU THAM KHẢO 10 10 11 12 16 17 20 20 20 23 25 29 31 32 32 33 35 37 38 39 39 41 41 41 43 51 72 75 75 75 76 76 77 Hồ Trần Thiện Đạt Thực tập tốt nghiệp LỜI NĨI ĐẦU Ngày nay, ngành cơng nghiệp phát triển ứng dụng web phận thiếu ngành công nghiệp phần mềm Với tốc độ phát triển vô mạnh mẽ, ngành phát triển ứng dụng web nhân tố kích thích phát triển công nghệ thông tin giới, phần cứng phần mềm Cùng với xu phát triển giới, Việt Nam ngoại lệ Ngành công nghiệp phát triển web non trẻ Việt Nam phát triển mạnh mẽ, để hòa nhập với công ty hàng đầu xây dựng tảng web giới Bên cạnh phát triển web ngành nghề tiếp cận người dùng cách nhanh chóng ta thấy mạng xã hội hay website bán hàng trực tuyến thịnh hành giới lẫn Việt Nam Sau ba năm học tập trường, mong muốn có thêm kinh nghiệm thực tế, muốn tìm hiểu, bổ sung kiến thức mơi trường chun nghiệp, em có dự định thực tập học kì Vì vậy, em định chọn Công Ty Cổ phần Công nghệ GEEK Up - môi trường lý tưởng, đại, chuyên nghiệp - nơi giúp em thực dự định Hồ Trần Thiện Đạt Thực tập tốt nghiệp LỜI CẢM ƠN Em xin chân thành cảm ơn ban giám hiệu quý thầy cô trường Đại học Công nghệ thông tin cung cấp bồi dưỡng cho em kiến thức suốt năm ngồi giảng đường đại học, để từ em có tảng áp dụng vào đợt thực tập cách hiệu Em xin gửi lời cảm ơn quý Công Ty Cổ phần Công nghệ GEEK Up tạo điều kiện cho em thực tập công ty cung cấp, bổ sung cho em kiến thức mà em thiếu sót Q cơng ty hỗ trợ em nhiều suốt thời gian thực tập vừa qua, dạy em kỹ cần thiết, truyền đạt cho em kinh nghiệm mà anh chị trải qua trình làm việc, trao đổi với khách hàng, tác phong tinh thần trách nhiệm trước công việc giao, suy nghĩ tích cực Các anh chị tạo cho em nhiều điều kiện để ứng dụng kiến thức học vào thực tế để xây dựng dự án thực tiễn từ lúc ban đầu, nâng cao trình độ, tốc độ lập trình trí thức thêm bậc Em xin chân thành cảm ơn Vì kiến thức thân cịn hạn chế lần va chạm tiếp xúc với thực tế, áp dụng lý thuyết vào cơng việc nên thân cịn bỡ ngỡ lúng túng, khơng tránh khỏi thiếu sót, mong q Thầy (Cơ) đóng góp ý kiến để em hồn thiện Em xin chân thành cảm ơn! Hồ Trần Thiện Đạt TP Hồ Chí Minh, ngày 29 tháng 09 năm 2020 Hồ Trần Thiện Đạt Thực tập tốt nghiệp DANH MỤC CÁC CỤM TỪ VIẾT TẮT CD : Client Development​ API : Application Programming Interface Hồ Trần Thiện Đạt Thực tập tốt nghiệp CHƯƠNG 1: GIỚI THIỆU CÔNG TY THỰC TẬP I - - Giới thiệu chung công ty Tên đơn vị: Công ty cổ phần công nghệ GEEK Up (GEEK Up TECHNOLOGY JSC) Lĩnh vực hoạt động: Xuất phần mềm Địa chỉ: ● Trụ sở chính: 244/31 Huỳnh Văn Bánh, Phường 11, Quận Phú Nhuận, Thành phố Hồ Chí Minh ● Chi nhánh: 27B / Nguyễn Đình Chiểu, Phường Đa Kao, Quận 1, Thành phố Hồ Chí Minh Trang web: ​www.geekup.vn Email: ​hello@geekup.vn Điện thoại: +84 28 6262 4400 Thời gian làm việc: Thứ đến thứ 6: 08h30 - 17h30 Slogan: ​“Insightful development” Sứ mệnh: Xây dựng sản phẩm phần mềm mang lại nhiều giá trị cho người dùng Giá trị cốt lõi ● Honesty: sống với đam mê, phấn đấu hướng tới giá trị chung ● Geeks Get it done: ln cố gắng hồn thành cơng việc đạt kết mong đợi ● High standard: thử thách thân để nâng cao trình độ chun mơn ● Stay Hungry Stay Foolish: không dừng lại với khả tại, ln tiếp tục trau dồi học hỏi Hình 1.1: Logo Công ty cổ phần công nghệ GEEK Up - GEEK Up công ty tư vấn, cung cấp xây dựng sản phẩm công nghệ phần mềm tối ưu cho cộng đồng, doanh nghiệp cá nhân: đối tác công ty bao Hồ Trần Thiện Đạt - II Thực tập tốt nghiệp quát từ công ty khởi nghiệp doanh nghiệp lớn Mục tiêu công ty tạo giá trị tích cực sản phẩm đẳng cấp phù hợp với tiêu chuẩn quốc tế GEEK Up không ngừng gia tăng giá trị cộng đồng khả cung cấp cho khách hàng sản phẩm dịch vụ chất lượng cao lĩnh vực phát triển phần mềm Công ty phát triển cung cấp phần mềm thời gian, phạm vi ngân sách chất lượng cao đem đến cho khách hàng hài lòng tuyệt đối, lợi nhuận tối đa, phát triển mạnh mẽ thương hiệu sản phẩm Nắm bắt nhu cầu thường xuyên cập nhật xu hướng ngành, thành viên công ty không ngừng nâng cao khả thân để mang đến giá trị tích cực cho khách hàng Cơ cấu tổ chức GEEK Up tổ chức theo mơ hình phẳng Một thành viên đóng vai trị linh hoạt nhóm tổ chức khác nhau: ● Squad thành viên nhóm thực công việc cần thiết để đạt mục tiêu (goal) chung dự án ● Chapter: thành viên nhóm có chung chun mơn (expertise), mục đích hỗ trợ mặt chuyên môn, trưởng thành mặt chuyên mơn ● Guild: thành viên nhóm có chung sở thích (interest), mối quan tâm đó, mục đích tham gia hoạt động thuộc sở thích, mối quan tâm ngồi cơng việc Hồ Trần Thiện Đạt Thực tập tốt nghiệp Hình 1.2: GEEK Up Organization Chart III Tổng quan việc kinh doanh GEEK Up công ty phần mềm thành lập từ năm 2014, với đội ngũ 60 thành viên GEEK Up phát triển 300 dự án phần mềm, tạo 100 sản phẩm phần mềm mang lại giá trị cao kinh doanh cho khách hàng lớn giới SMRT (Singapore), Nikkei (Nhật), D2O (Mỹ) Riêng Việt Nam, GEEK Up đối tác tin cậy số dự án chuyển đổi số (digital transformation) cho doanh nghiệp hàng đầu như: ACB, TPBank, Heineken, FPT, Viettel, ELSA… Có thể kể tên cho số sản phẩm GEEK Up xây dựng ứng dụng thị trường Việt Nam tại: Hồ Trần Thiện Đạt Thực tập tốt nghiệp The Coffee House - Chuỗi cà phê tăng trưởng nhanh số Việt Nam Hình 1.3 UI design - The Coffee House - Loyalty application Hồ Trần Thiện Đạt Thực tập tốt nghiệp ● Để rõ trạng thái (state) tree thay đổi action bạn phải viết pure reducers Hình 2.13: Redux Cách sử dụng: Nếu muốn sử dụng Redux, cần nhớ thành phần Redux: Store, Views, Actions, Reducers Chi tiết thành phần mô tả sau: Store​: Là nơi quản lý trạng thái (state), truy cập để lấy trạng thái (state) ra, update state có, listener để nhận biết xem có thay đổi khơng, cập nhật qua views 32 Hồ Trần Thiện Đạt Thực tập tốt nghiệp Actions​ : pure object định nghĩa thuộc tính type: kiểu action, ví dụ ‘TOGGLE STATUS’, payload: giá trị tham số mà action creator truyền lên Reducers​: Khác với actions có chức mơ tả thứ xảy ra, khơng rõ state response thay đổi, mà việc reducers đảm nhiệm, nơi xác định state thay đổi nào, sau trả state View​: Hiển thị liệu cung cấp Store 10 Redux Saga Redux-Saga thư viện redux middleware, giúp quản lý side effect ứng dụng redux trở nên đơn giản Bằng việc sử dụng tối đa tính ​Generators​ (function*) ES6, cho phép ta viết async code nhìn giống synchronos Cách hoạt động Hình 2.14: Cách hoạt động Redux Đối với logic saga, ta cung cấp hàm cho saga, hàm hàm đứng xem xét action trước vào store, action quan tâm thực thi 33 Hồ Trần Thiện Đạt Thực tập tốt nghiệp hàm thực thi, bạn biết khái niệm hook hàm cung cấp cho saga hàm hook Điều đặc biệt hàm hook generator function, generator function có yield yield ta trả plain object Object trả gọi Effect object effect object đơn giản object bình thường chứa thơng tin đặc biệt dùng để dẫn middleware Redux thực thi hoạt động khác ví dụ gọi hàm async khác hay put action tới store Để tạo effect object đề cập ta gọi hàm từ thư viện saga redux-saga/effects​ 11 Tìm hiểu Ant Design Hình 2.15: Ant Design Ant (Github) tập hợp components React xây dựng theo chuẩn thiết kế Ant UED Team Tương tự chuẩn Material Design, Ant cung cấp hầu hết component thông dụng ứng dụng web đại, Layout, Button, Icon, DatePicker, v.v…Bên cạnh Ant có component riêng thú vị, LocaleProvider cho phép bạn thay đổi ngơn ngữ tồn ứng dụng https://ant.design/docs/react/introduce 34 Hồ Trần Thiện Đạt Thực tập tốt nghiệp II Dự án Website CRM – Harmonia Bối cảnh đời Harmonia Nhiệm vụ công ty GEEK Up phải cung cấp sản phẩm kỹ thuật số tạo tác động thực tích cực cho doanh nghiệp tổ chức Vì việc trì mối quan hệ, tương với khách hàng thân thiết, khách hàng tiềm thực cần thiết Team Phát triển khách hàng công ty (CD - Client Developement) muốn có cơng cụ quản lý khách hàng thân thiết, tiềm theo dõi dự án trình thỏa thuận với khách hàng Hiện tại, thành viên công ty sử dụng nhiều công cụ khác để quản lý công việc Tuy nhiên việc làm diễn không hiệu Các thành viên công ty phải sử dụng nhiều công cụ để quản lý, việc không đem lại hiệu quả, bất tiện ngồi thành viên team khơng theo dõi tiến độ công việc thành viên lại team ● Phiên ​Harmonia 1.0 (đầu tiên) cơng cụ quản lí online lấy khách hàng trung tâm Công cụ tối ưu để lên kế hoạch, xem lại phối hợp thành viên team CD Nhiệm vụ sinh viên giao - Nắm kiến thức công nghệ giảng dạy áp dụng để xây dựng website hoàn thiện Harmonica version 1.0 -​ công cụ giúp team CD cơng việc - Sử dụng thành thạo lập trình Back-end (NodeJS), Front-end (ReactJS) cơng nghệ hỗ trợ - Hoàn thiện backlog giao 35 Hồ Trần Thiện Đạt Thực tập tốt nghiệp Ý nghĩa design logo tên Website – Harmonia Capture our relationships and interactions with clients and potential clients Hình 2.18: Logo website Harmonia Đầu tiên, ​Harmonia tên vị nữ thần thần thoại Hy Lạp đại diện cho hài hòa, hòa hợp Hình tượng logo ​Harmonia hợp tác hai người với nhằm đạt mục đích chung mang lại giá trị cao (chiếc cúp) ● Website ​Harmonia ​nhằm giúp team CĐ quản lý công việc cách hiệu để cơng ty tìm kiếm nhiều khách hàng tạo giá trị đích thực cách hiệu nhanh chóng Mục tiêu xây dựng Harmonia Vì ​Harmonia ​lại có khả thay cơng cụ team CD sử dụng - tất chức dựa công việc thực tế cách tuyển dụng công ty: 36 Hồ Trần Thiện Đạt Thực tập tốt nghiệp Hình 2.20: Quy trình marketing Flywheel Cơng ty đưa quy trình tuyển dụng Flywheel: s​au khách hàng trải qua trình làm việc với cơng ty chí chưa đến kí kết thỏa thuận với cơng ty trải qua trình tuyển dụng chuyên nghiệp, họ giới thiệu công ty với người thân người quen biết xung quanh họ Việc giúp cho khách hàng có cảm giác tin tưởng, cơng ty tiếp cận với nhiều khách → Harmonia hỗ việc quản lý khách hàng tiềm trình làm việc với khách hàng buổi hẹn cách hiệu 37 Hồ Trần Thiện Đạt Thực tập tốt nghiệp Các chức Harmonia version 1.0 Hình 2.21: Concept Harmonia Harmonia ​cùng với chức sau giúp cho phase Sale hiệu quả, nhanh chóng hơn: ● Quản lý lead ● Quản lý liên hệ (Contact) ● Quản lý công ty (Company) ● Sale dashboard: Theo dõi tình trạng lead tại, quản lý task thành viên, quản lý giai đoạn lead ● Chức quản lý Liên hệ Các thành viên team quản lý thông tin liên hệ (Một thông tin quan trọng) làm việc liên quan đến dự án 38 Hồ Trần Thiện Đạt Thực tập tốt nghiệp Hình 2.24: Chức quản lý Liên hệ ● Chức quản lý Công ty Các thành viên team quản lý thơng tin Cơng ty đối tác liên hệ dự án liên quan Hình 2.27: Chức quản lý Cơng ty ● Chức Sale Dashboard 39 Hồ Trần Thiện Đạt Thực tập tốt nghiệp Thành viên team tạo lead (khách hàng mới) theo dõi tình trạng lead buổi gặp với khách hàng (Touchpoint) Các buổi gặp khách hàng chia làm giai đoạn Lead Management: Đây lần gặp đầu tiên, giới thiệu với khách hàng Công ty dịch vụ Công ty mang lại Product Consulting: Ở phase này, CD team capture business insight biz objective, target users personas, need to be solved stakeholder Proposal Handling: Thực việc ước lượng thời gian, công sức thực tính giá Từ việc ước lượng làm quotation để propose cho Khách hàng Nếu KH đồng ý với propose tiến hành làm SLA (hợp đồng) Khách hàng trở thành partner qua phase services Hình 2.28: Màn hình Sale Dashboard 40 Hồ Trần Thiện Đạt Thực tập tốt nghiệp Hình 2.29: Chức quản lý lead 41 Hồ Trần Thiện Đạt Thực tập tốt nghiệp C ​ HƯƠNG 3: NHẬT KÝ THỰC TẬP Tuần Nội dung thực tập Người hướng dẫn Anh Nguyễn Ngọc Minh Triết (Product Analyst) - Làm quen với cách làm việc theo mơ hình Agile Anh Võ Xuân công ty Thịnh (BE-dev, Squad - Làm quen với công cụ làm việc công ty lead) (kênh chat trực tuyến công ty - Nexion, email Anh Trần Đại công ty) (FE-dev) - Cài đặt môi trường để chuẩn bị cho dự án Chị Song Vân (Product Designer) - Học cách trao đổi, làm việc qua email Anh Nguyễn Trung (Mobile-dev) Tuần - Tìm hiểu công ty, cách tổ chức công ty Tuần - Tìm hiểu NodeJS, VSCode - Tìm hiểu Web service, Web Api, RESTful API - Tìm hiểu Docker - Tìm hiểu Git tool liên quan tới Git - Tìm hiểu SourceTree - Phân tích chiến lược Harmonia - Thiết lập file Business Rules Harmonia - Chia nhỏ dự án Harmonia thành backlog để dễ Tuần 3, theo dõi tiến độ công việc Tuần - Liên kết với server để deploy (Iteration - Thiết lập hoàn thành iteration goal - Hoàn thành chức đăng nhập 1) 42 Hồ Trần Thiện Đạt Thực tập tốt nghiệp - Tham gia daily standup ngày: báo cáo công việc mà hôm qua thân làm hôm làm gì, stuck điểm - Tham gia buổi họp kết thúc Iteration: đưa điểm mạnh điểm yếu thời gian làm việc vừa qua team - Tham gia buổi ● Monday Workshop ● Friday Meetup - ngày biết ơn, gửi lời cảm ơn chân thành đến cộng giúp đỡ - Xây dựng hồn thành goal iteration Tuần - Tham gia daily standup ngày: báo cáo công việc mà hôm qua thân làm hôm làm 5, Tuần gì, stuck điểm (Iteration - Tham gia buổi họp kết thúc Iteration: đưa điểm mạnh điểm yếu thời gian làm việc vừa 2) qua team - Tham gia buổi ● Monday Workshop ● Thursday Workshop ● Friday Meetup - ngày biết ơn Tuần 7,8 - Xây dựng hoàn thành goal iteration (Iteration - Tham gia daily standup ngày : báo cáo công việc mà hôm qua thân làm hôm làm 3) gì, stuck điểm - Tham gia buổi họp kết thúc Iteration: đưa điểm mạnh điểm yếu thời gian làm việc vừa qua team - Tham gia buổi ● Monday Workshop ● Wednesday Workshop ● Friday Meetup - ngày biết ơn chân thành 43 Hồ Trần Thiện Đạt Tuần (iteration 4) Thực tập tốt nghiệp - Fix bugs - Chuẩn bị tài liệu để báo cáo thực tập - Seminar dự án Thursday Workshop Dự lễ tốt nghiệp - Củng cố kiến thức qua đợt thực tập - Người hướng dẫn đánh giá nhận xét - Bản thân rút kinh nghiệm, tự đánh giá khắc phục khuyết điểm sản phẩm tạo - Friday Meetup- gửi lời cảm ơn chia tay quý công ty CHƯƠNG 4: KẾT QUẢ ĐẠT ĐƯỢC QUA ĐỢT THỰC TẬP Kết thu I - Trải nghiệm quy trình làm việc từ đầu đến cuối dự án thực tế theo mơ hình làm việc Agile - Xây dựng thành công Web thực tế - Trau dồi nhiều kiến thức Back-End - Thao tác lập trình, tư duy, ý tưởng xử lý luồng liệu tầng tăng hiệu - Hiểu nguyên tắc xây dựng phần mềm từ ý tưởng đến việc phân tích đưa ý tưởng thành thực - Nâng cao kỹ lập trình Web Front-end sử dụng ReactJs nhiều thư viện khác - Nâng cao kỹ lập trình Web Back-end sử dụng NestJs nhiều thư viện khác - Nâng cao kỹ làm việc nhóm, "teamwork" khơng hồn thành cơng việc mà cịn phải để tâm đến đồng đội mình, nhìn nhận quan điểm chung, mục tiêu chung để hồn thành dự án cách tối ưu 44 Hồ Trần Thiện Đạt Thực tập tốt nghiệp - Tự nhìn nhận đánh giá thân thông qua buổi kết thúc Iteration để cải thiện công việc, rút ngắn thời gian làm việc - Kỹ giao tiếp, tư phản biện, giải vấn đề nâng cao - Xây dựng tư tích cực cho sau này: ● Get thing done: Làm điều phải làm trọn vẹn làm, cách phải hoàn thành, không bỏ chừng ● You can it: Không tự giới hạn khả thân, khơng nên nản lịng trước bắt tay vào cơng việc khó khăn Các điểm yếu thân II - Teamwork chưa tốt, chưa thực quan tâm tới người III Gợi ý cho chương trình học - Rèn luyện kỹ mềm môi trường làm việc tốt IV Cảm nhận công ty - Cơ sở vật chất tốt, phịng rộng rãi, thống mát, thoải mái, - Có nơi nghỉ ngơi, có quán - Thiết bị, máy móc hiệu làm việc cao, đường truyền internet mạnh - Đội ngũ phụ trách hướng dẫn giảng dạy thực tập đa dạng, vô tận tâm nhiệt tình, trình độ chun mơn cao, hòa đồng, vui vẻ 45 Hồ Trần Thiện Đạt Thực tập tốt nghiệp DANH MỤC TÀI LIỆU THAM KHẢO [1] ​https://stackoverflow.com/ [2] ​https://vi.wikipedia.org/wiki/ [3] ​https://nodejs.org/ [4]​ ​https://nestjs.com/ [5]​ ​https://reactjs.org/ [6]​ ​https://ant.design/ [7] Tài liệu nội dự án Harmonia công ty GEEK Up 46 ... việc thực tập sinh 14 Hồ Trần Thiện Đạt Thực tập tốt nghiệp Hình 1.10: Buổi tổng kết chương trình thực tập Hình 1.11: Team Harmonia 15 Hồ Trần Thiện Đạt Thực tập tốt nghiệp CHƯƠNG 2: NỘI DUNG THỰC... Dashboard 40 Hồ Trần Thiện Đạt Thực tập tốt nghiệp Hình 2.29: Chức quản lý lead 41 Hồ Trần Thiện Đạt Thực tập tốt nghiệp C ​ HƯƠNG 3: NHẬT KÝ THỰC TẬP Tuần Nội dung thực tập Người hướng dẫn Anh Nguyễn... Tuần (iteration 4) Thực tập tốt nghiệp - Fix bugs - Chuẩn bị tài liệu để báo cáo thực tập - Seminar dự án Thursday Workshop Dự lễ tốt nghiệp - Củng cố kiến thức qua đợt thực tập - Người hướng