Báo cáo đồ án Lập trình Web Nâng cao: Xây dựng trang web hướng dẫn pha chế ChaCha

Báo cáo đồ án lập trình web nâng cao: Xây dựng trang web hướng dẫn pha chế đồ uống Chacha. Tìm hiểu quy trình, kỹ thuật và kết quả dự án chi tiết.

• Tác giả: Nguyễn Ngọc Cương
• Người hướng dẫn: Phương Văn Cảnh
• Trường học: Trường Đại Học Điện Lực
• Chuyên ngành: Công Nghệ Thông Tin
• Đề tài: Xây dựng trang web hướng dẫn pha chế đồ uống - ChaCha
• Loại tài liệu: Báo cáo đồ án
• Năm xuất bản: 2023
• Địa điểm: Hà Nội

Mục lục chi tiết

• LỜI MỞ ĐẦU
• 1. CHƯƠNG 1: TỔNG QUAN ASP.NET, KHẢO SÁT HIỆN TRẠNG VÀ XÁC LẬP DỰ ÁN
• 1.1. Khái quát ASP
• 1.1.1. Một vài nét về ASP.NET
• 1.1.2. Ưu điểm và nhược điểm của ASP
• 1.1.3. ASP.NET MVC là gì?
• 1.1.4. Lịch sử của ASP.NET
• 1.2. Khảo sát hiện trạng
• 1.2.1. Giới thiệu về trang web “Hướng dẫn pha chế đồ uống — Cha Cha”
• 1.2.2. Mục đích của website cần thiết kế
• 1.2.3. Một số trang web chính
• 1.2.4. Yêu cầu về chức năng
• 2. CHƯƠNG 2: PHÂN TÍCH VÀ THIẾT KẾ HỆ THỐNG
• 2.1. Xác định các Actor và Use case tổng quát của hệ thống
• 2.2. Use case tổng quát của hệ thống
• 2.3. Phân rã use case
• 2.3.1. Use case đăng nhập
• 2.3.2. Use case quản lý công thức
• 2.3.3. Use case quản lý sản phẩm
• 2.3.4. Use case quản lý mua hàng
• 2.3.5. Use case quản lý bán hàng
• 2.3.6. Use case tìm kiếm pha chế
• 2.3.7. Use case xem
• 2.3.8. Use case quản lý tài khoản
• 2.4. Biểu đồ lớp tổng quát của hệ thống
• 3. CHƯƠNG 3: THIẾT KẾ GIAO DIỆN VÀ CƠ SỞ DỮ LIỆU
• 3.1. Thiết kế cơ sở dữ liệu
• 3.2. Xây dựng giao diện người quản lý
• 3.3. Xây dựng giao diện người dùng
• KẾT LUẬN

Tóm tắt

I. Tổng quan báo cáo đồ án xây dựng website pha chế ChaCha

Trong bối cảnh công nghệ số phát triển mạnh mẽ, lĩnh vực ẩm thực và pha chế đồ uống cũng không nằm ngoài xu hướng. Việc xây dựng một nền tảng trực tuyến để chia sẻ kiến thức và kỹ năng đã trở thành một nhu cầu cấp thiết. Đề tài “Xây dựng trang web hướng dẫn pha chế đồ uống - ChaCha” ra đời nhằm đáp ứng nhu cầu đó, tạo ra một không gian học hỏi và trao đổi kinh nghiệm cho cộng đồng yêu thích pha chế. Đây là một báo cáo đồ án tốt nghiệp tiêu biểu, thể hiện quá trình áp dụng kiến thức lập trình web full-stack vào một dự án thực tế. Mục tiêu chính của đồ án là tạo ra một trang web chức năng, nơi người dùng có thể dễ dàng tìm kiếm, học hỏi và lưu trữ các công thức đồ uống. Đồng thời, dự án cũng cung cấp một hệ thống quản trị mạnh mẽ để kiểm soát nội dung và sản phẩm. Trang web không chỉ là một cẩm nang pha chế online mà còn hướng tới việc xây dựng một cộng đồng sôi nổi. Nội dung của báo cáo trình bày chi tiết từ khâu khảo sát hiện trạng, phân tích yêu cầu, đến thiết kế hệ thống và triển khai các chức năng cụ thể. Tài liệu này là một nguồn tham khảo giá trị cho các sinh viên đang thực hiện luận văn xây dựng website trong lĩnh vực tương tự, cung cấp một cái nhìn toàn diện về quy trình phát triển một ứng dụng web hoàn chỉnh. Đồ án được hướng dẫn bởi giảng viên Phương Văn Cảnh, Khoa Công nghệ Thông tin, Trường Đại học Điện Lực, đảm bảo tính học thuật và chuyên môn cao.

1.1. Mục tiêu và ý nghĩa thực tiễn của đồ án công nghệ web

Mục tiêu cốt lõi của đồ án công nghệ web này là tạo ra một sản phẩm ứng dụng có giá trị thực tiễn cao. Trang web ChaCha được thiết kế để giải quyết vấn đề thiếu hụt một nền tảng tập trung, uy tín về hướng dẫn pha chế. Người dùng thường phải tìm kiếm thông tin từ nhiều nguồn phân mảnh và không được kiểm chứng. Do đó, ý nghĩa của dự án nằm ở việc cung cấp một sân chơi bổ ích, nơi các công thức được sắp xếp khoa học và dễ dàng truy cập. Trang web cho phép người dùng xem video hướng dẫn, tìm kiếm công thức pha chế chacha theo tên hoặc nguyên liệu, và lưu lại các món yêu thích. Hơn nữa, dự án còn tích hợp chức năng thương mại điện tử, cho phép người dùng đặt mua các bộ nguyên liệu pha chế đã được chuẩn bị sẵn, tạo ra một mô hình kinh doanh tiềm năng. Về mặt học thuật, đồ án giúp sinh viên củng cố kiến thức về phân tích thiết kế hệ thống website và kỹ năng lập trình với công nghệ ASP.NET MVC.

1.2. Giới thiệu tổng quan về giao diện và chức năng trang web

Trang web ChaCha được xây dựng với giao diện thân thiện, hiện đại, và tương thích trên nhiều thiết bị. Trang chủ là nơi hiển thị các công thức nổi bật, sản phẩm mới và các bài blog hữu ích. Người dùng có thể dễ dàng đăng ký, đăng nhập để cá nhân hóa trải nghiệm, chẳng hạn như tạo danh sách công thức yêu thích. Các trang chính bao gồm: Trang công thức, Chi tiết công thức, Sản phẩm, Giỏ hàng, và Trang cá nhân. Mỗi trang được thiết kế logic, đảm bảo người dùng có thể tìm thấy thông tin cần thiết một cách nhanh chóng. Theo tài liệu báo cáo đồ án lập trình web nâng cao, hệ thống được chia thành hai luồng chức năng chính: một cho người dùng cuối và một cho người quản trị. Người dùng có thể tìm kiếm, xem, lưu công thức và mua hàng, trong khi quản trị viên có toàn quyền quản lý công thức đồ uống, sản phẩm, người dùng và các nội dung khác trên trang.

II. Phân tích yêu cầu và thách thức khi thiết kế website ẩm thực

Việc xây dựng một thiết kế website ẩm thực thành công đòi hỏi sự thấu hiểu sâu sắc về nhu cầu của người dùng và các thách thức kỹ thuật. Khảo sát hiện trạng cho thấy người dùng cần một giao diện trực quan, tốc độ tải trang nhanh và nội dung phong phú, chính xác. Một trong những thách thức lớn nhất là tổ chức dữ liệu một cách khoa học. Với hàng trăm, thậm chí hàng nghìn công thức, việc phân loại, gắn thẻ và xây dựng một công cụ tìm kiếm hiệu quả là yếu tố sống còn. Báo cáo đã chỉ ra yêu cầu phải có chức năng tìm kiếm linh hoạt theo cả tên món và nguyên liệu. Thêm vào đó, hệ thống cần đảm bảo tính bảo mật cho thông tin tài khoản người dùng và an toàn trong các giao dịch mua bán. Về phía quản trị, thách thức nằm ở việc xây dựng một trang quản trị (Admin Panel) dễ sử dụng nhưng đầy đủ chức năng, cho phép cập nhật nội dung, quản lý đơn hàng và theo dõi hoạt động của người dùng. Một báo cáo thực tập web về chủ đề này cần phải phân tích kỹ lưỡng các yêu cầu chức năng và phi chức năng để đảm bảo dự án đáp ứng đúng mục tiêu đề ra. Các yêu cầu này là nền tảng cho giai đoạn phân tích thiết kế hệ thống website, quyết định cấu trúc và công nghệ được lựa chọn.

2.1. Yêu cầu chức năng đối với người dùng End user

Người dùng là trung tâm của hệ thống, do đó các chức năng phải được thiết kế để mang lại trải nghiệm tốt nhất. Các yêu cầu cơ bản bao gồm: Đăng ký/Đăng nhập tài khoản để cá nhân hóa, quản lý thông tin cá nhân. Chức năng quan trọng nhất là tìm kiếm và xem công thức, với thông tin chi tiết về nguyên liệu, các bước thực hiện, hình ảnh và video minh họa. Người dùng cần có khả năng lưu các công thức yêu thích vào một danh sách riêng để tiện truy cập sau này. Ngoài ra, hệ thống phải cung cấp chức năng giỏ hàng và đặt mua các set nguyên liệu pha chế, đây là một phần quan trọng của đồ án website bán đồ uống. Giao diện phải rõ ràng, dễ điều hướng, giúp người dùng tìm thấy công thức pha chế chacha mong muốn mà không gặp khó khăn.

2.2. Yêu cầu chức năng đối với người quản lý Admin

Người quản lý hệ thống (Admin) cần một bộ công cụ mạnh mẽ để vận hành trang web một cách hiệu quả. Các yêu cầu chính bao gồm: Quản lý tài khoản người dùng, có quyền thêm, sửa, xóa hoặc khóa tài khoản khi cần thiết. Chức năng cốt lõi là quản lý công thức đồ uống, cho phép Admin thêm mới, cập nhật hoặc xóa các công thức và danh mục công thức. Tương tự, Admin phải có khả năng quản lý sản phẩm, bao gồm thông tin, hình ảnh, giá cả và số lượng tồn kho. Một chức năng không thể thiếu là quản lý đơn hàng, theo dõi trạng thái từ lúc đặt hàng đến khi giao hàng thành công. Cuối cùng, Admin cần quyền quản lý các nội dung khác như bài viết blog, thông tin liên hệ và các trang giới thiệu. Đây là những yêu cầu cơ bản để đảm bảo một thiết kế website ẩm thực có thể hoạt động trơn tru và bền vững.

III. Phương pháp phân tích thiết kế hệ thống website ChaCha

Để đảm bảo dự án được phát triển một cách có hệ thống và logic, giai đoạn phân tích thiết kế hệ thống website đóng vai trò cực kỳ quan trọng. Báo cáo đã áp dụng phương pháp luận hướng đối tượng, sử dụng các biểu đồ UML (Unified Modeling Language) để mô hình hóa hệ thống. Quá trình này bắt đầu bằng việc xác định các tác nhân (Actors) chính tương tác với hệ thống và các trường hợp sử dụng (Use Cases) tương ứng. Cách tiếp cận này giúp làm rõ các yêu cầu chức năng và mối quan hệ giữa chúng. Tài liệu trình bày chi tiết các biểu đồ Use Case tổng quát và biểu đồ Use Case phân rã cho từng chức năng chính như đăng nhập, quản lý công thức, và quản lý mua hàng. Sau đó, các biểu đồ trình tự (Sequence Diagrams) được sử dụng để mô tả luồng sự kiện và tương tác giữa các đối tượng trong từng Use Case. Ví dụ, biểu đồ trình tự cho chức năng "Cập nhật công thức" đã chỉ rõ các bước từ khi người quản lý yêu cầu, hệ thống hiển thị form, nhập liệu, kiểm tra và cuối cùng là lưu vào cơ sở dữ liệu. Phương pháp này đảm bảo rằng tất cả các bên liên quan, từ lập trình viên đến người hướng dẫn, đều có một cái nhìn thống nhất về cấu trúc và hoạt động của hệ thống, là nền tảng vững chắc cho một báo cáo đồ án tốt nghiệp chất lượng.

3.1. Xác định Actors và Use Case tổng quát của hệ thống

Trong đồ án công nghệ web này, hệ thống xác định hai Actor chính: Người quản lý (Admin) và Người dùng (User). Mỗi Actor có một tập hợp các Use Case riêng biệt. Người quản lý chịu trách nhiệm cho các hoạt động quản trị như: Cập nhật công thức, Cập nhật sản phẩm, Quản lý tài khoản, Xem giỏ hàng của khách. Trong khi đó, Người dùng có các quyền hạn như: Đăng ký, Đăng nhập, Tìm kiếm công thức, Thêm vào yêu thích, Thêm vào giỏ hàng, và Xem sản phẩm. Biểu đồ Use Case tổng quát trong báo cáo đã trực quan hóa mối quan hệ giữa các Actor này và các chức năng chính của hệ thống. Việc xác định rõ ràng các vai trò và quyền hạn ngay từ đầu giúp việc phân rã chức năng ở các bước sau trở nên logic và tránh được sự chồng chéo.

3.2. Đặc tả chi tiết Use Case quản lý công thức đồ uống

Chức năng quản lý công thức đồ uống là trái tim của website ChaCha. Báo cáo đã đặc tả chi tiết Use Case này thông qua các bảng mô tả và biểu đồ trình tự. Use case "Cập nhật công thức" cho phép người quản lý thực hiện các thao tác Thêm, Sửa, Xóa. Bảng đặc tả nêu rõ các thông tin quan trọng như: Tên Use Case, Actor thực hiện (Người quản lý), Tiền điều kiện (phải đăng nhập), Hậu điều kiện (công thức được cập nhật trong CSDL), và Luồng sự kiện chính. Luồng sự kiện mô tả từng bước tương tác, ví dụ: "1. Chọn chức năng thêm công thức", "2. Hệ thống hiển thị form nhập liệu", "3. Nhập nội dung mới", "4. Hệ thống lưu thông tin vào cơ sở dữ liệu". Cách làm này giúp chuẩn hóa quy trình và là tài liệu quan trọng cho đội ngũ lập trình khi hiện thực hóa chức năng.

3.3. Mô hình hóa hệ thống bằng biểu đồ lớp tổng quát

Biểu đồ lớp tổng quát (Class Diagram) là một thành phần không thể thiếu trong phân tích thiết kế hệ thống website. Nó cung cấp một cái nhìn tĩnh về cấu trúc của hệ thống, mô tả các lớp, thuộc tính, phương thức và mối quan hệ giữa chúng. Trong đồ án ChaCha, các lớp chính bao gồm: TaiKhoan, CongThuc, DanhMucCongThuc, SanPham, GioHang, ChiTietGioHang, và YeuThich. Ví dụ, lớp TaiKhoan có các thuộc tính như id, tenDangNhap, matKhau và các phương thức như dangNhap(), dangXuat(). Mối quan hệ giữa các lớp cũng được thể hiện rõ, chẳng hạn như mối quan hệ một-nhiều giữa TaiKhoan và YeuThich (một tài khoản có thể có nhiều công thức yêu thích). Biểu đồ này là bản thiết kế cho việc xây dựng cơ sở dữ liệu và các lớp đối tượng trong mã nguồn.

IV. Hướng dẫn lập trình web full stack và công nghệ sử dụng

Việc lựa chọn công nghệ phù hợp là yếu tố quyết định đến sự thành công của một dự án web. Đồ án xây dựng website ChaCha đã sử dụng nền tảng ASP.NET của Microsoft, cụ thể là kiến trúc ASP.NET MVC. Đây là một lựa chọn phổ biến cho các ứng dụng web đòi hỏi sự ổn định, bảo mật và khả năng mở rộng. Quá trình lập trình web full-stack với ASP.NET MVC bao gồm việc phát triển cả ba thành phần: Model, View và Controller. Model chịu trách nhiệm xử lý logic nghiệp vụ và tương tác với cơ sở dữ liệu. View đảm nhiệm việc hiển thị giao diện người dùng, sử dụng HTML, CSS và JavaScript. Controller đóng vai trò trung gian, nhận yêu cầu từ người dùng, gọi các phương thức trong Model để xử lý và chọn View thích hợp để trả về kết quả. Báo cáo đã trình bày những ưu điểm của mô hình này như việc tách biệt rõ ràng các thành phần, giúp mã nguồn dễ quản lý, bảo trì và kiểm thử. Mặc dù danh sách từ khóa có đề cập đến ReactJS NodeJS MongoDB, đồ án này tập trung vào hệ sinh thái Microsoft, một hướng tiếp cận khác nhưng vẫn rất mạnh mẽ và được sử dụng rộng rãi trong các doanh nghiệp. Quá trình phát triển source code website pha chế này là một ví dụ điển hình về việc áp dụng kiến trúc MVC trong thực tế.

4.1. Khái quát về nền tảng ASP.NET và kiến trúc MVC

ASP.NET là một framework phát triển web do Microsoft xây dựng, cho phép tạo ra các ứng dụng web động và mạnh mẽ. Báo cáo đã dành một phần để giới thiệu về lịch sử và các ưu điểm của công nghệ này. Đặc biệt, kiến trúc MVC (Model-View-Controller) được nhấn mạnh là một mô hình thiết kế phần mềm hiệu quả. Mô hình này chia ứng dụng thành ba thành phần chính có liên kết với nhau. Cách phân chia này không chỉ giúp tổ chức mã nguồn một cách có cấu trúc mà còn cho phép các nhóm phát triển (ví dụ: frontend và backend) làm việc song song hiệu quả hơn. Đối với đồ án công nghệ web ChaCha, việc áp dụng MVC giúp quản lý các chức năng phức tạp như quản lý công thức đồ uống một cách mạch lạc và dễ dàng mở rộng trong tương lai.

4.2. Thiết kế cơ sở dữ liệu cho website hướng dẫn pha chế

Cơ sở dữ liệu là xương sống của mọi ứng dụng web. Dựa trên biểu đồ lớp đã phân tích, cơ sở dữ liệu của website ChaCha được thiết kế với các bảng tương ứng. Các bảng chính bao gồm Users, Recipes, Categories, Products, Carts, v.v. Việc thiết kế khóa chính, khóa ngoại và các mối quan hệ (một-một, một-nhiều, nhiều-nhiều) được thực hiện cẩn thận để đảm bảo tính toàn vẹn dữ liệu. Ví dụ, bảng Recipes (Công thức) có một khóa ngoại trỏ đến bảng Categories (Danh mục) để phân loại công thức. Bảng Carts (Giỏ hàng) liên kết với bảng Users và Products để lưu trữ thông tin mua sắm của người dùng. Một thiết kế CSDL tốt là nền tảng cho việc truy vấn dữ liệu nhanh chóng và hiệu quả, yếu tố quan trọng đối với trải nghiệm người dùng trên một thiết kế website ẩm thực.

V. Demo website hướng dẫn nấu ăn và các chức năng thực tiễn

Kết quả cuối cùng của đồ án là một demo website hướng dẫn nấu ăn và pha chế hoàn chỉnh mang tên ChaCha. Trang web đã hiện thực hóa thành công các yêu cầu đã được phân tích và thiết kế. Người dùng khi truy cập có thể trải nghiệm một quy trình liền mạch, từ việc khám phá công thức mới, tìm kiếm món đồ uống cụ thể, đến việc lưu lại những công thức tâm đắc và đặt mua nguyên liệu. Giao diện được xây dựng thân thiện, với hình ảnh chất lượng cao và bố cục hợp lý, tạo cảm hứng cho người dùng. Các chức năng như tìm kiếm theo tên và nguyên liệu hoạt động nhanh chóng và trả về kết quả chính xác. Chức năng "Yêu thích" cho phép người dùng tạo ra một cẩm nang pha chế online của riêng mình. Về phía quản trị, hệ thống cung cấp một trang điều khiển tập trung, nơi người quản lý có thể dễ dàng đăng tải công thức pha chế chacha mới, quản lý danh mục, cập nhật thông tin sản phẩm và theo dõi các đơn hàng. Sản phẩm cuối cùng không chỉ là một bài tập kỹ thuật mà còn là một ứng dụng có tiềm năng phát triển thành một cộng đồng ẩm thực trực tuyến sôi động. Đây là một minh chứng rõ ràng cho sự thành công của một luận văn xây dựng website được đầu tư bài bản.

5.1. Trải nghiệm người dùng Tìm kiếm và lưu trữ công thức

Trải nghiệm người dùng (UX) là ưu tiên hàng đầu trong thiết kế website ChaCha. Thanh tìm kiếm được đặt ở vị trí nổi bật, cho phép người dùng nhập từ khóa để tìm công thức theo tên hoặc thành phần nguyên liệu. Kết quả tìm kiếm được hiển thị dưới dạng lưới hoặc danh sách trực quan. Khi nhấp vào một công thức, trang chi tiết sẽ hiện ra với đầy đủ thông tin: hình ảnh, danh sách nguyên liệu, các bước hướng dẫn chi tiết và có thể cả video. Nút "Thêm vào Yêu thích" cho phép người dùng lưu lại công thức chỉ bằng một cú nhấp chuột. Tất cả các công thức đã lưu sẽ được tập hợp trong trang cá nhân, giúp người dùng dễ dàng quản lý và xem lại bất cứ lúc nào, biến trang web thành một cuốn sổ tay pha chế cá nhân hóa.

5.2. Chức năng quản trị Quản lý nội dung và sản phẩm

Hệ thống quản trị (Admin Panel) được thiết kế để đơn giản hóa công việc vận hành website. Sau khi đăng nhập với tài khoản quản trị, người quản lý sẽ thấy một bảng điều khiển tổng quan. Từ đây, họ có thể truy cập các mục quản lý khác nhau. Chức năng quản lý công thức đồ uống cho phép tạo mới công thức bằng một trình soạn thảo văn bản đa phương tiện, dễ dàng chèn ảnh và định dạng văn bản. Tương tự, việc quản lý sản phẩm trong đồ án website bán đồ uống này cũng rất trực quan, cho phép cập nhật tên, mô tả, giá và hình ảnh sản phẩm. Hệ thống này đảm bảo rằng nội dung trên trang web luôn mới mẻ, chính xác và hấp dẫn, góp phần duy trì và phát triển cộng đồng người dùng.

Trích đoạn nội dung tài liệu

TRƯỜNG ĐẠI HỌC ĐIỆN LỰC KHOA CÔNG NGHỆ THÔNG TIN < Dall HOC DIEN LUC ELECTRIC POWER UNIVERSITY BAO CAO DO AN LAP TRINH WEB NANG CAO DE TAI: XAY DUNG TRANG WEB HUONG DAN PHA CHE DO UONG - CHACHA Sinh vién thuc : NGUYEN NGOC CUONG hiện TRẦN HỮU TUẤN Giảng viên : PHƯƠNG VĂN CẢNH hướng dẫn Ngành : CÔNG NGHỆ THÔNG TIN Chuyên ngành : CONG NGHE PHAN MEM Lớp : D16CNPM5 Khóa : 2021 - 2026 Hà Nội, tháng 9 năm 2023 Phiếu Chấm Điểm Sinh viên thực hiện: Họ và tên Chữ ký Nội dụng thực hiện Trần Hữu Tuấn Trang chủ, đăng nhập, đăng ký, quản lý sản phẩm, thêm vào giỏ hàng Nguyên Ngọc Quản lý công thức, Cương danh mục công thức; quản lý người dùng, thêm vào yêu thích, tìm kiếm theo tên công thức Giảng viên chấm: Họ tên Chữ Ký Ghi chú MUC LUC CHUONG 1: TONG QUAN ASP.NET, KHAO SAT HIEN TRANG VA XÁC LẬP DỰ ÁN. SH nh HH HH HH HH HH rye 5 1,1 Khái quát ASP. Một vài nét về ASP. sách HH Hee, 5 1.2 Ưu điểm và nhược điểm của ASP.3 ASP Net MVC là gì?.

chu HH HH Hye 5 1.4 Lich sử của ASP.2 Khảo sát hiện trạng. L2 ng HH H2 re 7 1.1 Giới thiệu về trang web “Hướng dẫn pha chế đồ uống — Cha Cha” T111 011 1111111111111 1111111111611 111111111111 K11 E111 E111 1111k 11111111 KH 15111115111 k 1111191111 gy 7 1.2 Mục đích của website cần thiết kế.3 M6t 86 trang web chinh.4 Yêu cầu về chức mang. cccccccccccccccsscessessvessessvessessvsseessveseesevareareses 9 CHƯƠNG 2: Phân tích và thiết kế hệ thống.1 Xác định các Actor và Use case tống quát của hệ thống. nh Hà Hà HH HH nghiện 11 2.2 Use case tống quát của hệ thống.- Q0 ng HH rêu 11 2.2 Phân rã use €áse.

nh nho HH Hà Hà Ho HH ho 12 2.1 Use case đăng nhập.2 Use case quản lý công thức.3 Use case quản lý sản phẩm.4 Use case quản lý mua hàng.5 Use case quan ly bán hàng. ccc ee ctee te seteeenees 23 2.6 Use case tìm kiếm pha ché.7 US€ CASE XOMD i .8 Use case quản lý tài khoản.3 Biểu đồ lớp tổng quát của hệ thống. 52 ST nh HH gyớg 36 CHƯƠNG 3: Thiết kế giao diện và cơ sở dữ liệu. Error! Bookmark not defined.1 Thiét ké co s@ dit HAW.

ccc Error! Bookmark not defined.2 Xây dựng giao diện người quản lý. Error! Bookmark not defined.3 Xây dựng giao diện người dùng. Error! Bookmark not defined. KET LUAN ooeccccccccccccccscccscssseceessesevesreserseresenssretenseresentaresensevtensestetsetsessieaneens 37 DANH MUC BANG BIEU Bang 2.

1 Xac định các actor Va se C8S€. LH nh nh no Ha II Bang 2. 2 Dac ta use case cập nhật công thức. 3 Đặc tả use case cập nhật công thức.

4 Đặc tả use case cập nhật danh mục công thức Bang 2. 5 Đặc tả use case cập nhật sản phẩm ng ng kg kg kg kg k1 kẻ Bang 2. 6 Đặc tả use case thêm vào ø1ỏ hàng. cv vn vn Hào 22 Bang 2.

7 Đặc tả use case xem 910 hang. 8 Đặc tả use case tìm kiếm theo tên công thức. cv cty 26 Bang 2. 9 Đặc tả use case thống kê hàng tỐn.

tt H Hye 27 Bang 2. 10 Đặc tả use case xem công thức. 11 Đặc tả use case xem công thức. 12_ Đặc tả use case xem yêu thích.

13 Đặc tả use case cập nhật công thức. óc c1 ve: 33 DANH MỤC HÌNH ÁNH Hình 2. 1 Use case tỐng quát. c ng H121 22222 re 12 Hình 2.

2 Biêu đỗ use case đăng nhập.- c2 2 HH2 tre 13 Hình 2. 3 Biểu đồ trình tự use case đăng nhập. 4 Ủse case quản lý công thỨc. óc L1 n1 1n ng TH Hà Hệ 14 Hình 2.

5 Biểu đỗ trình tự use case cập nhật công thức. 6 Biểu đỗ trình tự use case cập nhật danh mục công thức Hình 2. 7 Use case quản lý sản phẩm. 8 Biểu đồ trình tự use case cập nhật sản phâm T111 K11 k1 11112 0111 kk re 21 Hình 2.

9 Use case quan ly mua hàng. 10 Biểu đỗ trình tự use case thêm vào giỏ hàng. 11 Use case quan lý bán hàng. 12 122 HH Ho nà 23 Hình 2.

12 Biéu dé trình tự use case xem giỏ hàng. 13 Use case tìm kiếm pha chế. -- St E2 11818128 ray 25 Hình 2. 14 Biểu đỗ trình tự use case tìm kiếm theo tên công thức.

15 Biéu dé trình tự use case tìm kiếm theo nguyên liệu. l6 se case xem. 17 Biêu đỗ trình tự use case xem công thỨc. c2 vn nho 30 Hình 2.

18 Biêu đỗ trình tự use case xem công thỨc. c2 vn nho 31 Hình 2. 19 Biêu đỗ trình tự use case xem yêu thích. 20 Biểu đỗ trình tự use case cập nhật tài khoản.

21 Biêu đồ lớp tổng quát.- 5 c1 TH HE 2102 HH t2 gay 36 Hình 3. I Cơ sở dữ liệu. Error! Bookmark not defined. 2 Giao diện đăng nhập.

Error! Bookmark not defined. 3 Giao dién cap nhat san pham "— Error! Bookmark not defined. 4 Giao dién cap nhat danh muc san pham "— Error! Bookmark not defined. 5 Giao diện cập nhat tai khoan.

Error! Bookmark not defined. 6 Giao diện thêm công thức. Error! Bookmark not defined. 7 Giao diện công thức.

Error! Bookmark not defined. 8 Gioa diện danh mục công thức. Error! Bookmark not defined. 9 Giao diện trang chủ.

Error! Bookmark not defined. 10 Giao dién danh muc san pham _ Error! Bookmark not defined. 11 Giao diện danh sách công thức. Error! Bookmark not defined.

12 Giao diện chi tiết công thức. Error! Bookmark not defined. 13 Giao dién san pham LH ke Error! Bookmark not defined. 14 Giao diện trang cả nhân.

Error! Bookmark not defined. 15 Giao dién giỏ hàng. Error! Bookmark not defined. LOI MO DAU Trong thời đại công nghệ thông tin phát triển như hiện nay, việc ứng dụng internet vào các lĩnh vực của cuộc sống là điều không thể thiếu.

Một trong những lĩnh vực có nhu cầu sử dụng internet cao là ẩm thực. Pha chế là nghệ thuật, là niềm đam mê của nhiều người. Tuy nhiên, không phải ai cũng có thời gian và điều kiện để tham gia các khóa học pha chế. Do đó, việc xây dựng một trang web dạy pha chế trực tuyến là một giải pháp hữu hiệu để đáp ứng nhu cầu học tập và trao đổi kinh nghiệm về pha chế của cộng đồng.

Vì thế em lựa chọn đề tài “Xây dựng trang web hướng dẫn pha chế đồ uống - ChaCha”. Đề tài này được thực hiện nhằm mục đích tạo ra một sân chơi bổ ích cho những người yêu thích đồ uống, muốn học hỏi và nâng cao kỹ năng pha chế của mình. Trang web cung cấp các chức năng chính như: xem các video hướng dẫn pha chế các thức uống đa dạng, theo từng vùng miền, quốc gia trên toàn thế giới tìm kiếm các công thức nấu ăn theo tên món, nguyên liệu, độ khó; đăng ký thành viên để tham gia các khóa học online do các chuyên gia ẩm thực giảng dạy; gửi câu hỏi và nhận được tư vấn từ các chuyên gia; chia sẻ kinh nghiệm và bình luận về các món ăn. Em xin gửi lời cảm ơn đến thầy Phương Văn Cảnh đã tận tình hướng dẫn và giúp đỡ chúng em trong kì học vừa rồi để bài báo cáo của chúng em hoàn thiện một cách tốt nhất.

Chúng em rất mong nhận được những góp ý chân thành từ các thầy cô để bài báo cáo này hoàn thiện hơn nữa. Sau cùng em xin kính chúc các thầy cô trong khoa Công Nghệ Thông Tin của trường Đại học Điện Lực luôn đồi dào sức khỏe để có thể bước tiếp trên con đường trồng người. Trân trọng ! CHUONG 1: TONG QUAN ASP.NET, KHAO SAT HIEN TRANG VA XAC LAP DU AN 1.1 Khai quat ASP 1. Một vài nét về ASP.NET là một kỹ thuật lập trình Web: server — code behind.

File co tén mo rong .NET thich hop v6i nhiéu trinh duyét: IE, Netscape, Opera.NET được hỗ trợ trên 25 ngôn ngữ .cho việc viếtcode xử lý.NET cho việc hỗ trợ tạo ra, triển khai và thực hiện ứng dụng hay dịch vụ web.2 Ưu điểm và nhược điểm của ASP - Ưu điểm: + Mô hình lập trình đơn giản. + Hỗ trợ ADO (Active Data Object), FSO (File System Object). + ASP cũng hỗ trợ nhiều ngôn ngữ như: VBscrip, Javascrip. - Nhược điểm: + Code ASP lan với html nên khó khăn trong việc tìm lỗi.

+ Không hỗ trợ cơ chế cache. + Tốc độ xử lý còn chậm.3 ASP Net MVC là gì? Khi ASP.NET MVC là một framework được phát triển bởi Microsoft để xây dựng ứng dụng web dựa trên mô hình MVC (Model-View-Controller). Đây là một phần của nền táng ASP.NET, được thiết kế đề tạo ra các ứng dụng web linh hoạt, để bảo trì và kiêm thử. MVC la viét tắt của “Model-View-Controller,” một mô hình thiết kế phân mềm được sử dụng để phân chia logic và trách nhiệm trong ứng dụng.

Mô hình này giúp tô chức mã nguồn một cách có tổ chức và dễ quản lý. Các thành phần chính trong ASP.NET MVC bao gồm: - Model: Đại diện cho dữ liệu và logic xử lý dữ liệu của ứng dụng. Model đóng vai trò như là lớp chứa đữ liệu và các phương thức để truy cập hoặc xử lý dữ liệu. - View: Là thành phân hiển thị giao diện người dùng.

Nó đảm nhiệm nhiệm vụ hiển thị đữ liệu từ Model và nhận đầu vào từ người dùng. View không thực hiện logic xử ly, mà chỉ làm nhiệm vụ hiển thị dữ liệu theo cách được định nghĩa. - Controller: Là thành phần chứa logic điều khiển. Nó xử lý các sự kiện và tương tác của người dùng, sau đó gọi các phương thức tương Ứng trong Model để thay đổi dữ liệu và cập nhật View.

Controller làm nhiệm vụ điều phối giữa Model và View. Mô hình MVC giúp phân chia ứng dụng thành các phần nhỏ, giúp dễ dàng quản lý, bảo trì và kiểm thử ứng dụng.NET MVC cũng hỗ trợ nhiều tính năng như routing, model binding, validation, và nhiều chức năng khác giúp phát triên ứng dụng web một cách hiệu quả.4 Lịch sử của ASP.NET là gì? Sau khi phiên bản Internet Information Service 4.0 được phát hành vào năm 1997, Microsoft tạo mô hình nghiên cứu ứng dứng web để giải quyết những khó khăn của ASP.NET, mục đích chính là tách biệt phần thể hiện và phần nội dung cũng như cách viết rõ ràng hơn. 10 Người được giao nhiệm vụ định hình mô hinh ASP luc do chinh là Mark Anders, quan ly cua nhom IIS va Scott Guthrie. Những thiết kế ban đầu về ASP.NET được Anders và Guthrie thực hiện chỉ vỏn vẹn trong khoảng 2 tháng.

Những mã prototype đầu tién duoc Guthrie viết trong khoảng thời gian nghỉ lễ Giáng sinh năm 1997.