Báo Cáo Bài Tập Lớn Lập Trình Web Đề Tài Quản Lí Quán Cafe.pdf

Hệ thông quản lí quán cà phê là một hệ thống cho phép khách hàng có thé theo dõi các thông tin co bán của quán, gọi món, đặt hàng của quán trên hệ thông, cho phép quản lí nhân viên quán

TRUONG DAI HOC GIAO THONG VAN TAI KHOA CONG NGHE THONG TIN

BAO CAO BAI TAP LON LAP TRINH WEB DE TAI: QUAN LI QUAN CAFE

Lại Mạnh Dũng

Nguyễn Gia Phú — Nhóm trưởng

Phạm Hữu Quang

Nguyễn Thị Thùy Dương

Nguyễn Văn Tuyên

Lời nói đầu Trong thời đại công nghệ kĩ thuật phát triển như hiện nay việc áp dụng những khoa học công nghệ vào các công việc quản lí, học tập đã quá quen thuộc đối với con người Sử dụng công nghệ trong các công việc quản lí sẽ giúp cho con người có thê quản lí được doanh nhiệp, cửa hàng với nhiều chức năng một cách dễ dàng và hiệu quả

Trong đề tài lần này nhóm chúng em đã tiên nghiên cứu thiết kế một hệ thông website quan lí quán

cà phê bằng ASP.NET MVC Hệ thông quản lí quán cà phê là một hệ thống cho phép khách hàng

có thé theo dõi các thông tin co bán của quán, gọi món, đặt hàng của quán trên hệ thông, cho phép quản lí nhân viên quán có thể quản lí được các đơn hàng, nhân viên, khách hàng, sản phẩm của

quán một cách dễ đàng với lượng thông tin lớn được lưu trữ trên hệ thống Hệ thống được thiết kế

nhằm phục vụ cho nhu cầu sử dụng quản lí một cửa hàng hay một chuỗi cửa hàng của chủ cửa hàng cũng như phục nhu nhu cầu của khách hàng tại cửa hàng

Dưới đây là phần trình bày của nhóm em về phần thiết kê hệ thống Quản lí cà phê Tuy nhiên, do

kiên thức thực tê chưa nhiêu nên phân thiệt kê sẽ không thê tránh khỏi sai sót Mong thây và các bạn có thê đóng góp đề chủng em có thê tiên hành phát triên hệ thong tot hon

Em xin chân thành cảm ơnÌ

CHƯƠNG 2: PHÂN TÍCH VÀ THIẾT KỂ 5t St ‡vtEEEttrxeEtrttrrrrtrrrrerrrrrerrrrree 5

1 Use-case Diapram - - rn HH nh nen kh 5

2 _ Thiết kế cơ sở dữ liệu - CS SC TS 12121211 11111511111 111810111 0 1110181212111 8 He 5

3 Sitemap và WireÍrame nh nh nh Ki KT nh 8 “ẮỐ Ũta ii & “LAN =a ớÀỸC£ 10

0:1019)10E/89:1119108.4080:0090.06 1/0011 18

II AA( (| ch Íacciiidiii 1§ 1.1 Đăng nhập, đăng kí, đăng xuất +: c2 S S122 11 1518151121 818111111 Hye 18

PT 7 nh aáỤỪỪ 19 1.3 Thêm vào giỏ hàng nh nọ tk kiệt 21 1.4, Xem chỉ tiét sm pla 0.0.0 ccc ccccccccccecessscsssssssesesevesesscsesesasecessesatecsescetsteaescseeteees 22 2.0 Trang Admin 2000 6 a dẦẢ 23

2.1 Dang nhap trang admin cette treet eee KH vu 23 2.2 ©: 108 1) 001) | ee 24

2.3 OTN ETM UU OCIS 60 C0) 0 (4a 25

2.4 Quản lí khách hàng và nhân viÊn - - nnnnnnnnn nhe 26 2.5 Trang quản lí tài khoản người dùng nhu nọ 27

— na nn nr rn "ai yn nln nn niiieeeeeeeeteeeeeniiaeees 2 2 In 0 e 2 2 KH -: do iiittdiia4 e ẦẢ 2t 4 'Thêm giỏ hàng LH ng TK kg 29

5 Hiến thị thông tin chỉ tiết sản phẩm - L5: 222211212123 E3 18153121 181511 51 1E se2 29

6 Hién thị sản phẩm khi thêm mới vào cơ sở dữ liệu lên trang bán hàng 29

0007.5027 7.7 :-2A HH 3

PHAN CHIA CÔNG VIỆC 00 0.c.cccccccccsccscesessessessssestsssescesesececasstscasasasitititisesititesititsetstetsestesens 30

IV 08019009:70,8.4:7 0.1 30

CHƯƠNG 1 : TÌM HIỂU ĐÈ TÀI

+ Người mua hàng có thê thêm sản phẩm vào giỏ hàng của mình trên hệ thông đề có thể đặt mua

Chức năng hệ thông: + Đăng nhập, đăng kí: người dùng có thể đăng nhập, đăng kí tài khoán trên hệ thống đề truy cập vào hệ thông và thực hiện các chức năng đã được phân quyền

+ Thêm giỏ hàng: người mua hàng sau khi đăng nhập vào hệ thống có thê thêm sản phẩm trong trang bán hàng vào giỏ hàng để có thê đặt mua

+ Quan tri: người quản lí có thê quản lí thông tin sản phẩm, khách hàng, nhân viên, tài khoản người dùng trên hệ thong quan tri

+ Lọc sản phẩm theo phân loại: khi chọn loại sản pham thi trang ban hang sé hiển thị các sản phẩm theo phân loại sản phẩm

._ Thu thập dữ liệu, mô tả nghiệp vụ Cac website tham khảo:

+ Shopee Việt Nam | Mua và Bán Trên Ứng Dụng Di Động Hoặc Website

+ Lazada - Mua Sắm Hàng Chất Giá Tốt Online + Tiki - Mua hang online gia tốt, hàng chuẩn, ship nhanh Mô tả nghiệp vụ:

+ Thêm giỏ hàng

+ Loc san pham

+ Phan trang + Dang nhap, dang ki + Thêm, sửa, xóa thông tin nhân viên, khách hàng, sản phẩm

CHƯƠNG 2: PHAN TICH VA THIET KE

Hinh 1.1; Use-case Diagram

2 Thiết kế cơ sở dữ liệu

Mô tả dữ liệu

+ Bảng User

Tên thuộc tính Kiêu dữ liệu Mô tả

Username NVARCHAR Tén dang nhap

Email NVARCHAR Email người dùng Role NVARCHAR Phân quyên người dùng

+ Bang Categories

IdCategory NVARCHAR Mã loại

Name NVARCHAR Tên loại

+ Bang Products

IdProduct NVARCHAR Mã sản phâm IdCategory NVARCHAR Mã loại Name NVARCHAR Tên sản phâm Price FLOAT Gia san pham Image NVARCHAR Anh san pham + Bang Menu

IdCategory NVARCHAR Mã loại Name NVARCHAR Tên đô uông Price FLOAT Giá đồ uống Image NVARCHAR Ảnh đô uông + Bang OrderInfo

Id NVARCHAR Ma chi tiét hoa don

IdOrders NVARCHAR Mã hóa đơn

Number FLOAT Số lượng sản phẩm

Reduce NVARCHAR Giảm giá + Bang Orders

Tên thuộc tính Kiêu dữ liệu Mô tả

IdOrders NVARCHAR Mã hóa đơn

IdCustomer INT Mã khách hàng IdStaff INT Mã nhân viên

OrderDate DATETIME Ngày xuất

Note NVARCHAR Ghi chú + Bảng Customer

IdCustomer INT Mã khách hàng Fullname NVARCHAR Tén khach hang

Email NVARCHAR Email khách hàng

Address NVARCHAR Dia chi khach hang Phone NVARCHAR S6 dién thoai khach hang

+ Bang Staff

IdStaff INT Mã nhân viên Fullname NVARCHAR Tén nhan vién

Email NVARCHAR Email nhan viên Address NVARCHAR Địa chỉ nhân viên

Phone NVARCHAR Số điện thoại nhân viên

3 Sitemap và Wireframe 3.1 Sitemap

Hinh 2.3: Sitemap

Header

| Address | | Email | | Phone | | Language | | Socail | |

Logo | | Home About | Menu | Shop | Blog Contact | | ey | Signin | Join now

Header

| Address | | Email | | Phone | | Language | | Socail | |

Logo | | Home About | Menu | Shop | Blog Contact | | ey | Sign in |Join now

| | Address | | Email | | Phone | | Language | Socail | |

| Logo | Home About | Menu | Shop | Blog Contact | ey | Hi, | Log out

Body

Bsckground

| Image | | Product Name | Price | | Quantity | | Total |

Thông tin sản phẩm sau khi thêm từ

Hình 2.7: Shop — Carf

Sign In Or Create An Account

CD CD)

LÌ Keep me singed in Forgot your username ?

U

Forgot your password ? Join Coffee House to earn free food and drinks, get free refills, pay and order with your phone, and more

Join Now

| | Address | | Email | | Phone | | Language | | Socail | |

Logo | Home About Menu Shop | Blog Contact | | ey | Sign in | Join now

COLLECT MORE STARS & EARN REWARDS

Email is a great way to know about offers and what's new from Coffee House

CO Yes, I'd like email from Coffee House Know about initiatives, announcements and product offers

o | agree to the Coffee House Terms and the Coffee House Card Terms and have read the Coffee House Privacy Statement

Coffee House

Core

Dashboard Interface

CHƯƠNG 3: THIET KE HE THONG

1 Trang ban hang 1.1 Đăng nhập, đăng kí, đăng xuất

é® ;/b»e House Home About Menu Shop v LÍ GA eT Clog Là Sign in Join now

Sign In Or Create An Account

thống: + Với khách hàng: đăng nhập thành công sẽ có thể thực hiện chức năng thêm giỏ hàng + Với quản trị viên: đăng nhập thành công sẽ chuyên đến trang quản trị và thực hiện các chức năng quản trị tai đây

18

ee ee _x

Sled

=> Tại trang đăng kí người dùng có thê dùng để đăng kí tài khoản, sau khi đăng kí thành công

dữ liệu sẽ được truyền vào cơ sở đữ liệu quản li và người dùng có thê dùng tài khoản vừa đăng kí được để đăng nhập sử dụng các chức năng hệ thông

(ee) Coffee House Home About Menu Shopv Blogv Contact vw Hi, quangph Logout

Search

c AS

Sain† Helena oes eae 4 |

| Ss J

Hình 3.6: Lọc sản phẩm tại trang bán sản phẩm theo loại

1.3 Thêm vào giỏ hàng

=> Sau khi đăng nhập thành công người dùng có thê thêm sản phẩm vào giỏ hàng bằng cách bắn vào biều tượng giỏ hàng trên sản phẩm và theo dõi giỏ hàng của mình

ứ €Qœƒ» LTD Home About Menu Shop v Blog * Contact

Showing 1-10 of 50 Resul†s Sort By Default

Lost Planes Sain† Helena Kona Peaberry

Hình 3.7: Trang sản phẩm

21

PRODUCT NAME ole Na SUB TOTAL

23

Logout

Privacy Policy - Terms & Conditions

Hinh 3.10: Trang Admin

C02 CoffeeBag C03 Arabica Roasted &

Create New Category

P01 Lost Planes Cold Brewed $50.25

P02 Saint Helena Capuchino Coffee $50.25

P03 Kona Peaberry Arabica Roasted $50.25

Latte Macchiato

Capuchino Capuchino Coffee $50.25

Coffee L Arabica Green

Hình 3.13: Trang quản li menu dé uéng 2.3 Quản lí hóa đơn

25

le New Orders Info

Hình 3.15: Trang quản lí chỉ tiết hóa đơn

2.4 Quản lí khách hàng và nhân viên

26

ID Name Email Adress itd

Nguyen Van Tuyen tuyen@gmail.com Ha Noi 112233556677 2 Pham Huu Quang quang@gmail.com Thai Binh 00044455588

Hình 3.16: Trang quản lí khách hàng

Staff List

Fullname Email lhđay LG Phone LG ate)

1 Nguyen ThuyDuong duong@gmailcom 4/14/2003 120000 AM ThaiBinh 0111333444 Manager

2 Hoang Duong hduong@gmail com 10/1 2:00:00 AM Ha Noi 0222444555 Staff

Create New Staff

Hình 3.17: Trang quản lí nhân viên

2.5 Trang quản lí tài khoản người dùng

27

Users List

Username Password UE Role

duongh Hduong@123 hduong@gmail.com Admin

duongnt Duong@123 duong@gmail.com Admin

phung Phu@1234 phu@gmail.com Admin quangph Quang@123 quang@gmail.com Customer

Create New Category

Hình 3.18: Trang quản li user

28

CHUONG 4: KIEM THU

Kết quả: Pass Trường hợp lỗi: Đăng nhập thất bại Log out

Dữ liệu đầu vào: Sự kiện click nút logout

Đầu ra dự kiến: Chuyển sang trang chính Đầu ra thực tế: Chuyên sang trang chính Kết quả: Pass

Register Dữ liệu đầu vào: Email, Username, Password người dùng Đầu ra dự kiến: Chuyên sang trang đăng nhập nêu đăng kí thành công Đầu ra thực tế: Chuyển sang trang đăng nhập

Kết quả: Pass Trường hợp lỗi: Tên đăng nhập đã được sử dụng

Thêm giỏ hàng

Dữ liệu đầu vào: Sự kiện click vào biểu tượng giỏ hàng

Đầu ra dự kiến: Hiên thi thông tin sản phẩm vào giỏ hàng

Đầu ra thực tế: Hiễn thi thông tin sản pham vao gid hang

Két qua : Pass

Hién thi thông tin chỉ tiết sản phẩm

Dữ liệu đầu vào: Sự kiện click vào tên sản phâm

Đầu ra dự kiến: Chuyên sang trang chứa thông tin sản phẩm Đầu ra thực tế: Chuyển sang trang chứa thông tin sản phâm Kết quả: Pass

Hiễn thị sản phẩm khi thêm mới vào cơ sở dữ liệu lên trang bán hàng

Dữ liệu đầu vào: Thông tin của sản phẩm tại trang create Đầu ra dự kiến: Hiên thị thông tin sản phẩm lên trang quản trị sản phâm và hiển thị san pham lên trang bán hàng

Đầu ra thực tế: Hiễn thị được thông tin sản phẩm lên trang quan tri sản phẩm và hiển thi san phẩm lên trang bán hàng

29

- Kết quả: Pass

- _ Trường hợp lỗi: Lỗi hiển thị ảnh

Kiém tra lại đưỡng dẫn hình ảnh

KÉT LUẬN

- _ Trang web đã hoàn thiện được tương đối chức năng, khả năng mục tiêu dé ra tuy nhiên vẫn

còn một số hạn chế cần phát triển thêm - - Mục tiêu nhóm đề ra đã hoàn thiện được gần 90%

- _ Các thành viên nhóm tích cực đóng gop, hoàn thành công việc

PHAN CHIA CÔNG VIỆC

Thành viên Mã sinh viên | Đóng gớp

Nguyễn Gia Phú 211211880 - Admin

- Kiém thir

- Xây dựng khung project Phạm Hữu Quang 211203486 - Admin

- - Xây dựng cở sở dữ liệu - Dang ki, dang nhap, Logout - Xây dựng khung project

Nguyễn Thị Thùy Dương 211203480 - Admin

- - Xây dung co sé dữ liệu - - Đăng kí, đăng nhập, logout - Phan trang

- Nghién cứu sử dụng session phân quyền

Hoàng Dương 211211444 - Admin

- Kiêm thử - Xây dựng khung project

Nguyễn Văn Tuyên 211210971 - Admin

- Lọc dữ liệu

- Phan trang - Dang ki, dang nhap, logout

TAI LIEU THAM KHAO

1 Slide bai giang: WebProgramming Student - Google Drive 2 ASP.NET Core 7.0 Tutorial: Get started with ASP NET Core MVC | Microsoft Learn

30