báo cáo thực tập TALARIA – WEB SITE tuyển dụng

ĐẠ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 THỰC TẬP TỐT NGHIỆP ĐỀ TÀI: TALARIA – WEB SITE TUYỂN DỤNG Công ty thực tập: GEEK UP TECHNOLOGY JSC Lớp: SE501.K21.PMCL Sinh viên thực hiện: Trần Văn Anh – 16520061 TP Hồ Chí Minh, ngày 28 tháng năm 2020 Trần Văn Anh Thực tập tốt nghiệp NHẬN XÉT (Của giảng viên) Trần Văn Anh 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 10 I Giới thiệu chung công ty 10 II Cơ cấu tổ chức 11 III Tổng quan việc kinh doanh 12 IV Văn hóa cơng ty 16 V Một số hình ảnh cơng ty 17 CHƯƠNG 2: NỘI DUNG THỰC TẬP 20 I Công nghệ, giải pháp quy trình áp dụng 20 Giới thiệu Git 20 Giới thiệu VSCode 23 Giới thiệu mơ hình làm việc Agile – Scrum 25 Tìm hiểu RESTful API 29 Tìm hiểu NodeJS 31 Tìm hiểu NestJS 32 Tìm hiểu ReactJS 32 Vòng đời ReactJS 33 Tìm hiểu Redux 35 10 Redux Saga 37 11 Tìm hiểu Ant Design 38 II Dự án Website quản lý tuyển dụng – Talaria 39 Bối cảnh đời Talaria 39 Nhiệm vụ sinh viên giao 41 Ý nghĩa design logo tên Website - Talaria 41 Mục tiêu xây dựng Talaria 41 Các chức Talaria version 1.0 43 Một số giao diện khác Talaria 51 Một số API bật để xây dựng lên trang web Talaria 53 CHƯƠNG 3: NHẬT KÝ THỰC TẬP 72 CHƯƠNG 4: KẾT QUẢ ĐẠT ĐƯỢC QUA ĐỢT THỰC TẬP 75 I Kết thu 75 II Các điểm yếu thân 75 III Gợi ý cho chương trình học 76 IV Cảm nhận công ty 76 DANH MỤC TÀI LIỆU THAM KHẢO 77 Trần Văn Anh 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, cảvề 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 Trần Văn Anh 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! Trần Văn Anh TP Hồ Chí Minh, ngày 28 tháng năm 2020 Trần Văn Anh Thực tập tốt nghiệp DANH MỤC CÁC CỤM TỪ VIẾT TẮT GA : Geek Acquisition API : Application Programming Interface Trần Văn Anh Thực tập tốt nghiệp DANH MỤC CÁC HÌNH ẢNH Tên bảng TT Trang Hình 1.1: Logo Cơng ty cổ phần cơng nghệ Geek Up 10 Hình 1.2: GEEK Up Organization Chart 12 Hình 1.3: UI design - The Coffee House - Loyalty application 13 Hình 1.4: UI design - Wall-street English - Class booking application 14 Hình 1.5: UI design – Wumbo – A project management solution 15 Hình 1.6: Tầng cơng ty Geek 17 Hình 1.7: Up Buổi Thursday - Workshop kỹ quản lý dự án 17 Hình 1.8: Buổi Friday Meetup - Nơi bày tỏ lòng biết ơn với cộng suốt tuần vừa qua 18 Hình 1.9: Phịng làm việc thực tập sinh 18 10 Hình 1.10: Cuộc họp phận Design 19 11 Hình 2.1: Mơ hình cơng cụ Git 20 12 Hình 2.2: Sơ đồ liên hệ máy tính 21 13 Hình 2.3: Sơ đồ cấu Git 22 14 Hình 2.4: Git branching 23 15 Hình 2.5: Chương trình VSCode 23 16 Hình 2.6: Giao diện ban đầu VSCode 24 17 Hình 2.7: Mơ hình Agile Waterfall 25 Trần Văn Anh Thực tập tốt nghiệp 18 Hình 2.8: Quy trình Agile 27 19 Hình 2.9: Logo NodeJS 31 20 Hình 2.10 : Logo NestJS 32 21 Hình 2.11: Logo ReactJS 32 22 Hình 2.12: Vịng đời ReactJS 33 23 Hình 2.13: Redux 36 24 Hình 2.14: Cách hoạt động Redux 37 25 Hình 2.15: Ant Design 38 26 Hình 2.16: Thực trạng tuyển dụng nhà tuyển dụng 40 27 Hình 2.17: Thực trạng tuyển dụng ứng viên 40 28 Hình 2.18: Logo website Talaria 41 29 Hình 2.19: Quy trình tuyển dụng Funnel Recruitment 42 30 Hình 2.20: Quy trình tuyển dụng Flywheel 43 31 Hình 2.21: Các bước quy trình tuyển dụng cơng ty 43 32 Hình 2.22: Các chức Talaria version 1.0 44 33 Hình 2.23: Workflow quản lý đơn ứng tuyển 45 34 Hình 2.24: Chức apply 45 35 Hình 2.25: Màn hình để ứng viên theo dõi trình tuyển dụng 46 36 Hình 2.26: Màn hình sau đăng nhập ứng viên 47 37 Hình 2.27: Email gửi đến ứng viên thơng báo kết 48 Trần Văn Anh Thực tập tốt nghiệp 38 Hình 2.28: Workflow chức đặt lịch vấn 49 39 Hình 2.29: Giao diện Book slot 50 40 Hình 2.30: Giao diện Login Admin 51 41 Hình 2.31: Giao diện chức tạo lịch vấn 51 42 Hình 2.32: Giao diện chức xác nhận lịch vấn 52 43 Hình 2.33: Giao diện live chat hỗ trợ trực tuyến 53 44 Hình 2.34: API getSlotById 54 Trần Văn Anh Thực tập tốt nghiệp DANH MỤC CÁC BẢNG TT Tên bảng Bảng 2.1 Các backlog dự án Talaria Công ty Geek Up Trang 71 Trần Văn Anh Thực tập tốt nghiệp Candidate's result by email + Pass: Send result and require candidate to choose slots for next step + Fail, Keep in View: Not send mail Admin Admin Admin Time table Admin can see slots in time table, in slot management menu Design Front-end and get API to show all slots available in that day or week and state - Time table selectable - Toggle switch view - The select day will decide 1: Admin log in Hit slot management menu View all slots firmed Create available slots Admin create one booking all infomation details of one interview + Admin will choose one slot in Slots candidate chosen in this screen Admin log in Hit Booking management menu Create available slot for Full day/Half day View slot created Edit Available Slot Admin change infomation of slot created + Type of slot + Date + Time Admin log in Hit Booking management menu Hit to a slot generated - Admin 63 Trần Văn Anh Thực tập tốt nghiệp Edit slot information View edited slot Admin Create a schedule Admin create infomation of schedule with these indexes + Type of slot + Date + Time + Candidate assigneds Admin log in Go to dashboard Click booking icon in each candidate Create a schedule for that candidate View schedule on timetable Slots booked (not chosen) are deleted or Admin log in Hit Booking management menu Create a schedule by clicking button "Create new schedule" View schedule on timetable 64 Trần Văn Anh Thực tập tốt nghiệp Slots booked (not chosen) are deleted Admin Edit a schedule Admin change infomation of schedule created + Type of slot + Date + Time + Candidate assigned Admin log in Go to dashboard Click edit icon Edit information of schedule View edited schedule or Admin log in Hit Booking management menu Hit to a schedule Edit schedule information View edited schedule 65 Trần Văn Anh Admin Tab All Thực tập tốt nghiệp Each row in table must be have fields: + name: can be Vietnamese + phone Show all Candidate have + email Admin log in database into Table of + state: drop-box but in Candidate Management show the current Show tab all Screen state + response since: MMM dd yyyy + schedule slot: MMM dd yyyy (if have schedule) When admin input info of a new candidate (email, name, phone number), system will send an email with token (ID34) as Confirmation confirmation of email (auto) application and guide to set up password on Talaria Create candidate Candidate account Grandline Create account for candidate (from Grandline application) Step 1: Admin input infor Step 2: System generate new account + link Step 3: Mail sent Step 4: Candidate can view the email with token - Candidate click the token link which will be compared with varified-token field in table If token link is matched - Candidate can login to 1stcandidate-login page Step 1: Apply on Geek Adventure site Step 2: Get email confirmed and link to Talaria password set up Step 3: Input password 66 Trần Văn Anh Thực tập tốt nghiệp to save the first password Step 4: Success and view dashboard, progress bar Admin Admin profile - Admin name at left bottom pressd will pop up admin profile in form Admin edit his/her profile - Form have: full +Name name, email, phone, +Phone skype, avatar +Email - x button clicked +Avatar will close modal - With any change, update button clickable and store to database At the Menu Navigation, click to account button ->pop up show admin's profile -> edit information -> submit form > store new information into system Admin - View options show can didate by day, this week, this month - Total number of Show number of each state in index candidate in each state Header bar (NEW, Candidate - Add new candidate PHONE_INTERVIEW,F Management button 2F_INTERVIEW, - Indexes - Sync data with OBSDAY), with selected dashboard tabs: All, phone, time range (date, F2F, obsday, week, ) archived - All candidate infomation show up on table as view option and tab Step 1: Login system, Step 2: Candidate Management Dashboard will show number of candidate in each state with selected time range at the top (based on filter) 67 Trần Văn Anh Thực tập tốt nghiệp - Each row show candidate - columns: name, phone, email, state, response time, booking, edit - State of candidate click pop up modal Consolidate this candidate - Import list candidate and export button show up The default calendar is - Calendar selectable today, Calendar can manage the The select day will calendar link availble slot generated decide slot show up with state to show slot at time table Admin Calendar Admin Show general infomation on Admin Slot Managerment Get Schedule + Time by week + Day and State ,by + Week date and + Month state + Year + Gender + Chapter + Link linkedin Admin Get Candidate Profile (hiring process) Display Hiring Process Bar with details for each state Include +State Name Admin get Schedule data from database and show them into Timetable Select where anyday (any week) and state Date of update Admin click status and Interview item in list Date must be in Candidate format dd/mm/yyyy 68 Trần Văn Anh Thực tập tốt nghiệp +Date of update status +Interview Date Admin Admin Admin Get Candidate Profile (general infomation) Download CV View CV => Show Candidate Profile Screen General information Card must have Show general infomation fields: Candidate + Name: can be + Name Vietnamese + State, status + State + Email + Status + Phone + Email + Year of birth + Phone + Gender + Year of birth + Apply to (Chapter?) + Gender + Link linkedin + Apply to: (Chapter) + Link Admin click item in list Candidate => Show Candidate Profile Screen After 1st login, candidate login will send to candidate's dashboard page After click to CV icon next to candidate's name, admin can double to the pdf file showing to download CV Show CV Candidate Admin into dashboard of Candidate management screen and chosen icon ShowCV CV page will be open in new tab 69 Trần Văn Anh Thực tập tốt nghiệp Admin At Slot Show all list Management candidate_slot with state Each row in table Dashboard, ARCHIEVED must be have fields: Admin select Search by fullname, + name: can be ARCHIEVED email, phone in this list Vietnamese tab to view all *candidate_slot: Slots + phone list candidate chosen with + email Admin input Tab fields as below + state: drop-box but text to search Archived and CV show the current box to search Search Fullname state any candidate Phone + response since: by fullname, Email MMM dd yyyy email or phone Chapter + schedule slot: Output: List State MMM dd yyyy (if candidate_slot Status have schedule) in PIC ARCHIEVED state Admin After Admin click export text or button all the data that include information of Candidate wil be export to xlsx file Admin Export Button Export candidate Admin export all the information of Candidate to file execl/pdf Admin can export candidate infomations show up at candidate table From candidate management - System check view menu, admin option and tab press export admin at, admin can button and get xlsx file download profiles as a file 70 Trần Văn Anh Admin Admin import candidate Thực tập tốt nghiệp Admin make button to import the list of candidates to send or receive information Create button name import and assign event onClick on it to call the action on APi getProfileCandidate After click on button it will active the event get and show on candidate table all Information of candidate like name phone email state response since schedule slot At Candidate Management, can view all list candidates show on At the file location that the list of candidates export into, can show the Excel file Bảng 2.1: Các backlog dự án Talaria Công ty Geek Up 71 Trần Văn Anh Thực tập tốt nghiệp CHƯƠNG 3: NHẬT KÝ THỰC TẬP Tuần Tuần 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 Tống Quốc cơng ty Kỳ - Làm quen với công cụ làm việc công ty (Product Analyst, Squad lead) (kênh chat trực tuyến công ty - Nexion, email Anh Võ Xuân công ty) Thịnh - Cài đặt môi trường để chuẩn bị cho dự án (BE-dev) Anh Nguyễn Vĩ - Học cách trao đổi, làm việc qua email (BE-dev) Anh Trần Đại - Tìm hiểu NodeJS, VSCode (FE-dev) - Tìm hiểu cơng ty, cách tổ chức cơng ty - Tìm hiểu Web service, Web Api, RESTful API - 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 Talaria - Thiết lập file Business Rules Talaria - Xem design Talaria Tuần 3, - Chia nhỏ dự án Talaria thành backlog để dễ theo Tuần dõi tiến độ công việc (Iteration - Liên kết với server để deploy 1) - Thiết lập hoàn thành iteration goal : Chứng thực quyền truy cập ứng viên nhà tuyển dụng - Hoàn thành chức đăng nhập tự động 72 Trần Văn Anh Thực tập tốt nghiệp - Liên kết với hộp mail công ty để gửi email auto cho ứng viên cài đặt password cho tài khoả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 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 - viết email cho cách, • Thursday Workshop - case study từ sản phẩm "Otable" team • Tuesday Workshop - phòng chống Covid 19 từ việc nhỏ • Friday Meetup - ngày biết ơn, gửi lời cảm ơn chân thành đến cộng giúp đỡ Tuần - Xây dựng hoàn thành goal iteration : Hoàn 5, thành happy flow ứng viên (ứng viên nộp đơn ứng Tuần tuyển, vượt qua vòng vấn trở thành (Iteration nhân viên công ty) 2) - 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 - làm để góp ý cách chân thành cách • Thursday Workshop - case study FrontEnd dự án "Wumbo" • Friday Meetup - ngày biết ơn 73 Trần Văn Anh Thực tập tốt nghiệp Tuần 7,8 - Xây dựng hoàn thành goal iteration : Bổ (Iteration sung chứng ứng viên phận tuyển 3) dụng - API liên kết với website công ty để nhận thông tin ứng viên gửi CV từ - API liên kết với email để thông báo cho ứng viên kết ứng tuyển, báo giấc mà ứng viên chọn để vấ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 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-review meeting quan trọng • Wednesday Workshop - cách làm bánh đơn giản • Friday Meetup - ngày biết ơn chân thành Tuần (iteration 4) - Fix bugs - Thêm chức responsive mobile để tương thích với loại điện thoại truy cập vào Talaria ứng dụng web - Chuẩn bị tài liệu để báo cáo thực tập - Báo cáo Thursday Workshop - Talaria: The newcomer of Geek Up Architecture - 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 74 Trần Văn Anh Thực tập tốt nghiệp 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 Back-end sử dụng NodeJs 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 - Kỹ đọc tiếng Anh cải thiện - 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 hồ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 - Ngữ pháp tiếng Anh hạn chế - Kiến thức chuẩn bị cho thực tập chưa vững - Thao tác làm việc cịn chậm - Khó khăn việc học ngơn ngữ code 75 Trần Văn Anh Thực tập tốt nghiệp III Gợi ý cho chương trình học - Hướng dẫn viết code nhiều chương trình phần mềm để nâng cao trình độ viết code 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ẻ 76 Trần Văn Anh 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 Talaria công ty Geek Up 77 ... quy trình tuyển dụng cách chuyên nghiệp 39 Trần Văn Anh Thực tập tốt nghiệp Hình 2.16: Thực trạng tuyển dụng nhà tuyển dụng Hình 2.17: Thực trạng tuyển dụng ứng viên 40 Trần Văn Anh Thực tập tốt... 38 26 Hình 2.16: Thực trạng tuyển dụng nhà tuyển dụng 40 27 Hình 2.17: Thực trạng tuyển dụng ứng viên 40 28 Hình 2.18: Logo website Talaria 41 29 Hình 2.19: Quy trình tuyển dụng Funnel Recruitment... án Website quản lý tuyển dụng – Talaria 39 Bối cảnh đời Talaria 39 Nhiệm vụ sinh viên giao 41 Ý nghĩa design logo tên Website - Talaria 41 Mục tiêu xây dựng Talaria