Thiết kế, xây dựng và triển khai website saigon academy sử dụng laravel

ĐẠI HỌC QUỐC GIA THÀNH PHỐ HỒ CHÍ MINH
TRƯỜNG ĐẠI HỌC CÔNG NGHỆ THÔNG TIN
KHOA CÔNG NGHỆ PHẦN MỀM
_oOo_

BÁO CÁO
THỰC TẬP TỐT NGHIỆP
THIẾT KẾ, XÂY DỰNG VÀ TRIỂN KHAI
WEBSITE SAIGON ACADEMY SỬ DỤNG LARAVEL

Cơng Ty Thực Tập : Tập Đồn Giáo Dục Nguyễn Hoàng
Người Phụ Trách

: Phạm Xuân Lãng

Sinh Viên Thực Tập : Nguyễn Xuân Son
MSSV

: 19522141

TP. Hồ Chí Minh, 2023

1


LỜI CẢM ƠN
Trân trọng gửi lời cảm ơn Tập Doàn Giáo Dục Nguyễn Hồng đã tạo điều kiện cho
em có cơ hội thực tập tại công ty.
Khoảng thời gian thực tập tuy ngắn ngủi nhưng nhờ sự chỉ dẫn nhiệt tình của các
anh chị trong cơng ty đã giúp em tiếp thu được những kiến thức quan trọng để có thể
làm ra được website SaiGon Academy. Thời gian thực tập tại cơng ty đã giúp em có

những trải nghiệm thực tế, những kinh nghiệm quý báu cùng các kỹ năng cần thiết để
em có thể bước ra mơi trường cơng việc thực tế sau này.
Đặc biệt cảm ơn anh Phạm Xuân Lãng cùng các anh chị trong cơ quan đã hướng
dẫn, giúp đỡ em tận tình trong khoảng thời gian thực tập. Cũng xin cảm ơn thầy cô trong
ban Công Nghệ Phần Mềm đã nhiệt tình giúp đỡ, tạo điều kiện cho em hồn thành bài
báo cáo này.
Do chưa có nhiều kinh nghiệm cũng như thời gian thực tập hạn hẹp nên khơng thể
tránh khỏi những thiếu sót nhất định. Em rất mong nhận được những đóng góp của quý
thầy cơ, anh chị để em có thể hồn thành tốt bài báo cáo và bản thân trở nên hoàn thiện
hơn.
Em xin chân thành cảm ơn.

Thành phố Hồ Chí Minh ngày…tháng 4 năm 2023
Sinh viên thực hiện

Nguyễn Xuân Son

2


NHẬN XÉT CỦA KHOA
…………………………………………………………………………
…………………………………………………………………………
…………………………………………………………………………
…………………………………………………………………………
…………………………………………………………………………
…………………………………………………………………………
…………………………………………………………………………
…………………………………………………………………………
…………………………………………………………………………

…………………………………………………………………………
…………………………………………………………………………
…………………………………………………………………………
…………………………………………………………………………
…………………………………………………………………………
…………………………………………………………………………
…………………………………………………………………………
…………………………………………………………………………
…………………………………………………………………………
…………………………………………………………………………
…………………………………………………………………………
…………………………………………………………………………
…………………………………………………………………………
…………………………………………………………………………
…………………………………………………………………………
…………………………………………………………………………
…………………………………………………………………………

3


MỤC LỤC

TRƯỜNG ĐẠI HỌC CÔNG NGHỆ THÔNG TIN – ĐẠI HỌC QUỐC GIA HỒ CHÍ
MINH.. ........................................................................................................................ 1
LỜI CẢM ƠN…………………………………………………………………………..2
NHẬN XÉT CỦA KHOA ........................................................................................... 3
MỤC LỤC ................................................................................................................... 4
DANH MỤC HÌNH ẢNH ........................................................................................... 6
DANH MỤC BẢNG ................................................................................................... 7

1

2

3

CHƯƠNG 1 GIỚI THIỆU CHUNG .................................................................... 8
1.1

Tổng quan về Tập đoàn giáo dục Nguyễn Hoàng ............................................ 8

1.2

Mục tiêu thực tập ............................................................................................ 8

CHƯƠNG 2 NỘI DUNG THỰC TẬP ................................................................ 9
2.1

Giới thiệu về Laravel ...................................................................................... 9

2.2

Các tính năng nổi bật của Laravel…………………………………………….11

2.3

Thực hiện dự án với Laravel ......................................................................... 11

2.4

Lịch làm việc…………………………………………………………………12

CHƯƠNG 3 TỔNG QUAN VỀ WEBSITE SAIGON ACADEMY ................... 16
3.1

Tổng quan về Saigon Academy .................................................................... 16

3.2

Mục tiêu và tính năng trang web ................................................................... 16

3.2.1

Mục tiêu ................................................................................................. 16

3.2.2

Các tính năng ......................................................................................... 16

3.3 Các yêu cầu đặt ra cho việc thiết kế, xây dựng và triển khai website Saigon
Academy................................................................................................................ 17
4

CHƯƠNG 4 Thiết kế Website SAIGON Academy với Laravel ......................... 18
4.1

Phân tích yêu cầu của website Saigon Academy ........................................... 18

4.1.1

Yêu cầu về môi trường ........................................................................... 18

4.1.2

Yêu cầu về giao diện .............................................................................. 18

4.1.3

Yêu cầu về chức năng ............................................................................ 18

4.2

Phân tích hệ thống ........................................................................................ 19
4


4.2.1

Sơ đồ phân rã chức năng ........................................................................ 19

4.2.2

Xây dựng biểu đồ Use Case ................................................................... 19

4.3

5

Thiết kế cấu trúc thông tin và giao diện người dùng ...................................... 24

4.3.1

Cấu trúc thông tin................................................................................... 24

4.3.2

Giao diện người dùng ............................................................................. 25

CHƯƠNG 5 Xây dựng và triển khai Website SAIGON Academy với Laravel .. 28
5.1

Cài đặt và cấu hình Laravel........................................................................... 28

5.1.1

Cài đặt Laravel ....................................................................................... 28

5.1.2

Cấu hình Laravel .................................................................................... 29

5.2

Xây dựng chức năng và giao diện website……………………………………29

5.2.1

Giao diện người dùng ............................................................................. 29

5.2.2

Giao diện trang quản trị .......................................................................... 34

KẾT QUẢ ĐẠT ĐƯỢC ............................................................................................ 36
Đánh giá kết quả đạt được ...................................................................................... 36
Những vấn đề tồn đọng và giải pháp đề xuất .......................................................... 36
TÀI LIỆU THAM KHẢO.......................................................................................... 37

5


DANH MỤC HINH ẢNH
Hình 1. Giới thiệu về Laravel……………………………….…………………………9
Hình 2. Sơ đồ phân rã chức năng…………………………….………………………..19
Hình 3. Biểu đồ Use Case tổng quát…………………………………………………..20
Hình 4. Biểu đồ Use Case quản lý người dùng………………………………………..21
Hình 5. Biểu đồ Use Case quản lý chương trình giảng dạy……………………………22
Hình 6. Biểu đồ Use Case quản lý tuyển sinh…………………………………………23
Hình 7. Biểu đồ Use Case quản lý tin tức…………………..…………………………24
Hình 8: Bố cục, banner, block…………………………………………………………26
Hình 9. Banner sự kiện cuộc thi ảnh online “Chưa bao giờ mẹ kể”……………………26
Hình 10: Biểu đồ cấu trúc giao diện……………………………………………………27
Hình11. Giao diện setup Laravel 9…………………………………………………….28
Hình12 Giao diện header và slider …………………………………….………………29
Hình 13 Giao diện giới thiệu…………………………………………………………..30
Hình 14 Giao diện chương trình học…………………………………………………..30
Hình 15 Giao diện phản hồi……………………………………………………………30
Hình 16 Giao diện tin tức và logo……………………………………………..………31
Hình 17 Giao diện footer…………………………………………………...………….31
Hình 18 Giao diện chương trình học…………………………………………………..32

Hình 19 Giao diện chi tiết chương trình học…………………………………………..32
Hình 20 Giao diện tuyển sinh………………………………………………………….33
Hình 21 Giao diện trang tin tức…………………………………………………...…..33
Hình 22 Giao diện trang liên hệ…………………………………………………....…..34
Hình 23 Giao diện trang thêm sủa nội dung…………………………………………..34
Hình 24 Giao diện bảng danh sách nội dung………………………………………….35

6


DANH MỤC BẢNG
Bảng 1 Lịch làm việc………………………………………………………………….12
Bảng 2 Các tác nhân của hệ thống…………………………………………………….19
Bảng 3. Các Use Case của hệ thống…………………………………………….……..20
Bảng 4 Luồng sự kiện chính Use Case quản lý người dùng…………………….…….21
Bảng 5 Luồng sự kiện chính Use Case chương trình giảng dạy………………….…...22
Bảng 6 Luồng sự kiện chính Use Case tuyển sinh……………………………….……23
Bảng 7 Luồng sự kiện chính Use Case tuyển sinh……………………………….……24

7


CHƯƠNG 1
GIỚI THIỆU CHUNG
1.1 Tổng quan về Tập đoàn giáo dục Nguyễn Hoàng
Tập đoàn giáo dục Nguyễn Hoàng là một trong những tập đoàn hàng đầu trong lĩnh
vực giáo dục tại Việt Nam. Với hơn 20 năm kinh nghiệm hoạt động, Tập đoàn Nguyễn
Hoàng đã trở thành một thương hiệu uy tín, được nhiều người tin tưởng và lựa chọn.
Các đơn vị thành viên của Tập đoàn Nguyễn Hoàng:
-

Trường Đại học Quốc tế Hồng Bàng (HIU)
Trường Đại học Hoa Sen (HSU)
Trường Đại học Gia Định (GDU)
Trường Đại học Bà Rịa - Vũng Tàu (BVU)
Trường Đại học Công nghệ Miền Đông (MIT University)
Trường Cao đẳng Hoa Sen (HSC)
Hệ thống Trường Quốc tế Bắc Mỹ (SNA)
Hệ Thống Trường Quốc tế Song ngữ Học viện Anh Quốc (UK Academy)
Hệ thống Trường Hội nhập Quốc tế (iSchool)
Hệ thống Trường Mầm non Quốc Tế Saigon Academy (SGA)

Một trong những bộ phận của Tập đoàn giáo dục Nguyễn Hồng là khối văn phịng
tập đồn Nguyễn Hồng. Trong đó, Ban Cơng nghệ thơng tin chịu trách nhiệm phát triển
và quản lý các hệ thống, ứng dụng trong lĩnh vực công nghệ thông tin.
Việc thực tập tại Ban Cơng nghệ thơng tin của Tập đồn giáo dục Nguyễn Hoàng là
một cơ hội tuyệt vời cho em, người đam mê cơng nghệ và muốn trau dồi kỹ năng của
mình. Thực tập tại đây, em sẽ được tiếp cận với một môi trường làm việc chuyên nghiệp,
hiện đại và đầy thử thách. Em sẽ được tham gia vào các dự án thực tế và có cơ hội góp
phần vào việc phát triển các sản phẩm công nghệ mới của Tập đồn Nguyễn Hồng.
Ngồi ra, thực tập tại Ban Cơng nghệ thơng tin của Tập đồn giáo dục Nguyễn Hồng
cịn giúp em nâng cao kỹ năng mềm như làm việc theo nhóm, giao tiếp, quản lý thời
gian, v.v. Đây là những kỹ năng rất quan trọng trong cuộc sống và sự nghiệp.

1.2 Mục tiêu thực tập
Mục tiêu tiếp cận môi trường làm việc thực tế, có cơ hội quan sát, hiểu được những
yêu cầu của nghề nghiệp và tự đánh giá những ưu khuyết điểm của bản thân để có kế
hoạch phát huy, khắc phục trước khi thực sự bước vào mơi trường làm việc thực tế. Tạo
ra cái nhìn tổng quan về một môi trường thực tế là như thế nào để có thể ghi chú lại làm
tư liệu cho mỗi cá nhân.

8


CHƯƠNG 2
NỘI DUNG THỰC TẬP
2.1 Giới thiệu về Laravel
Laravel là một framework web mã nguồn mở được viết bằng ngôn ngữ PHP. Nó được
phát triển bởi Taylor Otwell và ra mắt lần đầu vào năm 2011. Laravel cung cấp cho các
nhà phát triển một cách tiếp cận linh hoạt và dễ dàng để xây dựng các ứng dụng web
phức tạp. Nó được thiết kế để tối ưu hóa hiệu suất, đơn giản hóa quy trình phát triển và
cung cấp các tính năng như định tuyến, giao diện dịng lệnh Artisan, Active Record,
phân quyền, xử lý lỗi, cập nhật theo thời gian thực và nhiều hơn nữa. Laravel cũng có
cộng đồng phát triển rộng lớn và nhiều tài liệu hữu ích, giúp cho các nhà phát triển có
thể nhanh chóng giải quyết các vấn đề và cải thiện kỹ năng của mình.

Hình 1. Giới thiệu về Laravel

 Ưu điểm của Laravel :
 Dùng những tính năng mới nhất của PHP
Dùng những tính năng mới nhất của PHP là ưu điểm nổi bật nhất của Laravel
Framework. Cụ thể, khi dùng công cụ này bạn có thể sử dụng các tính năng mới nhất
của PHP, đặc biệt là trong Interfaces, Namespaces, Anonymous functions và
Overloading, Shorter array syntax. Hiện nay, đã xuất hiện nhiều bộ CMS viết trên nền
Laravel, từ mã nguồn mở tới thương mại, từ các bộ CMS đơn giản cho đến bộ “siêu
mạnh”.
 Tài nguyên lớn, sẵn có
Laravel có nguồn tài nguyên lớn, sẵn có. Chúng đều rất thân thiện với người dùng.
9

Những phiên bản của công cụ này đều được phát hành kèm theo là tài liệu phù hợp. Từ
đó bạn sẽ dễ dàng tìm thấy được các giải thích về Methods, Coding style và Classes.
 Tích hợp với mail
Ngày nay, những ứng dụng website cần phải thông báo về offer và các deal mới cho
người sử dụng. Việc đăng ký trở thành người dùng mới là điều vô cùng quan trọng. Trên
thư viện SwiftMailer của Framework hiện được trang bị API sạch. Trong đó có những
Driver cho Mailgun, SMTP, SparkPost, PHP’s “mail” function, Mandrill và “sendmail”,
Amazon SES giúp chúng ta gửi thư qua dịch vụ local hoặc dịch vụ dựa trên đám mây.
 Hỗ trợ những cache backend phổ biến
Framework Laravel hỗ trợ những cache backend. Ưu điểm này giúp bạn có thể dễ dàng
tùy chỉnh được nhiều cấu hình cache.
 Tốc độ xử lý nhanh
Hỗ trợ hiệu quả cho việc lập những dự án lớn trong khoảng thời gian ngắn hoặc tạo
website. Vì vậy, Laravel được những lập trình viên và công ty công nghệ ứng dụng để
phát triển sản phẩm của họ.
 Dễ sử dụng
Chỉ cần có vốn kiến thức cơ bản về lập trình PHP và bỏ ra vài giờ là đã có thể thực hiện
được dự án nhỏ.
 Tính bảo mật cao
Tính bảo mật cao là ưu điểm của Laravel được nhiều người yêu thích nhất hiện nay.
Cơng cụ cung cấp những tính năng bảo mật mạnh giúp người dùng an tâm tập trung cao
độ cho việc phát triển sản phẩm: Dùng PDO để chống sự tấn công của SQL Injection.
Dùng field token ẩn để chống sự tấn công kiểu CSRF. Đặc biệt, Laravel escape các biến
đều được đưa ra những view mặc định, vì thế có thể tránh sự tấn cơng của XSS.
 Nhược điểm của Laravel :
 Khơng hỗ trợ chức năng thanh tốn
Nhược điểm đầu tiên phải kể tới đó chính là Laravel khơng hỗ trợ chức năng thanh tốn.
Điều này khiến bạn tốn khá nhiều cơng sức khi thanh tốn để tạo sản phẩm.
 Giữa những phiên bản thiếu sự liên tục

Không những vậy, cơng cụ cũng chưa có sự chuyển đổi liền mạch, liên tục từ Laravel 4
sang 5. Nếu như bạn cố update code, có thể sẽ hủy hoặc phá vỡ ứng dụng.
 Chất lượng
Một số thành phần trong Laravel cũng khơng được thiết kế tốt, chẳng hạn dependency
injection.Vì vậy, đối với những nhà phát triển nghiệp dư, đây không là chọn lựa tốt.
10


Nhưng, công cụ này hiện vẫn đang được NPH cải hiện. Phiên bản mới sẽ tốt hơn nhiều
bản cũ và cũng ít sai sót hơn.
 Một số nâng cấp của Laravel có thể có vấn đề
Một số nâng cấp của Laravel có thể có vấn đề cũng là nhược điểm khiến nhiều người
đau đầu. Khơng chỉ Laravel, đây cịn là vấn đề của những PHP Framework. Vậy nên,
trước khi nâng cấp ứng dụng website/ mobile những nhà phát triển cần phải đưa ra được
cách phòng ngừa.
 Quá nặng đối với ứng dụng di động
Đối với mobile app, việc tải lại trang có thể hơi nặng khi so sánh với những web. Hay
có thể nói Framework Laravel quá nặng đối với ứng dụng di động Đối với trường hợp
này, nhà phát triển web nên dùng Framework như Backend JSON API.

2.2 Các tính năng nổi bật
-

-

-

-

-

-

 Authorization cùng với Program Logic Technique
Cơng cụ này kiểm soát hiệu quả các truy cập vào tài nguyên và sắp xếp
Authorization Logic. Laravel design mới sẽ có cả validation computer code. Điều
này giúp chúng ta rút ngắt thời gian tạo mã.
 Blade Templating Engine
Blade Templating Engine chính là tính năng được đánh giá cao nhất của Laravel.
Tính năng này rất dễ hiểu và dùng khi làm việc trực tiếp với những ngôn ngữ
HTML/ PHP.
Hơn nữa Laravel web development còn cho phép chúng ta soạn thảo mã PHP
trong layout shape. Điều này giúp giảm thiểu được những khó khăn khi dùng
Laravel.
 Laracasts
Cơng cụ này chính là sự kết hợp hài hòa giữa hướng dẫn bằng video trả phí và
miễn phí. Laracasts giúp chúng ta hiểu được cách dùng Laravel.
 Hỗ trợ tập tin khác nhau
Laravel còn hỗ trợ nhiều tập tin khác nhau. Cụ thể là tính năng local support
network cho những document service dùng hệ thống Fly.
Tương tự, những chọn lựa cloud-based inventories đã được NPH tạo ra gần hơn
với cloud-based platforms.
 Bảo mật
Laravel bảo đảm an tồn cho các trang web Application. Cơng cụ này dùng mật
khẩu băm Bcrypt, đồng thời không lưu password ở dạng văn bản thuần túy,
Laravel dùng SQL statement khiến cho những Injection attack khó có thể tiếp cận.
Cụ thể, cơng cụ cung cấp phương pháp thoát khỏi user input giúp tránh Injection
11

-

-

-

của <script>.
 Artisan
Artisan là tính năng tiếp theo của Laravel. Lập trình viên sẽ dùng dịng lệnh tạo,
quản lý Laravel để tương tác với Framework. Tính năng này giúp cho lập trình
viên dễ dàng giải quyết những cơng việc lặp đi lặp lại khá nhàm chán.
 Migration System Databases
Sau mỗi lần thay đổi, Migration System Databases giúp phần mềm tăng Database
structure, đồng khơng làm mất code. Cơng cụ cịn thay cấu trúc bằng cách dùng
mã PHP.
Mặt khác, Laravel Schema còn cho phép tạo bảng cơ sở dữ liệu, cũng như chèn
cột và chỉ mục. Đây có thể coi là phiên bản có quyền kiểm sốt cơ sở dữ liệu.

2.3 Thực hiện dự án với Laravel
Sau vài tuần đầu tiên được tìm hiểu và làm một số dự án nhỏ, em đã nắm được những
kiến thức cơ bản về Laravel . Thời gian tiếp theo, được sự hướng dẫn của cán bộ hướng
dẫn, em đã áp dụng được những kiến thức đã học để thực hiện dự án SaiGon Academy.
Đây là một website về giáo dục, trường học nằm trong hệ thống website của tập đoàn.

2.4 Lịch làm việc
Bảng 1 Lịch làm việc

Thời gian
Tuần 1
Từ ngày

20/02/2023
đến ngày
26/02/2023

Nội dung cơng việc
- Tìm hiểu và cấu hình
websever trên ubuntu

Kết quả thực hiện
- Biết cách cài đặt và chạy ubuntu trên máy
ảo VirtualBox

- Cài đặt composer và tìm - Hiểu được cách cài đặt các phần mềm như
hiểu Laravel
PHP8.1, Nginx
- Hiểu được cấu trúc cơ bản của một dự án
sử dụng Laravel

12


Tuần 2
Từ ngày
27/02/2023

- Tìm hiểu và xây dựng
Website với Laravel
- Xây dựng website quản
lý sân bóng

đến ngày
05/02/2023

- Hiểu được các thành phần trong dự án sử
dụng Laravel: Route, Controller, View,
Model
- Tạo được web demo quản lý sinh viên với
các chức năng cơ bản như :
+ Tạo form nhập thông tin sinh viên
+ Hiển thị danh dánh sinh viên có các chức
năng thêm, sửa, xóa.
- Xây dựng Webiste quản lý sân bóng đá với
một số chức năng:
+Tạo database
+ Hiển thị thơng tin sân bóng theo danh
mục

Tuần 3
Từ ngày

- Tiếp tục xây dựng
Website quản lý bóng đá

- Làm thêm được chức năng thêm, xóa , sửa
sân bóng.
- Hiển thị danh sách đặt sân theo khu vực và
ngày đặt sân

06/03/2023
đến ngày

- Hiển thị timeline đặt sân theo khu vực.

12/03/2023

Tuần 4
Từ ngày
13/03/2023
đến ngày
19/03/2023

- Hoàn thiện Website
quản lý bóng đá
- Xây dựng khung giao
diện Website

m

Đối với Website quản lí bóng đá:
- Sửa lại giao diện Website người dùng
- Hoàn thiện các chức năng thêm sửa xóa đặt
sân.
- Hiển thị timeline đặt sân
- Hiển thị danh dách đặt sân của khách hàng
Đối với Website saigonacademy:
- Hoàn thiện khung giao diện cơ bản với
các thành phần: Header, body, footer.

13

Tuần 5
Từ ngày

Tiếp tục hoàn thiện
Webiste saigonacademy

- Làm được chức năng chuyển đổi ngôn ngữ
cơ bản – nội dung tĩnh.

20/03/2023
đến ngày

- Hoàn thiện database

26/03/2023

Tuần 6
Từ ngày
27/03/2023

- Hoàn thiện các chức năng bên admin như:
Thêm sửa xóa intro, admissions, new,
programs, language, contact, feedback

- Hoàn thành Website
- Chỉnh sửa lại giao diện phía người dùng,
saigonacademy và deploy thêm hiệu ứng.
dự án lên web server
- Reponsive cho trang web tương thích với

mobile, web.

đến ngày

- Thêm chức năng dịch bài viết và hoàn
thiện các chức năng cịn lại phía admin
- Cài đặt thành cơng Redhat, php8.1,
phpmyadmin, mariaDB

02/04/2023

Tuần 7
Từ ngày
03/04/2023
đến ngày
09/04/2023

- Xây dựng giao diện website phía admin và
người dùng

- Deloy dự án
saigonacademy lên web
sever

- Nắm được một số câu lệnh cơ bản ở hệ
điều hành Linux

- Hồn thành deploy dự án saigonacademy
- Tìm hiểu về Framework lên Redhat sử dụng nginx, php8.1,mariadb.
Next.js

- Hiểu được cấu trúc cơ bản của một dự án
sử dụng Next.js
- Biết được ưu và nhược điểm của nextjs so
với framework khác

14


- Hiểu sâu hơn về Framework Laravel

10/04/2023

- Tiếp tục tìm hiểu
Laravel
- Sửa lại giao diện
Website saigonacademy

đến ngày

- Sửa lại file upload ảnh

- Hồn thành chỉnh sửa file upload cho hình
ảnh. Tạo thư mục và quản lý hình ảnh trước
khi đưa vào database

Tuần 8
Từ ngày

16/04/2023

Tuần 9
Từ ngày
17/04/2023
đến ngày
23/04/2023

Tuần 10
Từ ngày
23/04/2023

- Chỉnh sửa lại giao diện Website
saigonacademy cho cân đối và thân thiện
hơn

- Tiếp tục tìm hiểu và xây - Cải thiện được chất lượng website
dựng website với Laravel saigonacademy với các thông số:
+ Performance: 95
- Cải thiện chất lượng
+ Accessibility: 98
website saigonacademy
+ Best Pratices:92
- Viết cáo báo thực tập
+ SEO: 100

- Tiếp tục tìm hiểu và xây - Hồn thành báo cáo thực tập
dựng website với Laravel
- Viết báo cáo thực tập

đến ngày
30/04/2023

Nhận xét của CBHD:………………………………………………….
…………………………………………………………………………
…………………………………………………………………………
…………………………………………………………………………
…………………………………………………………………………
…………………………………………………………………………
Cán bộ hướng dẫn
(Ký tên)

15


CHƯƠNG 3
TỔNG QUAN VỀ WEBSITE SAIGON ACADEMY
2.5 Tổng quan về Saigon Academy
Hệ thống Trường Mầm non Quốc Tế Saigon Academy (SGA) là trường tiên phong
áp dụng Chương trình giáo dục sớm theo Phương án 0 tuổi tại Thành phố Hồ Chí Minh.
Với phương pháp dạy linh hoạt, học trong trị chơi, trẻ sẽ được kích hoạt tư duy, khai
mở tối đa tiềm năng trí tuệ nhằm phát triển tồn diện về ngôn ngữ, tư duy, thể chất, kỹ
năng sống và năng khiếu.
Đặc biệt, với sự kết hợp hoàn hảo giữa chương trình Anh ngữ mầm non và chương
trình Giáo dục sớm qua “Công thức vàng” CLIL + E.C.E + Giáo trình tiếng Anh thực
nghiệm, học sinh SGA dần phát triển kỹ năng Anh ngữ tự nhiên qua mỗi ngày, từ đó
xây dựng nền tảng tiếng Anh hồn hảo để chuyển tiếp vào trường quốc tế và du học
trong tương lai.

2.6 Mục tiêu và tính năng trang web
2.6.1 Mục tiêu
Nhằm tạo ra một kênh thông tin trực tuyến để giới thiệu và quảng bá về Hệ thống

Trường Mầm non Quốc Tế Saigon Academy. Trang web này cũng cung cấp thông tin
về các dịch vụ, chương trình giảng dạy, cơ sở vật chất, đội ngũ giáo viên và các hoạt
động ngoại khoá cho các em học sinh.
Ngoài ra, trang web của trường mầm non cũng có thể cung cấp các thơng tin cần thiết
cho phụ huynh khi đăng ký nhập học, giúp phụ huynh và các em học sinh dễ dàng tiếp
cận thơng tin về chương trình giảng dạy, sự kiện, chia sẻ kinh nghiệm giáo dục và đánh
giá kết quả học tập của các em.
2.6.2 Các tính năng
Các tính năng chính của website Saigon Academy bao gồm:
-

Giới thiệu về Hệ thống Trường Mầm non Quốc Tế Saigon Academy
Các thông tin về chương trình học, giáo viên và cơ sở vật chất của trường
Thơng tin về các hoạt động ngoại khóa và sự kiện của trường
Thơng tin về các chương trình đào tạo của trường
Hình ảnh và video giới thiệu về trường và các hoạt động của trường
Các thông tin về phương pháp giảng dạy và cách thức đánh giá kết quả học tập
của học sinh
Các bài viết, tin tức và thông tin giáo dục liên quan đến trường và các hoạt động
giáo dục khác
Liên hệ và hỗ trợ trực tuyến cho phụ huynh và học sinh.
16


2.7 Các yêu cầu đặt ra cho việc thiết kế, xây dựng và triển khai website
Saigon Academy
Một số yêu cầu được đặt ra như sau:
Thiết kế trang web phải thân thiện với người dùng: Trang web cần được thiết kế
sao cho thân thiện, dễ sử dụng và tương tác với người dùng. Các nút bấm, menu, form
liên hệ phải được bố trí đơn giản và dễ tìm kiếm.

Thiết kế trang web phải tương thích với thiết bị di động: Trang web cần phải được
thiết kế để hiển thị đẹp và tương thích với các thiết bị di động như điện thoại thơng minh,
máy tính bảng, đảm bảo người dùng có thể truy cập trang web một cách thuận tiện trên
bất kỳ thiết bị nào.
Thông tin trên trang web phải được cập nhật và hiển thị đầy đủ: Các thông tin
về chương trình học, giáo viên, hoạt động ngoại khóa, tin tức và sự kiện của trường phải
được cập nhật thường xuyên và hiển thị đầy đủ trên trang web.
Tốc độ tải trang web phải nhanh: Thời gian tải trang web cần phải nhanh để đảm
bảo người dùng không phải chờ đợi quá lâu để truy cập vào trang web.
Trang web phải được bảo mật và an toàn: Trang web cần được bảo vệ bằng các
biện pháp bảo mật và an ninh để đảm bảo thông tin của trường và khách hàng không bị
xâm nhập hoặc đánh cắp.
Trang web phải được tối ưu hóa cho cơng cụ tìm kiếm: Trang web cần được tối
ưu hóa để đạt được vị trí cao trên các cơng cụ tìm kiếm như Google, giúp trang web dễ
dàng tìm thấy và thu hút được nhiều lượt truy cập.
Trang web phải được tùy chỉnh và dễ dàng quản lý: Trang web cần được thiết kế
và tùy chỉnh để dễ dàng quản lý, bảo trì và cập nhật nội dung bởi đội ngũ quản lý và kỹ
thuật của trường.
Trang web phải được tích hợp hệ thống quản lý nội dung: Hệ thống quản lý nội
dung giúp quản lý và cập nhật thông tin trên trang web một cách dễ dàng, đồng thời giúp
quản lý nội dung trang web một cách hiệu quả hơn.
Trang web phải có tính năng liên kết mạng xã hội: Tính năng liên kết mạng xã hội
giúp trang web được chia sẻ và lan truyền rộng rãi hơn trên các nền tảng mạng xã hội
như Facebook, Twitter, Instagram, giúp tăng khả năng tiếp cận và quảng bá cho trường.

17


CHƯƠNG 4

3

4 THIẾT KẾ WEBSITE SAIGON ACADEMY VỚI LARAVEL
4.1 Phân tích yêu cầu của website Saigon Academy
4.1.1 Yêu cầu về mơi trường
-

Chạy được trên mọi trình duyệt web
Chạy được trên mọi hệ điều hành, nền tảng khác nhau
Cơ sở dữ liệu dùng MySQL

4.1.2 Yêu cầu về giao diện
-

-

Giao diện của hệ thống phải đáp ứng được tiêu chí quan trọng nhất là giới thiệu
về trường, các chương trình học, giáo viên, hoạt động ngoại khố, tin tức, sự kiện
và thơng tin tuyển sinh.
Các điều khiển trên trang web cần quen thuộc, dễ thao tác với người dùng.
Thơng tin hình ảnh phải bao quát, đẹp và dễ dàng lựa chọn tìm kiếm.
Hiển thị thông tin chi tiết khi khách hàng lựa chọn.
Nội dung thơng tin hình ảnh động. Kiểu của giao diện thay đổi động giúp hạn chế
sự đơn điệu.
Tên các trường thơng tin, chức năng phải thống nhất tồn bộ giao diện.

4.1.3 Yêu cầu về chức năng
-

-

-

Trang chủ: Hiển thị thông tin về trường, các thông báo mới nhất, các sự kiện sắp
tới, cũng như liên kết đến các trang con khác trên trang web.
Giới thiệu về trường: Trình bày thông tin chi tiết về trường, bao gồm lịch sử phát
triển, mục tiêu và triết lý giáo dục, hệ thống giáo dục và các dịch vụ giáo dục.
Chương trình giảng dạy: Cho phép người dùng có thể xem thơng tin các chương
trình giảng dạy.
Liên hệ và hỗ trợ: Cung cấp các thông tin liên lạc của trường, cho phép người
dùng đặt câu hỏi và nhận câu trả lời từ giáo viên, giúp đảm bảo sự hỗ trợ và tương
tác tốt nhất giữa trường và phụ huynh.
Quản lý nội dung: Cho phép quản trị viên cập nhật thông tin trên trang web một
cách dễ dàng, nhanh chóng và hiệu quả.
Liên kết mạng xã hội: Tích hợp tính năng liên kết mạng xã hội giúp trang web
được chia sẻ và lan truyền rộng rãi hơn trên các nền tảng mạng xã hội như
Facebook, Twitter, Instagram,…
Trang tin tức: Cập nhật những thông tin mới nhất liên quan đến trường, như sự
kiện, hoạt động, thành tích của học sinh, giáo viên, v.v.
Tuyển dụng: Cung cấp thơng tin về các vị trí việc làm tại trường, cho phép người
dùng đăng ký tuyển dụng và gửi hồ sơ trực tuyến.
18


-

-

Quản lý người dùng: Cho phép quản trị viên quản lý các tài khoản người dùng.
Responsive design: Đảm bảo trang web có thể truy cập và hiển thị tốt trên các

thiết bị di động, đảm bảo sự tiện lợi và trải nghiệm tốt nhất cho người dùng.
Thay đổi ngôn ngữ: Tích hợp tính năng đa ngơn ngữ phục vụ trải nghiệm tốt hơn
cho người dùng.
Bảo mật thông tin: Đảm bảo an tồn thơng tin của người dùng, tránh việc lộ thông
tin cá nhân hoặc thông tin tài khoản, đảm bảo tính bảo mật của hệ thống và dữ
liệu.
Quản lý SEO: Tối ưu hóa SEO trang web, giúp trang web được tìm kiếm và đánh
giá cao trên các cơng cụ tìm kiếm, tăng khả năng tiếp cận và thu hút khách hàng
mới.

4.2 Phân tích hệ thống
4.2.1 Sơ đồ phân rã chức năng

Hình 2. Sơ đồ phân rã chức năng

4.2.2 Xây dựng biểu đồ Use Case
4.2.2.1 Các tác nhân của hệ thống
Bảng 2 Các tác nhân của hệ thống

Tên tác nhân

Mô tả

Người dùng

Người sử dụng hệ thống để xem thông tin

Quản trị viên

Người quản trị hệ thống

19


4.2.2.2 Xác định các Use Case
-

Các Use Case của hệ thống
Bảng 3. Các Use Case của hệ thống

Tên Use Case

Mô tả

Quản lý người dùng

Quản trị viên có thể quản lý người dùng bao gồm việc
phân quyền chức năng người dùng

Quản lý chương trình
giảng dạy

Người quản trị hệ thống có thể quản lý thơng tin bao
gồm việc thêm, xố, sửa chương trình giảng dạy

Quản lý tuyển sinh

Người quản trị có thể quản lý cập nhật thông tin tuyển
sinh.

Quản lý tin tức

Người quản trị có thể quản lý tin tức bao gồm việc
thêm, xố, sửa

-

Biểu đồ Use Case tổng qt

Hình 3. Biểu đồ Use Case tổng quát

-

Biểu đồ Use Case quản lý người dùng của quản trị viên

20


Hình 4. Biểu đồ Use Case quản lý người dùng

a. Tóm tắt
Quản lý người dùng
của người dùng.

là Use case quản trị viên sử dụng để quản lý các thông tin

b. Tác nhân
Tác nhân: Quản trị viên
c. Use Case liên quan
Use Case đăng nhập

d. Các luồng sự kiện
Luồng sự kiện chính
Bảng 4 Luồng sự kiện chính Use Case quản lý người dùng

Hành động tác nhân

Phản ứng hệ thống

Chọn danh sách quản lý
người dùng

Hệ thống hiển thị giao diện danh sách người dùng

Lựa chọn người dùng và
chức năng, nhập thông tin
cần cập nhật

Tiếp nhận thơng tin, kiểm tra thơng tin có hợp lệ hay
không
Thông báo cập nhật thành công

-

Biểu đồ Use Case quản lý chương trình giảng dạy

21


Hình 5. Biểu đồ Use Case quản lý chương trình giảng dạy

a. Tóm tắt
Quản lý chương trình giảng dạy
là Use case quản trị viên sử dụng để quản lý
các thông tin của chương trình giảng dạy.
b. Tác nhân
Tác nhân: Quản trị viên
c. Use Case liên quan
Use Case đăng nhập
d. Các luồng sự kiện
Luồng sự kiện chính
Bảng 5 Luồng sự kiện chính Use Case chương trình giảng dạy

Hành động tác nhân

Phản ứng hệ thống

Chọn danh sách quản lý
chương trình giảng dạy

Hệ thống hiển thị giao diện danh sách chương trình
giảng dạy

Lựa chọn chương trình
giảng dạy và chức năng,
nhập thơng tin cần cập
nhật

Tiếp nhận thơng tin, kiểm tra thơng tin có hợp lệ hay
không

Thông báo cập nhật thành công
-

Biểu đồ Use Case quản lý tuyển sinh

22


Hình 6. Biểu đồ Use Case quản lý tuyển sinh

a. Tóm tắt
Quản lý tuyển sinh
của tuyển sinh

là Use case quản trị viên sử dụng để quản lý các thông tin

b. Tác nhân
Tác nhân: Quản trị viên
c. Use Case liên quan
Use Case đăng nhập
d. Các luồng sự kiện
Luồng sự kiện chính
Bảng 6 Luồng sự kiện chính Use Case tuyển sinh

Hành động tác nhân

Phản ứng hệ thống

Chọn danh sách quản lý
tuyển sinh

Hệ thống hiển thị giao diện danh sách tuyển sinh

Lựa chọn tuyển sinh và
chức năng, nhập thông tin
cần cập nhật

Tiếp nhận thơng tin, kiểm tra thơng tin có hợp lệ hay
khơng
Thơng báo cập nhật thành công

-

Biểu đồ quản lý tin tức

23


Hình 7. Biểu đồ Use Case quản lý tin tức

a. Tóm tắt
Quản lý tin tức
tức.

là Use case quản trị viên sử dụng để quản lý các thông tin của tin

b. Tác nhân
Tác nhân: Quản trị viên
c. Use Case liên quan
Use Case đăng nhập

d. Các luồng sự kiện
Luồng sự kiện chính
Bảng 7 Luồng sự kiện chính Use Case tuyển sinh

Hành động tác nhân

Phản ứng hệ thống

Chọn danh sách quản lý
tin tức

Hệ thống hiển thị giao diện danh sách tin tức

Lựa chọn tin tức và chức
năng, nhập thông tin cần
cập nhật

Tiếp nhận thơng tin, kiểm tra thơng tin có hợp lệ hay
khơng
Thơng báo cập nhật thành công

4.3 Thiết kế cấu trúc thông tin và giao diện người dùng
4.3.1 Cấu trúc thông tin
Cấu trúc thông tin của trang web Saigon Academy sẽ được thiết kế để người dùng dễ
24


dàng tìm thấy các thơng tin cần thiết về trường và các dịch vụ, khóa học mà trường đang
cung cấp. Các thơng tin nên được chia thành các mục chính như sau:
-

Trang chủ: Giới thiệu tổng quan về tường, các thông tin mới nhất và liên hệ.
Giới thiệu: Giới thiệu chi tiết về trường, mô tả các đặc điểm nổi bật, đội ngũ giáo
viên, mơi trường giảng dạy, tầm nhìn và sứ mệnh.
Chương trình giảng dạy: Liệt kê các chương trình dạy học của trường, giới thiệu
về nội dung và mục tiêu của từng chương trình học.
Tin tức: Cập nhật các tin tức mới nhất về trường, các sự kiện, hoạt động, thành
tích của học sinh, giáo viên, v.v.
Tuyển sinh: Những thông tin mới nhất về tuyển sinh của trường.
Tuyển dụng: Giới thiệu các vị trí việc làm tại trường và cho phép người dùng
đăng ký tuyển dụng.
Liên hệ: Cho phép người dùng liên hệ với trường để đặt câu hỏi hoặc đóng góp
ý kiến.

4.3.2 Giao diện người dùng
4.3.2.1 Các yếu tố cần có
Giao diện người dùng của trang web Saigon Academy sẽ được thiết kế đẹp mắt, trực
quan và dễ sử dụng. Các yếu tố cần được chú trọng trong thiết kế giao diện như sau:
-

Màu sắc: Sử dụng màu sắc phù hợp với phong cách và thương hiệu của trường,
tạo cảm giác chuyên nghiệp và thân thiện với người dùng.
Hình ảnh: Sử dụng hình ảnh đẹp, rõ nét và phù hợp với nội dung để tăng tính
thẩm mỹ và hấp dẫn cho người dùng.
Đơn giản: Thiết kế giao diện nên đơn giản, khơng q phức tạp.
Tính responsive: Giao diện trang web nên được thiết kế để có thể hiển thị tốt trên
nhiều thiết bị khác nhau, từ máy tính để bàn đến điện thoại di động.
Navigation: Hệ thống định hướng nên được thiết kế để người dùng dễ dàng điều
hướng và tìm kiếm thơng tin.
Liên kết xã hội: Liên kết đến các trang mạng xã hội của trường để người dùng có

thể kết nối với trường và cập nhật thông tin mới nhất.

25