báo cáo thực tập xây dựng WEBSITE bằng WORDPRESS

Đặc biệt cảm ơn chị Lê Phan Ngọc Thanh, anh Huỳnh Duy Khoa đã training những kiến thức quan trọng về HTML, CSS, Javascript, Jquery, PHP , chỉ dẫn chúng em về cách làm báo cáo, lên kế h

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

TP Hồ Chí Minh, tháng 7 năm 2020

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 là công cụ đắc lực cho việc quảng bá hình ảnh, sản phẩm của công ty ra với thị trường

Đa số các doanh nghiệp nhỏ cho rằng họ chẳng cần đến một website để làm gì Nhưng thực tế thì ngược lại, họ cần một website để tận dụng lợi thế của thế giới internet cạnh tranh sòng phẳng với các doanh nghiệp đối thủ lớn hơn

Những lợi ích website mang đến cho doanh nghiệp thật sự rấ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 các đố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 và nhu cầu của 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 đủ và chi tiết qua đó sẽ giúp cho khách hàng dễ dàng tiếp cận Doanh nghiệp và gia tăng doanh số

Với sự bùng nổ và phát triển vươt bật của thương mại điện tử thì càng ngày các doanh nghiệp nhỏ, hộ kinh doanh nhỏ cũng muốn sở hữu một website để bán hàng và quảng bá sản phẩm của mình đến với nhiều người tiêu dùng hơn Vì lý do này, em quyết định chọn lập trình web làm định hướng cho việc học tập của mình

Sau ba năm học tập trên trường, do mong muốn có thêm kinh nghiệm thực tế, cũng như muốn được tham gia làm website trong một môi trường chuyên nghiệp, em có dự định là sẽ thực tập Vì vậy, em quyết định chọn Công ty TNHH Global Guru Code - một môi trường lý tưởng, hiện đại, chuyên nghiệp - là nơi sẽ giúp em thực hiện được dự định này

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ó

cơ hội được thực tập tại công ty

Chỉ trong một thời gian ngắn, nhưng nhờ sự chỉ dẫn nhiệt tình của anh mentor, em đã tiếp thu được những kiến thức quan trọng để có thể tham gia vào các dự án của công ty Chân thành cảm ơn các anh chị trong công ty đã bỏ ra 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 này

Đặc biệt cảm ơn chị Lê Phan Ngọc Thanh, anh Huỳnh Duy Khoa đã training những kiến

thức quan trọng về HTML, CSS, Javascript, Jquery, PHP , chỉ dẫn chúng em về cách làm báo cáo, lên kế hoạch, những kỹ năng không thể thiếu và hướng dẫn, giúp đỡ cho em tận tình cả những khó khăn trong công việc, đến những khó khăn việc làm quen với môi trường mới để có thể tham gia và hoàn thành công việc được giao trong các dự án của công ty

Cũng xin cảm ơn thầy cô trong khoa Công nghệ phần mềm và Kĩ thuật máy tính đã nhiệt tình hỗ trợ, tạo điều kiện em làm bài báo cáo này

Phạm Bảo Hân

TP HCM, 17 07 2020

NHẬN XÉT CỦA KHOA

Nội dung

LỜI CẢM ƠN 3

NHẬN XÉT CỦA KHOA 4

Nội dung 5

Chương 1: Giới thiêu công ty thực tập 6

1.Giới thiệu công ty TNHH Global Guru Code 6

2.Sản phẩm của công ty 6

Chương 2: Nội dung thực tập 7

1.Tìm hiểu công ty và các kỹ năng cơ bản trong công ty 8

2.Nghiên cứu kỹ thuật 8

3.Thực hiện project 12

4.Lịch làm việc 12

Chương 3: Chi tiết về dự án 14

1.Giới thiệu về Green Present 14

2.Thực hiện 16

3.Kết quả 16

TÀI LIỆU THAM KHẢO 17

TỔNG KẾT 18

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

Công ty TNHH Global Guru Code được cấp phép hoạt động vào ngày 29/01/2018

và hoạt động từ ngày 01/02/2018, là một công ty CNTT toàn cầu với các dịch vụ đầy

đủ về Dịch vụ Công nghệ và Phát triển Phần mềm Cung cấp cho khách hàng các sản phẩm chất lượng cao theo cách đáng tin cậy và hiệu quả nhất về chi phí

Địa chỉ 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/

2 Sản phẩm của công ty

Công ty TNHH Global Guru Code cung cấp các loại hình dịch vụ về công nghệ và phát triển phần mền như sau:

• Website development & Ecommerce: Dịch vụ cung cấp tích hợp thương mại điện tử như Magento, Prestashop, Opencart, Woocommerce phần lớn cung cấp dịch vụ sửa đổi và bảo trì trên cơ sở lâu dài Công ty phát triển các trang web chuyên nghiệp với các công nghệ nguồn mở như 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 và sửa đổi các plugin wordpress/joomla khác nhau

• Backend Development: Công ty hỗ trơ phát triển và xây dựng các dự án Website hoàn thiện dựa trên các nền tảng phức tạp

• Server Migration & IT Support: Hỗ trợ di chuyển toàn bộ dịch vụ của bất

kì trang web trên mọi loại máy chủ tới máy chủ mới bao gồm AWS,

Heroku và các loại máy chủ khác Di chuyển toàn bộ trang web, ứng dụng

và database sang máy chủ mới Hỗ trợ website thử nghiệm trước khi triển khai trực tiếp

Nhờ những ưu điểm về độ tin cậy và chi phí xây dựng một website hoành chỉnh ở mức giá thấp đã giúp công ty có một lượng khách hàng lớn đến từ nhiều nước như 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 về kĩ năng phát triển website toàn diện gồm back-end và front-end, đồng thời rèn luyện những kỹ năng mềm như làm việc nhóm, thuyết trình, giao tiếp Tại công ty, sinh viên có cơ hội được học tập, khám phá và làm việc trong một môi trường chuyên nghiệp

1 Tìm hiểu công ty và các kỹ năng cơ bản trong công ty

Thời gian : 1 ngày

Nội dung : Giới thiệu về công ty, cách tổ chức của công ty

Được nghe người phụ trách giới thiệu về công ty, quá trình thành lập và 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ủa công ty

Ngoài ra, thực tập sinh còn được giới thiệu về cách thức làm việc trong công ty như thời gian đi làm, các quy định cần phải tuân thủ, cách sử dụng skype trong công việc…

Kết quả : Hiểu thêm về Công ty TNHH Global Guru Code, quá trình thành lập và phát

triển Có thêm các kỹ năng về việc sử dụng skype trong công việc, làm việc có kế hoạch,

có kỷ luật, có trách nhiệm hơn

2 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 : 2 buổi

Nội dung : Tìm hiểu về các công cụ sẽ được sử dụng trong quá trình làm việc và 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 về các công cụ

sẽ giúp ích cho trong công việc sau này Một số phần mềm trong số đó như jira - sử dụng trong làm việc nhóm, FreeCommander – trình duyệt file trực quan với nhiều tiện ích, Sublime Text - một chương trình soạn thảo văn bản rất hữu ích và phổ biến với lập trình viên PHP, Sourcetree – một công cụ giúp quản lí code hiệu quả, Postman – một công cụ hỗ trợ testing các API, XAMPP & WAMPP – hỗ trợ web chủ Apache, OpenSSL để hỗ trợ SSL , hệ quản trị cơ sở dữ liệu MySQL và chạy bằng ngôn ngữ lập trình PHP Mentor hướng dẫn quy trình làm việc của công ty

Thực hiện : Thực hành sử dụng các phần mềm đã nêu trên.

Kết quả : Lập trình sử dụng các công cụ miễn phí, giúp dễ dàng kết hợp các công cụ

với nhau, so với việc dung các IDE Hiểu được quy trình làm việc của công ty

2.2 Tìm hiểu các ngôn ngữ hỗ trợ lập trình Website

Thời gian : 1 tuần

Nội dung : Được training về các kỹ thuật, những kiến thức quan trọng cho việc lâp

trình web

- HTML :

Mentor hướng dẫn chi tiết về HTML, giúp thực tập sinh hiểu được làm thế nào mà một tập tin website được hình thành, cách triển khai nó và quan trọng nhất là ý nghĩa của những thẻ HTML

- CSS :

Mentor hướng dẫn chi tiết về HTML và hướng dẫn thiết kế giao diện web từ hình ảnh hoặc một Photoshop Document Sau khi được hướng dẫn thực tập sinh phải làm một bài kiểm tra về kiến thức HTML và CSS

- JavaScript :

Thực tập sinh sẽ được hướng dẫn về ngôn ngữ JavaScript và thực hành sử dụng JavaScript để làm cho Website trở nên sinh động hơn

Thực hiện :

- Tham gia đầy đủ các buổi training của công ty

- Làm các bài thực hành, kiểm tra về kiến thức đã học

Kết quả :

- Nâng cao kỹ năng lập trình website

- Có được những kiến thức quan trọng cho việc lập trình website sau này

- Ngoài ra còn được biết thêm một số quy tắc trong việc viết code sao cho đúng chuẩn, dễ đọc, dễ hiểu

2.3 Tìm hiểu cơ bản ngôn ngữ lập trình PHP và lập trình với wordpress

Thời gian : 4 tuần

Nội dung: Các kiến thức cơ bản về PHP và wordpress

- Kiến thức cơ bản về PHP

Tìm hiểu những kiến thức cơ bản về ngôn ngữ PHP gồm :cú pháp, biến, kiểu dữ liệu, toán tử, hàm, câu lệnh điều kiện, vòng lặp, mảng

- Xử lý biểu mẫu bằng PHP

Tìm hiểu các phương thức HTTP POST và HTTP GET và cách thức PHP lấy dữ liệu từ biểu mẫu bằng biến $_POST và biến $_GET Thực tập sinh phải lấy được các dữ liệu của biểu mẫu bằng PHP và phải xử lí được các trường hợp biểu mẫu chứa file hoặc phải đọc file từ biểu mẫu

- Session, Cookie

Tìm hiểu cách thức hoạt động của Session, Cookie và học cách sử dụng Session, Cookie trong PHP Trong PHP một Session được bắt đầu bằng hàm

“session_start()” Session sẽ được lưu trữ bằng biến $_SESSION, Cookie thì được tạo bởi hàm “setcookie(name, value, expire, path, domain, secure, httponly)” Thực tập sinh cần phải có khả năng sử dụng Session, Cookie để lưu trữ được phiên đăng nhập và thông tin giỏ hàng trên một website

- Các thư viện PHP

Thực tập sinh sẽ được mentor hướng dẫn sử dụng Composer để cài đặt thư viện của PHP Một số thư viện thường được sử dụng như PHPMailer, Pchart

- Ajax trong PHP

Thực tập sinh được hướng dẫn cách thức hoạt động, triển khai một ajax trong PHP Ở PHP AJAX được triển khai bằng JavaScript bởi hai phương thức GET và POST, PHP nhận các giá trị này thông qua hai biến $_POST và biến $_GET như xử lí biểu mẫu

- Sử dụng PHP lưu dữ liệu vào Mysql

Tìm hiểu về cách kết nối cơ sở dữ liệu, cấu hình chi tiết cơ sở dữ liệu đó Tạo cơ

sở dữ liệu mới, các cách thêm dữ liệu vào cơ sở dữ liệu Tìm hiểu về truy vấn cơ

sở dữ liệu như: INSERT, UPDATE, DELETE, , các query cao cấp như orderby, limit data, Kết hợp demo để kết nối một cơ sở dữ liệu có sẵn bằng PHP, đồng thời thực hiện các thao tác cơ bản như thêm, xóa, sửa dữ liệu

- Khái niệm cơ bản về WordPress.

Năm được các khái niệm cơ bản về WordPress là một phần mềm mã nguồn mở (miễn phí) được viết bằng ngôn ngữ PHP và hệ quản trị cơ sở dữ liệu MySQL Phần mềm quản lý nội dung(CMS) mà bạn có thể sử dụng để tạo ra các trang web Ngoài ra, menter còn cung cấp cho thực tập sinh những khái niệm cơ bản trong WordPress như Plugin, Theme, Post, Page…, là những khái niệm rất cơ bản và quan trọng trong lập trình website với WordPress

- Plugin:

WordPress plugin là một đoạn code được tạo ra để gắn kết (plug) vào trong code gốc của WordPress website Nói đơn giản hơn, nó là phần mở rộng của website, dùng để điều chỉnh và cải thiện chức năng chính của website WordPress đó

Menter đã hướng dẫn cho thưc tập sinh cách sử dụng và phát triển plugin của công ty phát triển theo Plugin Coding Guildline của công ty

- Theme:

Theme WordPress là tập hợp các files xác định cách bố trí trang web của bạn Một theme bao gồm HTML, PHP và CSS, và cũng thường sử dụng JavaScript/jQuery Theme cho phép trang web của bạn có bố cục nhất quán cho mỗi trang, bài viết và

có thể nhanh chóng được sửa để thay đổi giao diện trang web của bạn Mentor hướng dẫn cách xây dựng và phát triển theme từ ảnh hoặc một Photoshop Document, ngoài ra thực tập sinh đươc hướng dẫn modify các plugin khác bằng cách override trong theme

- Post:

Post WordPress là bài viết hoặc nội dung chia sẽ đăng trên website được lập trình trên nền tảng WordPress Mentor hướng dẫn chi tiết về post và post_meta giúp thực tâp sinh có thể nắm rõ cách thức hoạt động và lưu trữ dữ liệu của post WordPress hỗ trợ tạocustom post type để đáp ứng nhu cầu phân loại dữ liệu

- Page

Page WordPress là mục thiết lập trên trang quản trị dùng để tạo và quản lý trang của CMS mã nguồn mở WordPress Trang có nhiều đặc điểm giống với Post nhưng thường dùng để tạo các trang chức năng có cấu trúc cha con và hiển thị một 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 một trang web đặt chỗ chúng ta có thể tao nhiều custom post type như dịch vụ, nhân viên, thông tin đặt chỗ, người đặt chỗ Mỗi post của các custom post type này sẽ như là một dịch vụ, môt nhân viên một thông tin đặt chỗ, một người đặt chỗ

o Tạo Custom filed: Ứng với mỗi Custom post type căn bản wordpress sẽ hỗ trợ lưu trữ các thông tin như tiêu đề, nội dung, ảnh đại diện tuy 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 các Custom filed để lưu trữ thêm thông tin

o Tạo Custom user meta: Cũng như Custom filed wordpress sẽ hỗ trơ lưu trữ một số thông tin về người dùng khi nhu cầu lưu trữ nhiều thôn tin hơn thì các Custom user meta sẽ được tạo ra

o Tạo shortcode:Shortcode là một đoạn code ngắn có thể chèn vào các trang hoặc bài viết trong Wordpress Bằng cách sử dụng shortcode bạn có thể hiển thị bất cứ điều gì hoặc thêm các chức năng đặt biệt thông qua shortcode

o Tạo plugin: Các plugin trong Wordpress dễ dàng triển khai và tái sử dụng, việc chỉnh sửa nội dung trang web cho khách hàng bằng một plugin sẽ giảm thiểu lỗi phát sinh trong quá trình cài đặt

Thực hiện :

- Tham gia đầy đủ các buổi trainning

- Làm các bài tập thực hành như tạo theme từ Photoshop Document, tạo API đơn giản và sử dụng ajax để thực thi api…

- Tìm kiếm tài liệu trên mạng để tìm hiểu thêm

Kết quả :

- Hiểu được những khái niệm cơ bản trong lập trình website bằng WordPress

- Đã tạo được trang web đơn giản bằng WordPress trên local host

- Đã phát triển được plugin

3 Thực hiện project

Sau một tháng được training và thực hành, thực tập sinh đã nắm được những kiến thực

cơ bản để tham gia vào project của công ty Các tháng sau thực tập sinh sẽ được tham gia vào các project của công ty

4 Lịch làm việc

Mức độ hoàn thành

Nhận xét của người hướng dẫn

1 - Tìm hiểu về công ty,

cách tổ chức của công ty

Chị Lê Phan Ngọc Thanh

- Làm quen với các công cụ làm việc trong công ty

- Học cách trao đổi, làm việc qua skype

2-5

- Tìm hiểu các ngôn ngữ hỗ trợ

- Thực hành làm Website đơn giản

- Làm bài test tạo Website đơn giản

Anh Huỳnh Duy Khoa

Còn lại - Tham gia dự án của

công ty

Anh Huỳnh Duy Khoa

Chương 3: Chi tiết về dự án

1 Giới thiệu về Green Present

Green Present là web thương mại điện tử đươc xây dựng để kinh doanh các loại sản phẩm hạt giống

1.1 Các màn hình thực hiện (full stack)

Trang chủ

Lọc theo danh mục sản phầm

Tìm kiếm theo tên sản phẩm

Chi tiết sản phẩm

2 Thực hiện

Với sự giúp đỡ của leader cùng các thành viên trong nhóm thực hiện project

3 Kết quả

Đã hoàn thiện các màn hình được giao theo tiến độ và yêu cầu thời gian