5.3.1. Thiết kế cơ sở dữ liệu
1. Xõy dựng sơ đồ quan hệ thực thể (Entity relationship diagram - ERD) Giải thớch cỏc kớ hiệu trong sơ đồ quan hệ thực thể ERD
Mã khách hàng Các thuộc tính khác Tên khách hàng
Khách hàng
Khởi tạo Hóa đơn Chứa
Mặt hàng Có Lọai hàng
Quan hệ
Hóa đơn chi tiết
1 N 1 1 N N 1
Sơ đồ quan hệ thực thể ERD
:Ký hiệu thuộc tính :Ký hiệu thực thể :Ký hiệu quan hệ :Ký hiệu kết nối Các mối quan hệ 1:1 1:N N:N Quan hệ một - một Quan hệ một - nhiều Quan hệ nhiều - nhiều
Giải thích 1 N Ký hiệu khóa chính :
2. Mụ tả bảng cơ sở dữ liệu Bảng sản phẩm Tờn trường Kiểu dữ liệu Kớch thước Ràng buộc Ghi chỳ
ProductID Int 4 Primary
key
Khúa chớnh(P) ProductName Nvarchar 50 Not null
CategoryID Int 4 Foreign
key
Tham chiếu đến khúa chớnh bản Category ProductPic Varchar 50 Not null Ảnh minh họa
của sản phẩm Description nvarchar 400 Null Mụ tả sản phẩm
Price Money 8 Null Giỏ của sản phẩm
ProductStatus Int 4 Null Cũn hay hết?
Quantity int 4 Not null
Type Char 10 Null Sản phẩm mới, cũ,
khuyến mại
Weight Varchar 10 Null Khối lượng của sản phẩm Size Varchar 30 Null Click thước(dài, rộng, cao)
Capacity Varchar 40 Null Cụng xuất của mỏy
Warranty Int 4 Null Thời hạn bảo hành
của sản phẩm
Hit bigint 8 Null Số lần khỏch hàng ghộ thăm
Bảng tbOrders Tờn trường Kiểu dữ liệu Kớch thước Ràng buộc Ghi chỳ
OrderID Int 4 P Khúa chớnh
D key bảng customers OrderDate Datetime 8 Null Ngày lập húa đơn SLastName Nvarchar 504 Null Họ của khỏch hàng SFirstName Nvarchar 50 Null Tờn khỏch hàng
Scity Nvarchar 50 Null Thành phố
Saddress Char 100 Null Địa chỉ
Smethod Char 25 Null Phương thức vận chuyển Sdate Datetime 8 Null Thời gian vận chuyển
SState Char 10 Null Vựng vận chuyển
SPostalcode Char 10 Null Mó bưu điện
SCountry Char 10 Null Quốc gia
Total Money 8 Null Tụng tiền
Tax Money 8 Null Thuế
Status Char 10 Null Trạng thỏi
SAmt Money 8 null Thẻ tớn dụng
Bảng tbOrderDetails Tờn trường Kiểu dữ liệu Kớch thước Ràng buộc Ghi chỳ
OrderID Int 4 P Primary key
ProductID Int 4 Foreign
key
Tham chiếu đến khúa chớnh bảng Products
Quantity Int 4 Not null Số lượng sản phẩm
Tờn trường Kiểu dữ liệu Kớch thước Ràng buộc Ghi chỳ
AdvID Int 4 P Khúa chớnh
advSologan Nvarchar 50 Null Khẩu hiệu
advImages Char 100 Null Ảnh minh
họa
advStatus Char 10 Null Trạng thỏi
advLink Char 50 Null Địa chỉ
liờn kết
Bảng tbAdmin
Tờn trường Kiểu dữ liệu Kớch thước Ràng buộc Ghi chỳ
UserID Int 4 P Primary key
UserName Varchar 25 Not null Tờn
Password Varchar 16 Not null Mật khẩu
UserStatus Char 10 Null Trạng Thỏi
Bảng tbCustomers Tờn trường Kiểu dữ liệu Kớch thước Ràng buộc Ghi chỳ
CustomerID Int 4 P Primary key
LastName Nvarchar 50 Not null Họ của khỏch
hàng
FirstName Nvarchar 50 Null Tờn
CardNo Varchar 50 Null Thẻ tớn dụng
CardExprice Datetime 8 Null Hạn sử dụng
CardType Varchar 50 Null Loại thẻ
Address Nvarchar 60 Null Địa chỉ
Phone Varchar 24 Null Số điện thoại
Email Varchar 50 Kiểm tra
Password Char 16 Not null Mật khẩu
CustomerStatu s
Int 4 Null Tỡnh trạng khỏch
hàng
City Nvarchar 50 Null Thành phố
Bảng tbCategories
Tờn trường Kiểu dữ liệu Kớch thước Ràng buộc
Ghi chỳ
CategoryID Int 4 P Primary key
CategoryName Varchar 50 null Tờn mặt
hàng
CatetStatus Char 10 Null Trạng thỏi
Bảng tbFeedback Tờn
trường
Kiểu dữ liệu Kớch thước Ràng buộc Ghi chỳ
FeedbackID Int 4 P Primary key
LastName Nvarchar 50 Not null Họ tờn người
gúp ý
FirstName Nvarchar 50 Notnull Tờn người
gúp ý
Address Varchar 60 Null Địa chỉ
Email Varchar 50 Not null
Content Varchar 500 Not null Nội dung gúp
ý
FeeStatus Int 4 Null Tỡnh trạng
thụng tin phản hồi
FBDate Datetime 8 Null Ngày gúp ý
Bảng tbNews
Tờn trường
Kiểu dữ liệu Click thước
Ràng buộc
Ghi chỳ
NID Int 4 P Khúa
chớnh
Ncontent Nvarchar 1000 Null NộI dung
Ndate Smalldatetime 4 Null Thời
gian đăng tin
Nimages Nvarchar 255 Null Ảnh
Ntype Char 10 Null Loại
tin tức
Nauthor Nvarchar 255 Null Tỏc
giả viết
bài
- Thụng qua mụ hỡnh ERD và sơ đồ thiết kế CSDL như trờn trang web được thiết kế với giao diện chớnh như sau: Giao diện trang chủ
- Bạn cú thể tỡm kiếm sản phẩm theo tờn hóng trong mục tỡm kiếm hoặc theo tờn hóng trong danh mục sản phẩm.
- Ở giữa trang cú trưng bày một số sản phẩm điển hỡnh của cỏc hóng: Sản phẩm bỏn chạy, sản phẩm mới, sản phẩm khuyến mại.
- Ngoài ra website cũn cung cấp cỏc phụ kiện của cỏc hóng nổi tiếng trờn thế giới.
- Khỏch hàng cú thể tỡm hiểu về Web site thong qua phần giới thiệu. - Thụng tin về sản phẩm khuyến mại,tin tức,…cũng cú thể xem trong mục thụng tin.Cỏc doanh nghiệp cú thể đăng ký quảng cỏo ở bờn phải của website.
Trang sản phẩm
- Khi ta tỡm sản phẩm theo hóng thỡ trang sản phẩm sẽ hiện ra cỏc sản phẩm của hóng đú.
- Cỏc sản phẩm sẽ được bố chớ trờn trang sao cho khỏch hàng cú thể dễ dàng xem một cỏch tốt nhất.
- Khi khỏch hàng đưa chuột vào một sản phẩm nào đú thỡ cỏc sản phẩm sẽ sỏng hơn lỳc bỡnh thường.
- Nếu bạn muốn xem một cỏch chi tiết hơn về một sản phẩm nào đú thỡ chỉ cần di chuyển chuột đến sản phẩm đú và click đỳp vào thỡ cỏc thụng tin chi tiết về sản phẩm sẽ được hiển thị.Và khỏch hàng cú thể bắt đầu mua và đặt hàng.
Trang sản phẩm chi tết
- Khi sản phẩm đó hiện thị chi tiết thỡ ngoài ảnh của sản phẩm cũn cú cỏc thụng tin chi tiết về sản phẩm đú như: Tờn sản phẩm, kớch thước, trọng lượng, giỏ bỏn, thời gian bảo hành,…
- Nếu khỏch hàng muốn mua sản phẩm sản đú thỡ chỉ cần nhấp vào nỳt mua hàng được bố trớ ngay dưới sản phẩm, lỳc này hệ thống sẽ đưa sản phẩm vào form giỏ hàng
- Cỏc chức năng cho trang web sẽ được đi sõu và chi tiết hơn trong
phần tiếp theo. Trong phần này, cỏc chức năng sẽ được chia theo 2 nhúm chớnh: khỏch hàng và quản lý.
5.3.2.1 Khỏch hàng
1. Chức năng đăng nhập
a. Giao diện:
b. Mụ tả chức năng:
- Khỏch hàng chưa đăng nhập vào hệ thống sẽ được yờu cầu nhập cỏc thụng tin cần thiết để đăng nhập: Email, mật khẩu
- Nếu đỳng thỡ chuyển sang trang sản phẩm - Nếu sai, hiển thị thụng bỏo và yờu cầu nhập lại.
- Nếu quờn mất khẩu, cú thể lấy lại thụng qua Email. Hệ thống sẽ yờu cầu nhập Email để xỏc nhận lại, sau khi khỏch hàng nhập xong Email thỡ sẽ nhận được thụng bỏo mật khẩu sẽ được gửi lại vào Email của khỏch hàng.
- Nếu chưa là thành viờn, khỏch hàng cú thể đăng ký. Khi click đường link đăng ký thỡ hệ thống sẽ chuyển sang trang đăng ký.
Bắt đầu Nhập thông tin đăng nhập Kiểm tra Lưu trữ thông tin đăng nhập Hiển thị trang chủ và lời chào Kết thúc Hiển thị thông báo Đ S
Flowchart đăng nhập của khỏch hàng
2. Chức năng đăng ký thành viờn
b. Mụ tả chức năng:
- Khi vào phần đăng ký thành viờn.
- Khỏch hàng được yờu cầu nhập cỏc thụng tin cần thiết về cỏ nhõn. - Một số thụng tin nhập vào là bắt buộc như: Họ, tờn, địa chỉ, Emai. - Sau khi đó hoàn tất form đăng ký, khỏch hàng click vào nỳt đăng ký để hoàn tất việc đăng ký.
- Nếu nhập sai cú thể nhập lại sau khi click vào nỳt Làm lại thỡ cỏc thụng tin trước đú sẽ bị xúa và bạn cú thể bắt đầu nhập lại.
- Nếu khụng muốn trở thành thành viờn trang web nữa, click vào nỳt back trờn trỡnh duyệt.
- Bạn cũng cú thể nhập một số thụng tin thờm như: Mó vựng, mó bưu điện cũn loại thẻ thỡ cú thể khụng vỡ chỳng tụi chưa thanh toỏn bằng thẻ.
Bắt đầu
Nhập thông tin đăng ký
Kiểm tra
Lưu thông tin vào CSDL
Thông báo đăng ký thành công Kết thúc Đ Thông báo viết lại S
Flowchart đăng ký thành viờn của khỏch hàng
3. Chức năng tỡm kiếm mỏy điều hũa
b. Mụ tả chức năng
- Người sử dụng nhập sản phẩm theo hóng sản xuất hoặc tờn cỏc sản phẩm cần tỡm.
- Hệ thống đối chiếu với CSDL nếu cú thỡ sẽ hiển thị trong trang sản phẩm.
- Nếu khụng thấy, đưa ra thụng bỏo…
- Nếu người sử dụng chỉ tỡm kiếm theo tờn sản phẩm, thỡ trang web sẽ hiển thị toàn bộ cỏc sản phẩm cú trong CSDL của hóng
- Nếu người sử dụng chỉ tỡm kiếm theo giỏ sản phẩm, thỡ trang web sẽ hiển thị toàn bộ cỏc sản phẩm và giỏ sản phẩm cú trong CSDL của hóng.
c. Flowchart Bắt đầu Nhập thông tin sản phẩm Tìm kiếm trong CSDL Tìm thấy Thông báo không có sản phẩm Hiển thị thông tin sản phẩm Kết thúc Đ S Forwchart tỡm kiếm sản phẩm
4. Chức năng giỏ hàng(mua hàng)
a. Giao diện:
b. Mụ tả chức năng
- Sau khi mua hàng, hàng của quý khỏch sẽ được cho vào giỏ hàng. - Nếu tiếp tục mua hàng, khỏch hàng click chuột vào nỳt mua tiếp trờn giỏ hàng.
- Cú thể cập nhật thờm về cỏc sản phẩm thụng qua nỳt cập nhật - Giao dịch sẽ bị hủy bỏ khi quỏ trỡnh mua hàng khụng được hoàn tất.
- Nếu muốn xúa 1 sản phẩm ra khỏi giỏ hàng thỡ trỏ con chuột vào cột cú biểu tượng thựng giỏc và click thỡ lập tức sản phẩm tương ứng sẽ được xúa khỏi giỏ hàng. Hoặc cỏc bạn cú thể đọc qua chỉ dẫn ở dưới để rừ hơn.
c.Flowchart:
Bắt đầu
Thông tin giỏ hàng
Mua tiếp Hủy bỏ Xóa mặt hàng
Kết thúc Đặt hàng Là thành viên? Hóa đơn Xử lý thông tin Đ S Cập nhật giỏ hàng Chọn hàng Đăng nhập Đăng ký Flowchart giỏ hàng
5. Chức năng giao hàng
a. Giao diện:
b. Mụ tả chức năng
- Khỏch hàng sau khi quyết định mua hàng sẽ được yờu cầu hoàn tất húa đơn để mua hàng bằng cỏch click vào nỳt mua hàng và sản phẩm sẽ được đưa vào giỏ hàng.
- Sau khi hoàn tất việc mua hàng bằng cỏch click chuột vào nỳt thanh toỏn thỡ sẽ hiện ra form giao hàng sau khi qua bước xỏ nhận khỏch hàng đó hoặc chưa là thành viờn. Sau khi đó xỏc nhận xong thỡ sẽ hiện ra Form giao hàng như trờn và cỏc thụng tin về sẽ được hệ thống tự động đưa vào Form bạn chỉ viờc click chuột vào nỳt xỏc nhận là hoàn tất qỳa trỡnh mua hàng.
- Khỏch hàng cú thể biết được phớ vận chuyển và thuế (thuế khụng được chớnh xỏc).
- Bạn cũng cú thể thay đổi thụng tin sản phẩm trong giỏ hàng.
- Hàng sẽ được chuyển đến cho khỏch hàng qua thụng tin giao hàng cũn nếu cỏc bạn muốn gửi cho người khỏc thỡ cần nhập thụng tin của người đú vào thay thụng tin của mỡnh trong mục thụng tin giỏ hàng.
- Nếu đỳng thỡ click chuột vào nỳt xỏc nhận và quỏ trỡnh đặt hàng đó hoàn tất.
- Trong phần thanh toỏn cỏc bạn hóy chọn phương thức thanh toỏn trực tiếp vỡ Website chưa hoàn thiện hỡnh thức thanh toỏn bằng thẻ. Hy vọng một ngày nào đú sẽ sớm hoàn thành phương thức thanh toỏn này để phục vụ khỏch hàng ngày một tốt hơn. c. Flowchart Flowchart giao h ngà Thụng bỏo yờu cầu nhập lại
6. Chức năng gúp ý
a.Giao diện:
b.Mụ tả chức năng:
- Khỏch hàng sẽ được giới thiệu và hướng dẫn nhập đầy đủ thụng tin trờn nếu bỏ hệ thống sẽ bỏo lỗi và yờu cầu nhập lại.
- Khi khỏch hàng cú ý kiến cần đúng gúp để xõy dựng trang web, trang gúp ý sẽ cú giao diện như trờn.
- Sau khi nhập đầy đủ cỏc thụng tin, ấn vào nỳt gửi để gửi thụng tin cho ban quản trị web.
c. Flowchart: Bắt đầu Nội dung góp ý Kiểm tra Hiển thị hông báo cảm ơn Kết thúc Gửi ý kiến phản hồi
Viết lại
Đ
S
5.3.2.2. Chức năng cho Quản trị hệ thống
1. Chức năng đăng nhập cho quản trị
a. Giao diện:
b. Mụ tả chức năng:
- Người quản trị được yờu cầu nhập tờn đăng nhập và mật khẩu. - Thụng tin đỳng, chuyển sang trang quản lý.
c. Flowchart: Bắt đầu Nhập thông tin Admin Tìm trong CSDL Kiểm tra Hiển thị trang quản lý của Admin Kết thúc Yêu cầu nhập lại S Đ
2. Trang quản lý của Admin
a. Giao diện:
b. Mụ tả chức năng:
- Sau khi Admin đăng nhập thành cụng sẽ hiện ra trang quản lý, cú cỏc mục chớnh như trờn hỡnh vẽ.
- Quản trị click chuột vào cỏc nỳt tương ứng trờn Menu để chuyển sang cỏc trang quản lý chi tiết hơn.
- Quản trị cú cỏc mục quản lý chớnh là: Sản phẩm, mặt hàng, húa đơn, Sản phẩm, Khỏch hàng, Gúp ý,….
c. Flowchart cho Admin: Bắt Đầu Kết Thúc Kiểm Tra Sử Lý Đăng Nhập Báo Lỗi S Đ Sản Phẩm HàngLoại Phụ Kiện Hóa Đơn Khách Hàng Góp ý QuảngCáo Quản Trị Viên Tin Tức Báo Cáo
3. Chức năng quản lý mỏy điều hũa
a. Giao diện:
b. Mụ tả sản phẩm:
- Trong chức năng quản lý sản phẩm, Admin cú thể quản lý cỏc thụng tin về sản phẩm như xúa sản phẩm khỏi cơ sở dữ liệu, cập nhật cỏc thụng tin cho sản phẩm.
- Ngoài ra, Admin cú thể thờm sản phẩm mới cho CSDL bằng cỏch click chuột vào nỳt thờm sản phẩm, hệ thống sẽ chuyển sang chức năng thờm sản phẩm.
- Nếu muốn Xoỏ tất cả cỏc sản phẩm thỡ chỉ việc tớch vào hộp chọn tất và click chuột vào nỳt xoỏ toàn bộ là được.
- Nếu bạn muốn xem sản phẩm một cỏch chi tiết thỡ tờn sản phẩm thỡ sẽ hiện ra trang chi tiết về sản phẩm đú như: Mó sản phẩm, tờn sản phẩm, số lượng,…
- Tương tự như mặt hàng phần cũng được phõn trang và cũng cú thể được sắp xếp theo mó và loại hàng để tiện cho việc quản lý.
- Nếu Admin muốn cập nhật hay xúa bỏ một sản phẩm nào đú một cỏch nhanh chúng thỡ cú thể nhập tờn của nhà sản xuất của sản phẩm đú vào hộp tỡm kiếm phớa trờn sau đú click chuột vào nỳt tỡm kiếm thỡ lập tức cỏc sản phẩm của hóng đú sẽ hiện ra và bạn cú thể sửa sản phẩm mà bạn muốn sửa.
c. Flowchart:
Flowchart quản lý sản phẩm điều hũa
Bắt đầu Thụng tin sản phẩm Xử lý thụng tin sản phẩm Thụng tin sau khi xử lý Kết thỳc
3. Chức năng quản lý húa đơn
a.Giao diện:
b. Mụ tả chức năng:
- Thụng tin về húa đơn được thể hiện như hỡnh trờn.
- Để xem chi tiết hóy click vào Xem sẽ hiển thị chi tiết về húa đơn đú. - Khi khỏch hàng thanh toan thỡ hóy click vào Xử lớ để chuyển húa đơn sang trạng thỏi đó thanh toỏn.
- Khi húa đơn chuyển sang trạng thỏi đó thanh toỏn thỡ số lượng sản phẩm trong CSDL sẽ trừ đi số lượng tương ứng với sản phẩm cú trong húa đơn
c. Flowchart:
Flowchart quản lý húa đơn
Bắt đầu Thụng tin húa đơn Xử lý thụng tin húa đơn
Lưu thụng tin húa đơn sau khi xử lý
In bỏo cỏo
4. Chức năng quản lý mặt hàng
a.Giao diện:
b. Mụ tả chức năng:
- Chức năng này dựng để quản lý cỏc mặt hàng.
- Tại đõy chỳng ta cú thể cho phộp chỳng được hiện trờn Website hay khụng thụng qua chức năng xúa trong mục lựa chọn.
- Để dễ quản lý trang đươc phõn trang mỗi trang sẽ hiện thị mười loại