TIỂU LUẬN môn học PHÁT TRIỂN PHẦN mềm mã NGUỒN mở xây DỰNG WEBSITE NHÀ HÀNG NEW STAR
Bạn đang xem bản rút gọn của tài liệu. Xem và tải ngay bản đầy đủ của tài liệu tại đây (3.31 MB, 66 trang )
lOMoARcPSD|20681854
TRƯỜNG ĐẠI HỌC THỦ DẦU MỘT
VIỆN KỸ THUẬT – CÔNG NGHỆ
TIỂU LUẬN MÔN HỌC
PHÁT TRIỂN PHẦN MỀM MÃ NGUỒN MỞ
XÂY DỰNG WEBSITE
NHÀ HÀNG NEW STAR
GVHD: ThS. Nguyễn Hữu Vĩnh
Nhóm Sinh Viên Thực Hiện:
Nguyễn Văn Phần_1824801030268
Phạm Tuấn Anh_1824801030268
lOMoARcPSD|20681854
Tiểu luận mơn Lập trình Web
________________________________________________________________________
NHẬN XÉT VÀ CHẤM ĐIỂM CỦA GIẢNG VIÊN
Họ và tên giảng viên: Nguyễn Hữu Vĩnh
Tên đề tài: XÂY DỰNG WEBSITE NHÀ HÀNG NEW STAR
Nội dung nhận xét:
............................................................................................................................................................
............................................................................................................................................................
............................................................................................................................................................
............................................................................................................................................................
............................................................................................................................................................
............................................................................................................................................................
............................................................................................................................................................
............................................................................................................................................................
............................................................................................................................................................
............................................................................................................................................................
............................................................................................................................................................
Điểm:
Bằng số: .......................................................
Bằng chữ: ......................................................
GIẢNG VIÊN CHẤM
(Ký, ghi rõ họ tên)
NGUYỄN HỮU VĨNH
________________________________________________________________________
1
SVTH: Nguyễn Văn Phần – LỚP: D18PM04
lOMoARcPSD|20681854
Tiểu luận mơn Lập trình Web
________________________________________________________________________
MỤC LỤC
TĨM TẮT ....................................................................................................................................... 7
SUMMARY .................................................................................................................................... 8
LỜI NÓI ĐẦU ................................................................................................................................ 9
SƠ ĐỒ TRANG WEB .................................................................................................................. 10
Sơ đồ tổng quát các trang chính. .............................................................................................. 10
CHƯƠNG 1. TỔNG QUAN VỀ ĐỀ TÀI .................................................................................... 12
1.
Tên Đề Tài. ....................................................................................................................... 12
2.
Mục Tiêu của Đề Tài. ....................................................................................................... 12
3.
Ý Nghĩa Của Đề Tài. ........................................................................................................ 12
4.
Đối Tượng Của Đề Tài. .................................................................................................... 12
5.
Một Số Trang Chính Của Website. ................................................................................... 12
CHƯƠNG 2. GIỚI THIỆU CƠNG NGHỆ .................................................................................. 13
1.
Giới Thiệu Về Xampp....................................................................................................... 13
Xampp là gì? ........................................................................................................................... 13
2.Giới Thiệu Về phpMyAdmin. ............................................................................................... 13
2.1 phpMyAdmin là gì.............................................................................................................. 14
2.2.Các tính năng phpMyAdmin. ............................................................................................. 14
3.Giới thiệu về netbeans. ........................................................................................................ 14
4.Ngơn ngữ CSS. ...................................................................................................................... 15
5.Ngôn ngữ PHP. ...................................................................................................................... 15
Ưu điểm ........................................................................................................................................ 16
Nhược điểm................................................................................................................................... 17
6.Ngơn ngữ JavaScript. ............................................................................................................ 17
CHƯƠNG 3: PHÂN TÍCH THIẾT KẾ HỆ THỐNG ................................................................... 18
1.
Phân tích ............................................................................................................................... 18
2.
Thiết kế hệ thống .................................................................................................................. 19
2.1
Danh sách các tác nhân và mô tả .............................................................................. 19
2.2 Danh sách các Use Case mô tả ....................................................................................... 19
2.3
3
Biểu đồ use case tổng quát của hệ thống .................................................................. 21
Đặc tả Use Case.................................................................................................................... 22
________________________________________________________________________
2
SVTH: Nguyễn Văn Phần – LỚP: D18PM04
lOMoARcPSD|20681854
Tiểu luận mơn Lập trình Web
________________________________________________________________________
4
5
1.
Use case Đăng nhập ...................................................................................................... 22
2.
Use case Tìm Kiếm ....................................................................................................... 22
3.
Use case Trang Chủ ...................................................................................................... 22
4.
Use case đăng ký........................................................................................................... 23
5.
Use case đổi mật khẩu................................................................................................... 24
6.
Use case giới thiệu ........................................................................................................ 25
7.
Use case khuyến mãi ..................................................................................................... 26
8.
Use case đặt mua ........................................................................................................... 27
9.
Use case liên hệ ............................................................................................................. 28
10.
Use case menu........................................................................................................... 29
11.
Use case giỏ hàng...................................................................................................... 30
Một số biểu đồ hoạt động chính ........................................................................................... 31
1.
Biểu đồ hoạt động cho chức năng đăng nhập ............................................................... 31
2.
Biểu đồ hoạt động cho chức năng đăng ký ................................................................... 32
3.
Biểu đồ hoạt động cho chức năng tìm kiếm ................................................................. 33
4.
Biểu đồ hoạt động cho chức năng giỏ hàng .................................................................. 34
5.
Biểu đồ hoạt động cho chức năng Xem chi tiết sản phẩm ............................................ 35
6.
Biểu đồ hoạt động cho chức năng đổi mật khẩu ........................................................... 36
7.
Biểu đồ hoạt động cho chức năng quản lý sản phẩm. ................................................... 37
Biểu đồ tuần tự ..................................................................................................................... 38
1.
Đăng nhập ..................................................................................................................... 38
2.
Đăng ký ......................................................................................................................... 38
3.
Đổi mật khẩu ................................................................................................................. 39
4.
Tìm kiếm ....................................................................................................................... 40
5.
Quản lý giỏ hàng ........................................................................................................... 41
6.
Xem chi tiết sản phẩm................................................................................................... 41
7.
Quản lý sản phẩm.......................................................................................................... 42
6
Biểu đồ lớp ........................................................................................................................... 43
7
Thiết kế cơ sỡ dữ liệu ........................................................................................................... 44
8
Các bảng trong cơ sở dữ liệu ................................................................................................ 44
1.
Loại món ăn .................................................................................................................. 44
2.
Món ăn .......................................................................................................................... 45
3.
Khách hàng ................................................................................................................... 45
4.
Đơn đặt hàng ................................................................................................................. 46
________________________________________________________________________
3
SVTH: Nguyễn Văn Phần – LỚP: D18PM04
lOMoARcPSD|20681854
Tiểu luận mơn Lập trình Web
________________________________________________________________________
5.
Chi tiết đặt hàng ............................................................................................................ 46
6.
Thăm dò ........................................................................................................................ 46
7.
Chi tiết thăm dò............................................................................................................. 47
8.
Quảng cáo ..................................................................................................................... 47
9.
Admin ........................................................................................................................... 47
CHƯƠNG 4: GIAO DIỆN CHƯƠNG TRÌNH ............................................................................ 48
Đặc Tả Giao Diện ................................................................................................................. 48
1.
1.1
Giao diện trang chủ ....................................................................................................... 48
1.2
Giao diện trang giới thiệu ............................................................................................. 50
1.3
Giao diện Trang Liên Hệ. ............................................................................................. 52
1.4
Giao diện trang đăng ký. ............................................................................................... 54
1.5
Giao diện trang đăng nhập. ........................................................................................... 56
1.6
Giao diện trang Đổi Mật Khẩu...................................................................................... 57
1.7
Giao diện trang khuyến mãi. ......................................................................................... 58
1.8
Giao diện trang chi tiết sản phẩm Các món ăn về Cua. ................................................ 60
1.9
Giao diện trang Bánh kem dâu tây. ............................................................................... 62
1.10
Giao diện Quản lý Sản phẩm ............................................................................................ 63
1.11
Giao diện Quản Lý Khách Hàng ....................................................................................... 64
1.12
Giao diên Quản Lý Nhân Viên ......................................................................................... 64
KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN .................................................................................... 65
1.
Kết quả đạt được: ........................................................................................................... 65
2.
Việc chưa làm được: ....................................................................................................... 65
3.
Hướng phát triển của đề tài ........................................................................................... 65
TÀI LIỆU KHAM KHẢO.......................................................................................................... 67
________________________________________________________________________
4
SVTH: Nguyễn Văn Phần – LỚP: D18PM04
lOMoARcPSD|20681854
Tiểu luận mơn Lập trình Web
________________________________________________________________________
TĨM TẮT
Website được xây dựng để giảm bớt công việc cho cửa hàng nhằm tối ưu hóa
cơng việc, lưu thơng tin và đưa ra thơng tin một cách chính xác, tăng sự tương tác
giữa khách hàng của cửa hàng và cửa hàng.
Website có một giao diện thân thiện với người dùng ,áp dụng hệ quản trị cơ sở dữ
liệu MySQL để trao đổi dữ liệu và công cụ phát triển phần mềm Visual Studio Code.
Đề tài tiểu luận gồm các phần được phân chương như sau:
Chương 1: Tổng quan về đề tài
Chương 2: Giới thiệu công nghệ
Chương 3: Giao diện website
Chương 4: Kết luận và hướng phát triển
________________________________________________________________________
7
SVTH: Nguyễn Văn Phần – LỚP: D18PM04
lOMoARcPSD|20681854
Tiểu luận mơn Lập trình Web
________________________________________________________________________
SUMMARY
Website is built to reduce the work for the store to optimize work, save information
and give information accurately, increase the interaction between the store's customers and
the store.
The website has a user-friendly interface, applies MySQL database management
system to exchange data and Visual Studio Code software development tools.
The thesis topic consists of the following chapters:
Chapter 1: Overview of the topic
Chapter 2: Introduction to technology
Chapter 3: Website interface
Chapter 4: Conclusion and development direction
________________________________________________________________________
8
SVTH: Nguyễn Văn Phần – LỚP: D18PM04
lOMoARcPSD|20681854
Tiểu luận mơn Lập trình Web
________________________________________________________________________
LỜI NĨI ĐẦU
Hiện nay, trên thế giới công nghệ thông tin và thương mại điện tử đang phát triển rất mạnh
mẽ. Kỹ thuật số giúp chúng ta tiết kiệm đáng kể các chi phí nhờ chi phí vận chuyển trung gian,
chi phí giao dịch và đặc biệt là giúp tiết kiệm thời gian để con người đầu tư vào các hoạt động
khác. Hơn nữa, thương mại điện tử cịn giúp con người có thể tìm kiếm tự động theo nhiều mục
đích khác nhau, tự động cung cấp thơng tin theo nhu cầu và sở thích của con người. Giờ đây, con
người có thể ngồi tại nhà để mua sắm mọi thứ theo ý muốn và các website bán hàng trên mạng sẽ
giúp ta làm được điều đó. Chính vì vậy, các cơng nghệ mã nguồn mở trở nên được chú ý vì các
tính năng của nó. Giá thành rẻ và được hỗ trợ rất nhiều trên mạng sẽ giúp ta nhanh chóng Thiết
kế các website bán hàng thân thiện và dễ sử dụng với người dùng. Chính vì vậy trong bài báo cáo
này tơi chọn đề tài về: “Website Nhà Hàng New Star”. Đây là một hệ thống đơn giản nhưng đủ
mạnh để cho phép nhanh chóng Thiết kế các ứng dụng bán hàng trên Internet.
________________________________________________________________________
9
SVTH: Nguyễn Văn Phần – LỚP: D18PM04
lOMoARcPSD|20681854
Tiểu luận mơn Lập trình Web
________________________________________________________________________
SƠ ĐỒ TRANG WEB
Sơ đồ tổng qt các trang chính.
Trang Web Nhà
Hàng New Star
Các món sắp
ra mắt
Menu
Các món
mới
Trang Chủ
Giới Thiệu
Khuyến
mãi
Các món bán
nhiều
Liên kết
website
Quảng cáo
Đăng Nhập
Thanh Tốn
Các món về
Cua
Đăng Ký
Liên Hệ
Đăng Ký Tài
Khoản
Đổi Mật
Khẩu
Các món về
Tơm
Các món về
Mực
Các món về
Bị
Các món về
Ĩc
Các món về
Hào
Các món về
Cơm
Các món về
Bánh
Các món về
Chè
Các món về
Lẩu
Các món về
Chả
Hình 1 Sơ đồ hoạt động tổng quát
________________________________________________________________________
10
SVTH: Nguyễn Văn Phần – LỚP: D18PM04
Quản lý sản
phẩm
lOMoARcPSD|20681854
Tiểu luận mơn Lập trình Web
________________________________________________________________________
DANH SÁCH CÁC KÝ TỰ, CHỮ VIẾT TẮT
Từ viết tắt
Giải thích
CSDL
Cơ sở dữ liệu
ĐVT
Đơn vị tính
CNTT
Cơng Nghệ thơng tin
SP
Sản phẩm
________________________________________________________________________
11
SVTH: Nguyễn Văn Phần – LỚP: D18PM04
lOMoARcPSD|20681854
Tiểu luận mơn Lập trình Web
________________________________________________________________________
CHƯƠNG 1. TỔNG QUAN VỀ ĐỀ TÀI
1. Tên Đề Tài.
+ WEBSITE NHÀ HÀNG NEW STAR
2. Mục Tiêu của Đề Tài.
+ Tạo Website bán đồ ăn cho nhà hàng NEW STAR
3. Ý Nghĩa Của Đề Tài.
+ Đưa sản phẩm của nhà hàng đến đến gần hơn với người tiêu dùng.
+ Quảng bá thương hiệu.
4. Đối Tượng Của Đề Tài.
+ Đối tượng nghiên cứu chủ yếu là các sản phẩm như thức ăn và đồ uống.
5. Một Số Trang Chính Của Website.
+ Trang chủ: Đây là trang giới thiệu sơ lược về các sản phẩm mới của nhà hàng.
+ Trang giới thiệu: Đây là trang giúp cho khách hàng xem biết thêm về thông tin của nhà
hàng NEW STAR.
+ Trang khuyến mãi: Đây là trang giúp người dùng có thể xem các sản phẩm có khuyến mãi
từ nhà hàng.
+ Trang liên hệ: Đây là trang mà khách hàng có thể liên hệ với nhà hàng
+ Trang đăng ký: Người dùng đăng ký tài khoản để trở thành khách hàng của trang.
+ Trang đăng nhập: Người dùng đăng nhập tài khoản để đặt mua sản phẩm của trang.
+ Trang sản phẩm: Đây là trang khách hàng xem hoặc tham khảo các mặt hàng của nhà
hàng có sẵn để lựa chọn.
+ Trang thông tin sản phẩm: Đây là trang khách hàng nhấn vào từng sản phẩm để xem chi
tiết.
+ Trang Admin: giúp người quản lý website có thể thêm, xóa, sửa các sản phẩm được đưa
lên website.
________________________________________________________________________
12
SVTH: Nguyễn Văn Phần – LỚP: D18PM04
lOMoARcPSD|20681854
Tiểu luận mơn Lập trình Web
________________________________________________________________________
CHƯƠNG 2. GIỚI THIỆU CƠNG NGHỆ
1. Giới Thiệu Về Xampp.
Xampp là gì?
Xampp là chương trình tạo máy chủ Web (Web Server) được tích hợp
sẵn Apache, PHP, MySQL, FTP Server, Mail Server và các công cụ như phpMyAmin.
Khơng như Appserv, Xampp có chương trình quản lý khá tiện lợi, cho phép chủ động bật
tắt hoặc khởi động lại các dịch vụ máy chủ bất kỳ lúc nào.
Xampp là một mã nguồn mở máy chủ web đa nền được phát triển bởi Apache Friends,
bao gồm chủ yếu là Apache HTTP Server, MariaDB database, và interpreters dành cho
những đối tượng sử dụng ngôn ngữ PHP và Perl. Xampp là viết tắt của Cross-Platform (đa
nền tảng-X), Apache (A), MariaDB (M), PHP (P) và Perl (P). Nó phân bố Apache nhẹ và
đơn giản, khiến các lập trình viên có thể dễ dàng tạo ra máy chủ web local để kiểm tra và
triển khai trang web của mình. Tất cả mọi thứ cần cho phát triển một trang web - Apache
(ứng dụng máy chủ), Cơ sở dữ liệu (MariaDB) và ngôn ngữ lập trình (PHP) được gói gọn
trong 1 tệp. Xampp cũng là 1 đa nền tảng vì nó có thể chạy tốt trên cả Linux, Windows và
Mac. Hầu hết việc triển khai máy chủ web thực tế đều sử dụng cùng thành phần như
XAMPP nên rất dễ dàng để chuyển từ máy chủ local sang máy chủ online.
2.Giới Thiệu Về phpMyAdmin.
________________________________________________________________________
13
SVTH: Nguyễn Văn Phần – LỚP: D18PM04
lOMoARcPSD|20681854
Tiểu luận mơn Lập trình Web
________________________________________________________________________
2.1 phpMyAdmin là gì
phpMyAdmin là một cơng cụ nguồn mở miễn phí được viết bằng ngơn ngữ lập
trình PHP để xử lý các tác vụ quản trị của MySQL thơng qua một trình duyệt web. Nó có
thể thực hiện nhiều tác vụ như tạo, sửa đổi hoặc xóa bỏ cơ sở dữ liệu, bảng, các
trường hoặc bản ghi; thực hiện theo báo cáo SQL; hoặc quản lý người dùng và cấp phép.
2.2.Các tính năng phpMyAdmin.
Một số tính năng chung thường được sử dụng trên phpMyAdmin:
Quản lý user(người dùng): thêm, xóa, sửa(phân quyền).
Quản lý cơ sở dữ liệu: tạo mới, xóa, sửa, thêm bảng, hàng, trường, tìm kiếm đối
tượng.
Nhập xuất dữ liệu(Import/Export): hỗ trợ các định dạng SQL, XML và CSV.
Thực hiện các truy vấn MySQL, giám sát q trình và theo dõi.
Sao lưu và khơi phục(Backup/Restore): Thao tác thủ công.
3.Giới thiệu về netbeans.
NetBeans là một mơi trường phát triễn thích hợp (IDE) cho Java. NetBeans cho phép
các ứng dụng được phát triển từ một tập hợp các thành phần phần mềm được gọi
là modules. NetBeans chạy trên Windows, macOS, Linux và Solaris. Ngoài việc phát triển
Java, nó cịn có các phần mở rộng cho các ngôn ngữ khác
như PHP, C, C++, HTML5, và JavaScript. Các ứng dụng dựa trên NetBeans, bao gồm
NetBeans IDE, có thể được mở rộng bởi các nhà phát triển bên thứ ba.
NetBeans Platform là một nền tảng để đơn giản hóa việc phát triển các ứng dụng desktop
Java Swing. NetBeans IDE bundle for Java SE chứa những gì cần thiết để bắt đầu phát
triển các plugin NetBeans và các ứng dụng dựa trên NetBeans Platform; không yêu cầu
SDK bổ sung.
Các ứng dụng có thể cài đặt các module động. Bất kỳ ứng dụng nào cũng có thể bao gồm
module Update Center cho phép người dùng download các bản nâng cấp chữ ký số và các
tính năng mới trực tiếp vào ứng dụng đang chạy. Cài đặt lại bản nâng cấp hoặc bản phát
hành mới không buộc người dùng phải tải lại toàn bộ ứng dụng.
NetBeans IDE là một IDE nguồn mở. NetBeans IDE hỗ trợ phát triển tất cả các loại
ứng dụng Java (Java SE (bao gồm JavaFX), Java ME, web, EJB và ứng dụng mobile).
Trong số các tính năng khác là hệ thống dự án dựa trên Art, hỗ trợ Maven, cải tiến mã
nguồn, quản lý phiên bản (hỗ trợ CVS, Subversion, Git, Merurial và Clearcase).
Tất cả các chức năng của IDE được cung cấp bởi các mô-đun. Mỗi mô-đun cung cấp một
chức năng được xác định rõ, chẳng hạn như hỗ trợ ngôn ngữ Java, chỉnh sửa hoặc hỗ trợ
________________________________________________________________________
14
SVTH: Nguyễn Văn Phần – LỚP: D18PM04
Downloaded by heo ninh ()
lOMoARcPSD|20681854
Tiểu luận mơn Lập trình Web
________________________________________________________________________
cho hệ thống phiên bản CVS và SVN. NetBeans chứa tất cả các mô-đun cần thiết để phát
triển Java trong một lần tải xuống, cho phép người dùng bắt đầu làm việc ngay lập tức. Các
mơ-đun cũng cho phép NetBeans được mở rộng. Các tính năng mới, như hỗ trợ cho các
ngơn ngữ lập trình khác, có thể được thêm bằng cách cài đặt các mô-đun bổ sung. Chẳng
hạn, Sun Studio, Sun Java Studio Enterprise và Sun Java Studio Creator từ Sun
Microsystems đều dựa trên NetBeans IDE.
4.Ngôn ngữ CSS.
CSS (Cascading Style Sheets) là một ngôn ngữ quy định cách trình bày cho các tài liệu
viết bằng ASP.NET WEB FORM, XASP.NET WEB FORM, XML, SVG, hay UML,…
CSS cung cấp nhiều thuộc tính trình bày dành cho các đối tượng với sự sáng tạo trong
việc kết hợp các thuộc tính giúp mang lại hiệu quả cao.
CSS đã được hỗ trợ bởi tất cả các trình duyệt và hiển thị “như nhau” trên mọi hệ điều
hành.
CSS đưa ra phương thức áp dụng từ một file CSS ở ngoài. Có hiệu quả đồng bộ khi tạo
một website có hàng trăm trang hay khi muốn thay đổi một thuộc tính trình bày nào đó.
CSS được cập nhật liên tục mang lại các trình bày phức tạp và tinh vi hơn.
5.Ngơn ngữ PHP.
PHP là một ngơn ngữ lập trình kịch bản hay một loại mã lệnh chủ yếu được
dùng để phát triển các ứng dụng viết cho máy chủ, mã nguồn mở, dùng cho mục
đích tổng qt. Nó rất thích hợp với web và có thể dễ dàng nhúng vào trang HTML.
Do được tối ưu hóa cho các ứng dụng web, tốc độ nhanh, nhỏ gọn, cú pháp
giống C và Java, dễ học và thời gian xây dựng sản phẩm tương đối ngắn hơn so với
các ngôn ngữ khác nên PHP đã nhanh chóng trở thành một ngơn ngữ lập trình web
phổ biến nhất thế giới.
________________________________________________________________________
15
SVTH: Nguyễn Văn Phần – LỚP: D18PM04
Downloaded by heo ninh ()
lOMoARcPSD|20681854
Tiểu luận mơn Lập trình Web
________________________________________________________________________
Ưu điểm
Ngơn ngữ lập trình PHP là một ngơn ngữ dễ học, dễ viết nó không áp dụng các
quy tắc cứng nhắc vào việc xây dựng tính năng nên bạn có thể linh hoạt giải quyết
các vấn đề với các phương pháp khác nhau. Ngoài ra, PHP là ngôn ngữ thông dịch
do vậy bạn vẫn có thể biên dịch và chạy chương trình cho đến khi gặp phải vấn đề.
So với các ngôn ngữ khác thì học PHP nhanh hơn.
Khi tìm hiểu về PHP bạn có thể tìm được rất nhiều tài liệu tham khảo. Bên cạnh
đó là cộng đồng lập trình viên PHP rất đơng đảo nên học PHP bạn n tâm vì sẽ có
rất nhiều người hỗ trợ bạn.
PHP là mã nguồn mở có nghĩa là bạn có thể sử dụng mà khơng cần trả phí gì hết,
ngồi ra bạn có thể dễ dàng sao chép các mã nguồn PHP có sẵn. Nhưng cần lưu ý khi
sao chép cần hiểu rõ nội dung mình sao chép là gì để tránh bị cài mã độc.
Với ngơn ngữ PHP thì cơ hội việc làm của bạn rất rộng mở. Nhu cầu xây dựng
và quản trị Web rất cao giúp các bạn có thể làm mà khơng cần hiểu biết q sâu về kỹ
thuật lập trình.
________________________________________________________________________
16
SVTH: Nguyễn Văn Phần – LỚP: D18PM04
Downloaded by heo ninh ()
lOMoARcPSD|20681854
Tiểu luận mơn Lập trình Web
________________________________________________________________________
Nhược điểm
Bên cạnh những ưu điểm thì PHP cũng có nhiều nhược điểm riêng của nó. Nhược
điểm lớn nhất là khả năng dễ dàng bị sao chép code và hack code làm cho các dự án
PHP có độ an tồn khơng cao như các ngơn ngữ lập trình khác.
Nếu bạn học C# hay Java bạn có thể làm web, ứng dụng điện thoại, phần mềm…
nhưng với PHP thì bạn chỉ có thể làm web và các ứng dụng web.
Cấu trúc của PHP khá đơn giản và khơng có có chuẩn, phiên bản PHP 7 ra đời
phần nào khắc phục nhược điểm của PHP.
6.Ngôn ngữ JavaScript.
JavaScript thường được viết tắt là JS, là một ngôn ngữ lập trình kịch bản
phía máy khách (client-side) dựa vào đối tượng phát triển có sẵn hoặc tự định nghĩa,
JavaScript được sử dụng rộng rãi trong các ứng dụng website. Cùng với HTML và
CSS, JavaScript là một trong ba công nghệ cốt lõi của World Wide Web. JavaScript
được hỗ trợ hầu như trên tất cả các trình duyệt như Firefox, Chrome,… thậm chí với
các trình duyệt trên thiết bị di động.
JavaScript được biết đến lần đầu tiên là Mocha và chỉ ngay sau đó một thời
gian nó lại được đổi tên thành LiveScript và cuối cùng Netscape đã đổi tên
thành JavaScript, bởi vì sự phổ biến của Java như là một hiện tượng lúc bấy giờ.
Sau đó Netscape đã chuyển JavaScript đến ECMA International để làm cơng tác
chuẩn hóa và viết đặc tả,… Cái tên ECMAScript đã được hình thành từ đây. Phần
core của ngôn ngữ này đã được nhúng vào hầu hết các trình duyệt Netscape, Internet
Explorer, Chrome, Firefox,…
________________________________________________________________________
17
SVTH: Nguyễn Văn Phần – LỚP: D18PM04
Downloaded by heo ninh ()
lOMoARcPSD|20681854
Tiểu luận mơn Lập trình Web
________________________________________________________________________
CHƯƠNG 3: PHÂN TÍCH THIẾT KẾ HỆ THỐNG
1. Phân tích
Website quản lý nhà hàng New Star cung cấp cho người dùng những tính năng chính boo
gồm: đăng nhập, Trang chủ, Khuyến mãi, món ăn theo loại, đăng ký tài khoản, đổi mật khẩu…
Những chức năng trên được thể hiện ở hình bên dưới:
Trang Web Nhà
Hàng New Star
Các món sắp
ra mắt
Menu
Các món
mới
Trang Chủ
Giới Thiệu
Khuyến
mãi
Các món bán
nhiều
Liên kết
website
Quảng cáo
Đăng Nhập
Thanh Tốn
Các món về
Cua
Đăng Ký
Liên Hệ
Đăng Ký Tài
Khoản
Đổi Mật
Khẩu
Các món về
Tơm
Các món về
Mực
Các món về
Bị
Các món về
Ĩc
Các món về
Hào
Các món về
Cơm
Các món về
Bánh
Các món về
Chè
Các món về
Lẩu
Các món về
Chả
Hình 2 Sơ đồ chức năng Website
________________________________________________________________________
18
SVTH: Nguyễn Văn Phần – LỚP: D18PM04
Downloaded by heo ninh ()
Quản lý sản
phẩm
lOMoARcPSD|20681854
Tiểu luận mơn Lập trình Web
________________________________________________________________________
2. Thiết kế hệ thống
2.1 Danh sách các tác nhân và mô tả
Tác nhân
Mô tả tác nhân
Ghi chú
Khách Hàng
Xem sản phẩm, đặt mua sản phẩm, đăng ký tài
khoản, đổi mật khẩu, lọc sản phẩm theo loại, mua
các hàng khuyến mãi, giới thiệu về nhà hàng, liên
hệ,….
Người dùng phải đăng
nhập vào hệ thống
Admin
Có các chức năng của người dùng và chức năng
thêm, xóa, sửa sản phẩm.
Người quản lý đăng nhập
vào hệ thống
Bảng 1 Các nhân tố và mô tả
2.2 Danh sách các Use Case mô tả
ID
Tên Use case
Mô tả ngắn gọn Use case
Chức năng
UC001
Đăng nhập
Admin, khách hàng đăng nhập vào hệ
thống
Truy cập hệ thống
UC002
Tìm kiếm
Admin, khách hàng tìm kiếm dữ liệu
Tìm kiếm dữ liệu
________________________________________________________________________
19
SVTH: Nguyễn Văn Phần – LỚP: D18PM04
Downloaded by heo ninh ()
lOMoARcPSD|20681854
Tiểu luận mơn Lập trình Web
________________________________________________________________________
Xem sản phẩm mới,
xem thơng tin sản
phẩm, đặt mua sản
phẩm
UC003
Trang chủ
Khách hàng hoặc Admin xem sản phẩm
mới
UC004
Đăng ký
Khách hàng đăng ký tài khoản
Đăng ký tài khoản
UC005
Đổi mật khẩu
Khách hàng thay đổi mật khẩu
Thay đổi mật khẩu
UC006
Giới thiệu
Giới thiệu về nhà hàng New Star
Giới thiệu
UC007
Khuyến mãi
Xem các mặt hàng có khuyến mãi
Xem hàng khuyến
mãi
UC008
Đặt mua
Đặt món ăn cho khách hàng
Đặt món ăn
UC009
Liên hệ
Cung cấp thơng tin nhà hàng để khách
hàng liên hệ
Cung cấp thông tin
liên hệ
UC010
Menu
Lọc các sản phẩm theo loại
Lọc sản phẩm
UC011
Giỏ hàng
Xem các món ăn chọn và đặt mua
Đặt mua
Bảng 2 Danh sách các use case cần đặt tả
________________________________________________________________________
20
SVTH: Nguyễn Văn Phần – LỚP: D18PM04
Downloaded by heo ninh ()
lOMoARcPSD|20681854
Tiểu luận mơn Lập trình Web
________________________________________________________________________
2.3 Biểu đồ use case tổng quát của hệ thống
Hình 3 Use case tổng quát
________________________________________________________________________
21
SVTH: Nguyễn Văn Phần – LỚP: D18PM04
Downloaded by heo ninh ()
lOMoARcPSD|20681854
Tiểu luận mơn Lập trình Web
________________________________________________________________________
3
Đặc tả Use Case
1. Use case Đăng nhập
Use case: Đăng nhập
Mục đích:
Admin đăng nhập vào hệ thống
Mô tả:
Admin đăng nhập vào hệ thống với tài khoản và mật khẩu
Tác nhân:
Admin
Điều kiện trước:
Admin đã có tài khoản để đăng nhập hệ thống
Điều kiện sau:
Admin đăng nhập được vào hệ thống
Luồng sự kiện chính (Basic
flows)
1. Hệ thống hiển thị form đăng nhập
2. Admin nhập tài khoản và mật khẩu của mình
3. Hệ thống kiểm tra tính hợp lệ của tài khoản và mật khẩu
4. Hệ thống hiển thị giao diện chính tương ứng với tác nhân
Luồng sự kiện phụ
(Alternative Flows):
3.1.Admin nhập tài khoản và mật khẩu sai
3.1.1.Hệ thống thông báo lỗi và yêu cầu nhập lại
Bảng 3 Use case đăng nhập
2. Use case Tìm Kiếm
Use case: Tìm kiếm
Mục đích:
Mơ tả:
Tác nhân:
Điều kiện trước:
Điều kiện sau:
Luồng sự kiện chính (Basic
flows)
Khách hàng, Admin tìm kiếm dữ liệu cần thiết
Khách hàng tìm kiếm món ăn.
Khách hàng
Khách hàng vào website
Hiển thị được danh sách tìm kiếm
1.Khách hàng chọn mục tìm kiếm
2. Chọn dữ liệu cần tìm kiếm
3. Hệ thống lọc và xuất ra dữ liệu cho khách hàng
Luồng sự kiện phụ
(Alternative Flows):
2.1. Dữ liệu cần tìm khơng có hoặc khơng hợp lệ
2.1.1. khách hàng cần nhập lại để tiếp tục
Bảng 4 Use case tìm kiếm
3. Use case Trang Chủ
Use case: Trang Chủ
________________________________________________________________________
22
SVTH: Nguyễn Văn Phần – LỚP: D18PM04
Downloaded by heo ninh ()
lOMoARcPSD|20681854
Tiểu luận mơn Lập trình Web
________________________________________________________________________
Mục đích:
Giúp khách tham quan website và xem các món ăn mới mà nhà
hàng vừa đăng bán
Mơ tả:
Khách hàng có thể xem món ăn mới
Tác nhân:
Khách hàng
Điều kiện trước:
Khách hàng vào trang website của nhà hàng
Điều kiện sau:
Luồng sự kiện chính (Basic
flows)
Khách hàng vào trang website bằng link hoặc tìm kiếm trên google.
Luồng sự kiện phụ
(Alternative Flows):
Bảng 5 Use case Trang chủ
4. Use case đăng ký
Use case: Đăng ký
Mục đích:
Mơ tả:
Tác nhân:
Điều kiện trước:
Điều kiện sau:
Khách hàng đăng ký tài khoản để mua sách và sử dụng
các chức năng khác của hệ thống website
Khách hàng đăng ký thành công khi nhập đúng tất cả các
dữ liệu yêu cầu
Khách hàng
Khách hàng đã nhập tất cả thông tin cần
Khách hàng đăng ký thành công
________________________________________________________________________
23
SVTH: Nguyễn Văn Phần – LỚP: D18PM04
Downloaded by heo ninh ()
lOMoARcPSD|20681854
Tiểu luận mơn Lập trình Web
________________________________________________________________________
Luồng sự kiện chính (Basic
flows)
1. Khách hàng vào trang đăng ký
2. Hệ thống website hiển thị các yêu cầu cần thực hiện để
đăng ký, đăng ký tài khoản gồm có thơng tin về Họ và
tên, địa chỉ, số điện thoại, email…
3. Khách hàng hoàn thành với mỗi yêu cầu tương ứng
4. Hệ thống kiểm tra và cập nhật thông tin khách hàng đã
đăng ký vào cơ sở dữ liệu
5. Hệ thống hiển thị đăng ký thành công
6. Khách hàng sử dụng tài khoản để đăng nhập
Luồng sự kiện phụ
(Alternative Flows):
4.1. Thông tin đăng ký không đúng:
- Họ và tên chưa nhập
- Địa chỉ chưa nhập
- Chưa nhập email và số điện thoại
- Tên tài khoản chưa nhập hoặc bị trùng
- Mật khẩu chưa đủ kí tự và yêu cầu
- Nhập lại mật khẩu sai
4.1.1. Khách hàng cần nhập lại để đăng ký
4.1.2. Khách hàng nhập đúng tất cả để tiếp tục các
bước sau
Bảng 6 Use case đăng ký
5. Use case đổi mật khẩu
Use case: Đổi mật khẩu
Mục đích:
Giúp khách hàng thay đổi mật khẩu tài khoản đăng nhập
Mô tả:
Khách hàng nhập đúng tài khoản và mật khẩu, nhập mật khẩu mới
sau đó bấm thay đổi.
Tác nhân:
Khách hàng
Điều kiện trước:
Khách hàng đã có tài khoản trong website.
Điều kiện sau:
Thay đổi thành công mật khẩu.
________________________________________________________________________
24
SVTH: Nguyễn Văn Phần – LỚP: D18PM04
Downloaded by heo ninh ()
lOMoARcPSD|20681854
Tiểu luận mơn Lập trình Web
________________________________________________________________________
1. Khách hàng vào trang đổi mật khẩu.
Luồng sự kiện chính (Basic
flows)
2. Hệ thống website hiển thị các yêu cầu cần thực hiện để đổi
mật khẩu, đổi mật khẩu tài khoản gồm có thơng tin về Tài
khoản, mật khẩu, mật khẩu mới và nhập lại mật khẩu
mới…
3. Khách hàng hoàn thành với mỗi yêu cầu tương ứng
4. Hệ thống kiểm tra và cập nhật thông tin khách hàng đã đổi
mật khẩu vào cơ sở dữ liệu
5. Hệ thống hiển thị đổi mật khẩu thành công
6. Khách hàng sử dụng tài khoản để đăng nhập
4.1. Thông tin tài khoản cần đổi không đúng:
- Tài khoản chưa nhập hoặc tài khoản không đúng
- Mật khẩu chưa nhập hoặc mật khẩu nhập không đúng
Luồng sự kiện phụ
(Alternative Flows):
- Mật khẩu mới chưa đủ kí tự và yêu cầu
- Nhập lại mật khẩu không khớp với mật khẩu mới
4.1.1. Khách hàng cần nhập lại để đổi mật khẩu
4.1.2. Khách hàng nhập đúng tất cả để tiếp tục các bước
sau
Bảng 7 Use case đổi mật khẩu
6. Use case giới thiệu
Use case: Giới thiệu
Mục đích:
Giới thiệu cho khách hàng về thơng tin của nhà hàng
Mô tả:
Khách hàng vào trang giới thiệu
Tác nhân:
Khách hàng
Điều kiện trước:
Khách hàng vào website.
Điều kiện sau:
Xem thông tin của nhà hàng
________________________________________________________________________
25
SVTH: Nguyễn Văn Phần – LỚP: D18PM04
Downloaded by heo ninh ()
lOMoARcPSD|20681854
Tiểu luận mơn Lập trình Web
________________________________________________________________________
Luồng sự kiện chính (Basic
flows)
1. Khách hàng vào website của nhà hàng.
2. Chọn vào trang giới thiệu.
Luồng sự kiện phụ
(Alternative Flows):
Bảng 8 Use case Giới thiệu
7. Use case khuyến mãi
Use case: Khuyến mãi
Mục đích:
Giúp khách hàng xem các món ăn mà nhà hàng có khuyến mãi
Mô tả:
Khách hàng vào trang khuyến mãi và xem các sản phẩm giảm giá.
Tác nhân:
Khách hàng
Điều kiện trước:
Khách hàng vào website.
Điều kiện sau:
Load thành công dữ liệu trang khuyến mãi
Luồng sự kiện chính (Basic
flows)
1. Khách hàng vào website của nhà hàng.
2. Chọn vào trang Khuyến mãi.
________________________________________________________________________
26
SVTH: Nguyễn Văn Phần – LỚP: D18PM04
Downloaded by heo ninh ()
