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 XÂY DỰNG WEBSITE BẰNG WORDPRESS Công ty thực tập : Công ty TNHH Global Guru Code Người phụ trách : Huỳnh Duy Khoa Thực tập sinh : Phạm Bảo Hân TP Hồ Chí Minh, tháng năm 2020 KS Trần Hoàng Lộc Phạm Bảo Hân LỜI MỞ ĐẦU Hiện nay, smartphone trở nên phổ cập, việc truy cập internet trở thành điều bình thường Website cơng cụ đắc lực cho việc quảng bá hình ảnh, sản phẩm cơng ty với thị trường Đa số doanh nghiệp nhỏ cho họ chẳng cần đến website để làm Nhưng thực tế ngược lại, họ cần website để tận dụng lợi thế giới internet cạnh tranh sòng phẳng với doanh nghiệp đối thủ lớn Những lợi ích website mang đến cho doanh nghiệp thật lớn Nó cung cấp thơng tin nhanh chóng, mang tính cập nhật để phục vụ tốt đối tượng khách hàng Lượng thông tin bạn đưa lên web tuỳ thuộc vào ý muốn nhu cầu bạn Việc không giới hạn khối lượng thông tin giúp bạn đưa thông tin đầy đủ chi tiết qua giúp cho khách hàng dễ dàng tiếp cận Doanh nghiệp gia tăng doanh số Với bùng nổ phát triển vươt bật thương mại điện tử ngày doanh nghiệp nhỏ, hộ kinh doanh nhỏ cũng muốn sở hữu website để bán hàng quảng bá sản phẩm đến với nhiều người tiêu dùng Vì lý này, em định chọn lập trình web làm định hướng cho việc học tập Sau ba năm học tập trường, mong muốn có thêm kinh nghiệm thực tế, cũng muốn tham gia làm website mơi trường chun nghiệp, em có dự định thực tập Vì vậy, em định chọn Cơng ty TNHH Global Guru Code - môi trường lý tưởng, đại, chuyên nghiệp - nơi giúp em thực dự định KS Trần Hoàng Lộc Phạm Bảo Hân LỜI CẢM ƠN Trân trọng gửi lời cảm ơn Công ty TNHH Global Guru Code tạo điều kiện cho em có hội thực tập tại công ty Chỉ thời gian ngắn, nhờ dẫn nhiệt tình anh mentor, em tiếp thu kiến thức quan trọng để tham gia vào dự án công ty Chân thành cảm ơn anh chị công ty bỏ nhiều thời gian, công sức để hướng dẫn chúng em hoàn thành đợt thực tập Đặc biệt cảm ơn chị Lê Phan Ngọc Thanh, anh Huỳnh Duy Khoa training kiến thức quan trọng HTML, CSS, Javascript, Jquery, PHP , dẫn chúng em cách làm báo cáo, lên kế hoạch, kỹ thiếu hướng dẫn, giúp đỡ cho em tận tình cả khó khăn cơng việc, đến khó khăn việc làm quen với mơi trường để tham gia hồn thành cơng việc giao dự án công ty Cũng xin cảm ơn thầy cô khoa Cơng nghệ phần mềm Kĩ thuật máy tính nhiệt tình hỗ trợ, tạo điều kiện em làm báo cáo Phạm Bảo Hân TP HCM, 17 07 2020 KS Trần Hoàng Lộc Phạm Bảo Hân NHẬN XÉT CỦA KHOA KS Trần Hoàng Lộc Phạm Bảo Hân Nội dung LỜI CẢM ƠN NHẬN XÉT CỦA KHOA Nội dung Chương 1: Giới thiêu công ty thực tập 1.Giới thiệu công ty TNHH Global Guru Code 2.Sản phẩm công ty Chương 2: Nội dung thực tập 1.Tìm hiểu công ty kỹ bản công ty .8 2.Nghiên cứu kỹ thuật 3.Thực project .12 4.Lịch làm việc 12 Chương 3: Chi tiết dự án 14 1.Giới thiệu Green Present .14 2.Thực 16 3.Kết quả .16 TÀI LIỆU THAM KHẢO .17 TỔNG KẾT .18 KS Trần Hoàng Lộc Phạm Bảo Hân Chương 1: Giới thiêu công ty thực tập Giới thiệu công ty TNHH Global Guru Code Công ty TNHH Global Guru Code cấp phép hoạt động vào ngày 29/01/2018 hoạt động từ ngày 01/02/2018, công ty CNTT toàn cầu với dịch vụ đầy đủ Dịch vụ Công nghệ Phát triển Phần mềm Cung cấp cho khách hàng sản phẩm chất lượng cao theo cách đáng tin cậy hiệu quả chi phí Địa doanh nghiệp: 77/7 Ngơ Gia Tự, Phường 2, Quận 10, Thành phố Hồ Chí Minh Mã số doanh nghiệp: 0314861507 Website: https://glorucode.com/ Sản phẩm công ty Công ty TNHH Global Guru Code cung cấp loại hình dịch vụ cơng nghệ phát triển phần mền sau: • Website development & Ecommerce: Dịch vụ cung cấp tích hợp thương mại điện tử Magento, Prestashop, Opencart, Woocommerce phần lớn cung cấp dịch vụ sửa đổi bảo trì sở lâu dài Công ty phát triển trang web chuyên nghiệp với công nghệ nguồn mở PHP, MySQL, javascript, jquery, HTML, CSS3, JSON, bootstrap, v.v Công ty cũng làm việc với google api, facebook api, instagram api sửa đổi plugin wordpress/joomla khác • Backend Development: Cơng ty hỗ trơ phát triển xây dựng dự án Website hoàn thiện dựa tảng phức tạp • Server Migration & IT Support: Hỗ trợ di chuyển tồn dịch vụ trang web loại máy chủ tới máy chủ bao gồm AWS, KS Trần Hoàng Lộc Phạm Bảo Hân Heroku loại máy chủ khác Di chuyển toàn trang web, ứng dụng database sang máy chủ Hỗ trợ website thử nghiệm trước triển khai trực tiếp Nhờ ưu điểm độ tin cậy chi phí xây dựng website hồnh chỉnh mức giá thấp giúp cơng ty có lượng khách hàng lớn đến từ nhiều nước Việt Nam, Mỹ, Đức, Pháp, Tây Ban Nha… Chương 2: Nội dung thực tập Đợt thực tập với chủ đề “Xây Dựng Website Bằng Wordpress” nhằm mục đích giúp sinh viên đào tạo toàn diện kĩ phát triển website toàn diện gồm back-end front-end, đồ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 chuyên nghiệp KS Trần Hoàng Lộc Phạm Bảo Hân 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 skype công việc… Kết : Hiểu thêm Công ty TNHH Global Guru Code, q trình thành lập phát triển Có thêm kỹ việc sử dụng skype 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, quy trình làm việc Thời gian : buổi Nội dung : Tìm hiểu cơng cụ sử dụng trình làm việc giới thiệu quy trình làm việc Trong thời gian này, mentor 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ố jira - sử dụng làm việc nhóm, FreeCommander – trình duyệt file trực quan với nhiều tiện ích, Sublime Text - chương trình soạn thảo văn bản hữu ích phổ biến với lập trình viên PHP, Sourcetree – cơng cụ giúp quản lí code hiệu quả, Postman – công cụ hỗ trợ testing API, XAMPP & WAMPP – hỗ trợ web chủ Apache, OpenSSL để hỗ trợ SSL , hệ quản trị sở liệu MySQL chạy ngôn ngữ lập trình PHP Mentor hướng dẫn quy trình làm việc công ty 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 Hiểu quy trình làm việc công ty 2.2 Tìm hiểu ngôn ngữ hỗ trợ lập trình Website Thời gian : tuần Nội dung : Được training kỹ thuật, kiến thức quan trọng cho việc lâp trình web - HTML : KS Trần Hoàng Lộc Phạm Bảo Hân - - Mentor hướng dẫn chi tiết HTML, giúp thực tập sinh hiểu làm mà tập tin website hình thành, cách triển khai quan trọng ý nghĩa thẻ HTML CSS : Mentor hướng dẫn chi tiết HTML hướng dẫn thiết kế giao diện web từ hình ảnh Photoshop Document Sau hướng dẫn thực tập sinh phải làm kiểm tra kiến thức HTML CSS JavaScript : Thực tập sinh hướng dẫn ngôn ngữ JavaScript thực hành sử dụng JavaScript để làm cho Website trở nên sinh động 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 : - Nâng cao kỹ lập trình website Có kiến thức quan trọng cho việc lập trình website 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 bản ngôn ngữ lập trình PHP lập trình với wordpress Thời gian : tuần Nội dung: Các kiến thức bản PHP wordpress - Kiến thức PHP Tìm hiểu kiến thức bản ngôn ngữ PHP gồm :cú pháp, biến, kiểu liệu, tốn tử, hàm, câu lệnh điều kiện, vịng lặp, mảng - Xử lý biểu mẫu PHP Tìm hiểu phương thức HTTP POST HTTP GET cách thức PHP lấy liệu từ biểu mẫu biến $_POST biến $_GET Thực tập sinh phải lấy liệu biểu mẫu PHP phải xử lí trường hợp biểu mẫu chứa file phải đọc file từ biểu mẫu - Session, Cookie KS Trần Hồng Lộc Phạm Bảo Hân 10 Tìm hiểu cách thức hoạt động Session, Cookie học cách sử dụng Session, Cookie PHP Trong PHP Session bắt đầu hàm “session_start()” Session lưu trữ biến $_SESSION, Cookie tạo hàm “setcookie(name, value, expire, path, domain, secure, httponly)” Thực tập sinh cần phải có khả sử dụng Session, Cookie để lưu trữ phiên đăng nhập thông tin giỏ hàng website - Các thư viện PHP Thực tập sinh mentor hướng dẫn sử dụng Composer để cài đặt thư viện PHP Một số thư viện thường sử dụng PHPMailer, Pchart - Ajax PHP Thực tập sinh hướng dẫn cách thức hoạt động, triển khai ajax PHP Ở PHP AJAX triển khai JavaScript hai phương thức GET POST, PHP nhận giá trị thông qua hai biến $_POST biến $_GET xử lí biểu mẫu - Sử dụng PHP lưu liệu vào Mysql Tìm hiểu cách kết nối sở liệu, cấu hình chi tiết sở liệu Tạo sở liệu mới, cách thêm liệu vào sở liệu Tìm hiểu truy vấn sở liệu như: INSERT, UPDATE, DELETE, , query cao cấp orderby, limit data, Kết hợp demo để kết nối sở liệu có sẵn PHP, đồng thời thực thao tác bản thêm, xóa, sửa liệu - Khái niệm WordPress Năm khái niệm bản WordPress phần mềm mã nguồn mở (miễn phí) viết ngơn ngữ PHP hệ quản trị sở liệu MySQL Phần mềm quản lý nội dung(CMS) mà bạn sử dụng để tạo trang web Ngoài ra, menter cung cấp cho thực tập sinh khái niệm bản WordPress Plugin, Theme, Post, Page…, khái niệm bản quan trọng lập trình website với WordPress - Plugin: WordPress plugin đoạn code tạo để gắn kết (plug) vào code gốc WordPress website Nói đơn giản hơn, phần mở rộng website, dùng để điều chỉnh cải thiện chức website WordPress KS Trần Hồng Lộc Phạm Bảo Hân 11 Menter hướng dẫn cho thưc tập sinh cách sử dụng phát triển plugin công ty phát triển theo Plugin Coding Guildline công ty - Theme: Theme WordPress tập hợp files xác định cách bố trí trang web bạn Một theme bao gồm HTML, PHP CSS, cũng thường sử dụng JavaScript/jQuery Theme cho phép trang web bạn có bố cục quán cho trang, viết nhanh chóng sửa để thay đổi giao diện trang web bạn Mentor hướng dẫn cách xây dựng phát triển theme từ ảnh Photoshop Document, thực tập sinh đươc hướng dẫn modify plugin khác cách override theme - Post: Post WordPress viết nội dung chia đăng website lập trình tảng WordPress Mentor hướng dẫn chi tiết post post_meta giúp thực tâp sinh nắm rõ cách thức hoạt động lưu trữ liệu post WordPress hỗ trợ tạo custom post type để đáp ứng nhu cầu phân loại liệu - Page Page WordPress mục thiết lập trang quản trị dùng để tạo quản lý trang CMS mã nguồn mở WordPress Trang có nhiều đặc điểm giống với Post thường dùng để tạo trang chức có cấu trúc cha hiển thị cách độc lập, không cần phân loại - Lập trình Wordpress o Tạo Custom post type: Khi ứng dụng WordPress để tao trang web đặt chỗ tao nhiều custom post type dịch vụ, nhân viên, thông tin đặt chỗ, người đặt chỗ Mỗi post custom post type dịch vụ, môt nhân viên thông tin đặt chỗ, người đặt chỗ o Tạo Custom filed: Ứng với Custom post type bản wordpress hỗ trợ lưu trữ thông tin tiêu đề, nội dung, ảnh đại diện nhiên nhiêu khơng đáp ứng đủ nhu cầu khách hàng Khi chũng ta phải tạo thêm Custom filed để lưu trữ thêm thơng tin KS Trần Hồng Lộc Phạm Bảo Hân 12 o Tạo Custom user meta: Cũng Custom filed wordpress hỗ trơ lưu trữ số thông tin người dùng nhu cầu lưu trữ nhiều thơn tin Custom user meta tạo o Tạo shortcode: Shortcode đoạn code ngắn chèn vào trang viết Wordpress Bằng cách sử dụng shortcode bạn hiển thị điều thêm chức đặt biệt thông qua shortcode o Tạo plugin: Các plugin Wordpress dễ dàng triển khai tái sử dụng, việc chỉnh sửa nội dung trang web cho khách hàng plugin giảm thiểu lỗi phát sinh trình cài đặt Thực : - Tham gia đầy đủ buổi trainning Làm tập thực hành tạo theme từ Photoshop Document, tạo API đơn giản sử dụng ajax để thực thi api… Tìm kiếm tài liệu mạng để tìm hiểu thêm Kết : - Hiểu khái niệm bản lập trình website WordPress Đã tạo trang web đơn giản WordPress local host Đã phát triển plugin Thực project Sau tháng training thực hành, thực tập sinh nắm kiến thực bản để tham gia vào project công ty Các tháng sau thực tập sinh tham gia vào project công ty Lịch làm việc Tuần Công việc - Người hướng dẫn Mức độ hoàn thành Nhận xét người hướng dẫn Tìm hiểu cơng ty, Chị Lê Phan Ngọc cách tổ chức Thanh công ty KS Trần Hoàng Lộc Phạm Bảo Hân 13 - 2-5 Cịn lại 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 skype - Tìm hiểu ngơn ngữ hỗ trợ - Thực hành làm Website đơn giản - Làm test tạo Website đơn giản - Tham gia dự án công ty Anh Huỳnh Duy Khoa Anh Huỳnh Duy Khoa KS Trần Hoàng Lộc Phạm Bảo Hân 14 Chương 3: Chi tiết dự án Giới thiệu Green Present Green Present web thương mại điện tử đươc xây dựng để kinh doanh loại sản phẩm hạt giống 1.1 Các hình thực (full stack) Trang chủ KS Trần Hoàng Lộc Phạm Bảo Hân 15 Lọc theo danh mục sản phầm Tìm kiếm theo tên sản phẩm KS Trần Hoàng Lộc Phạm Bảo Hân 16 Chi tiết sản phẩm Thực Với giúp đỡ leader cùng thành viên nhóm thực project Kết Đã hoàn thiện hình giao theo tiến độ yêu cầu thời gian KS Trần Hoàng Lộc Phạm Bảo Hân 17 TÀI LIỆU THAM KHẢO For HTML https://www.w3schools.com/html/default.asp For CSS https://www.w3schools.com/css/default.asp https://getbootstrap.com/docs/4.0/getting-started/introduction/ For Javascript https://www.w3schools.com/js/ https://api.jquery.com/ For PHP https://www.php.net/docs.php For wordpress https://developer.wordpress.org/ For laravel https://laravel.com/docs/7.x KS Trần Hoàng Lộc Phạm Bảo Hân 18 TỔNG KẾT Như vậy, trình thực tập em học nhiều kiến thức cả kĩ chun mơn lập trình web cả kĩ xã hội làm việc nhóm, giao tiếp, thuyết trình Nhờ tham gia vào dự án thực tế cơng ty em có kinh nghiệm làm việc góp phần phát triển bản thân tương lai Chân thành cảm ơn giúp đỡ anh Huỳnh Duy Khoa chị Lê Phan Ngọc Thanh dạy giúp đỡ em trình thực tập Cảm ơn thầy KS Trần Hoàng Lộc giúp em hoàn thành báo cáo KS Trần Hoàng Lộc Phạm Bảo Hân ... Tây Ban Nha… Chương 2: Nội dung thực tập Đợt thực tập với chủ đề ? ?Xây Dựng Website Bằng Wordpress? ?? nhằm mục đích giúp sinh viên đào tạo tồn diện kĩ phát triển website toàn diện gồm back-end... hướng dẫn thực tập sinh phải làm kiểm tra kiến thức HTML CSS JavaScript : Thực tập sinh hướng dẫn ngôn ngữ JavaScript thực hành sử dụng JavaScript để làm cho Website trở nên sinh động Thực : -... ra, menter cịn cung cấp cho thực tập sinh khái niệm bản WordPress Plugin, Theme, Post, Page…, khái niệm bản quan trọng lập trình website với WordPress - Plugin: WordPress plugin đoạn code