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 Sinh viên thực hiện: Hồng Cơng Minh – 17520747 TP Hồ Chí Minh, ngày 29 tháng năm 2020 Hồng Công Minh Thực tập tốt nghiệp NHẬN XÉT (Của giảng viên) Hồng Cơng Minh 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 11 Tìm hiểu Ant Design 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ồng Cơng Minh 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ồng Cơng Minh 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 cịn 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 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ồng Cơng Minh TP Hồ Chí Minh, ngày 29 tháng 09 năm 2020 Hồng Cơng Minh 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ồng Cơng Minh 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, 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 Hồng Cơng Minh - - II Thực tập tốt nghiệp 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 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ồng Cơng Minh 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ồng Cơng Minh 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ồng Cơng Minh Thực tập tốt nghiệp 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 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 32 Hồng Cơng Minh Thực tập tốt nghiệp 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 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 33 Hồng Cơng Minh Thực tập tốt nghiệp 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ồng Cơng Minh 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 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 hồ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ợ - Hồn thiện backlog giao 35 Hồng Cơng Minh 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ồng Cơng Minh 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: sau 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ồng Cơng Minh Thực tập tốt nghiệp Các chức Harmonia version 1.0 Hình 2.21: Concept Harmonia Harmonia 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ồng Cơng Minh 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ồng Cơng Minh 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ồng Cơng Minh Thực tập tốt nghiệp Hình 2.29: Chức quản lý lead 41 Hồng Cơng Minh Thực tập tốt nghiệp CHƯƠ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 1) - Hoàn thành chức đăng nhập - Tham gia daily standup ngày: báo cáo cơng 42 Hồng Cơng Minh Thực tập tốt nghiệp 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 hoàn thành goal iteration Tuần - Tham gia daily standup ngày: báo cáo công 5, việc mà hôm qua thân làm hôm làm Tuần gì, stuck điểm (Iteration - Tham gia buổi họp kết thúc Iteration: đưa 2) đ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 ● 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 3) 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 ● Wednesday Workshop ● Friday Meetup - ngày biết ơn chân thành 43 Hồng Cơng Minh 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 I Kết thu - 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 - 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 44 Hồng Cơng Minh - Thực tập tốt nghiệp 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 II Các điểm yếu thân - 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ồng Cơng Minh 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ồng Cơng Minh 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ồng Cơng Minh Thực tập tốt nghiệp CHƯƠNG 2: NỘI DUNG THỰC TẬP... Sale Dashboard 40 Hồng Cơng Minh Thực tập tốt nghiệp Hình 2.29: Chức quản lý lead 41 Hồng Cơng Minh Thực tập tốt nghiệp CHƯƠ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