báo cáo thực tập lập trình WEB với ASP NET MVC

ĐẠI HỌC QUỐC GIA THÀNH PHỐ HỒ CHÍ MINH TRƯỜNG ĐẠI HỌC CÔNG NGHỆ THÔNG TIN BÁO CÁO THỰC TẬP DOANH NGHIỆP ĐỀ TÀI LẬP TRÌNH WEB VỚI ASP.NET MVC Công ty thực tập : Công ty Nichietsu System Development Người phụ trách : Nguyễn Đình Duy Thực tập sinh : Trần Minh Q́c - 15520702 TP Hồ Chí Minh, tháng 01 năm 2021 LỜI MỞ ĐẦU Trước đây, mà phát triển công nghệ thông tin nước ta thấp Khách du lịch phải nhiều thời gian, để lên kế hoạch, tìm hiểu thơng tin thời tiết, chỗ ở, phương tiện, địa điểm tham quan cho chuyến Thậm chí để đặt phòng nghỉ qua internet thị trấn, thị xã,… cịn hạn chế hầu đặt thành phố lớn mà Ngày nay, mà công nghệ thông tin ngày phát triển, len lõi vào sống lĩnh vực Các dịch vụ đặt phòng trực tuyến ngày phát triển kể đến Booking, Trevoka,…xâm nhập vào thị trường nước ta Cùng với xu phát triển giới, Việt Nam khơng phải ngoại lệ Thị trường đặt phịng khách sạn trực tuyến nước ta phát triển mạnh mẽ, để vươn với cơng ty hàng đầu lĩnh vực Booking giới Sau năm học tập trường, mong ḿn có thêm kinh nghiệm thực tế, làm việc mơi trường chun nghiệp, em đăng kí thực tập Nichietsu Em chọn Nichietsu cơng ty uy tín, có mơi trường làm việc động, chuyên nghiệp - nơi giúp em thực dự định LỜI CẢM ƠN Trân trọng gửi lời cảm ơn Công ty Nichietsu System Development 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 để làm website đặt phịng 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 hoàn thành đợt thực tập Đặc biệt cảm ơn anh Duy training C#, hướng dẫn, giúp đỡ cho em tận tình khó khăn cơng việc, đến khó khăn việc làm quen với mơi trường mới; cảm ơn anh Bửu, training Net MVC, hỗ trợ em nhiều vấn đề kỹ thuật Ajax, Boostrap trình làm website; cảm ơn anh Thịnh, dẫn chúng em cách làm báo cáo, lên kế hoạch, kỹ thiếu; cảm ơn anh Nhựt, anh Bắc training cho chúng em kiến thức quan trọng C# Net MVC để làm sản phẩm 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 Trần Minh Q́c Tp Hồ Chí Minh, ngày 13 tháng 01 năm 2020 NHẬN XÉT CỦA KHOA MỤC LỤC LỜI MỞ ĐẦU LỜI CẢM ƠN NHẬN XÉT CỦA KHOA Chương 1: Giới thiệu công ty thực tập Giới thiệu công ty Nichietsu System Development Sản phẩm công ty Chương 2: Nội dung thực tập Tìm hiểu cơng ty kỹ công ty Nghiên cứu kỹ thuật 2.1 Các công cụ làm việc 2.2 Tìm hiểu ngôn ngữ C# Net MVC Thực project 12 Lịch làm việc 12 Chương 3: Chi tiết project 14 Giới thiệu website 14 Các chức 14 Thực 16 Kế hoạch 17 TÀI LIỆU THAM KHẢO 18 TỔNG KẾT 19 Chương 1: Giới thiệu công ty thực tập Giới thiệu công ty Nichietsu System Development Nichietsu System Development cơng ty Việt Nam có vốn đầu tư Nhật Bản tiên phong lĩnh vực lập trình Nichietsu tự hào sở hữu hệ thống phần mềm hàng đầu với nhân trẻ trung- động Nichietsu cung cấp loạt dịch vụ liên quan đến hệ thống Địa chỉ: Nichietsu Tầng 18, Vinhomes Central Park, 208 Nguyễn Hữu Cảnh phường 22, Quận Bình Thạnh, Thành phớ Hồ Chí Minh, Việt Nam SĐT: (+84) 283 636 5149 Email: nichietsu@nichietsuvn.com Sản phẩm công ty + Gold Time Coffee: ứng dụng quản lý tài khoản dự án chuỗi coffee phân quyền tiên phong đầu tiên Việt Nam + Grabtasker: ứng dụng đáng tin cậy cho cá nhân hay doanh nghiệp để đăng tải cơng việc, tìm kiếm dịch vụ nội địa thuê nhân công có trình độ cách nhanh chóng thơng qua website ứng dụng cài đặt điện thoại di động +Yep2go: ứng dụng giúp cho người sử dụng có nhìn rõ ràng, chi tiết khách sạn, homestay phịng Người đặt phịng xem ảnh 360 độ phịng ḿn xem Giá tốt Dịch vụ hỗ trợ tốt với dịch vụ chăm sóc khách hàng xun śt Thường xun có chương trình khuyến hấp dẫn Chương 2: Nội dung thực tập Đợt thực tập với chủ đề “Tìm hiểu ASP.Net MVC xây dựng Website Homestay Booking” nhằm mục đích giúp sinh viên thực tập đào tạo tồn diện lập trình web, đồ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 chun 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 Được nghe Anh Nguyễn Đình Duy - team leader giới thiệu cơng ty, q trình phát triển (như nhắc đến trên), quy trình làm việc từ cao x́ng thấp, 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, ứng dụng giao tiếp (Slack) với anh chị team việc viết daily report cuối buổi thực tập, Kết : Hiểu thêm cơng ty Nichietsu, q trình phát triển Có thêm kỹ việc sử dụng email công việc, làm việc có kế hoạch, có kỷ luật, có trách nhiệm Nghiên cứu kỹ thuật 2.1 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, team leader 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ố Visual Studio cài đăt mơi trường - sử dụng Slack, Redmine làm việc nhóm, PostMan để test làm việc với API Thực : Thực hành sử dụng phần mềm nêu Kết : Lập trình sử dụng cơng cụ miễn phí, giúp dễ dàng kết hợp cơng cụ với nhau, so với việc dung IDE 2.2 Tìm hiểu ngơn ngữ C# Net MVC Thời gian : ngày (1 tuần) Nội dung : Được training kỹ thuật C# Net MVC nâng cao, kiến thức quan trọng cho việc tối ưu cho website - Lập trình theo mơ hình MVC Đây mơ hình kiến phần mềm tạo với mục đích quản lý xây dựng dự án phần mềm có hệ thớng Mơ hình dùng rộng rãi đặc biệt ngôn ngữ lập trình web - Model : Đây thành phần chứa tất nghiệp vụ logic, phương thức xử lý, truy xuất database, đối tượng mô tả liệu Class, hàm xử lý… - Control: Giữ nhiệm vụ nhận điều hướng yêu cầu từ người dùng gọi phương thức xử lý chúng… Chẳng hạn thành phần nhận request từ url form để thao tác trực tiếp với Model - View: Đảm nhận việc hiển thị thông tin, tương tác với người dùng, nơi chứa tất đối tượng GUI textbox, images… Hiểu cách đơn giản, tập hợp form file HTML - Ưu điểm: Thể tính chun nghiệp lập trình, phân tích thiết kế Do chia thành thành phần độc lập nên giúp phát triển ứng dụng nhanh, đơn giản, dễ nâng cấp, bảo trì… - Nhược điểm: Đới với dự án nhỏ việc áp dụng mơ hình MVC gây cồng kềnh, tớn thời gian q trình phát triển Tốn thời gian trung chuyển liệu thành phần Thực : - Tham gia đầy đủ buổi training công ty - Làm thực hành, kiểm tra kiến thức học - Đọc tài liệu, tự tìm hiểu ứng dụng mơ hình MVC vào test ban đầu, lấy API Postman Kết : - Nâng cao kỹ lập trình với C# Net MVC cơng cụ Postman,… - Có kiến thức quan trọng cho việc lập trình web sau - Ngồi cịn biết thêm số quy tắc việc viết code cho chuẩn, dễ đọc, dễ hiểu 2.3 Tìm hiểu Html, Css, JavaScript framework: - Thời gian : ngày Nội dung: Các kiến thức Html/Css/JavaScript Framework để làm website đơn giản - Khái niệm thành phần HTML, Css, JavaScipt HTML ngôn ngữ đánh dấu thiết kế để tạo nên trang web với mẩu thông tin trình bày World Wide Web CSS (Cascading Style Sheets) – dùng để miêu tả cách trình bày tài liệu viết ngôn ngữ HTML XHTML JavaScript ngơn ngữ lập trình thơng dịch phát triển từ ý niệm nguyên mẫu Ngôn ngữ dùng rộng rãi cho trang web phía máy chủ - Bootstrap: 10 Bootstrap framework HTML, CSS, JavaScript cho phép thiết kế responsive web mobile nhanh dễ dàng Bootstrap bao gồm HTML templates, CSS templates Javascript tao có sẵn như: typography, forms, buttons, tables, navigation, modals, image carousels nhiều thứ khác Trong bootstrap có thêm plugin Javascript Giúp cho việc thiết kế responsive bạn dễ dàng nhanh chóng - Ajax: Ajax kỹ thuật viết tắt chữ AJAX = Asynchronous JavaScript and XML, công nghệ giúp chung ta tạo Web động mà hồn tồn khơng reload lại trang mượt đẹp - JQuery: JQuery thư viện JavaScript đa trình duyệt thiết kế để đơn giản hóa lập trình phía máy người dùng HTML, phát hành vào tháng năm 2006 BarCamp NYC John Resig Được sử dụng 52% 10.000 truy cập nhiều trang web, jQuery thư viện JavaScript phổ biến sử dụng ngày Thực hiện: - Tham gia đầy đủ buổi trainning - Làm tập thực hành thiết kế giao diện, chỉnh sửa thành phần html đơn giản … - Tìm kiếm tài liệu mạng để tìm hiểu thêm Kết : - Hiểu khái niệm lập trình web 11 - Đã nắm cách sử dụng: HTML, CSS, JavaScript, thư viện framework liên quan (Bootstrap, Ajax, JQuery,…) Thực project Sau tháng training thực hành, nắm kiến thực C# Net MVC nắm thư viện framework project Trong tháng thứ hai, team leader hướng dẫn áp dụng kiến thức học để thực xây dựng website đặt phòng homestay Chi tiết đồ án nói phần sau Lịch làm việc Tuần Công việc Người hướng dẫn Nhận xét hoàn người thành hướng dẫn Anh Nguyễn Đình Duy 100% Tìm hiểu ngơn ngữ lập Anh Nguyễn Đình Duy 100% Tìm hiểu cơng ty, cách - Mức độ 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 - trình C# nâng cao mơ hình MVC - Thực hành C# Net MVC - Làm test C# Net MVC - Anh Nguyễn Đình Duy 100% Ajax, Anh Nguyễn Đình Duy 100% Tìm hiểu HTML, CSS, JavaScript - Thực hành thiết kế trang web tĩnh - Tìm hiểu 12 Bootstrap, Jquery - Thực hành tạo trang web động Giai đoạn Alpha 1: Anh Nguyễn Đình Duy 100% Anh Nguyễn Đình Duy 100% Anh Nguyễn Đình Duy 100% - Giai đoạn Beta giai Anh Nguyễn Đình Duy 100% - Lên kế hoạch - Viết Framework - Tạo model cho mô hình MVC - Kết nới với database Giai đoạn Alpha 2: - Viết class Controller quản lý cho mô hình MVC - Xử lý code logic trang web Giai đoạn Beta: Thiết kế view hình cho mơ hình MVC - Kết nới thành phần Model View Controler lại đoạn kết thúc, báo cáo : Fix bug logic, tinh chỉnh giao diện Báo cáo cuối đợt thực tập 13 Chương 3: Chi tiết project Giới thiệu website Đây project đặt phòng homestay, lấy ý tưởng từ việc đặt phòng khách sạn trực tuyến Project phát triển tảng web mobile (nhưng giai đoạn thực tập, thực tập sinh tham gia vào phát triển project tảng web) Các chức - Tìm kiếm homestay, phịng cho th theo địa điểm, thời gian check in 14 - Thanh toán trực tuyến thẻ ngân hàng 15 - Xem hình homestay 360 độ trực quan - Thêm vào danh sách yêu thích Thực - Anh Đỗ Lương Đình Bửu - Thực tập sinh Trần Minh Quốc 16 Và giúp đỡ team leader Nguyễn Đình Duy Kế hoạch Giai đoạn Alpha: - Hồn thành model - Hoàn thành controller - Thực xử lý code logic cho website Kết : - Hầu hết task đề hoàn thành - Hỗ trợ thêm phần viết API để tảng mobile lấy liệu Giai đoạn Beta: - Hoàn thành view cho website - Đổ liệu từ controller vào view - Hoàn chỉnh chức toán - Kiểm tra fix bug logic tinh chỉnh giao diện Kết : Đã hoàn thành tồn tính 17 TÀI LIỆU THAM KHẢO [1] https://www.tutorialsteacher.com/mvc/asp.net-mvc-tutorials [2] https://support.microsoft.com/vi-vn/help/2645095 [3] https://dotnet.microsoft.com/apps/aspnet/mvc [4] https://jqueryui.com/ [5] https://www.udemy.com/topic/aspnet-mvc/ [6] https://www.w3schools.com/js/js_ajax_intro.asp [7] https://www.udemy.com/complete-json-ajax-course/ [8] https://www.w3schools.com/jquery/ 18 TỔNG KẾT Như vậy, vịng hai tháng ngắn ngủi, tơi hỗ trợ cơng ty hồn thành website đặt phịng homestay tảng web hỗ trợ viết API cho tảng mobile truy xuất liệu Website có đầy đủ tính đề ban đầu Do thời gian có hạn nên hình website cịn đơn giản, hình ảnh chưa đẹp mong đợi Chân thành cảm ơn giúp đỡ anh chị nhóm trainer Nichietsu, đặc biệt anh team leader giúp tơi hồn thành website 19 ... vụ hỗ trợ tớt với dịch vụ chăm sóc khách hàng xun śt Thường xun có chương trình khuyến hấp dẫn Chương 2: Nội dung thực tập Đợt thực tập với chủ đề “Tìm hiểu ASP. Net MVC xây dựng Website Homestay... https://www.tutorialsteacher.com /mvc /asp. net- mvc- tutorials [2] https://support.microsoft.com/vi-vn/help/2645095 [3] https://dotnet.microsoft.com/apps/aspnet /mvc [4] https://jqueryui.com/ [5] https://www.udemy.com/topic/aspnet -mvc/ ... hiểu ứng dụng mơ hình MVC vào test ban đầu, lấy API Postman Kết : - Nâng cao kỹ lập trình với C# Net MVC cơng cụ Postman,… - Có kiến thức quan trọng cho việc lập trình web sau - Ngồi cịn biết