báo cáo thực tập lập trình ứng dụng WEB LARAVEL

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 ỨNG DỤNG WEB LARAVEL Công ty thực tập : Công Ty TNHH YouthDev Người phụ trách : Hứa Phước Trường Thực tập sinh : Hồ Thái Thăng TP Hồ Chí Minh, tháng 07 năm 2020 LỜI MỞ ĐẦ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ù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 phần mềm non trẻ Việt Nam phát triển mạnh mẽ, để hòa nhập với công ty hàng đầu giới Nhu cầu bảo mật xác thực ứng dụng phần mềm phần thiếu việc phát triển phần mềm, giúp cho ứng dụng web bảo mật an toàn tránh bị kẻ gian lợi dụng 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 dự án thực tế môi trường chuyên nghiệp Vì vậy, em định chọn cơng ty TNHH Youthdev - môi trường lý tưởng, đại, chuyên nghiệp - nơi giúp em thực dự định Người phụ trách: Hứa Phước Trường Thực tập sinh: Hồ Thái Thăng LỜI CẢM ƠN Trân trọng gửi lời cảm ơn Công Ty TNHH YouthDev 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 thực tập chúng em tiếp thu kiến thức quan trọng để làm ứng dụng website hoàn chỉnh 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 chúng em hồn thành đợt thực tập Đặc biệt cảm ơn anh Thiện, training front-end, hướng dẫn, giúp đỡ cho chúng 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; Đồng thời cảm ơn anh Trường training back-end devops, giúp em xây dựng hệ thống website nhỏ Laravel 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 Hồ Thái Thăng Thành Phố HCM, ngày 27 tháng năm 2020 Người phụ trách: Hứa Phước Trường Thực tập sinh: Hồ Thái Thăng NHẬN XÉT CỦA KHOA Người phụ trách: Hứa Phước Trường Thực tập sinh: Hồ Thái Thăng MỤC LỤC MỤC LỤC Chương 1: Giới thiêu công ty thực tập Giới thiệu công ty TNHH Youthdev 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ữ PHP 2.3 Framework Laravel 10 2.4 Javascipt 12 2.5 Boostrap JQuery 13 Thực project 14 Lịch làm việc 14 Chương 3: Chi tiết project 16 Giới thiệu Project 16 Thực 16 Kế hoạch 16 TÀI LIỆU THAM KHẢO 18 TỔNG KẾT 19 Người phụ trách: Hứa Phước Trường Thực tập sinh: Hồ Thái Thăng Chương 1: Giới thiêu công ty thực tập Giới thiệu công ty TNHH Youthdev YouthDev công ty giải pháp công nghệ thành lập vào năm 2014 số kỹ sư giàu kinh nghiệm dựa phương pháp Agile mang lại giá trị kinh doanh thực tế quy trình minh bạch cho sản phẩm phần mềm có tính sẵn sàng khả mở rộng cao Triết lý quan trọng công ty “good releases or no release at all” (Tạm dịch: Phát hành sản phẩm tốt không phát hành sản phẩm cả) YouthDev khơng nói khơng với vấn đề cung cấp giá trị thực đáng tin cậy cho khách hàng dựa niềm tin khả công nghệ đáng tin cậy Sản phẩm cơng ty YouthDev có kinh nghiệm mạnh mẽ hiệu suất cao hệ thống xử lý lớn Chúng trụ cột số dự án lớn Việt Nam như: a Mobifone video entertainment flatform: Người phụ trách: Hứa Phước Trường Thực tập sinh: Hồ Thái Thăng 8GiaiTri tảng video Mobifone chuyên dụng, tạo dựa nhiều công nghệ hàng đầu giới để cung cấp truyền phát video thích ứng, lưu trữ video có khả mở rộng lớn hệ thống khả dụng cao với nhiều máy chủ chuyên dụng (của Mobifone) đăng ký SMS, dịch vụ đăng ký phức tạp b MobilePay electronic payment: MobilePay hệ toán điện tử tiện lợi đầu tư công ty cổ phần Singapore MobilePay cho phép người dùng đăng ký kết nối với nhiều tài khoản ngân hàng để toán, yêu cầu toán thực thay đổi ví họ cách dễ dàng thuận tiện c Pi360 elearning system: Pi (π) thành lập niềm đam mê chuyên gia ngành, người nắm giữ vị trí hàng đầu tập đồn khác có mục tiêu Đó truyền cảm hứng chuyển giao kiến thức cho hệ nơi thực cho người muốn thúc đẩy nghiệp họ cách chuyên nghiệp, để vị trí hàng đầu cơng ty Khơng cịn lo ngại việc liệu kiến thức sử dụng nơi làm việc hay khơng nội dung có đủ tiêu chuẩn chuyên gia ngành, khơng cịn lo ngại chi phí học tập bạn nhận khóa học miễn phí để nâng cấp kiến thức d Gold Airplane Vietjet: Gold Airplane chiến dịch quảng bá dịch vụ thành viên trung thành lớn Vietjet Trò chơi đa tảng trực tuyến phục vụ triệu người dùng thời gian ngắn chiến dịch thường bắt đầu dừng lại sau khoảng đến e Extracare loyalty card: Extracare ứng dụng di động hoạt động Android Apple iOS, cung cấp chức cho khách hàng trung thành Pharmacity, cửa hàng dược phẩm lớn Việt Nam Extracare hệ thẻ khách hàng thân thiết thay thẻ truyền thống đóng vai trị quan trọng kết nối khách hàng công ty f Giant Enterprise Resource Planning: Đây giải pháp Lập kế hoạch nguồn lực doanh nghiệp toàn diện chúng tôi, quản lý hầu hết hoạt động Giant hàng ngày Giải pháp Người phụ trách: Hứa Phước Trường Thực tập sinh: Hồ Thái Thăng giúp kiểm soát hàng tồn kho, quản lý mối quan hệ khách hàng nguồn nhân lực, tích hợp sâu vào kế tốn để quản lý hóa đơn, hóa đơn giống đơn đặt hàng nhà cung cấp đơn đặt hàng bán khách hàng g Mạng xã hội video BuzzHeat: Thatvidieu.com hệ mạng xã hội hệ thống phân phối video khổng lồ dựa số công nghệ cao khai thác liệu, học máy Thatvidieu.com thu thập phân tích nội dung video mạng xã hội khác Việt Nam tự động phát lọc để loại bỏ video nội dung trùng lặp chất lượng thấp h Social Listening System: Chúng phát triển hệ thống cốt lõi cho hoạt động kinh doanh họ, Social Listening System cung cấp nhiều thông tin cho chiến dịch tiếp thị kỹ thuật số Chúng ta trả lời câu hỏi: Có người nói thương hiệu phương tiện truyền thông xã hội? Họ đến từ đâu? Đó điều tích cực hay điều tiêu cực? Đâu điều thương hiệu mà khách hàng thường nhắc đến? Người phụ trách: Hứa Phước Trường Thực tập sinh: Hồ Thái Thăng Chương 2: Nội dung thực tập Được thực tập vị trí fullstack 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 phần mềm 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 Được nghe người phụ trách giới thiệu cơng ty, q trình thành lập phát triên (như nhắc đến trê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 cơng ty Youthdev, q trình thành lập 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 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ố Server quản lý source code Gitlab, Phần mềm quản lý dự án Redmine IDE Visual code Php Storm 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 Tìm hiểu ngôn ngữ PHP Thời gian : ngày (1 tuần) Nội dung : Được training kỹ thuật PHP nâng cao, kiến thức quan trọng cho việc tham gia vào dự án thực tế - Lập trình hướng đối tượng Các kiến thức lập trình hướng đối tượng khái niêm, đặc tính tính kế thừa, tính đóng gói, tính ảo hóa, tính đa hình PHP Người phụ trách: Hứa Phước Trường Thực tập sinh: Hồ Thái Thăng 10 - Design patem: Cung cấp số design pattern cho việc tối ưu code, tạo cho code dễ đọc, dễ bảo trì Biết số quy tắc đặt tên hàm, tên biến cho gợi ý nghĩa biến - Tìm hiểu Composer (Dependency Management PHP) Học cách sử dụng composer Khai báo thư viện mà dự án sử dụng Quản lý tập trung thư viện sử dụng cho project phiên chúng dễ dàng qua file composer.json Tìm phiên package cài đặt cần thiết cho dự án, sau cài đặt chúng vào dự án tức tải chúng project - Unit test PHP: Cung cấp số cách để viết unit test java Hiểu cần thiết việc viếc unit test project 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 Kết : - 2.3 Nâng cao kỹ lập trình với ngơn ngữ PHP 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 Framework Laravel Nội dung: Các kiến thức Framework Laravel để làm website đơn giản - Khái niệm Laravel Năm khái niệm Laravel, open source, framework dùng để xây dựng web application, thiết kế dựa mơ hình MVC (Model, Controller, View), toàn source code đặt github Theo kết qủa khảo sát Developer vào tháng 12 năm 2013, Laravel Framework đứng top framework phổ biến nhất, tiếp sau Phalcon, Symfony2, CodeIgniter framework khác Tháng năm 2014, Laravel Framework xem dự án PHP phổ biến Github Người phụ trách: Hứa Phước Trường Thực tập sinh: Hồ Thái Thăng 11 Ngoài ra, trainer cung cấp cho thực tập sinh khái niệm Laravel MVC(Model, View, Controller), Session, Cookie…, khái niệm quan trọng lập trình web - Cơ chế Routing: Route Larvel framework khác có chức định dạng resquest(hiểu nôm na url) định sẵn có action( hành động) định nghĩa cho - Middleware Là chế cho phép bạn tham gia vào luồng xử lý request ứng dụng Laravel Trong trình xử lý route điển hình Laravel thực thi việc xử lý yêu cầu middleware class mà ứng dụng phải thông qua - Controller Thay định nghĩa tất logic xử lý request bạn file routes.php, bạn muốn quản lý việc cách sử dụng lớp Controller Các Controller nhóm request HTTP có logic liên quan vào lớp Các Controller chứa thư mục app/Http/Controllers - View Là nơi chứa HTML cho ứng dụng tách rời khỏi Controller/Logic ứng dụng từ tầng logic View Trong Laravel bắt buộc phải nằm thư mục resources/views phải có php blade.php (Nếu muốn sử dụng blade template) - Authentication Laravel làm cho việc xác thực đơn giản Trong thực tế, hầu hết thứ cấu hình cho bạn khỏi hộp Tệp cấu hình xác thực đặt config/auth.php, chứa số tùy chọn ghi chép tốt để điều chỉnh hành vi dịch vụ xác thực - OBJ model Là chế cho phép ứng dụng web lưu trữ liệu người dùng (hay rộng client) sử dụng liệu nhiều lượt truy cập khác diễn Người phụ trách: Hứa Phước Trường Thực tập sinh: Hồ Thái Thăng 12 sau Sử dụng Session API cung cấp Laravel, lập trình viên làm việc với session cách thuận tiện Với Session API Laravel chúng linh hoạt cấu hình cách thức lưu trữ session server sử dụng tập tin app/config/session.php Trong viết tìm hiểu cách thức lưu trữ Session sử dụng phổ biến thông qua file server Cả cách lưu trữ session hỗ trợ mặc định Laravel - Eloquent ORM : ORM Eloquent kèm với Laravel cung cấp triển khai ActiveRecord đơn giản, đẹp mắt để làm việc với sở liệu bạn Mỗi bảng sở liệu có "Model" tương ứng sử dụng để tương tác với bảng Các mơ hình cho phép bạn truy vấn liệu bảng mình, chèn ghi vào bảng Thực : - Tham gia đầy đủ buổi trainning Làm tập thực hành kết hợp model, view, controller, thao tác với sở liệu MySQL Tìm kiếm tài liệu mạng để tìm hiểu thêm Kết : 2.4 Hiểu khái niệm lập trình ứng dụng web Framework Laravel Đã tạo dự án nho nhỏ trang web cá nhân giới thiệu thân Javascipt Nội dung : JavaScript ngơn ngữ lập trình phổ biến giới suốt 20 năm qua Nó số ngơn ngữ lập trình web (html, css, javascript) - Cơ javascript: + Là ngơn ngữ lập trình bậc cao + Là ngơn ngữ lập trình động + Là ngơn ngữ lập trình kịch + Là ngơn ngữ dựa đối tượng + Là ngôn ngữ dựa nguyên mẫu Người phụ trách: Hứa Phước Trường Thực tập sinh: Hồ Thái Thăng 13 - Javascript nâng cao(ES6 and ECMAScript 2015): + Block - Scoped Constructs Let and Const + Arrow Function + Destructuring Assignment in ES6 + Rest Parameter + Default Parameters in ES6 + Multi-line and Template String in ES6 + Promises in ES6 Thực : - Tham gia đầy đủ buổi training Hoàn thành tập giao Kết quả: 2.5 Hiểu thêm ngôn ngữ javascript Boostrap JQuery Nội dung : Bootstrap sưu tập miễn phí mã nguồn mở công cụ dùng để tạo mẫu webiste hồn chỉnh Với thuộc tính giao diện quy định sẵn kích thước, màu sắc, độ cao, độ rộng…, designer sáng tạo nhiều sản phẩm mẻ tiết kiệm thời gian làm việc với framework trình thiết kế giao diện website jQuery thư viện JavaScript nhỏ gọn, chạy nhanh JQuery giải vấn đề tương tác với HTML, bắt kiện, hiệu ứng động trở lên đơn giản - Cơ Boostrap:  Ưu điểm:  Cung cấp phần tố sẵn có typography, forms, buttons, tables, grids, navigation, image carousels…  Dễ dàng thao tác  Tùy chỉnh dễ dàng Người phụ trách: Hứa Phước Trường Thực tập sinh: Hồ Thái Thăng 14  Chất lượng sản phẩm đầu hoàn hảo: Bootstrap xây dựng sẵn "Responsive Css" tương thích với thiết bị khác nhau, bạn cần học cách sử dụng chúng Tính giúp tiết kiệm nhiều thời gian cho người dùng tạo Website thân thiện  Độ tương thích cao với trình duyệt: Nó tương thích với tất trình duyệt (Chrome, Firefox, Internet Explorer, Safari, Opera) Thực : - Tham gia đầy đủ buổi training - Hoàn thành tập giao Kết quả: - Hiểu thêm ngôn ngữ javascript Thực project Sau tháng training thực hành, thực tập sinh nắm kiến thực PHP, Larave, Javascript, Boostrap, JQuery Trong tháng lại, mentor hướng dẫn thực tập sinh áp dụng kiến thức học để tham gia dự án 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 Làm quen với công cụ làm việc công ty (git, redmine) Học cách trao đổi, làm việc qua email Tìm hiểu ngơn ngữ lập trình PHP Người phụ trách: Hứa Phước Trường Người hướng dẫn Anh Lâm Lê Tường Mức độ hoàn thành 10/10 Nhận xét người hướng dẫn Anh Vũ Thạch 9/10 Xuân Tùng, Anh Thực tập sinh: Hồ Thái Thăng 15 3-4 4-5 - 7-8 - Thực hành PHP Làm test PHP Tìm hiểu Laravel Thực hành số tập view, controller, model Làm việc với database Tìm hiểu Javascript Thực hành thao tác với Javascript Làm quen với Boostrap JQuery Nguyễn Hữu Thiện Anh Vũ Thạch Xuân Tùng, Anh Nguyễn Hữu Thiện, Anh Hứa Phước Trường 8/10 Anh Nguyễn Hữu Thiện 8/10 Anh Trần Anh Tuấn, Anh Nguyễn Hữu Thiện Tiến hành xây dựng Anh Lê Anh Tuấn thực tế 8/10 Người phụ trách: Hứa Phước Trường Thực tập sinh: Hồ Thái Thăng 16 Chương 3: Chi tiết project Giới thiệu Project Pi360 elearning system: Pi (π) thành lập niềm đam mê chuyên gia ngành, người nắm giữ vị trí hàng đầu tập đồn khác có mục tiêu Đó truyền cảm hứng chuyển giao kiến thức cho hệ nơi thực cho người muốn thúc đẩy nghiệp họ cách chun nghiệp, để vị trí hàng đầu cơng ty Khơng cịn lo ngại việc liệu kiến thức sử dụng nơi làm việc hay khơng nội dung có đủ tiêu chuẩn chun gia ngành, khơng cịn lo ngại chi phí học tập bạn nhận khóa học miễn phí để nâng cấp kiến thức Phần chức em là chức Workplace cho tổ, hình quản lý thành viên tổ chức quản lý team tổ chức Thực thành viên team trainee Pi: - Lê Trọng Anh Đức Nguyễn Minh Đức Huỳnh Tấn Duy Nguyễn Hồng Việt Và giúp đỡ tận tình team trainer Pi Kế hoạch Trao đổi với team để nắm rõ yêu cầu task Thiết kế bảng database cho chức Workplace Viết API xử lý cho chức Workplace Dựa theo thiết kế, sử dụng HTML, CSS để tạo giao diện tứng ứng Sử dụng ajax JQuery để gọi API đổ liệu lên giao diện, đông thời xử lý logic cho giao diện Workplace Người phụ trách: Hứa Phước Trường Thực tập sinh: Hồ Thái Thăng 17 Kết quả: Đã hồn thành tính **Vì để đảm bảo tính bảo mật, em khơng thể cung cấp hình ảnh cho sản phẩm này.** Người phụ trách: Hứa Phước Trường Thực tập sinh: Hồ Thái Thăng 18 TÀI LIỆU THAM KHẢO For PHP https://www.w3schools.com/php/DEFAULT.asp For Laravel Framework https://laravel.com/docs/5.4 For Frontend https://api.jquery.com/ https://getbootstrap.com/docs/3.3/ Người phụ trách: Hứa Phước Trường Thực tập sinh: Hồ Thái Thăng 19 TỔNG KẾT Qua gần tháng thực tập, em tham gia xây dựng chức từ front-end đến back-end cho dự án công ty Đồng thời em làm task khác nhỏ cho dự án Qua em học nhiều công nghệ, cách làm việc nhóm quy trình làm việc cơng ty Chân thành cảm ơn giúp đỡ anh chị nhóm trainer YouthDev, tận tình nhóm Pi360 để hồn thành chức Cảm ơn anh Trần Anh Tuấn giúp em hoàn thành báo cáo Người phụ trách: Hứa Phước Trường Thực tập sinh: Hồ Thái Thăng ... mật xác thực ứng dụng phần mềm phần thiếu việc phát triển phần mềm, giúp cho ứng dụng web bảo mật an toàn tránh bị kẻ gian lợi dụng Sau ba năm học tập trường, mong muốn có thêm kinh nghiệm thực. .. Kết : 2.4 Hiểu khái niệm lập trình ứng dụng web Framework Laravel Đã tạo dự án nho nhỏ trang web cá nhân giới thiệu thân Javascipt Nội dung : JavaScript ngơn ngữ lập trình phổ biến giới suốt... suốt 20 năm qua Nó số ngơn ngữ lập trình web (html, css, javascript) - Cơ javascript: + Là ngôn ngữ lập trình bậc cao + Là ngơn ngữ lập trình động + Là ngơn ngữ lập trình kịch + Là ngôn ngữ dựa