báo cáo thực tập FULL STACK SOFTWARE ENGINEER

ĐẠ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 -🙞🙞🙞🙞🙞 - BÁO CÁO THỰC TẬP FULL-STACK SOFTWARE ENGINEER Công ty thực tập: KMS Technology Việt Nam – UpStar Labs Người phụ trách: NGUYỄN XUÂN HÙNG Thực tập sinh: NGUYỄN THÀNH LUÂN - 16520703 Tp Hồ Chí Minh, 07/2020 -Trang 2- Người phụ trách: NGUYỄN XUÂN HÙNG Thực tập sinh: NGUYỄN THÀNH LUÂN -Trang 3- LỜI MỞ ĐẦU Trong thời đại nay, Công nghệ thông tin nói chung ngành Cơng nghệ phần mềm nói riêng nhân tố thiết yếu đóng vai trị quan trọng phát triển chung xã hội Công nghệ Web - hay hiểu đơn giản trang web giao tiếp với người dùng ngày đa dạng phong phú, phục vụ cho nhu cầu người từ việc bán hàng, cung cấp kiến thức, thông tin liên lạc… đặt vấn đề chung hình thức chất lượng! Làm để cân yếu tố yếu nói tăng tính trải nghiệm người dùng tốn mà đội ngũ phát triển website cần phải suy nghĩ đau đầu! Sau năm tháng môi trường đại học, với mong muốn áp dụng kiến thức học lớp học hỏi thêm kinh nghiệm môi trường làm việc thực tế, muốn tự trải nghiệm thân việc tham gia phát triển sản phẩm ngành Cơng nghệ phần mềm Vì vậy, em định chọn KMS Technology Việt Nam – UpStar Labs với vị trí Full-stack Software Engineer Intern nơi để thực dự định này! Người phụ trách: NGUYỄN XUÂN HÙNG Thực tập sinh: NGUYỄN THÀNH LUÂN -Trang 4- LỜI CẢM ƠN Trân trọng gửi lời cảm ơn tới Công ty KMS Technology Việt Nam – UpStar Labs tạo điều kiện cho em có hội thực tập dịp này! Đặc biệt gửi lời cảm ơn đến anh Nguyễn Xuân Hùng, người trực tiếp hướng dẫn, giúp đỡ em cách tận tình, người xếp giao task với mức độ phù hợp với trình độ thân em, kiến thức, chia sẻ kinh nghiệm bổ ích cho trình thực tập! Cảm ơn anh chị phận Marketing team Katalon (UpStar Labs) cho em hiểu cách mà Website Landing Page vận hành nào, cách phối hợp thành phần tạo nên nó: Design, Content, Developer, Marketing làm sao, môi trường làm việc thân thiện, thoải mái Em xin gửi lời cảm ơn tới Thầy Cô Khoa Công nghệ phần mềm hỗ trợ, tạo điều kiện để em làm báo cáo Một lần nữa, em xin chân thành cảm ơn! Tp.Hồ Chí Minh, ngày 27 tháng 07 năm 2020 Sinh viên thực Nguyễn Thành Luân Người phụ trách: NGUYỄN XUÂN HÙNG Thực tập sinh: NGUYỄN THÀNH LUÂN -Trang 5- NHẬN XÉT CỦA KHOA ., ngày tháng ……… năm 2020 Người nhận xét (Ký ghi rõ họ tên) Người phụ trách: NGUYỄN XUÂN HÙNG Thực tập sinh: NGUYỄN THÀNH LUÂN -Trang 6- MỤC LỤC LỜI MỞ ĐẦU LỜI CẢM ƠN NHẬN XÉT CỦA KHOA Phần I – GIỚI THIỆU CÔNG TY THỰC TẬP TỔNG QUAN VỀ KMS TECHNOLOGY TỔNG QUAN VỀ UPSTAR LABS WEBSITE KATALON STUDIO 11 Phần II – NỘI DUNG VÀ QUÁ TRÌNH THỰC TẬP 13 Phần III – KẾT QUẢ THỰC TẬP 18 TỰ ĐÁNH GIÁ 18 NHÌN NHẬN VỀ THUẬN LỢI VÀ KHĨ KHĂN 18 Người phụ trách: NGUYỄN XUÂN HÙNG Thực tập sinh: NGUYỄN THÀNH LUÂN -Trang 7- Phần I – GIỚI THIỆU CÔNG TY THỰC TẬP TỔNG QUAN VỀ KMS TECHNOLOGY Hình 1.1 Logo công ty KMS Technoly KMS Technology nhà cung cấp hàng đầu phát triển phần mềm, dịch vụ kiểm thử tư vấn giải pháp phần mềm Có trụ sở Atlanta, GA với văn phịng California Việt Nam, KMS đẩy mạnh việc cung cấp giải pháp phần mềm sáng tạo thông qua phương pháp lấy khách hàng làm trung tâm, tập trung phát triển giá trị kinh doanh cốt lõi Các số liệu thống kê: - Hơn 11 năm vận hành lĩnh vực - Phục vụ 80 công ty khách hàng - Hiện có 1000 nhân viên - Với tổng doanh số 4.7 tỷ dollars sản phẩm bán tiết kiệm 139 triệu dollars cho giải pháp phần mềm Khách hàng KMS: - Các công ty cổ phần Người phụ trách: NGUYỄN XUÂN HÙNG Thực tập sinh: NGUYỄN THÀNH LUÂN -Trang 8- KMS chuyên gia việc hoạt động với cơng ty cổ phần Vì nhà đầu tư, KMS biết cách cung cấp dịch vụ làm tăng giá trị đầu tư giá trị sản phẩm bán cơng ty - Các công ty phần mềm Phát triển phầm mềm đảm bảo chất lượng tiêu KMS, cung cấp tài nguyên cần thiết để cải tiến thời gian đưa sản phẩm thị trường, cải thiện chất lượng giảm chi phí chung Lĩnh vực kinh doanh: - Software Outsourcing Hình 1.2 Logo KMS Technoly - Startup Incubator Hình 1.3 Logo UpStar Labs - Solution Provider Hình 1.4 Logo KMS Solutions Điểm khác biệt KMS: KMS vừa “Doanh nhân”, vừa “Nhà vận hành” “Nhà đầu tư” Điều làm cho KMS khác biệt so với nhà cung cấp dịch vụ giải pháp phần mềm khác KMS biết xác điều làm nên tảng dẫn đầu ngành công nghiệp Người phụ trách: NGUYỄN XUÂN HÙNG Thực tập sinh: NGUYỄN THÀNH LUÂN -Trang 9- lẽ KMS tự làm điều với vườn ươm UpStar Labs sản phẩm riêng Hình 1.5 Các sản phẩm KMS Technology Thông tin khác: - Website: https://www.kms-technology.com/ - Location: ➢ Việt Nam: • Cộng Hồ • Tản Viên • UpStar Labs • Đà Nẵng ➢ US: • Atlanta TỔNG QUAN VỀ UPSTAR LABS UpStars Labs startup đầu tư ươm mầm khởi nghiệp KMS Technology Được hướng dẫn đội ngũ lãnh đạo toàn cầu, UpStar Labs xây dựng sản phẩm phần mềm tiếng giới việc sử dụng nguồn nhân lực chất lượng cao Việt Nam đầu tư vào công ty khởi nghiệp có ảnh hưởng lớn Mỹ Việt Nam Các số liệu thống kê: - Hơn 100 nhân viên - sản phẩm - danh mục đầu tư Người phụ trách: NGUYỄN XUÂN HÙNG Thực tập sinh: NGUYỄN THÀNH LUÂN -Trang 10- Các danh mục sản phẩm gồm có: - QASymphony (2011) Nền tảng quản lý kiểm thử hàng đầu giúp đẩy nhanh trình tung sản phẩm thị trường team agile - Katalon (2015) Giải pháp toàn diện automation testing hỗ trợ Web, Mobile, API, cung cấp giải pháp tích hợp CI/CD, test scheduling, reporting monitoring Kobiton (2016) Nền tảng kiểm thử thiết bị di động, cung cấp manual automated testing thiết bị thực - Sprynkl (2019) Ứng dụng giúp cải thiện giá trị cốt lõi nét đặc trưng team - Grove (Coming soon) Hình 1.6 Các sản phẩm UpStar Labs Các danh mục đầu tư: Người phụ trách: NGUYỄN XUÂN HÙNG Thực tập sinh: NGUYỄN THÀNH LUÂN -Trang 11Hình 1.7 Các danh mục đầu tư UpStar Labs Thông tin khác: - Website: https://www.upstarlabs.com/ WEBSITE KATALON STUDIO Website: https://www.katalon.com/ Trang web thức Katalon, sản phẩm vườn ươm UpStar Labs KMS Technology Bao gồm trang landing page nhằm định hướng người dùng tới sản phẩm, trang Blog, Support, Forum Company Info… Là kết hợp tất phận team Katalon, kể từ Product, Sales, Design, Content Marketing, website Katalon “bộ mặt” sản phẩm, mang tầm quan trọng trọng trách lớn lao “trang mở đầu” “cuốn sách” giao tiếp với khách hàng Vậy nên việc thay đổi thành phần giao diện, cải thiện hiệu suất, tăng trải nghiệm người dùng nâng cao hệ thống tracking giúp mang lại nhìn tổng quan, để từ có định hướng phát triển sản phẩm hoàn thiện phù hợp với nhu cầu người dùng công việc hàng ngày đội ngũ phát triển sản phẩm nói riêng, website Katalon nói riêng Người phụ trách: NGUYỄN XUÂN HÙNG Thực tập sinh: NGUYỄN THÀNH LUÂN -Trang 12- Hình 1.8 Homepage website Katalon Người phụ trách: NGUYỄN XUÂN HÙNG Thực tập sinh: NGUYỄN THÀNH LUÂN -Trang 13- Phần II – NỘI DUNG VÀ QUÁ TRÌNH THỰC TẬP Thời gian thực tập: 13/04 đến 13/08 (4 tháng, diễn ra) Hình thức thực tập: Partime (tối thiểu 20 tiếng tuần) Nội dung thực tập: Tham gia xây dựng phát triển tính năng, giao diện website Katalon việc sử dụng Wordpress với ngơn ngữ lập trình PHP MySQL database Đồng thời tiếp cận với hệ thống tracking sản phẩm thực NodeJS Nhật ký thực tập: Thời gian Nội dung công việc Thực Kết đạt Tuần (13/04 đến 19/4) 1st day on-boarding session Được cấp máy tính riêng, hướng dẫn tài khoản KMS cách kết nối vào mạng nội thông qua VPN công ty Tìm hiểu, build server local cho project katalon websites (Wordpress) katalon-backendnodejs • Tải IDE, applications, tools… hỗ trợ cho cơng việc máy tính cơng ty • Tìm hiểu cấu trúc project Wordpress với custom theme • Tìm hiểu cách dựng server local thơng qua XAMPP • Nắm chế hoạt động certificate SSL để dùng cho giao thức HTTPS project wordpress • Biết cách import database, config file có liên quan để dựng local cho website Katalon • Config project tracking sử dụng NodeJS để run local test thử vài API thơng qua Postman Security Awareness Course Nắm sách bảo mật thông tin công ty Người phụ trách: NGUYỄN XUÂN HÙNG Thực tập sinh: NGUYỄN THÀNH LUÂN -Trang 14- Tuần (20/04 Tham gia buổi Daily meeting Bước đầu hiểu khái quát công việc cần làm phận Marketing, vai trò nhiệm vụ thân team đến 03/05) Tuần – tuần (04/05 đến 03/06) Viết email template để gửi cho khách hàng theo design Biết cách viết email template sử dụng HTML hạn chế việc hiển thị email Outlook Hiện thực trang Selenium Landing Page • Biết cách tạo trang Landing Page wordpress theme thêm vào wordpress admin • Làm quen với công cụ hỗ trợ việc phát triển website InVision, Trello, Slack, TinyPNG, S3 Browser (Amazon Web Service) • Nắm bước thực trước deploy website (test local -> test staging -> build production) • Nâng cao khả CSS responsive • Hạn chế: Vì task phối hợp với người nên chưa chủ động thời gian bám sát vào tiến độ dẫn tới bị trễ hạn ngày Cập nhật trang Partner Hiểu số vấn đề gặp phải việc hiển thị browser khác (đặc biệt Internet Explorer) cách khắc phục Optimize website Katalon Task lớn xem quan trọng thời gian thực tập • Sử dụng Google Pagespeed Insight để audit tiếp cận cách optimize website Nhận vấn đề lớn nằm việc render-blocking resources, compressed images content nhiều, dẫn tới DOM Tree lớn • Các giải pháp tiềm năng: ✓ Eliminate render-blocking resources ✓ Compress images ✓ Remove unused CSS ✓ Cache and cookie Người phụ trách: NGUYỄN XUÂN HÙNG Thực tập sinh: NGUYỄN THÀNH LUÂN -Trang 15- ✓ Minify JS/CSS file ✓ Reduce server response time • Tìm hiểu plugin hỗ trợ optimize website Tiến hành cài đặt so sánh điểm hiệu suất chênh lệch, đồng thời kiểm tra lỗi xảy sau cài plugin • Sử dụng máy ảo Linux để cài đặt Apache ModPagespeed với mục đích kiểm tra kết giả lập việc optimize lên trực tiếp server Apply filter tool report chi tiết thay đổi hiệu suất website • Sử dụng tool optimize-image anh Nguyễn Xuân Hùng để nén lượng lớn image assets websites Viết tool crawl data Pagespeed Insight sử dụng NodeJS • Mục tiêu để giám sát biến động điểm số Pagespeed Insight cho website Katatalon để tìm kiếm giải pháp thích hợp • Sử dụng cronjob scheduler để lập lịch highchartjs để visualize data Cập nhật giao diện trang Search Nâng cao khả đọc hiểu maitain code Fix lỗi thumbnail bị vỡ trang testautomationresources.com Nắm bước để fix vấn đề liên quan tới theme Tà Hine trip với người team Giữa tuần – tuần 12 (04/06 đến 05/07) Update version package backend NodeJS vấn đề security Sử dụng Postman list API có sẵn anh Nguyễn Xuân Hùng để test kết trả sau cập nhật version package Vì liên quan tới hệ thống tracking sản phẩm nên cần test kĩ Katalon Studio Roadmap • Hiện thực trang Katalon Studio Roadmap Người phụ trách: NGUYỄN XUÂN HÙNG Thực tập sinh: NGUYỄN THÀNH LUÂN -Trang 16- • Viết plugin Manage Data Roadmap để tuỳ chỉnh liệu roadmap wordpress admin Hiểu cấu trúc code plugin wordpress • Hiểu chế backup server cách sử dụng nhiều server khác nhau, server bị down truy cập vào website không bị ảnh hưởng Tuy nhiên tồn đọng vấn đề việc đồng liệu liệu lưu server database (plugin Manage Data Roadmap ví dụ điển hình) Tuần 13 – (06/07 đến tại) Cập nhật trang Sign Up Tuy thay đổi design sử dụng chung template tổng theme, cần cảnh giác để tránh xảy lỗi không lường trước Nâng cao khả đọc hiểu maintain, reuse code Tìm kiếm lỗi plugin wordpressdefender Hiểu cách tracking lỗi plugin Fix lỗi hiển thị icon Hiểu thêm vấn đề việc hiển thị website IE browser cách khắc phục Blog post revamp – Cập nhật toàn trang blog • Thay đổi tồn giao diện trang Blog với fixed data (vì chưa quen với hàm ajax load liệu từ database nên viết trước với liệu tự set cố định) • Thay đổi giao diện xử lí header navigation • Thêm chức Set Popular cho post wordpress admin Tìm hiểu Wordpress Action Hook • Viết chỉnh sửa function load liệu từ database phù hợp với design Người phụ trách: NGUYỄN XUÂN HÙNG Thực tập sinh: NGUYỄN THÀNH LUÂN -Trang 17- sử dụng wpquery ajax-load more • Viết thêm tuỳ chọn Theme Settings để thay đổi thông số liên quan trang blog Hiểu thêm cấu trúc custom theme wordpress • Tạo phân trang xử lí cho list blogs • Viết CSS hiệu chỉnh responsive nhiều thiết bị Sử dụng VNC Viewer để test MacOS • Sửa lại script xử lí scroll event cho nội dung yêu cầu • Nắm rõ chế render javascript để từ khắc phục vấn đề box-shadow • Hạn chế: • Chưa thống font design font hiển thị web dẫn tới khó khăn việc code theo design • Sự khác biệt hiển thị Chrome Safari • Miss-comunication dẫn tới việc hiểu lầm design idea Thêm Customer Success Story Rekencentra Tăng khả đọc hiểu code sử dụng lại template có sẵn Fix lỗi trang Webinars bị gắn link sai Sau có kinh nghiệm từ task Blog post revamp, xác định vị trí gây vấn đề cách giải Viết tool export user từ MySQL Bước đầu suy nghĩ tới vấn đề đặt hiệu suất query đến lượng lớn liệu database Làm quen với hệ thống tracking Katalon [Private] Người phụ trách: NGUYỄN XUÂN HÙNG Thực tập sinh: NGUYỄN THÀNH LUÂN -Trang 18- Phần III – KẾT QUẢ THỰC TẬP TỰ ĐÁNH GIÁ Trong thời gian thực tập công ty, em tích luỹ nhiều kiến thức liên quan tới việc phát triển vận hành Website landing page Bổ sung thêm cho thân kĩ xử lí front-end, tự thân tạo dựng plugin tool theo yêu cầu phía back-end, kết hợp qua lại phần để hoàn thành phần lớn task giao thời gian quy định, với việc hình thành thói quen kiểm thử cách kĩ chịu trách nhiệm cho phần cơng việc làm trước deploy trang web Ngoài ra, với giúp đỡ tận tình anh Nguyễn Xuân Hùng người team Katalon, em biết thêm nhiều khái niệm mới, kinh nghiệm mới, chia sẻ, hiểu biết liên quan tới công việc đời sống mà nhận làm việc công ty Tự nhận xét thân sau: - Về kỷ luật ➢ Đi làm theo lịch, luôn xin phép báo cáo đầy đủ có việc đột xuất khiến khơng thể có mặt cơng ty - Về chun mơn ➢ Hồn thành task với mức độ tốt thân thời gian cho phép ➢ Luôn tham khảo ý kiến người phụ trách trước tự giải vấn đề ➢ Phối hợp với người team cách hoà đồng vui vẻ Tuy lúc đầu có ngại ngần việc giao tiếp dẫn tới nhiều lúc thắc mắc khó giải bày rõ ràng NHÌN NHẬN VỀ THUẬN LỢI VÀ KHĨ KHĂN Thuận lợi: - Được thực tập môi trường làm việc động, linh hoạt chuyên nghiệp với mục tiêu định hướng rõ ràng suốt thời gian thực tập Người phụ trách: NGUYỄN XUÂN HÙNG Thực tập sinh: NGUYỄN THÀNH LUÂN -Trang 19- - Được hướng dẫn người phụ trách tài giỏi, nhiệt tình có tâm, ln tạo điều kiện, tính tốn việc assign task để mang lại nhiều kiến thức kinh nghiệm cho thân em Được tiếp xúc, nói chuyện tham gia chuyến chơi team giúp nâng cao mối quan hệ thân kĩ giao tiếp - Mơi trường làm việc thoải mái, vui vẻ, có cà phê bánh miễn phí, đầy đủ tiện nghi Khó khăn: - Khó khăn lớn nằm kiến thức chuyên môn kinh nghiệm ngành Nhiều task lẽ đơn giản lại tốn nhiều thời gian để tìm hướng giải Vì việc tự trau dồi thêm cho thân điều vô cần thiết - Vấn đề giao tiếp với team nội dung công việc giải lao cần cải thiện Người phụ trách: NGUYỄN XUÂN HÙNG Thực tập sinh: NGUYỄN THÀNH LUÂN ... II – NỘI DUNG VÀ QUÁ TRÌNH THỰC TẬP Thời gian thực tập: 13/04 đến 13/08 (4 tháng, diễn ra) Hình thức thực tập: Partime (tối thiểu 20 tiếng tuần) Nội dung thực tập: Tham gia xây dựng phát triển... QUÁ TRÌNH THỰC TẬP 13 Phần III – KẾT QUẢ THỰC TẬP 18 TỰ ĐÁNH GIÁ 18 NHÌN NHẬN VỀ THUẬN LỢI VÀ KHÓ KHĂN 18 Người phụ trách: NGUYỄN XUÂN HÙNG Thực tập sinh:... [Private] Người phụ trách: NGUYỄN XUÂN HÙNG Thực tập sinh: NGUYỄN THÀNH LUÂN -Trang 18- Phần III – KẾT QUẢ THỰC TẬP TỰ ĐÁNH GIÁ Trong thời gian thực tập cơng ty, em tích luỹ nhiều kiến thức liên