Báo cáo thực tập lập trình WEB ASP NET

ĐẠ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 LẬP TRÌNH WEB ASP.NET Cơng ty thực tập: Spiraledge Người phụ trách: Trần Quốc Ân Thực tập sinh: Bùi Đặng Hồng Chung Thành phố Hồ Chí Minh, tháng 07 năm 2020 LỜI MỞ ĐẦU Bùi Đặng Hồng Chung Hiện với phát triển mạnh mẽ cơng nghệ giới nhu cầu sử dụng internet ngày tăng lên ngày điều tất yếu Chính cơng nghệ thơng tin khơng dừng lại mục đích phục vụ cho khoa học kỹ thuật mà sâu vào đời sống, trị, kinh tế - xã hội, mang lại nhiều lợi ích cho người Đi kèm theo đó, hệ thống website ngày phát triển không ngừng với đủ lĩnh vực, ngành nghề giáo dục, y tế, phim ảnh, ca nhạc, thể thao, làm đẹp, sức khỏe Tuy nhiên để tạo website nhiều người sử dụng cần nhiều yếu tố nội dung, giao diện, trải nghiệm người dùng mang lại cho người sử dụng lợi ích định Vì vậy, việc sử dụng công cụ tool giúp nâng cao hiệu cơng việc lập trình Cơng ty Spiraledge công ty chuyên giải pháp công nghệ thông tin ứng dụng cho lĩnh vực bán lẻ phần mềm Internet tập trung vào sống lành mạnh Với mong muốn tìm hiểu kĩ thể thao, sức khỏe vừa sử dụng kiến thức học để áp dụng vào công việc thực tập nên em định thử sức gắn bó cơng ty Spiraledge LỜI CẢM ƠN Bùi Đặng Hồng Chung Trân trọng gửi lời cảm ơn Công ty Spiraledge tạo điều kiện cho em có hội thực tập công ty Chỉ tháng ngắn ngủi, nhờ dẫn nhiệt tình anh chị nhóm, em tiếp thu nhiều kiến thức hay, cần thiết để nâng cao lực thân biết cách xử lí vấn đề tốt Chân thành cảm ơn anh chị bỏ thời gian công sức để hướng dẫn em Đặc biệt cảm ơn anh Trần Quốc Ân, dạy, hướng dẫn em tận tình, giúp đỡ em làm quen với môi trường làm việc chuyên nghiệp, có lời góp ý sâu sắc giúp em hiểu rõ kiến thức trường Em xin cảm ơn anh Huỳnh Kim Thành giúp đỡ em lúc khó khăn cơng việc, training kiến thức quan trọng để làm công việc giao thời gian qua 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 Bùi Đặng Hồng Chung Thành phố Hồ Chí Minh, tháng 07 năm 2020 Bùi Đặng Hồng Chung NHẬN XÉT CỦA KHOA Bùi Đặng Hồng Chung MỤC LỤC Chương I: Giới thiệu công ty thực tập Giới thiệu công ty Spiraledge: Spiraledge công ty chuyên lĩnh vực chăm sóc sức khỏe nhà bán lẻ internet hàng đầu có trụ sở San Jose, CA, với văn phòng Cincinnati, Ohio thành phố Hồ Chí Minh, Việt Nam Các trang web cơng ty bao gồm SwimOutlet.com - cửa hàng trực tuyến tiếng chuyên bán đồ bơi, YogaOutlet.com - nhà bán lẻ trực tuyến tập trung vào yoga Swim.com - tảng tập luyện đào tạo bơi kỹ thuật số Kể từ thành lập công ty vào năm 2001, công nghệ yếu tố quan trọng Spiraledge phần quan trọng thành công Công ty, cho phép Bùi Đặng Hồng Chung công ty tập trung vào nhiệm vụ cốt lõi mình: hồn thiện trải nghiệm mua sắm trực tuyến cho khách hàng ngày Các sản phẩm công ty: SwimOutlet.com: Được thành lập vào năm 2000 có trụ sở Campbell, CA, SwimOutlet.com điểm đến trực tuyến hàng đầu cho trang phục bơi lặn cửa hàng bơi phổ biến web Kể từ thành lập, SwimOutlet.com mở rộng trở thành cửa hàng đồ bơi trực tuyến lớn cho đồ bơi Bắc Mỹ SwimOutlet.com mệnh danh Nhà bán lẻ Internet Hot 100 Top 10 Nhà bán lẻ di động hàng đầu năm 2011 Bùi Đặng Hồng Chung YogaOutlet.com: Được thành lập vào năm 2012 có trụ sở Campbell, CA, YogaOutlet.com nhà bán lẻ yoga trực tuyến đa thương hiệu chuyên biệt đầu tiên, cung cấp nhiều lựa chọn nhãn hiệu yoga sản phẩm lấy cảm hứng từ yoga cho tất cấp độ yoga Trang web đặt tên vào Danh sách Hot 100 uy tín nhà bán lẻ Internet năm 2015 Bùi Đặng Hồng Chung Swim.com: tảng tập luyện huấn luyện bơi tiên tiến dành cho người bơi Bơi với Apple Watch, Garmin, Samsung thiết bị Android WearOS để kết nối, cạnh tranh chinh phục mục tiêu bạn Bùi Đặng Hồng Chung Bùi Đặng Hồng Chung Chương II: Nội dung thực tập 1.Tìm hiểu 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 Đượ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, cách thức tổ chức cơng ty Ngồi ra, thực tập sinh 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 công cụ khác thực công việc giao Hướng dẫn dùng công cụ quản lý JIRA: Jira ứng dụng theo dõi quản lý lỗi / vấn đề dự án, phát triển công ty phần mềm Atlassian Australia Cách thức hoạt động JIRA dựa vào trọng tâm kết công việc, sử dụng linh hoạt sử dụng Kết quả: - Hiểu thêm công ty Spiraledge, trình thành lập phát triển Nắm kỹ việc sử dụng email công việc, kỹ làm việc nhóm biết cách sử dụng công cụ JIRA Các công cụ làm việc: Thời gian: ngày Nội dung: - Tìm hiểu Jira, công cụ Git, TortoiseSVN Thực hiện: - Thực hành sử dụng công cụ Cách viết nội dung thông tin muốn chia sẻ liệu lên Tortoise SVN Kết quả: - Sử dụng thành thạo hiểu rõ cơng cụ này, giúp thực tập sinh có kiến thức để chuẩn bị thực Project quản lý Source code 10 Bùi Đặng Hồng Chung Tìm hiểu kĩ thuật: a Tìm hiểu trang web Swimoutlet.com YogaOutlet: Thời gian: ngày Nội dung: - Tìm hiểu nội dung thông tin trang web - Xem cách trang web hoạt động Thực hiện: - Xem liệu trả trang web - Xem tính năng, giao diện trang web Kết quả: - Nắm rõ trang web mà nhóm thực b Tìm hiểu API: Thời gian: ngày Nội dung: - Tìm hiểu API: API (Application Programming Interface) tập quy tắc chế mà theo đó, ứng dụng hay thành phần tương tác với ứng dụng hay thành phần khác API trả liệu mà bạn cần cho ứng dụng kiểu liệu phổ biến JSON hay XML - Tìm hiểu RESTful API: RESTful API tiêu chuẩn dùng việc thiết kế API cho ứng dụng web để quản lý resource RESTful kiểu thiết kế API sử dụng phổ biến ngày ứng dụng (web, mobile…) khác giao tiếp với - Tìm hiểu cách thức hoạt động RESTful API: REST hoạt động chủ yếu dựa vào giao thức HTTP Các hoạt động nêu sử dụng phương thức HTTP riêng • GET (SELECT): Trả Resource danh sách Resource 11 Bùi Đặng Hồng Chung • POST (CREATE): Tạo Resource • PUT (UPDATE): Cập nhật thơng tin cho Resource • DELETE (DELETE): Xố Resource Thực hiện: - Đọc tài liệu RESTful API - Đọc tài liệu client-server Kết quả: - Biết RESTful API - Hiểu cách thức hoạt động RESTful API c Tìm hiểu console Tool: Thời gian: tháng Nội dung: - Tìm hiểu cách đọc/ghi file: Reader/Writer Tham gia thực số task liên quan đến console tool viết C# Thực hiện: - Viết tool console kiểm tra hình ảnh hợp lệ status code 200 OK Viết tool console gửi mail cho nhân viên vào đầu tháng với nội dung file csv Viết tool console xây dựng top brands menu cho trang web swimoutlet.com Kết quả: - Đã hoàn thành tool biết cách clean code hiệu Có thể tự xây dựng cho tool riêng cần thiết d Tìm hiểu Javascript Ajax: Thời gian: tháng Nội dung: - Tìm hiểu Javascript 12 Bùi Đặng Hồng Chung - Tìm hiểu Ajax cách hoạt động Ajax: AJAX chữ viết tắt Asynchronous JavaScript and XML Nó kỹ thuật thiết kế web giúp cho ứng dụng web hoạt động bất đồng – xử lý yêu cầu tới server từ phía sau Thực hiện: - Xây dựng trang nhật ký khách hàng có sử dụng phân trang Ajax Kết quả: - Hiểu rõ chế bất đồng Ajax Hoàn thành trang nhật ký khách hàng e Thực project: Sau tháng training thực hành, thực tập sinh nắm kiến thức API, Javascript, Console, Ajax công cụ kèm Trong tháng thứ hai, trainer hướng dẫn thực tập sinh áp dụng kiến thức học để thực project Chi tiết đồ án nói phần sau 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 Người hướng dẫn Anh Trần Quốc Ân Mức độ hoàn thành 100% 13 Bùi Đặng Hồng Chung 3,4 5,6,7,8 -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 Tìm hiểu API -Tìm hiểu console tool, viết tool giao Tìm hiểu Javascript, Ajax áp dụng vào xây dựng trang web Anh Huỳnh Kim Thành Anh Trần Quốc Ân 100% 100% Anh Trần Quốc Ân 100% CHƯƠNG III: CHI TIẾT VỀ PROJECT 1.Giới thiệu toán: SwimOutlet.com - trang web trực tuyến tiếng chuyên bán đồ bơi Nội dung: - Tìm hiểu Postman, kiểm tra hình ảnh status code 200 OK - Tìm hiểu số console tool mạng - Tìm hiểu Javascript, Jquery, Ajax 14 Bùi Đặng Hồng Chung Thực hiện: - Xây dựng top brands menu: Hiển thị danh mục thương hiệu mà SwimOutlet liên kết kinh doanh trang web xếp theo bảng chữ từ A-Z gồm có cột, cột 16 dịng - Viết tool kiểm tra hình ảnh hợp lệ status code 200 OK với Postman: Kiểm tra đường link hình ảnh từ file text, hợp lệ thêm vào database, cịn hình ảnh khơng hợp lệ khơng thêm vào - Xây dựng trang nhật ký khách hàng cho SwimOutlet sử dụng phân trang Ajax Kết quả: 15 Bùi Đặng Hồng Chung 16 Bùi Đặng Hồng Chung Chương IV: TÀI LIỆU THAM KHẢO [PostMan] https://www.postman.com/api-platform/? utm_source=www&utm_medium=home_hero&utm_campaign=button [Console] https://docs.microsoft.com/en-us/troubleshoot/dotnet/csharp/read-write-textfile [Ajax] https://www.w3schools.com/js/js_ajax_intro.asp [Javascript] https://www.w3schools.com/js/js_intro.asp 17 Bùi Đặng Hồng Chung Chương V: Kết luận đánh giá Kết luận: Sau kết thúc chương trình thực tập Spiraledge, em tiếp thu thêm nhiều kiến thức mới, đặc biệt lĩnh vực lập trình web, hiểu thêm khái niệm, mục đích, ý nghĩa giai đoạn cơng việc q trình phát triển sản phẩm Một lần nữa, em xin cảm ơn công ty Spiraledge giúp đỡ cho em suốt trình thực tập làm việc, chân thành cảm ơn Thầy/Cô Khoa Công nghệ phần mềm tạo điều kiện tốt cho em hoàn thành tập doanh nghiệp Đánh giá: Bên cạnh kiến thức tiếp thu được, thân chưa có nhiều kinh nghiệm, nên sai sót điều khơng thể tránh khỏi Trong q trình thực tập, làm việc, em tự đánh giá thân điểm sau chưa làm được: - Code đơi cịn bị lặp code Ước tính cơng việc chưa xác, trễ tiến độ vài ngày Những sai sót giúp ích cho em cải thiện thân tương lai 18 ... kết thúc chương trình thực tập Spiraledge, em tiếp thu thêm nhiều kiến thức mới, đặc biệt lĩnh vực lập trình web, hiểu thêm khái niệm, mục đích, ý nghĩa giai đoạn cơng việc q trình phát triển... ký khách hàng e Thực project: Sau tháng training thực hành, thực tập sinh nắm kiến thức API, Javascript, Console, Ajax công cụ kèm Trong tháng thứ hai, trainer hướng dẫn thực tập sinh áp dụng... thơng tin trang web - Xem cách trang web hoạt động Thực hiện: - Xem liệu trả trang web - Xem tính năng, giao diện trang web Kết quả: - Nắm rõ trang web mà nhóm thực b Tìm hiểu API: Thời gian: ngày