Phát triển ứng dụng trên nền Web bán hàng đồ ăn nhanh. Báo cáo được 8,5 điểm................................................................................................................................................................................................................................
TỔNG QUAN MÔ HÌNH BÀI TOÁN
Bảng phân chia công việc các thành viên trong nhóm
STT Họ tên Công việc
1 Trịnh Tiến Quang Minh - Thiết kế giao diện website và chức năng
2 Đào Hoàng Minh - Hỗ trợ Thiết kế giao diện chức năng
3 Nguyễn Văn Hưởng P - Phân tích thiết kế hệ thống
4 Nguyễn Xuân Hải - Phân tích thiết kế hệ thống
5 Hoàng Đức Mạnh - Tìm kiếm hình ảnh, tài liệu
Đề tài “Xây dựng website bán đồ ăn nhanh”
1.2.1 Lý do chọn đề tài
Thị trường đồ ăn nhanh đang bùng nổ, thu hút ngày càng nhiều người tiêu dùng nhờ vào sự tiện lợi và tiết kiệm thời gian Việc nghiên cứu và cung cấp thông tin chi tiết về các món ăn, nhà hàng và quán ăn sẽ giúp người dùng có cái nhìn tổng quát về thị trường, từ đó dễ dàng lựa chọn những món ăn phù hợp với nhu cầu và sở thích cá nhân.
Sự đa dạng về sản phẩm và lựa chọn linh hoạt là yếu tố quan trọng trong một trang web bán đồ ăn nhanh Trang web này cho phép cung cấp danh sách các nhà hàng và quán ăn đáng tin cậy, giúp khách hàng dễ dàng chọn lựa từ món ăn truyền thống đến món ăn quốc tế Điều này không chỉ đáp ứng sở thích và nhu cầu của khách hàng mà còn tăng khả năng thu hút và tạo ra cơ hội kinh doanh.
Việc chọn đề tài "Website bán đồ ăn nhanh" mang lại nhiều lợi ích, bao gồm sự phát triển của thị trường, tiện lợi và tiết kiệm thời gian cho khách hàng Điều này không chỉ tạo cơ hội kinh doanh mà còn giúp tăng thu nhập trong lĩnh vực này Chính vì vậy, nhóm chúng em quyết định lựa chọn đề tài “Xây dựng website bán đồ ăn nhanh”.
1.2.2 Mục tiêu và nhiệm vụ nghiên cứu
+Mục tiêu: Phát triển Web với PHP và My SQL
+Nhiệm vụ: Tạo ra website có thể đặt mua sản phẩm thông qua website
1.2.3 Đối tượng và phạm vi nghiên cứu
+Đối tượng nghiên cứu: Khách hàng mua đồ ăn nhanh trực tuyến, các cửa hàng bán đồ ăn nhanh, người quản lý website bán đồ ăn nhanh.
Nghiên cứu này tập trung vào hành vi mua sắm trực tuyến của người tiêu dùng, nhằm tối ưu hóa trải nghiệm người dùng trên website Đồng thời, nó cũng phân tích các chiến lược kinh doanh và tiếp thị hiệu quả trong lĩnh vực bán đồ ăn nhanh.
+Thông qua các bài giảng và tài liệu đã được học
+Tìm hiểu trên mạng Internet qua các trang web
+Hiển thị được Website bán đồ ăn nhanh
+Xem được các thông tin liên quan đến sản phẩm là đồ ăn nhanh
+Thêm vào giỏ hàng: Chọn sản phẩm và thêm vào giỏ hàng để mua.
+Thanh toán đơn hàng: Thực hiện thanh toán cho đơn hàng đã chọn.
+Tìm kiếm sản phẩm: Tìm kiếm và xem thông tin chi tiết về sản phẩm.
+Đánh giá và bình luận sản phẩm: Khách hàng có thể đánh giá và bình luận sản phẩm.
+Quản lý người dùng: Sửa, xóa tài khoản người dùng.
+Quản lý danh mục: Sửa, xóa, tìm kiếm danh mục sản phẩm
+Quản lý sản phẩm: Thêm, sửa, xóa, tìm kiếm sản phẩm.
+Quản lý phản hồi: Sửa, xem, xóa phản hồi
+Quản lý đơn hàng: Thêm, sửa, xóa, tìm kiếm đơn hàng.
+Quản lý thống kê : Thống kê theo số lượng sản phẩm
1.2.6 Ý nghĩa khoa học và thực tiễn
Tích lũy và bổ sung được các kiến thức về PHP, MySQL và kỹ năng lập trình
PHÂN TÍCH THIẾT KẾ HỆ THỐNG
Tác nhân trong hệ thống
Là người trực tiếp mua hàng ở cửa hàng hoặc mua hàng onlnine trên hệ thống của cửa hàng.
Khách hàng có thể phản hồi về hệ thống của cửa hàng nếu không hài lòng với về chất lượng của sản phẩm.
Là người sẽ tiếp cận, trao đổi thông tin với khách hàng về thông tin của sản phẩm.Tra cứu, tìm kiếm thông tin khách hàng trên hệ thống.
Biểu đồ Use case
2.2.1 Biểu đồ Use case tổng quát.
Hình 1: Biểu đồ use case tổng quát.1
2.2.2 Biểu đồ phân rã use case Admin.
Hình 2: Biểu đồ use case “Quản lý người dùng.”
Hình 3 : Biểu đồ use case “ Quản lý danh mục”
Hình 4: Biểu đồ use case “Quản lý sản phẩm.”
Hình 5: Biểu đồ use case “Quản lý đơn hàng.”
Hình 6: Biểu đồ use case “Quản lý phản hồi.”
Hình 7: Biểu đồ use case “Đăng nhập.”
Biểu đồ tuần tự
2.3.1 Biểu đồ tuần tự chức năng đăng nhập
Hình 8: Biểu đồ tuần tự chức năng đăng nhập
- Actor: Khách hàng và Admin
Admin/ Khách hàng Hệ thống
1 Chọn chức năng đăng nhập.
3 Nhập thông tin tài khoản đăng nhập.
2 Hiển thị form đăng nhập.
4 Kiểm tra thông tin đăng nhập và hiển thị đăng nhập thành công.
Tại bước 4, nếu Admin nhập sai thông tin đăng nhập hoặc để trống, hệ thống sẽ thông báo lỗi và yêu cầu Admin quay lại bước 3 để nhập lại thông tin chính xác.
2.3.2 Biểu đồ tuần tự chức năng đăng ký
Hình 9: Biểu đồ tuần tự chức năng đăng ký
1 Chọn chức năng đăng ký.
3 Nhập thông tin tài khoản đăng ký.
2 Hiển thị form đăng ký.
4 Kiểm tra thông tin đăng nhập và hiển thị đăng nhập thành công.
Khi khách hàng ở bước 4 nhập thông tin đăng ký tài khoản không đúng định dạng hoặc để trống, hệ thống sẽ thông báo lỗi và yêu cầu khách hàng quay lại bước 3 để nhập lại thông tin.
2.3.3 Biểu đồ tuần tự chức năng sửa tài khoản
Hình 10: Biểu đồ tuần tự chức năng sửa tài khoản
1.Khách hàng chọn chức năng sửa
3.Khách hàng sửa thông tin
2.Hệ thống hiển thị form sửa 4.Hệ thống cập nhập và hiển thị sửa thành công
2.3.4 Biểu đồ tuần tự chức năng xóa tài khoản
Hình 11: Biểu đồ tuần tự chức năng xóa tài khoản
1 Chọn chức năng xóa tài khoản
2 Hiển thị thông báo xác nhận xóa
4 Hiển thị xóa thành công.
2.3.5 Biểu đồ tuần tự chức năng tìm kiếm sản phẩm
Hình 12: Biểu đồ tuần tự chức năng tìm kiếm sản phẩm
1 Chọn chức năng tìm kiếm sản phẩm.
3 Nhập sản phẩm cần tìm kiếm.
5 Chọn sản phẩm và thêm vào giỏ hàng.
2 Hiển thị form tìm kiếm.
4 Hiển thị danh sách sản phẩm.
6 Thêm sản phẩm vào giỏ hàng và hiển thị thêm thành công.
2.3.6 Biểu đồ tuần tự chức năng xóa sản phẩm trong giỏ hàng
Hình 13: Biểu đồ tuần tự chức năng Xóa sản phẩm trong giỏ hàng
1 Chọn sản phẩm cần xóa trong giỏ hàng.
2.Hiển thị xác nhận xóa sản phẩm trong giỏ hàng.
4 Xóa sản phẩm trong giỏ hàng và hiển thị xóa thành công.
2.3.7 Biểu đồ tuần tự chức năng mua hàng
Hình 14: Biểu đồ tuần tự chức năng mua hàng
1 Chọn sản phẩm cần mua và click mua hàng.
3 Nhập thông tin mua hàng.
4 Chọn thanh toán và điền thông tin thanh toán.
2 Hiển thị form mua hàng.
3 Kiểm tra thông tin và yêu cầu chọn thanh toán.
5 Kiểm tra thông tin và yêu cầu xác nhận thanh toán.
7 Thanh toán và hiển thị mua hàng thành công.
Khi người dùng nhập sai hoặc để trống thông tin mua hàng và thông tin thanh toán, hệ thống sẽ hiển thị thông báo lỗi và yêu cầu người dùng nhập lại thông tin chính xác.
Thiết kế cơ sở dữ liệu
2.4.1: Xác định các bảng thực thể
Hình 15: Bảng dữ liệu Admin Bảng danh mục
Hình 16: Bảng dữ liệu danh mục Bảng đánh giá
Hình 17: Bảng dữ liệu đánh giá Bảng hóa đơn
Hình 18: Bảng dữ liệu hóa đơnBảng giỏ hàng
Hình 19: Bảng dữ liệu giỏ hàng Bảng sản phẩm
Hình 20: Bảng dữ liệu sản phẩm Bảng user
Hình 21 : Bảng dữ liệu user
2.4.2 Sơ đồ quan hệ các lớp
Hình 22: Sơ đồ quan hệ các lớp
XÂY DỰNG WEBSITE BÁN ĐỒ ĂN NHANH
Các ngôn ngữ sử dụng
PHP (Hypertext Preprocessor) là một ngôn ngữ lập trình kịch bản mã nguồn mở, chủ yếu được sử dụng để phát triển các ứng dụng cho máy chủ và phục vụ nhiều mục đích khác nhau.
PHP là một ngôn ngữ lập trình web phổ biến, dễ dàng nhúng vào trang HTML và tối ưu hóa cho ứng dụng web Với tốc độ nhanh, kích thước nhỏ gọn, cú pháp tương tự C và Java, PHP dễ học và giúp rút ngắn thời gian phát triển sản phẩm so với các ngôn ngữ khác.
Ngôn ngữ PHP và các thư viện, tài liệu gốc của nó được phát triển chủ yếu bởi cộng đồng, với sự đóng góp đáng kể từ Zend Inc Công ty này được thành lập bởi các nhà phát triển cốt lõi của PHP nhằm tạo ra một môi trường chuyên nghiệp, thúc đẩy sự phát triển của PHP ở quy mô doanh nghiệp.
3.1.2 Tính chất của PHP a.Ưu điểm:
PHP là một ngôn ngữ lập trình miễn phí, mang lại lợi thế lớn cho những ai muốn học lập trình Người học có thể dễ dàng tiếp cận và thực hành trực tuyến mà không cần lo lắng về chi phí học tập cao.
Cú pháp và cấu trúc của PHP rất dễ hiểu, giúp người học nhanh chóng nắm bắt ngôn ngữ này Điều này đặc biệt thu hút các lập trình viên, những người thường e ngại với các ngôn ngữ lập trình có cấu trúc phức tạp Sự đơn giản này là một lợi thế lớn cho những ai đam mê lập trình.
Việc tìm kiếm việc làm với mức lương cao trong lĩnh vực thiết kế web trở nên dễ dàng hơn bao giờ hết, đặc biệt khi hầu hết các công ty đều có bộ phận PHP Ngoài ra, các công ty phần mềm cũng đóng vai trò quan trọng, mang đến nhiều cơ hội nghề nghiệp đa dạng Với sự đa dạng của các công việc và công ty, bạn có thể đạt được thu nhập đáng kể trong ngành này.
Ngôn ngữ lập trình này không chỉ giữ vững vị trí hiện tại mà còn hứa hẹn sẽ phát triển mạnh mẽ trong tương lai, khẳng định vị trí hàng đầu trong các bảng khảo sát về ngôn ngữ lập trình Tuy nhiên, vẫn tồn tại một số nhược điểm cần được lưu ý.
- PHP còn hạn chế về cấu trúc ủa ngữ pháp Nó không được thiết kế gọn gàng và không được đẹp mắt như những ngôn ngữ lập trình khác.
PHP chỉ có thể hoạt động trên các ứng dụng web, điều này khiến ngôn ngữ này khó cạnh tranh với các ngôn ngữ lập trình khác Để phát triển và mở rộng khả năng trong lập trình, PHP cần cải thiện tính linh hoạt và ứng dụng của mình.
PHP là một ngôn ngữ lập trình phổ biến với cộng đồng người dùng đông đảo trên toàn cầu Nếu bạn yêu thích PHP, hãy truy cập all-fusion.com để khám phá thêm thông tin hữu ích về ngôn ngữ này All-fusion hiện là một trong những cộng đồng freelancer lập trình PHP lớn nhất tại Việt Nam.
JavaScript là một ngôn ngữ lập trình kịch bản được sử dụng để tạo các kịch bản cho cả máy client và máy server Kịch bản trên máy client được thực thi trong trình duyệt, trong khi kịch bản trên máy server hoạt động trên server Ngôn ngữ này rất phổ biến trong phát triển web và cho phép viết kịch bản sử dụng các đối tượng có sẵn trong các ứng dụng JavaScript được phát triển bởi Sun Microsystems và Netscape, ban đầu mang tên Mocha, sau đó đổi thành LiveScript trước khi được gọi là JavaScript.
JavaScript includes several built-in objects that enhance its functionality, such as Array, Boolean, Date, Function, Math, Number, Object, RegExp, and String Additionally, it supports other objects that are part of the host environment.
JavaScript hiện nay là ngôn ngữ phát triển phổ biến tại Việt Nam, giúp cải thiện giao diện website và thu hút sự chú ý của người dùng.
3.1.4 Ngôn ngữ HTML và CSS, Bootstrap
HTML (Ngôn ngữ Đánh dấu Siêu Văn bản) là công nghệ cốt lõi được thiết kế để tạo ra các trang web, giúp trình bày thông tin trên World Wide Web Nó được sử dụng rộng rãi trong các tổ chức có yêu cầu xuất bản phức tạp Được duy trì bởi tổ chức W3C, HTML đã trở thành một tiêu chuẩn Internet quan trọng Hiện tại, phiên bản HTML 5 đang tiếp tục phát triển, mang lại giao diện mới và cải tiến cho Web.
Bằng cách sử dụng HTML động hoặc Ajax, lập trình viên có khả năng phát triển và quản lý nhiều công cụ khác nhau, từ những ứng dụng đơn giản cho đến những hệ thống phức tạp.
CSS (Cascading Style Sheets) là ngôn ngữ dùng để tìm kiếm và định dạng các phần tử được tạo ra bởi các ngôn ngữ đánh dấu như HTML Trong khi HTML chịu trách nhiệm định dạng các thành phần trên website như đoạn văn, tiêu đề và bảng, CSS mang đến “phong cách” cho các phần tử HTML thông qua việc thay đổi màu sắc, kiểu chữ và căn chỉnh.
Môi trường phát triển ứng dụng
XAMPP là phần mềm giúp giả lập máy tính thành máy chủ web, cho phép truy cập qua địa chỉ http://localhost/ Điều này giúp phân biệt với các máy chủ đang hoạt động trên mạng internet.
Xampp là một phần mềm tạo máy chủ Web, tích hợp sẵn Apache, PHP, MySQL, FTP Server, Mail Server và các công cụ quản lý như PhpMyadmin Phần mềm này cung cấp giao diện quản lý tiện lợi, cho phép người dùng dễ dàng tắt, bật hoặc khởi động lại các dịch vụ máy chủ theo nhu cầu.
Apache: là một chương trình máy chủ, dùng để giao tiếp với các giao thức HTTP Apache chạy tốt trên mọi hệ điều hành.
MySQL là hệ quản trị cơ sở dữ liệu phổ biến, được sử dụng để lưu trữ thông tin cho các website Mỗi website thường sử dụng một cơ sở dữ liệu riêng biệt để quản lý dữ liệu hiệu quả.
PHP: là ngôn ngữ kịch bản trên phía Server, dùng để xử lý các thao tác của khách hàng và làm việc trực tiêp với cơ sở dữ liệu.
Perl là một ngôn ngữ lập trình động, cao cấp, thường được sử dụng trong lập trình mạng và quản trị hệ thống Tuy nhiên, nó ít được ưa chuộng cho việc phát triển web.
Xampp là phần mềm giúp bạn mô phỏng môi trường server hosting, cho phép chạy thử nghiệm website ngay trên máy tính cá nhân mà không cần phải chi phí cho hosting.
Xampp là viết tắt bởi chữ cái đầu của 5 phần mềm chính là Cross- flatform(X), Apache(A), MySQL(M), PHP(P) và Perl(P)
3.2.2 Hệ quản trị cơ sở dữ liệu MySQL
MySQL là hệ quản trị cơ sở dữ liệu mã nguồn mở phổ biến, được ưa chuộng bởi các nhà phát triển ứng dụng web nhờ vào tốc độ cao, tính ổn định và dễ sử dụng Hệ thống này có khả năng hoạt động trên nhiều hệ điều hành và cung cấp nhiều hàm tiện ích mạnh mẽ để xử lý dữ liệu Với tính bảo mật cao, MySQL là lựa chọn lý tưởng cho các ứng dụng truy cập cơ sở dữ liệu trên Internet.
Cơ sở dữ liệu MySQL là một hệ thống thông tin có cấu trúc, được lưu trữ trên thiết bị lưu trữ, phục vụ nhu cầu khai thác dữ liệu đồng thời của nhiều người dùng và ứng dụng khác nhau.
Việc sử dụng hệ quản trị CSDL MySQL đem lại rất nhiều lợi ích cho người lập trình như:
Tốc độ: MySQL có tốc độ nhanh Những nhà phát triển cho rằng MySQL là cơ sở dữ liệu nhanh nhất mà bạn có thể có
MySQL là một hệ thống cơ sở dữ liệu mạnh mẽ nhưng dễ sử dụng, cho phép người dùng cài đặt và quản trị các hệ thống lớn một cách đơn giản và không phức tạp.
Giá thành: Việc cài đặt và sử dụng MySQL là hoàn toàn miễn phí cho những người sử dụng trong mọi lĩnh vực
MySQL hỗ trợ ngôn ngữ truy vấn SQL, là ngôn ngữ chủ yếu cho các hệ thống cơ sở dữ liệu hiện đại Các lập trình viên có thể dễ dàng thực hiện các câu lệnh truy vấn trên các cơ sở dữ liệu được lưu trữ.
MySQL cho phép kết nối Internet toàn diện, giúp người dùng truy cập cơ sở dữ liệu từ bất kỳ đâu chỉ với kết nối Internet Điều này tạo điều kiện thuận lợi cho việc chia sẻ dữ liệu một cách linh hoạt Tuy nhiên, MySQL cũng đảm bảo tính bảo mật bằng cách kiểm soát quyền truy cập, ngăn chặn những người không có quyền nhìn thấy thông tin nhạy cảm.
Tính linh động: MySQL chạy trên nhiều hệ thống UNIX cũng như không phải
UNIX, có thể chạy được với mọi phần cứng từ máy PC cho tới các server
MySQL có sẵn rộng rãi và dễ dàng truy cập thông qua trình duyệt web Nếu bạn muốn tìm hiểu về cách hoạt động của nó hoặc khám phá các thuật toán, bạn có thể tải mã nguồn về và nghiên cứu Ngoài ra, nếu không hài lòng với một số phần, bạn hoàn toàn có thể chỉnh sửa chúng.
Phần mềm bán đồ ăn nhanh
3.3.1.1 Chức năng quản lý sản phẩm
Chức năng hiển thị danh sách sản phẩm giúp Admin dễ dàng xem tất cả các danh mục có sẵn trong hệ thống, bao gồm tên, mô tả và các mục con Danh sách này hỗ trợ Admin trong việc tìm kiếm, xem và quản lý các sản phẩm theo nhu cầu của mình.
Hình 23: Giao diện trang sản phẩm
Chức năng hiển thị sửa sản phẩm cho phép Admin cập nhật thông tin của sản phẩm đã có trong hệ thống Admin có khả năng thay đổi tên sản phẩm, và sau khi thực hiện cập nhật, thông tin mới sẽ được áp dụng cho sản phẩm, đồng thời các thay đổi sẽ được lưu trữ trong hệ thống.
Hình 24: Giao diện trang sửa sản phẩm
3.3.1.2 Chức năng quản lý người dùng
Chức năng hiển thị danh sách người dùng giúp Admin theo dõi tất cả tài khoản trong hệ thống, bao gồm thông tin như tên người dùng, email và số điện thoại Admin có thể sử dụng danh sách này để xem, chỉnh sửa và quản lý các tài khoản người dùng một cách hiệu quả.
Giao diện trang quản lý người dùng cho phép Admin chỉnh sửa thông tin tài khoản người dùng đã tồn tại, bao gồm tên, email và số điện thoại Sau khi cập nhật, thông tin mới sẽ được áp dụng cho tài khoản và lưu trữ trong hệ thống.
Hình 26: Giao diện trang sửa thông tin người dùng
3.3.1.3 Chức năng quản lý đơn hàng
Chức năng hiển thị danh sách đơn hàng giúp Admin dễ dàng theo dõi tất cả các đơn hàng trong hệ thống, bao gồm thông tin như tên khách hàng, mã sản phẩm, địa chỉ và số điện thoại Danh sách này cho phép Admin tìm kiếm, sửa đổi, xóa, xem và quản lý hiệu quả các đơn hàng.
Giao diện trang quản lý đơn hàng cho phép Admin cập nhật và chỉnh sửa thông tin đơn hàng trong hệ thống Admin có thể thay đổi tên, email, địa chỉ và tình trạng giao hàng Sau khi thực hiện cập nhật, thông tin mới sẽ được áp dụng cho đơn hàng và tất cả các thay đổi sẽ được lưu trữ trong hệ thống.
Chức năng hiển thị thêm đơn hàng trên giao diện cập nhật đơn hàng cho phép Admin tạo đơn hàng mới trong hệ thống Admin cần cung cấp các thông tin như họ tên, email, số điện thoại và địa chỉ Sau khi thông tin được xác nhận, đơn hàng mới sẽ được tạo thành công.
Hình 29: Giao diện trang thêm đơn hàng
Chức năng hiển thị danh sách phản hồi giúp Admin theo dõi tất cả các phản hồi trong hệ thống, bao gồm thông tin như tên, email và địa chỉ Admin có thể dễ dàng sửa đổi, xóa, xem và quản lý các phản hồi này để đảm bảo hiệu quả trong việc xử lý thông tin.
Chức năng sửa phản hồi trên giao diện quản lý cho phép Admin chỉnh sửa thông tin phản hồi đã có trong hệ thống Admin có khả năng thay đổi nội dung phản hồi, và sau khi cập nhật, thông tin mới sẽ được áp dụng và lưu trữ trong hệ thống.
Hình 31: Giao diện trang sửa phản hồi
Chức năng hiển thị danh sách danh mục giúp Admin xem tất cả các danh mục có sẵn trong hệ thống, bao gồm tên danh mục và ngày tạo Admin có thể dễ dàng sửa, xóa, xem và quản lý các danh mục theo nhu cầu của mình.
Chức năng hiển thị sửa danh mục trên trang danh mục sản phẩm cho phép Admin chỉnh sửa thông tin của các danh mục đã tồn tại Admin có khả năng thay đổi tên danh mục, và sau khi cập nhật, thông tin mới sẽ được áp dụng cho danh mục đó, đồng thời các thay đổi sẽ được lưu trữ trong hệ thống.
Hình 33: Giao diện trang sửa danh mục
Thống kê cho phép quản trị viên theo dõi số lượng mặt hàng, giá nhập, giá bán và giá trung bình, đồng thời xác định tỷ lệ phần trăm của các sản phẩm hiện có trên website.
Hình 34: Giao diện trang thống kê
Trang chủ cung cấp danh sách đầy đủ các sản phẩm cho người dùng lựa chọn, cho phép xem chi tiết từng mặt hàng Người dùng cũng có thể tiết kiệm thời gian tìm kiếm bằng cách sử dụng chức năng tìm kiếm theo tên sản phẩm.
Hình 35: Giao diện trang danh sách sản phẩm
Giao diện trang đăng nhập cho phép Admin và người dùng đăng nhập khi đã đăng ký tài khoản để có thể thực hiện các chức năng mua bán
Hình 36: Giao diện trang đăng nhập
Hình 37 : Giao diện trang đăng ký
Hình 38: Giao diện trang đổi mật khẩu