Báo cáo thực tập lập trình WEBSITE sử dụng LARAVEL và JQUERY

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 WEBSITE SỬ DỤNG LARAVEL
VÀ JQUERY

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 :

Lê Trọng Anh Đức

TP. Hồ Chí Minh, ngày 28 tháng 7 năm 2020


1

LỜI MỞ ĐẦU

Ngày nay, chúng ta đang được sống trong kỷ nguyên của tin học nhờ sự vượt bậc, sự
bùng nổ mạnh mẽ của công nghệ thông tin. Công nghệ thơng tin khơng chỉ dừng lại ở mục đích
phục vụ cho khoa học kỹ thuật mà đi sâu vào đời sống, chính trị, kinh tế, xã hội, trở nên thân
thiện, gần gũi, mang lại nhiều lợi ích cho con người. Cơng nghệ thơng tin ngày càng khẳng định

được tính hữu dụng và sức mạnh trong mọi phương diện, mọi ngành nghề của cuộc sống, nhất
là trong thời đại kinh tế thị trường hiện như bây giờ.
Đi kèm theo đó, các hệ thống website cũng phát triển không ngừng với đủ các lĩnh vực:
văn hố, thời sự, khoa học cơng nghệ, làm đẹp, nấu ăn, thể thao, ca nhạc, phim ảnh, giáo dục, y
tế… Vì nhận thấy tầm quan trọng các trang web đối xã hội, em quyết định định hướng mình
phát triển thành một lập trình viên ứng dụng web.
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 dự án web trong một môi trường chuyên nghiệp, em có dự định là sẽ
thực tập trong hè. Vì vậy, em quyết định chọn YouthDev - 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.

Hứa Phước Trường

Lê Trọng Anh Đức


2

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ó 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 nhóm trainer, em đã
tiếp thu được những kiến thức quan trọng của dự án để có thể tham giao vào xây dựng back-end
viết API và sử dụng JQuery để làm giao diện cho dự án. Chân thành cảm ơn các anh chị trong
nhóm trainer đã 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 anh Hứa Phước Trường, đã training web back-end, docker, percona,
giúp chúng em có thêm những kiến thức thực tiễn về cách xây dựng hệ thống; cảm ơn anh Trần
Anh Tuấn, đã training web front-end, hỗ trợ chúng em rất nhiều về các vấn đề cách xử lý

responsive giao diện, cách viết css tối ưu,… trong quá trình làm dự án; ; cảm ơn anh Lê Tường
Lâm đã hướng dẫn, giúp đỡ cho chúng 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ảm ơn tất cả những anh chị trong cơng ty
đã tận tình hỗ trợ, giúp đỡ em trong mọi vấn đề khi em mới tiếp xúc với môi trường làm việc
chuyên nghiệp lần đầu.
Cũng xin cảm ơn thầy cô trong khoa Công nghệ phần mềm đã nhiệt tình hỗ trợ, tạo điều
kiện em làm bài báo cáo này.

Lê Trọng Anh Đức
TpHCM, ngày 28 tháng 7 năm 2020

Hứa Phước Trường

Lê Trọng Anh Đức


3

NHẬN XÉT CỦA KHOA

...................................................................................................................................................
...................................................................................................................................................
...................................................................................................................................................
...................................................................................................................................................
...................................................................................................................................................
...................................................................................................................................................
...................................................................................................................................................
...................................................................................................................................................
...................................................................................................................................................
...................................................................................................................................................

...................................................................................................................................................
...................................................................................................................................................
...................................................................................................................................................
...................................................................................................................................................
...................................................................................................................................................
...................................................................................................................................................
...................................................................................................................................................
...................................................................................................................................................

Hứa Phước Trường

Lê Trọng Anh Đức


4

MỤC LỤC

Chương 1: Giới thiêu công ty thực tập .............................................................................5
Giới thiệu công ty YouthDev ........................................................................................5
1. Sản phẩm của công ty ..........................................................................................6
Chương 2: Nội dung thực tập ...........................................................................................8
Tìm hiểu cơng ty và các kỹ năng cơ bản trong công ty ..................................................8
Nghiên cứu kỹ thuật ......................................................................................................8
1. Các công cụ làm việc ...........................................................................................8
2. Tìm hiểu framework Laravel ................................................................................9
3. Tìm hiểu library javascript JQuery .......................................................................9
Thực hiện project ........................................................................................................ 10
Lịch làm việc .............................................................................................................. 11
Chương 3: Chi tiết về project ......................................................................................... 12

Giới thiệu về dự án Pi360 elearning system ................................................................ 12
Thực hiện .................................................................................................................... 12
Kế hoạch ..................................................................................................................... 12
Kết quả........................................................................................................................ 12
TÀI LIỆU THAM KHẢO .............................................................................................. 13
TỔNG KẾT ................................................................................................................... 14

Hứa Phước Trường

Lê Trọng Anh Đức


5

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

Giới thiệu công ty YouthDev
YouthDev là một công ty giải pháp công nghệ được thành lập vào năm 2014 bởi
một số kỹ sư giàu kinh nghiệm dựa trên phương pháp Agile và mang lại giá trị kinh
doanh thực tế và quy trình minh bạch cho các sản phẩm phần mềm có tính sẵn sàng
và khả năng mở rộng cao.
YouthDev khơng bao giờ nói không với bất kỳ vấn đề nào và sẽ cung cấp các giá
trị thực đáng tin cậy cho khách hàng dựa trên niềm tin và khả năng công nghệ đáng
tin cậy.

Hứa Phước Trường

Lê Trọng Anh Đức

6

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

a. Mobifone video entertainment flatform:
8GiaiTri là một nền tảng video Mobifone chuyên dụng, được tạo ra dựa
trên nhiều công nghệ hàng đầu thế giới để cung cấp truyền phát video thích
ứng, lưu trữ video có khả năng mở rộng lớn và hệ thống khả dụng cao với
nhiều máy chủ chuyên dụng (của Mobifone) và đăng ký SMS, dịch vụ đăng
ký phức tạp.
b. MobilePay electronic payment:
MobilePay là một thế hệ thanh toán điện tử tiện lợi mới được đầu tư bởi
một công ty cổ phần tại Singapore. MobilePay cho phép người dùng đăng
ký và kết nối với nhiều tài khoản ngân hàng để thanh toán, yêu cầu thanh
tốn hoặc thực hiện thay đổi ví của họ bằng những cách dễ dàng và thuận
tiện nhất.
c. Pi360 elearning system:
Pi (π) được thành lập bởi niềm đam mê của các chuyên gia trong ngành,
những người nắm giữ các vị trí hàng đầu trong các tập đồn khác nhau có
cùng mục tiêu. Đó là truyền cảm hứng và chuyển giao kiến thức cho thế hệ
tiếp theo và là nơi thực sự cho những người muốn thúc đẩy sự nghiệp của họ
một cách chuyên nghiệp, để ở vị trí hàng đầu của cơng ty. Khơng cịn lo
ngại về việc liệu kiến thức có thể được sử dụng tại nơi làm việc hay khơng
vì nội dung có đủ tiêu chuẩn của các chun gia trong ngành, khơng cịn lo
ngại về chi phí học tập khi bạn có thể nhận các khóa học miễn phí để nâng
cấp kiến thức.
d. Gold Airplane Vietjet:
Gold Airplane là chiến dịch quảng bá và dịch vụ thành viên trung thành
lớn nhất của Vietjet cho đến nay. Trò chơi đa nền tảng trực tuyến đã phục
vụ hơn 5 triệu người dùng trong thời gian ngắn vì chiến dịch thường bắt đầu

và dừng lại chỉ sau khoảng 1 đến 2 giờ.
e. Extracare loyalty card:
Extracare là một ứng dụng di động hoạt động trên cả Android và Apple
iOS, cung cấp các chức năng cho khách hàng trung thành của Pharmacity,
cửa hàng dược phẩm lớn nhất tại Việt Nam. Extracare là một thế hệ thẻ
khách hàng thân thiết mới thay thế thẻ truyền thống và cũng đóng vai trị
quan trọng như một kết nối giữa khách hàng và công ty.

Hứa Phước Trường

Lê Trọng Anh Đức


7

f. Giant Enterprise Resource Planning:
Đây là một trong những giải pháp Lập kế hoạch nguồn lực doanh nghiệp
toàn diện của chúng tôi, quản lý hầu hết các hoạt động của Giant hàng ngày.
Giải pháp này giúp kiểm soát hàng tồn kho, quản lý mối quan hệ khách
hàng và 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 như đơn đặt hàng của nhà cung cấp và đơn đặt hàng bán của
khách hàng.
g. Mạng xã hội video BuzzHeat:
Thatvidieu.com là một thế hệ mới của mạng xã hội hệ thống phân phối
video khổng lồ dựa trên một số công nghệ cao nhất hiện nay như khai thác
dữ liệu, học máy. Thatvidieu.com có thể thu thập và phân tích nội dung
video trên các mạng xã hội khác tại Việt Nam và tự động phát hiện và lọc để
loại bỏ video nội dung trùng lặp hoặc chất lượng thấp.
h. Social Listening System:
Chúng tôi đã phát triển hệ thống cốt lõi cho hoạt động kinh doanh của họ,

đó là Social Listening System cung cấp quá nhiều thông tin cho các chiến
dịch tiếp thị kỹ thuật số. Chúng ta có thể trả lời các câu hỏi: Có bao nhiêu
người đang nói về một thương hiệu trên phương tiện truyền thơng xã hội?
Họ đến từ đâu? Đó là những điều tích cực hay những điều tiêu cực? Đâu là
điều của thương hiệu mà khách hàng thường nhắc đến?

Hứa Phước Trường

Lê Trọng Anh Đức


8

Chương 2: Nội dung thực tập
Đợt thực tập em được trực tham gia phát triển dự án Pi360 elearning system nền tảng
web của công ty. 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 phát triển web chun nghiệp.

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, q 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 .
Ngồ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 email trong công
việc…
Kết quả : Hiểu thêm về cơng ty YouthDev, q 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 email trong cơng việc, làm việc có kế hoạch, có kỷ luật, có trách
nhiệm hơn.

Nghiên cứu kỹ thuật
1. Các cơng cụ làm việc
Thời gian : 5 ngày (1 tuần)
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.
Trong thời gian này, supervisor đã 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ư Slack sử dụng làm công cụ liên lạc trong công ty, Redmine dùng để quản lý cơng việc cho
nhóm, Gitlab là remote repository của các dự án, Visual Code là trình soạn thảo mạnh
mẽ được sử dụng chính cho dự án.
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.

Hứa Phước Trường

Lê Trọng Anh Đức


9

2. Tìm hiểu framework Laravel
Thời gian : 5 ngày (1 tuần)
Nội dung : Được training về các kỹ thuật PHP nâng cao, những kiến thức quan trọng
cho việc sử dụng Laravel để xây dựng website
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 với ngơn ngữ PHP.
Có được những kiến thức quan trọng cho việc lập trình web với Laravel.
Ngồ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.

3. Tìm hiểu library javascript JQuery
Thời gian : 5 ngày (1 tuần)
Nội dung : Được training về các kỹ thuật Javascript nâng cao, những kiến thức quan
trọng cho việc sử dụng JQuery để xử lý giao diện website

Hứa Phước Trường

Lê Trọng Anh Đức


10

Thực hiện project
Sau hai tuần được training và thực hành, em đã nắm được những kiến thực cơ bản và
trung bình về PHP, Laravel và JQuery. Trong tuần thứ 4, trainer đã hướng dẫn thực tập
sinh áp dụng những kiến thức đã học để tham gia xây dụng dự án Pi360.
Chi tiết đồ án sẽ được nói ở phần sau.

Hứa Phước Trường

Lê Trọng Anh Đức


11

Lịch làm việc
Tuần

1

2

3

Mức
độ
Cơng việc
Người hướng dẫn
hồn
thành
- Tìm hiểu về cơng Anh Lê Tường Hồn
ty, cách tổ chức của Lâm
Thành
cơng ty.
- 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 email.
- Tìm hiểu ngơn ngữ Anh Võ Thanh Hồn
lập trình PHP nâng Tùng
Thành
cao
- Tìm hiểu Laravel
Framework

- Tìm
hiểu
về Anh Nguyễn Hữu Hồn
JQuery
Thiện
Thành
-

5
6
7
8

Hứa Phước Trường

-

Tiếp thu khá tốt, biết
cách sử dụng các
cơng cụ nhanh chóng

Tiếp thu tốt, hoàn
thành bài tập tốt

Tiếp thu tốt, hoàn
thành tốt bài tập

Anh Nguyễn Hữu Hồn
Thiện
Thành

Hồn thành tốt

Anh
Lâm

Lê

Tường Hồn
Thành

Hồn thành, tuy
nhiên cịn ngại giao
tiếp, trao đổi

Anh
Lâm

Lê

Tường Hoàn
Thành

Hoàn thành tốt, cần
cố gắn phát huy

Anh
Lâm

Lê

Tường Hoàn
Thành

Báo cáo cuối đợt Anh
thực tập.
Lâm

Lê

Tường Hoàn
Thành

Hoàn thành nhưng
code chưa được
clean, cần khắc phục
Hoàn thành

Tham gia vào dự
án, đọc hiểu kiến
trúc dự án
Nhận task của dự
án, fix các lỗi giao
diện đơn giản trên
website
Nhận task tạo giao
diện cho 1 trang của
website
Nhận task viết api
cho trang vừa tạo

4

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

Lê Trọng Anh Đức


12

Chương 3: Chi tiết về project
Giới thiệu về dự án Pi360 elearning system
Pi (π) được thành lập bởi niềm đam mê của các chuyên gia trong ngành, những
người nắm giữ các vị trí hàng đầu trong các tập đồn khác nhau có cùng mục tiêu. Đó là
truyền cảm hứng và chuyển giao kiến thức cho thế hệ tiếp theo và là nơi thực sự cho
những người muốn thúc đẩy sự nghiệp của họ một cách chuyên nghiệp, để ở vị trí hàng
đầu của cơng ty. Khơng cịn lo ngại về việc liệu kiến thức có thể được sử dụng tại nơi
làm việc hay khơng vì nội dung có đủ tiêu chuẩn của các chun gia trong ngành, khơng
cịn lo ngại về chi phí học tập khi bạn có thể nhận các khóa học miễn phí để nâng cấp
kiến thức.
Phần chức năng em đã là là chức năng Learning Path, màn hình trả về danh sách
các khóa học có liên quan đến nhau tạo thành 1 thứ tự để người dùng có thể học các
khóa học theo lộ trình được đưa ra

Thực hiện
Lê Trọng Anh Đức và sự giúp đỡ tận tình của team Pi360

Kế hoạch
1. Trao đổi với team để nắm rõ yêu cầu của task.

2. Thiết kế bảng trong database cho chức năng Learning Path
3. Viết API xử lý cho chức năng Learning Path
4. Dựa theo bản thiết kế, sử dụng HTML, CSS để tạo ra giao diện tứng ứng.
5. Sử dụng ajax JQuery để gọi API đổ dữ liệu lên giao diện, đông thời xử lý
logic cho giao diện Learning Path.
Kết quả
Đã hồn thành tính năng trên.
**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.**

Hứa Phước Trường

Lê Trọng Anh Đức


13

TÀI LIỆU THAM KHẢO

For Laravel
/>
For JQuery
/>
Hứa Phước Trường

Lê Trọng Anh Đức


14

TỔNG KẾT

Qua gần 2 tháng thực tập, em đã tham gia xây dựng một chức năng từ front-end đến
back-end cho dự án của công ty. Đồng thời em đã làm các task khác nhỏ hơn cho dự án. Qua đó
em đã học được rất nhiều về công nghệ, cách làm việc nhóm và quy trình làm việc của một
cơng ty.
Chân thành cảm ơn sự giúp đỡ của các anh chị nhóm trainer YouthDev, sự tận tình của
nhóm Pi360 để có thể hoàn thành được chức năng này. Cảm ơn anh Nguyễn Anh Tuấn đã giúp
em hoàn thành bài báo cáo này.

Hứa Phước Trường

Lê Trọng Anh Đức