1 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 Kiểm thử phần mềm trên ứng dụng Web Công ty thực tập KMS Technology Việt Nam Người phụ trách Nguyễn Thị Phương Trúc Thực t[.]
1 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 Kiểm thử phần mềm ứng dụng Web Công ty thực tập : KMS Technology Việt Nam Người phụ trách : Nguyễn Thị Phương Trúc Thực tập sinh : Phạm Ngọc Quyên TP Hồ Chí Minh, tháng 12 năm 2022 LỜI MỞ ĐẦU Trong lĩnh vực phần mềm, kiểm thử phần mềm phần thiếu (software testing) Kiểm thử phần mềm hoạt động nhằm tìm kiếm phát lỗi phần mềm, đảm bảo phần mềm xác, đầy đủ theo yêu cầu khách hàng, yêu cầu sản phẩm đặt Software testing cung cấp mục tiêu, nhìn độc lập phần mềm điều cho phép đánh giá hiểu rõ rủi ro thực thi phần mềm Mục đích việc kiểm thử nhằm nâng cao hiệu chất lượng hoạt động phần mềm, đảm bảo khơng thất chi phí, sản phẩm làm đạt chuẩn tới tay người tiêu dùng từ đảm bảo uy tín sản phẩm, doanh nghiệp với người tiêu dùng Vì lý này, em định chọn QA làm định hướng cho việc học tập QA (Quality Assurance) lĩnh vực IT đảm bảo chất lượng sản phẩm cách đưa quy trình làm việc cụ thể bên liên quan Sau ba năm học tập trường, mong muốn có thêm kinh nghiệm thực tế, muốn tham gia làm kiểm thử mơi trường chun nghiệp, em có dự định thực tập hè Vì vậy, em định chọn KMS Technology Việt Nam - môi trường lý tưởng, đại, chuyên nghiệp - nơi giúp em thực dự định 3 LỜI CẢM ƠN Trân trọng gửi lời cảm ơn Công ty KMS Technology Việt Nam đặc biệt đội ngũ team Visily 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 nhóm trainer, em tiếp thu kiến thức quan trọng để kiểm thử, đảm bảo chất lượng ứng dụng Web thực tế Chân thành cảm ơn anh chị nhóm trainer 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 gửi lời cảm ơn chân thành tới chị Nguyễn Thị Phương Trúc (Delivery director) hỗ trợ nhiều cho em công việc Chị không hướng dẫn em kỹ chuyên môn mà cho em nhiều học hay kỹ mềm cần thiết 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 làm báo cáo NHẬN XÉT CỦA KHOA MỤC LỤC MỤC LỤC Chương 1: Giới thiệu công ty thực tập Chương 2: Nội dung thực tập Chương 3: Chi tiết project 11 TÀI LIỆU THAM KHẢO TỔNG KẾT 17 18 Chương 1: Giới thiệu công ty thực tập Giới thiệu công ty KMS Technology KMS Technology công ty phần mềm Việt Nam Startup công ty hàng đầu lĩnh vực phát triển phần mềm với đội ngũ 1000 kỹ sư, vừa tổ chức lễ khai trương văn phòng thứ 6, đặt trung tâm thành phố Đà Nẵng KMS Technology hứa hẹn đem đến nhiều hội việc làm chất lượng cao, góp phần phát triển lực đội ngũ lập trình viên miền Trung, nâng tầm sản phẩm dịch vụ công nghệ thông tin Việt Nam thị trường giới Thuộc top công ty IT Việt Nam, KMS Technology đánh giá cao với môi trường làm việc động & thân thiện hàng đầu hội phát triển phù hợp với lực cá nhân KMS Technology công ty 100% vốn đầu tư Mỹ cung cấp dịch vụ phát triển phần mềm kiểm thử độc lập hàng đầu Việt Nam Đội ngũ lãnh đạo KMS tập trung xây dựng sách đãi ngộ tốt nhất, đa dạng hóa chương trình đào tạo kết hợp với hoạt động vui chơi giải trí thường xuyên công ty nhằm tạo điều kiện tốt để phát huy điểm mạnh nhân viên Sau năm hoạt động, KMS xây dựng đội ngũ 800 nhân viên Việt Nam góp phần vào tăng trưởng mạnh mẽ dịch vụ gia công phần mềm Việt Nam thành công khách hàng thị trường Mỹ Sản phẩm công ty UpStar Labs nhánh đầu tư ươm tạo khởi nghiệp KMS Technology UpStar Labs xây dựng sản phẩm phần mềm cho thị trường tồn cầu với đội ngũ kỹ sư công nghệ Việt Nam, đồng thời đầu tư vào cơng ty khởi nghiệp có ảnh hưởng lớn Hoa Kỳ Việt Nam Danh mục sản phẩm đầu tư bao gồm QASymphony, Kobiton, Katalon, Christina’s, Cypress.io, Izenda, Visily nhiều công ty khác 7 Hợp tác chặt chẽ với công ty phần mềm có danh tiếng hàng đầu giới, KMS mang giải pháp phần mềm tiên tiến sáng tạo giới đến Châu Á Chương 2: Nội dung thực tập Đợt thực tập với chủ đề “Kiểm thử phần mềm ứng dụng Web” nhằm mục đích giúp sinh viên thực tập đào tạo toàn diện kiểm thử phần mềm, đồ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 ứng dụng web chuyên nghiệp 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 nhận thiết bị làm việc Được IT team giao thiết bị Laptop, tài khoản đăng nhập ứng dụng cần thiết cho việc liên hệ/bảo mật Được nghe người phụ trách giới thiệu công ty, trình thành lập phát triể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 cịn 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 : Hiểu thêm sản phẩm Visily công ty KMS, trình thành lập phát triển Biết cách sử dụng phần mềm bảo mật cho thiết bị làm việc Nghiên cứu kỹ thuật 2.1 2.2 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, supervisor 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ố Jirasử dụng việc quản lý cơng việc, Notepad ++ - chương trình soạn thảo văn hữu ích, Slack- mơi trường giao tiếp thành viên team Thực : Thực hành sử dụng phần mềm nêu Kết : Sử dụng tốt công cụ cần thiết nêu Tìm hiểu sản phẩm Web app Visily (thiết kế giao diện cho non-designer) Thời gian : ngày (1 tuần) Nội dung : - Làm quen với cách sản phẩm web app Visily hoạt động tiếp xúc với môi trường sử dụng kiểm thử ( test-staging-production) - Nắm mơ hình Scrum mà team thực Thực : - Sử dụng tính web app visily người dùng thực tế - Truy cập vào môi trường để xem luồng hoạt động môi trường giai đoạn - Tham gia buổi daily meeting planning meeting Kết : - 2.3 Nắm toàn hệ thống cách hoạt động web app Visily Có kiến thức thiết kế giao diện Nắm môi trường khác sản phẩm, mục đích cách sử dụng mơi trường - Hiểu cách mà mơ hình Scrum hoạt động Viết report bug quy trình xử lý bug Jira Thời gian : ngày Nội dung : - Cách xử lý viết report phát bug ứng dụng - Vòng đời xử lý bug Thực : - Đọc report bug thành viên team - Thực hành viết report bug dựa mẫu - Nắm cách tạo task Jira để đưa bug vào quy trình xử lý Kết : - 2.4 Nắm cách viết report bug Xử lý bug Jira để làm việc khớp với team Học cách viết test case dựa requirement từ PO Thời gian : ngày (1 tuần) Nội dung : - Phân tích requirement - Viết test case từ requirement cho - Áp dụng technical cần thiết vào việc viết test case Thực : - Đọc test case requirement tương ứng thành viên team - Nắm kĩ black/white box testing - Thực hành viết test case dựa requirement mẫu Kết : 2.5 - Có khả phân tích requirement - Viết test case requirement phân tích - Áp dụng technical học vào việc viết test case Viết automation test case cho Web app Visily Thời gian : ngày Nội dung : - Nắm framework Playwright cho việc viết automation test case - Viết automation test case từ manual test case Thực : - Đọc nắm source code automation - Tìm hiểu áp dụng Playwright - Thực hành viết test case dựa requirement mẫu Kết : 2.6 - Viết automation test case từ manual test case - Viết test case requirement phân tích - Nắm source code cách viết với Playwright Kiểm thử UI Web app Visily Nội dung: Dùng tool hỗ trợ để kiểm thử UI - Khái niệm kiểm thử UI Nắm kiểm thử UI ứng dụng web bao gồm phần vài tool kiểm thử manual - Visbug: VisBug giúp xem chỉnh sửa HTML + CSS dễ dàng hết, mà không cần phải soi F12 Ngồi Visbug đo lường thơng số thành phần bố cục web Hiển thị font/size text, … - Perfect pixel Tiện ích đặt hình ảnh mờ chồng lên web hình, đồng thời so sánh hai ảnh để đảm bảo độ xác đến pixel 10 - What color Cơng cụ đo màu sắc xác hiển thị mã màu dạng hex decimal - Viewport resizer Công cụ giúp thay đổi viewport ứng dụng web giúp ích việc kiểm thử phần responsive cho ứng dụng Thực : - Tham gia đầy đủ buổi training Thực sử dụng tools… Tìm kiếm tài liệu mạng để tìm hiểu thêm Kết : 2.7 Hiểu khái niệm kiểm thử UI Sử dụng tool kiểm thử nêu Kiểm thử funtional cho Web app Visily Nội dung: Manual automation kiểm thử cho function web app Visily - Manual: Dựa vào steps test case viết thực manual theo steps - Automation: Cho chạy suite test liên quan kiểm định kết Thực : - Kiểm thử function app dựa yêu cầu sprint - Manual kiểm thử automation kiểm thử Kết : 2.8 - Kiểm thử function aap - Viết report bug tương ứng Kiểm thử performance cho Web app Visily Nội dung: Sử dụng tool để kiểm thử hiệu suất app viết báo cáo 11 - GT metrix: Công cụ kiểm thử performance cho web app, đưa đánh giá cụ thể hiệu suất - Jmeter: Giả lập truy cập để kiểm thử performance Thực : - Sử dụng tool để đo đạt hiệu suất app trường hợp cụ thể - Viết báo cáo cho performance Kết : - Kiểm thử performance app Viết report tương ứng Thực project Sau thời gian làm việc Visily em kiểm thử phần sau app Lịch làm việc Tuần Cơng việc - Tìm hiểu công ty, cách tổ chức 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 email - Viết report bug quy trình xử lý bug Jira - Viết manual/auto test case dựa requirement từ PO Người hướng dẫn Chị Nguyễn Thị Phương Trúc Chị Nguyễn Thị Phương Trúc Chị Nguyễn Thị Phương Trúc anh Nguyễn Đông - Kiểm thử sau Chị Nguyễn Thị code lên môi Phương Trúc trường testing Mức độ hoàn thành Nhận xét người hướng dẫn 12 - Report bug phát q trình kiểm thử Kiểm thử mơi trường staging Smoke test production Chị Nguyễn Thị Phương Trúc Chị Nguyễn Thị Phương Trúc Chị Nguyễn Thị Phương Trúc 13 Chương 3: Chi tiết project Giới thiệu Visily Visily phần mềm thiết kế giao diện sản phẩm (UI – user interface) dành cho người dùng không chuyên, tập trung vào câu chuyện hỗ trợ người dùng thiết kế dễ dàng với tính sử dụng sức mạnh trí thơng minh nhân tạo (AI – artificial intelligence) 1.1 Kiểm thử UI 1.1.1 App theme Project wizard giúp bạn tạo theme từ từ khố gợi ý, hình ảnh website URL UI quán xuyên suốt theo chủ đề - Tạo theme từ keyword - Chọn theme có sẵn - Trích xuất theme từ hình ảnh - Trích xuất theme từ URL 1.1.2 Page templates Hàng trăm mẫu web ứng dụng di động đẹp mắt giúp người dùng không cần phải thiết kế giao diện ứng dụng từ đầu - Các mẫu có sẵn thể tùy chỉnh theo chủ đề: Các mẫu chọn tự động tùy chỉnh với chủ đề dự án bạn, dẫn đến thiết kế độc đáo riêng bạn - Có sẵn nhiều kích thước hình: Mẫu có sẵn kích thước hình khác cho ứng dụng bạn Nhanh chóng thiết kế ứng dụng bạn cho máy tính để bàn, điện thoại di động máy tính bảng 14 1.2 Kiểm thử Functional 1.2.1 Design authoring Trải nghiệm thiết kế giao diện người dùng đơn giản cung cấp Al Thiết kế mockup có độ trung thực cao dễ dàng làm việc với Google Slides - Components thông minh: Các components cho phép bạn thiết kế ứng dụng phức tạp cách dễ dàng Bạn tạo mã CSS từ components - Component dựng sẵn: Thiết kế cách nhanh chóng cách sử dụng forms, cards, footers… có sẵn 15 - Bộ icon phong phú thay đổi theo chủ đề: Hỗ trợ nhiều biểu tượng cho nhu cầu thiết kế ứng dụng - Phác thảo AI để thiết kế: Lặp lại ý tưởng bạn cách nhanh chóng! Vẽ ứng dụng bạn giấy nhờ Visily AI chuyển đổi thành mockup có độ xác cao - Ảnh chụp hình AI để thiết kế: Chụp ảnh hình ứng dụng trang web có để AI chuyển đổi chúng thành mơ hình đẹp, có độ xác cao 1.2.2 Prototype and presentation Chuyển đổi thiết kế tĩnh thành mơ hình tương tác trình bày luồng ứng dụng - Kết nối thành phần hình để thiết lập quy trình điều hướng ứng dụng 16 - Các thành phần thông minh tự động thay đổi trạng thái di chuột nhấp vào - Sắp xếp hình nhanh chóng dễ dàng - Present mẫu cách dễ dàng, máy tính để bàn thiết bị di động 17 TÀI LIỆU THAM KHẢO For UI https://www.guru99.com/gui-testing.html https://www.lambdatest.com/blog/top-ui-automated-testing-tools/ For funtional https://www.simform.com/blog/functional-testing-tools/ https://playwright.dev/ For performance https://gtmetrix.com/ https://jmeter.apache.org/ For test case https://www.guru99.com/black-box-testing.html https://www.guru99.com/white-box-testing.html 18 TỔNG KẾT Như vậy, vịng tháng ngắn ngủi, em có thêm nhiều kiến thức hữu ích việc kiểm thử phần mềm, có trải nghiệm thực tế làm việc môi trường chuyên nghiệp Chân thành cảm ơn giúp đỡ anh chị nhóm trainer Visily KMS ...2 LỜI MỞ ĐẦU Trong lĩnh vực phần mềm, kiểm thử phần mềm phần thiếu (software testing) Kiểm thử phần mềm hoạt động nhằm tìm kiếm phát lỗi phần mềm, đảm bảo phần mềm xác, đầy đủ theo yêu cầu khách... cơng ty phần mềm có danh tiếng hàng đầu giới, KMS mang giải pháp phần mềm tiên tiến sáng tạo giới đến Châu Á Chương 2: Nội dung thực tập Đợt thực tập với chủ đề ? ?Kiểm thử phần mềm ứng dụng Web”... cách viết với Playwright Kiểm thử UI Web app Visily Nội dung: Dùng tool hỗ trợ để kiểm thử UI - Khái niệm kiểm thử UI Nắm kiểm thử UI ứng dụng web bao gồm phần vài tool kiểm thử manual - Visbug: