Doàn Phước Miền CHUONG 1: TONG QUAN 1.1 Lý do chọn đề tài Ngày nay, ứng dụng công nghệ thông tin và tin học hóa được xem là một trong những yếu tổ mang tính quyết định trong hoạt động c
Ứng dụng minh họa 5 2 0 221220111011 1131 1131111111 111111 11111111111 11111 1 t2 15
Mô tả bài toán - c2 12112111111 11111 1111011111101 1111111111 1111111 11101111 cH 15
Quản lý khách hàng: Mỗi khách hàng được quản lý các thông tín sau đây: Họ tên, địa chỉ, điện thoại, email, tên đăng nhập, mật khẩu
Quản lý mặt hàng: Mỗi mặt hàng được quản lý những thông tin: Tên mặt hàng, đơn giá, số lượng, hình ảnh, mô tả, kích thước, ngày thêm, ngày cập nhật, trang thai
Quá trình đặt hàng: Khách hàng truy cập vào trang web xem và lựa chọn mat hàng cần mua Sau khi lựa chọn được sản phâm cần mua, khách hang nhấn chọn
Xây dựng website cửa hàng quân áo GVHD: Ths Doàn Phước Miền thanh toán đơn hàng Đề thanh toán đơn hàng thành công, trước hết khách hàng cần đăng nhập tài khoản vào trang web Sau khi đăng nhập thành công khách hàng sẽ điền thông tin nơi nhận hàng và có thê thanh toán băng tiền mặt khi nhận hàng Trên trang web, các mặt hàng được sắp xếp và phân theo từng loại mặt hàng giúp cho khách hàng dễ dàng tìm kiếm Trong hoạt động này, khách hàng chỉ cần chọn một mặt hàng nào đó từ đanh mục các mặt hàng thì những thông tin về mặt hàng đó sẽ hiển thị lên màn hình như: Hình ảnh, đơn giá, mô tả Trang web có chức năng giỏ hàng giúp khách hàng chứa các thông tin về hàng hóa lẫn số lượng sản phẩm
Yêu cầu trang web: truy cập hệ thống gồm có hai quyền:
User: Là những người có nhu cầu mua sắm hàng hóa Họ sẽ tìm kiếm các sản phẩm cần thiết từ hệ thống và đặt mua các sản phâm này Vì thế trang web phải thỏa mãn các chức năng sau:
- _ Hiển thị danh sách các sản phẩm của cửa hàng đề khách hàng có thể xem và lựa chọn
- _ Cung cấp chức năng tìm kiếm sản phẩm, phân trang
- Thêm sản phâm vào giỏ hàng và thanh toán đơn hàng Nếu thanh toán đơn hàng thành công thì hệ thống sẽ gửo thông tin đơn hàng qua email cho khách hàng
- Ngoai ra con co mét s6 chite nang nhu: Đăng kí, đăng nhập Khách hàng có thê thay đôi mật khâu của mình thông qua email
Admin: Là người làm chủ ứng dụng, có quyền kiểm soát mọi hoạt động của hệ thống Người này được cấp một tài khoản để đăng nhập vào hệ thống thực hiện các chức năng của mình Nếu như quá trình đăng nhập thành công thì người quản trị có những chức năng sau:
- Chức năng quản lý cập nhật (thêm, xóa, sửa) các sản phẩm trên trang web, việc này không phải đễ nó đòi hỏi chính xác
- Tiếp nhận và kiểm tra đơn đặt hàng của khách hàng Hiển thị đơn đặt hàng hay xóa bỏ đơn đặt hàng
- _ Thống kê các sản phâm đã bán, thông kê lượt truy cập
- _ Xuất các danh sách ra file excel hoặc pdf
Xây dựng website cửa hàng quân áo
Thiết kế hệ thông - - 1 St TT E12 1112111121111 1111 1111111111211 re 17
Coun Nina Oa Ves Mow a avid = 5 +0 D v0 m - ) tem a
[ a a a a Nise sử a = a sous b C sechar a “ n a archer
Yêu cầu chức năng - - tt 1111111111111 111112111121111101 11 110g rre 17
- Luu trot: e Thong tin khách hàng e©_ Thông tin sản phẩm e_ Thông tin danh mục sản phẩm ® Thong tin slide gidi thiéu ® Thong tin don dat hang ¢ Thông tin vận chuyên đơn hàng
- Tra ctu: e Tra ctru thông tin sản phâm ® - Tra cứu thông tin khách hàng e _ Tra cứu thông tin danh mục sản phẩm
GVHD: Ths Doan Phước Miền
Xây dựng website cửa hàng quân áo GVHD: Ths Doàn Phước Miền ® Tra ctru thong tin đơn đặt hàng
- Kếtxuất: Â _ In đanh sỏch sản phẩm ra ủle excel, pdf ® In danh sách nhân viên ® In danh sách sản phẩm bán chạy nhất
+ Người quản trị (admin): có toàn quyền trên hệ thống
+ Nhân viên: truy vấn dữ liệu, in danh sách, cập nhật dữ liệu
- Lay lai mat khau bang gmail
- Pang nhap bang tai khoản google
Thiết kế giao điện - s1 2111111111111 111121 1110111212111 11 0y 18
3.2.4.1 Giao diện đăng nhập và đăng ký
Giao diện đăng nhập là giao diện dùng để đăng nhập tài khoản người dùng vào hệ thống Mỗi tài khoản được cấp 1 quyên riêng trên website
Xây dựng website cửa hàng quân áo GVHD: Ths Doàn Phước Miền
HH Ok mã ©©@*9( ©0436 3 AU me FEO yi Hinh 4 Giao diện đăng nhập admin
TÀI KHOẢN ĐĂNG NHAP Tên đăng nhập Mật khẩu
Hinh 5 Giao dién dang nhap khach hang 3.2.4.2 Giao dién trang chu
Admin: Giao diện trang chủ dùng đề hiển thị các chức năng có trên website
Xây dựng website cửa hàng quân áo GVHD: Ths Doàn Phước Miền
Xin chảo, Nguyễn Thanh Xuân lÐ O ã €©€@:z⁄9(c œ@œqđ351+€ ^M B6 s9 se
Hình 6 Giao diện trang chủ của admin Khách hàng: Giao điện trang chủ dùng để giới thiệu các mặt hàng có trên website Khách hàng có thê xem được các sản phẩm hot nhất và mới nhất trên trang chủ
“Bella Shop NAM NỮ asin pono @
GIAM GIA 10% SAN PHAM AO POLO
Sản phẩm được xuất xứ từ Hàn Quốc l © k&s ©€© ‹(c @6@œđ 5313 € ^W me ©4® Me Hình 7 Giao diện trang chủ khách hàng
Xây dựng website cửa hàng quân áo GVHD: Ths Doàn Phước Miền
3.2.4.3 Giao diện cập nhật thông tin ° x +
Thông tin của tôi Cập nhật thông tin mm
Hình 8 Giao diện cập nhật thông tin
3.2.4.4 Giao diện xem danh sách, thêm, sửa, xem thông tin chi tiết
- _ Giao diện danh sách sản phẩm
Quản lý sản phẩm Sản Phẩm
Danh Danh mục Kích Tổng số Giá khuyến Trạng
Hình ảnh Tên sản phẩm mục cha thước lượng Giá mãi thái Cài đặt
Waterproof jacket Áokhoác Nữ M.LXL 70 440000 0 Ô oF
Coat with zipper and Áo khoá: Nữ M, L XI 9 570000 0 Ô oe? belt ữ a ^ ae
BOuweeOndeKvoarie `1 Hình 9 Giao diện danh sách sản phâm
- Giao diện thêm sản phâm
Xây dựng website cửa hàng quân áo GVHD: Ths Doàn Phước Miền
Quản lý san pham Thêm sản phẩm
Hình 10 Giao diện thêm sản phâm
-_ Giao diện cập nhật sản phẩm ° x +
Quản lý san pham Chỉnh sửa sản phẩm
BB Ok š©€ 6C 004312 @ Hình L1 Giao diện cập nhật sản phâm
-._ Giao diện xem chi tiết sản phâm
Xây dựng website cửa hàng quân áo GVHD: Ths Doàn Phước Miền
Danh sách chỉ tiết sản phẩm
Kích thước Số lượng Cài đặt ain SO Oe Cee te Aid me 99 yi @
Hinh 12 Giao dién xem chi tiét san pham
3.2.4.5 Giao dién xem chi tiét san pham
Giao diện này giúp khách hàng có thể xem tất cả chỉ tiết về sản phâm như giá tiền, mô tả, tên danh mục, tình trạng sản phẩm
Chu dé: Fall/Winter 2021 Thanh phan: 100% Nylon Xuất xứ: China
Hinh 13 Chi tiét san pham
Xây dựng website cửa hàng quân áo GVHD: Ths Doan Phước Miền
Ngoài việc xem chỉ tiết sản phẩm, khách hàng có thê viết bình luận và đánh giá sản phẩm
Sản phẩm này chất lượng rất tốt
Sản phẩm này rất tốt
Sản phẩm này rất tốt
Hình 14 Viết bình luận về sản phẩm
240,000 Kích thước b anh mye z Kích thước 140,000đ
Xây dựng website cửa hàng quân áo GVHD: Ths Doàn Phước Miền
% 0314354042 Tài thoả ®Bella Shop NAM NỮ 3sin phim | 700.9003 &Đ)
GIAM GIA 10% SAN PHAM AO POLC
Sản phẩm được xuất xứ từ Hàn Quốc š§ ©O ta © @ 9C $Ð@$ 3281} € AGM SHO ya Hinh 16 Wedget cua gid hang
3.2.4.7 Giao diện thanh toán Đề thanh toán được giỏ hàng đã chọn trước hết ta cần đăng nhập tài khoản và trang web Sau khi đăng nhập thành công ta điền thông tin vận chuyền
@ Bells shop x + 3 © 9 C @ loahort44385/Otde/CheckOut er aes:
@ Bella Shop NAM NO sản phim | 7000008 G) ĐẶT HÀNG
Số điện thoại Địa chỉ Áp Chàng mặt, xã Hòa Lợi, huyén Chau Thanh, tinh Tra Vĩnh
Bon speedvevoear oer AGG 6 SHO quien ® Hinh 17 Thém théng tin van chuyén
Sau khi điền đầy đủ thông tin vận chuyến, ta sẽ xem lại giỏ hàng đã mua và chọn phương thức thanh toán
Xây dựng website cửa hàng quân áo GVHD: Ths Doan Phước Miền
MHOum©€©scễ%@eoesadaa+aexzx ^ t4 BH 2408 xênm@ Hinh 18 Thanh toán đơn hàng
3.2.4.8 Giao diện đơn đặt hàng
Tất cả các đơn đặt hàng của khách hàng được người quản trị quản lí Người quản trị sẽ xác nhận đơn hàng và nhận các phản hồi từ người dùng ° x +
@ localhost eae er Bella Shop a a
Ma don hang Tên khách hàng Số điện thoại Ngày đặt Tống tiên Trạng thái Cải đặt
6 Thanh Xuan 0374354042 20/04/2022 3:48:15 PM 100,000 ® hanh an 1434042 —- 12/04/2022943⁄11AM 1,500,000 Đan: -
P > B 347M lE O &s œ% €© € ‹9(- $ œ $ 4 + €@ % AGM OM SMO our @ Hinh 19 Danh sach cac don dat hang
Xây dựng website cửa hàng quân áo GVHD: Ths Doàn Phước Miền
CHƯƠNG 4: CÀI ĐẶT VÀ THU NGHIEM 4.1 Cài đặt
Các công cụ thực thi ứng dụng:
- - Visual Studio 2022 là công cụ dùng để xây dựng và thực thí ứng dụng chạy trên mạng cụ bộ Nó giúp cho việc xây dựng website trở nên dễ dàng
- Sử dụng công cụ SQL Server để lưu trữ, cập nhật và truy xuất dữ liệu.
Dữ liệu thực nghiệm - 5 2C 22221222112 1211 1211112111111 1112111111181 1112222 27 CHƯƠNG 5: KÉT LUẬN VÀ HƯỚNG PHÁT TRIỂN . -ô- 29
Dữ liệu thực nghiệm là một phần không thể thiếu trong việc xây dựng trang web Nó giúp ta trải nghiệm website gan như thực tế Việc thêm đữ liệu thực nghiệm còn giúp ta phát hiện một số lỗi về hiên thị và xử lý đữ liệu trong việc phát triển website
Dưới đây là một số bảng đữ liệu thực nghiệm chính:
ID Name Me Description Image Price Promotion CategorID Detail CreatedDate CreatedBy ModifiedBy ModifiedD _ Status
1 Printed maxi dress NULL Chis Ge: Spr 220352356 Printed 500000 0 8 NULL 2022-03-28 admin admin 2022-03-29 True Long flower dress NULL Chi GB: Spr 220446800_Long 11 120000 0 8 NULL 2022-03-28 admin NULL NULL True
Dress NULL Chir 6: Spr 220620363 Dress) 5000000 0 8 NULL 2022-03-28 admin NULL NULL True
Flower printed wrap dr NULL Chi dé: Spr 220711474 Flower 7000000 0 8 ‘NULL 2022-03-28 admin NULL NULL True Flower printed dress NULL Chir 6@: Spr 220749219 Flower 6000000 0 8 NULL 2022-03-28 admin NULL NULL True Flower print jumpsuit NULL Chis d&: Spr 220623858 Flower 4000000 0 8 NULL 2022-03-28 admin NULL NULL True Abstract printed dress /MƯIL Chùđề: Spr 220305384 AÐsta 5000000 0 8 NULL 2022-03-28 admin NULL NULL True
8 Baroque printed dress @MULL Chủ: 5pr 220938251Baroq 6000000 0 8 NULL 2022-03-28 admin NULL NULL Tue
9 Cotton and linen dress NULL Chủđề: Spr 221022872 Cotton 8000000 0 8 NULL 2022-03-28 admin NULL NULL True ) Long dress with pompo NULL Chi dé: Spr 221103392 Longd 5000000 0 8 NULL 2022-03-28 _ admin NULL NULL True Dress with tie-up straps NULL Chird® Spr 221203848 Dress 5000000 0 8 NULL 2022-03-28 admin NULL NULL Tue Flower printed shirt dress NULL Chili Ge: Spr 221232677_Flower 5000000 0 8 NULL 2022-03-28 admin NULL NULL True
Denim dress NULL Chủ: Spr 221310394 Denim 450000 9 8 NULL 2022-03-28 admin NULL NULL True
Revd'elle - Floral print NULL Chi &: Spr 221341743 Revd'e 460000 0 8 NULL 2022-03-28 admin NULL NULL True Revd'elle - V-neck crap NULL Chir 6é: Spr 221409690 Revde 520000 0 8 NULL 2022-03-28 _ admin NULL NULL True jacket NULL Chủ đề: Sọr 222339912 jacket) 200000 0 3 NULL 2022-03-28 admin admin 2022-03-28 True Manteau long elegant = NULL Chi G®: Spr 222408915_Mante 120000 0 3 NULL 2022-03-28 admin admin 2022-03-28 True
8 Jackets NULL Chủ đề: Fail 222435466 Jakets 150000 0 3 NULL 2022-03-28 admin admin 2022-03-28 True
9 Westes NULL Chù đề: Spr 222502675 Vestes 130000 0 3 NULL 2022-03-28 admin admin 2022-03-28 True ) Brown suedette sherpa NULL Chủđề: Spr 222531830 8rowm 160000 0 3 NULL 2022-03-28 admin admin 2022-03-28 True Quilted jacket NULL Chủ đề: Fail 222604394 Ouilte 150000 0 3 NULL 2022-03-28 admin admin 2022-03-28 True Manteau avec fourrure NULL Chủ đề: Fall 222635604 Mante 140000 0 3 NULL 2022-03-28 admin admin 2022-03-28 True
23 FELEREMA NULL Chủ cẽ: Fail 222701126 FELERE 140000 0 3 NULL 2022-03-28 admin admin 2022-03-28 True Blouson bombardier st NULL Chủ đề: Fall 224107364 Blouso 110000 0 3 NULL 2022-03-28 admin NƯU NULL True
FRILIVIN NULL Thành phần: 224133110 FRILIVI 150000 0 3 NULL 2022-03-28 _ admin NULL NULL True winter jacket + hat rem MUL( Chủ đề: Fall 221812591_winter 100000 0 3 NULL 2022-03-28 admin admin 2022-03-29 True Men's Jacket NULL Chủ đề: Fall 224219483_Men's J 110000 0 3 NULL 2022-03-28 admin NULL NULL Tue
28 Manteaux FRILIVIN NULL Chi đề: Fail 224241339 Mante 130000 0 3 NULL 2022-03-28 admin NULL NULL True
9 doudoune NULL Chi 68: Fall 224304055 doudo 150000 0 3 NULL 2022-03-28 _ admin NULL NULL True
Hình 20 Dữ liệu bảng sản phâm
ID Name MetaTitle ParentID CreatedDa CreatedBy Modified ModifiedBy Status
1 Nam NULL NULL 2022-03-28 admin NULL NULL True
2 Nữ NULL NULL 2022-03-28 admin NULL NULL True
3 Ác khoác NULL 1 2022-03-28 admin 2022-03-28 admin True
4 Áo Polo NUIL 1 2022-03-28 admin 2022-03-28 admin True
5 Quan short NULL 1 2022-03-28 admin NULL NULL True
6 Áo vestes NULL 1 2022-03-28 admin NULL NULL True
7 Áo khoác NULL 2 2022-03-28 admin NULL NULL True
8 Dam NULL 2 2022-03-28 admin NULL NULL True
9 Quần jeans NULL 2 2022-03-28 admin NULL NULL True
10 Ao Blouse NULL 2 2022-03-28 admin NULL NULL True
Xây dựng website cửa hàng quân áo
ID UserName admin xuân dien hy hung thanhxuan
Hình 21 Dữ liệu bảng danh mục sản phâm
Name Nguyễn Thanh Xuân Nguyễn Thanh Xuân Nguyễn Phú Điền
Le Tan HY Huỳnh Công Hưng Thanh Xuan
Address Trà vinh Trả vinh Trà vinh Trả vinh Trà vinh
Hình 22 Dữ liệu bảng người dùng
EmailConfi false False True False False False
Status True True Role oo e
GVHD: Ths Doan Phước Miền
ModifiedBy NULL NULL NULL NULL NULL NULL
Xây dựng website cửa hàng quân áo GVHD: Ths Doàn Phước Miền
CHUONG 1 CHUONG 5: KET LUAN VA HUONG PHAT TRIEN
5.1 Cac két quả đạt được
- Hoàn thành thiết kết cơ sở đữ liệu về cửa hàng thời trang
- _ xây dựng thành công website cửa hàng thời trang
-_ Hoàn thành các chức năng cơ bảng như thêm, xóa, sửa đữ liệu
-_ Hoàn thành chức năng tra cứu thông tin và xuất dữ liệu ra file pdf, excel
- _ Biết cách thao tác gửi email trong việc phát triển các chức năng của website
- - Ràng buộc một số đữ liệu do người đùng nhập
5.2 Hạn chế, hướng phát triển
- Chưa xử lý một số lỗi bảo mật cho trang web
- Thiết kế cơ sở dữ liệu chưa được hoàn chỉnh cho một trang web bán hàng thời trang
- Str dung công nghệ web API để tiếp tục phát triển website Web api giúp người dùng tương tác với wbsite một cách hiệu quả
- Phat triển thêm một số tính năng cho website như: ® Khách hàng có thể trực tiếp hủy đơn hàng khi đã đặt mà không cần thông qua người quan tri s - Cho phép xem lại các lịch sử đơn hàng e - Quản lý việc khách hàng gửi email đề phản hồi
Hạn chế, hướng phát triỂn + + 122111 S21211111111111111 1111111211111 11 c2 29
- Chưa xử lý một số lỗi bảo mật cho trang web
- Thiết kế cơ sở dữ liệu chưa được hoàn chỉnh cho một trang web bán hàng thời trang
- Str dung công nghệ web API để tiếp tục phát triển website Web api giúp người dùng tương tác với wbsite một cách hiệu quả
- Phat triển thêm một số tính năng cho website như: ® Khách hàng có thể trực tiếp hủy đơn hàng khi đã đặt mà không cần thông qua người quan tri s - Cho phép xem lại các lịch sử đơn hàng e - Quản lý việc khách hàng gửi email đề phản hồi
