Trong bối cảnh này, dự án "Xây Dựng Website Bán Thiết Bị Điện Tử" nhằm đáp ứng và tận dụng những xu hướng mới, mang đến cho người tiêu dùng trải nghiệm mua săm thuận lợi và đăng cap.. Ch
Trang 1PHAN TICH VA THIET KE HE
THONG THONG TIN
Dé tai:
Xây dựng website bán thiết bị điện tử
Người hướng dẫn : Huỳnh Lưu Quốc Linh Sinh viên thực hiện : Trần Trọng Đài - N20DCAT009
Huỳnh Lương Trọng Dat — N20DCAT010 Doan Hai Quan — N20DCAT044 Trịnh Ngọc Thinh — N20DCAT061
Trang 2
Lớp : D20CQATOI-N Khoa : 2020 — 2025 Hệ: ĐẠI HỌC CHÍNH QUY
TP.HCM, tháng 12/2023
Trang 3
Chương 1: Mục lục
LỜI GIỚI THIỆU 4
DAC TA YEU CAU VA QUAN LY HE THONG 7
` n6 ẻẽe nen 7 NH6 1g Tố nan ố.ốe 7
2 So db Use Casen.rccccscccssssssssssssssssssssssssssesssscssssessssessssessesessessssessssessssesssssesessesesess 8
PHAN TICH HE THONG THONG TIN 16 4_ Sơ đồ tuần tự 16 THIẾT KẺ HỆ THÓNG THÔNG TIN 20
5 _ Thiết kế giao diện: -2- 2 se cs©cscseeseereersersersersersrxee 20
T6 .1.18n.aẻa.ố 20 3.2 Giao điện phía QđHHHH: Ăn» nH» HH HH nh HH kg 25
TO CHUC TRIEN KHAI HE THÓNG VÀ ĐÁM BẢO CHÁT LƯỢNG 31
Trang 4
TU 32
7.3 Hướng phát triển trong IưƠng ÌAi: ác Sc SE E11 1212112211121111 1221 re 32
TÀI LIỆU THAM KHẢO 33 BANG PHAN CÔNG CÔNG VIỆC CU TH . - 5-5 <ceseeecsscse sesecse 33
Trang 5LỜI GIỚI THIỆU
Thời đại công nghệ ngày nay đang chứng kiến sự bùng nỗ về các sản phâm và thiết bị điện tử, từ những chiếc điện thoại thông minh đến những thiết bị gia dụng tiên tiến Điều này đã tạo ra một nhu cầu ngày cảng tăng về việc mua sắm trực tuyến, đặc biệt là trong lĩnh vực thiết bị điện tử Trong bối cảnh này, dự án "Xây Dựng Website Bán Thiết Bị Điện Tử" nhằm đáp ứng và tận dụng những xu hướng mới, mang đến cho người tiêu dùng trải nghiệm mua săm thuận lợi và đăng cap
Mục tiêu chính của dự án này không chỉ đơn thuần là tạo ra một trang web thương mại điện tử, mả còn là xây dựng một nền tảng mà khách hàng có thể tin tưởng, thoải mái
và để dàng tương tác Chúng tôi hướng đến việc cung cấp một không gian trực tuyến
an toàn, thân thiện, và đây đủ thông tin cho người dùng khi họ chọn mua thiết bị điện
tử từ Website
Trong quá trình nghiên cứu và phát triển, nhóm chúng em đã nhận thức rõ những thách thức mà người mua và doanh nghiệp có thê đối mặt khi tham gia vào thị trường mua sắm trực tuyến Điều này bao gồm vấn đề về trải nghiệm người dùng, quản lý đa dạng sản phẩm, và nhiều khía cạnh khác Dự án của chúng em đặt ra câu hỏi: Làm thé nao chúng ta có thể giải quyết những thách thức này
Dự án sẽ tập trung vảo việc phát triển một trang web bán thiết bị điện tử đa dạng về sản phẩm, đồng thời cung cấp một giao diện người dùng thân thiện, thuận tiện và an toàn Chúng em cũng sẽ giải quyết các vấn đề liên quan đến quản lý sản phẩm, tìm kiếm hiệu quả, và tăng cường tính tương tác giữa người bán và người mua
Dự án không chỉ là một phần của chương trình học tập, mà còn là cơ hội để nhóm chúng em áp dụng kiến thức và kỹ năng đã học vào thực tế, đồng thời đóng góp vào sự phát triển của cộng đồng mạng mua sắm trực tuyến
Chúng em chân thành cảm ơn sự hướng dẫn và hỗ trợ từ giảng viên đã góp phần làm cho dự án được hoàn thiện hơn Thời đại công nghệ ngày nay đang chứng kiến sự bùng nô về các sản phâm và thiết bị điện tử, từ những chiếc điện thoại thông mình đên
Trang 6những thiết bị gia dụng tiên tiến Điều này đã tạo ra một nhu cầu ngày càng tăng về việc mua sắm trực tuyến, đặc biệt là trong lĩnh vực thiết bị điện tử Trong bối cảnh này, dự án "Xây Dựng Website Bán Thiết Bị Điện Tử" nhằm đáp ứng và tận dụng những xu hướng mới, mang đến cho người tiêu dùng trải nghiệm mua sắm thuận lợi và đẳng cấp
Mục tiêu chính của dự án này không chỉ đơn thuần là tạo ra một trang web thương mại điện tử, mà còn là xây dựng một nền tảng mà khách hàng có thể tin tưởng, thoải mái
và để dàng tương tác Chúng tôi hướng đến việc cung cấp một không gian trực tuyến
an toàn, thân thiện, và đây đủ thông tin cho người dùng khi họ chọn mua thiết bị điện
tử từ Website
Trong quá trình nghiên cứu và phát triển, nhóm chúng em đã nhận thức rõ những thách thức mà người mua và doanh nghiệp có thê đối mặt khi tham gia vào thị trường mua sắm trực tuyến Điều này bao gồm vấn đề về trải nghiệm người dùng, quản lý đa dạng sản phẩm, và nhiều khía cạnh khác Dự án của chúng em đặt ra câu hỏi: Làm thé nao chúng ta có thể giải quyết những thách thức này
Dự án sẽ tập trung vảo việc phát triển một trang web bán thiết bị điện tử đa dạng về sản phẩm, đồng thời cung cấp một giao diện người dùng thân thiện, thuận tiện và an toàn Chúng em cũng sẽ giải quyết các vấn đề liên quan đến quản lý sản phẩm, tìm kiếm hiệu quả, và tăng cường tính tương tác giữa người bán và người mua
Nhóm chúng em đã sử dụng các kỹ thuật phân tich nhu DFD (Diagram Flow Data), ERD (Entity Relationship Diagram), va Use Case dé hiéu rõ yêu cau va tạo ra mô hình
hệ thống chặt chẽ Sau đó, chúng tôi áp dụng các nguyên lý thiết kế hệ thống để xây dựng một kiến trúc chất lượng cao
Dự án không chỉ là một phần của chương trình học tập, mà còn là cơ hội để nhóm chúng em áp dụng kiến thức và kỹ năng đã học vào thực tế, đồng thời đóng góp vào sự phát triển của cộng đồng mạng mua sắm trực tuyến
Chúng em chân thành cảm ơn sự hướng dẫn và hỗ trợ từ giảng viên đã góp phần làm cho dự án được hoàn thiện hơn
Sơ đồ phân rã (BED):
Trang 7
Chuong 1: TONG QUAN DE TAI
Đề tài "Website bán đồ điện tử" đánh dấu một bước tiến quan trọng trong thế giới thương mại điện tử, nơi sự tiện lợi và đa dạng sản phâm được đặt lên hàng đầu dé đáp ứng nhu cầu ngày càng cao của người tiêu dùng Trong bối cảnh mà công nghệ liên tục phát triển, việc xây dựng một nền tang trực tuyến chuyên nghiệp để cung cấp các sản phẩm điện tử là không thế phủ nhận sự quan trọng của đề tài này
Mục tiêu chính cua website nay là tạo ra một trải nghiệm mua săm thuận lợi, từ việc tìm kiếm sản phâm đến quá trình thanh toán Trang web sẽ được thiết kế với giao diện người dùng thân thiện, dễ sử dụng và linh hoạt trên nhiều thiết bị khác nhau, giup người dùng đễ dàng duyệt qua danh mục sản phâm đa dạng từ điện thoại di động, máy tính bảng hay máy tính cá nhân
Đặc biệt, website sẽ tập trung vào việc phân loại sản phẩm một cách hợp lý, giúp khách hàng nhanh chóng định hình được nhụ cầu của mình và dễ đàng lựa chọn sản phẩm mong muốn Tính năng tìm kiếm thông minh và bộ lọc sản phẩm sẽ được tích hop dé toi ưu hóa trải nghiệm người dùng
Chăm sóc khách hàng và đội ngũ hỗ trợ sẽ đóng vai trò quan trọng trong việc duy trì mỗi quan hệ với khách hàng Chính sách đối trả linh hoạt, thông tin sản phâm chỉ tiết
và đánh giá từ người dùng sẽ được tích hợp để tạo ra một môi trường mua sắm đáng tin cậy và an toàn
Không chỉ dừng lại ở khía cạnh kinh doanh, để tài này cũng sẽ tập trung vào các khía cạnh kỹ thuật như bảo mật thông tin cá nhân, hiệu suất trang web, và theo dõi dữ liệu
để liên tục cải thiện trang web
Trang 8Tóm lại, "Website bán đồ điện tử" không chỉ là nơi thương mại điện tử, mà còn là nền tảng nơi mà sự thuận tiện, đa dạng và tin cậy được kết hợp để đáp ứng nhụ cầu ngày cảng cao của khách hàng trong thời đại công nghệ hiện đại
Chương 2: ĐẶC TẢ YÊU CÂU VÀ QUẢN LÝ HỆ
Cách bố trí thông tin: Đảm bảo giao diện đễ đọc, trực quan và dễ sử dụng
Các nút chức năng và biểu đồ: Xác định vị trí, kích thước và chức nang cua các nút, biếu đỗ đề tối ưu trải nghiệm người dùng
Tìm kiếm sản phẩm: Hộp tìm kiếm hiển thị một hộp tìm kiếm nỗi bật ở vị trí dễ
tìm thấy Tìm kiếm theo đanh mục cho phép người đùng lọc kết quả theo đanh mục sản phẩm Tìm kiếm nâng cao cung cấp tìm kiếm nâng cao với các bộ lọc như giá, thương hiệu, đánh p1á
Trang 9Chương 3: MÔ HÌNH HÓA YÊU CÂU
1 Sơ đồ Use Case
So dé use case khach hang
Trang 13Nhập lại form đăng
Trang 14Nhập thông tin dia
Hiễn thị trang giao hang
chi giao hang
Chon thanh toan
Nhập thông tin Thông báo thanh
Trang 15Chọn mảu sắc vả
sô lượng sản phâm
Chon thém vảo giỏ
Chon dat hang
Yes Chon tiép tuc mua hang
Cap nhat don hang
No Thông báo thêm
Trang 18
Người dùng Hệ thống
- - 2| Hệ thông xác nhân Đăng nhập >| đăng nhập
Trang 19
Giao diên web
May cha
Dữ liêu khách hàng
hon chức năng (Danh sách yêu thích, xem thông tin khách
hang, xem sản phẩm, xem don hang, xem tin tức, liên hệ)
Sơ đồ tuân tự chức năng tìm kiêm
Giao diên web May chi
Dữ liêu khách hàng
Sơ đỗ tuần tự chức năng thêm vào giỏ hàng
Lấy thông tin san pham Thông tin sản phẩm
Xử lý
< - e.es.=ee=e=eSee=.=e=e=e==e=.=.===.=======~
Trang 20
Giao diễn web Máy chủ Dữ liêu khách hàng
Hiễn thị form đăng nhập
Giao diên trang chủ
So dé tuần tự chức năng đăng xuất
Trang 21Yêu cầu đãng xuất
Trang 22
: 1: Yeu cau chuc nang dang ky : ' :
<———— | :
4 Kiem tra kieu ;
5: Thong tin khong hop le 6: Ghi du lieu h 7: Kiem tra du lie
Ác —_———_— số”) j u lieu
8: Du lieu khong hop le J]
3E 10: Dang ky thanh cong
11: Trang chủ =
Chuong 5: THIET KE HE THONG THONG TIN
1 Thiết kế giao diện:
1.7 Giao diện phía user:
- Dang nhap/ đăng ký:
Miễn phí vận chuyển cho đơn hang trên 10tr và trả hàng miễn phi De 40211606265
Quên mật khẩu
ph de etna
22
Trang 23in SHOP Danh sách S02 a
Sea &Ó Tài khoản
TRANGCHỦ SANPHAM ĐƠNHÀNG TINTỨC LIÊN HỆ
Trang chủ / Đăng nhập
Đăng nhập ha8gmailcom
` = Apple MacBook Air 13 inch M2 2022 8-coreCPU/16GB/256
TRANG CHU SANPHAM 9)
- Tim kiém theo hing
23
Trang 24thích
¬ Tai nghe WH-CH520 TRANG CHU SẢNPHÁM ĐỊ
DT SHOP 0 ws nghe WH-CH520 1290000
Giỏ hàng / Thông tin /Vận chuyển / Thanh toán RA! une
- Tim kiém theo san pham
- Xem san pham
- Chire nang xem danh sach san pham
- _ Chức năng tìm sản phẩm theo từng mục (Loại, hãng ), lọc sản phẩm
TT x — tr
TRANG CHỦ SẢNPHẨM ĐƠNHÀNG TINTỨC LIÊN HỆ
Trang chù / Danh sách yêu thích
Trang 25loại: Headphone
Đặc điểm: festured Trang thai: Con hang Màu sắc :
Số lượng : 0 See i]
ti Themdésosinh © Thémvaomuc yéu thich
Vận chuyển và hoàn tiền :
Miễn phí và
hàng! chuyển cho các đơn hàng tử 500.000đ và hoàn tiền có sẵn trên tắt cả các đơn đật Chúng tôi vận chuyển tắt cả các đơn đất hàng nội địa Viết Nam trong vòng B-10 ngày !
Link sản phẩm: Sao chép Link sản phẩm
Liên lạc với chúng tôi
= Địa chỉ: $7 Man Thiện, phường Tăng Nhơn Phú A, Thành Phố Thủ Đức
@ +83 0123456789
Œ hitdat2002@gmail.com
@® Thứ 2 - Thứ 6 10AM - BPM
Chức năng xem danh sách nhãn hàng
25
Trang 26TT _ ` hs NT cy) UEKI on)
Thuế và phí vẫn chuyển được tính khi thanh toán
Chức năng quản lý s1ỏ hàng (xem, sửa, xóa, đặt hàng)
DT SHOP Q Tai nghe WH-CH520
Giỏ hàng / Thông tin /Vận chuyển / Thanh toá { #c90c 1290000
& Trở về giỏ hàng Tiếp tục giao hàng
- _ Chức năng đặt hang ( điền thông tin user)
26
Trang 27a Thanh toán bảo mật, chỉ 1 cú nhấp
chuột với Link
- Chirc năng thanh toán
1.8 Giao diện phía admin:
O haiquan
Cc) hq@gmail.com
View Profile Signout
- Chire nang dang xuat
27
Trang 28Đăng nhập để tiếp tục
Email hq@gmail.com Mật khẩu
Quên mật khẩu 2 Dang nhap
- _ Chức năng đăng xuất
Sen |
Trang chủ
20,638,223 VND Doanh thu so với năm trước 3 Số đơn hàng so với năm trước
Thống kê thu nhập Thống kê bán hàng
- Ở trang chủ có thé xem được doanh thu và số đơn hàng
Thống kê thu nhập Thống kê bán hàng
28
Trang 29- - Xem được biểu đồ phân tích
5 tr dai trongdaid @gmail.com
6 Hai Quan doanhaiquant 11@gmail.com
Chon loai san phẩm
- Chire nang thém san pham
Trang 30- lên sản phẩm ‘ r Loại sản was | Ge u— Giá Số Trạng
“ cd phẩm e lượng thái
Sony WH-CH510 Sony Headphone #zo › Ce
- _ Chức năng xem đanh sách sản phâm (chỉnh sửa, xóa sản phẩm)
Trang 31- _ Chức năng thêm loại sản phẩm
Loal san pham
Trang 32STT Tên khách hàng Sản Phẩm Tổng cộng Ngày mua Hành động
1 hai quan Xem chỉ tiết 17,990,000 VND 12/29/2023, 6:10:10 AM Đã đặt hàng v
2 hai quan Xem chỉ tiết 68,223 VND 12/29/2023 6:12:51 AM Đã đặt hàng *
3 hai quan Xem chỉ tiết 2,580,000 VND 12/29/2023, 6:15:56 AM a dat hang v
4 hai quan Xem chỉ tiết 68,223 VND 1:20 AM Đã đất hàng v
5 Huỳnh Đạt Xem chị tiế 3,600,000 VND 12/29/2023, 8:03:55 AM Da dat hang *
os no vn ¬ `
- _ Chức năng xem thông tin các đơn hàng
Xem hóa đơn
- _ Chức năng xem thông tin chi tiết của đơn hàng
Thêm khuyến mãi
Nhập tên khuyến mãi
Trang 33- _ Chức năng danh sách khuyên mãi (xem, sửa, xóa)
Phản hồi của khách hàng
1 quân san@gmail.cor 009198389 Đã giải quyết v © 8
- _ Chức năng xem phản hồi của khách hảng (xem, sửa, xóa)
Trang thai: Resolved
Thay đổi trang thái: Submitted v
Chương 6: TÔ CHỨC TRIEN KHAI HE THONG VA DAM BAO CHAT LUONG
Chuong 7: TONG KET:
1 Kết quả đạt dược:
1.9 Đối với người sử dụng, chương trình đã đưa ra được:
Các cách tìm kiếm, tra cứu theo các chủ đề khác nhau, kết hợp nhiều chủ đề theo ý khách hàng Xem chỉ tiết thông tin sản phẩm thương mại và đầy đủ các thông tin về cửa hàng thiết bị điện tử DT Shop Cho phép khách hàng đăng ký thông tin để thực
33
Trang 34hiện việc mua sản phâm Kiểm tra tính hợp lệ của khách hàng đăng nhập hệ thống Tạo
đơn đặt hàng Có thể chạy trên nhiều hệ điều hành
1.10 Đối với người quản trị, chương trình đã đưa ra được:
Xem thông tin của các để mục cần quản lý như: Khách hàng, sản phẩm, đơn đặt hàng
Đưa ra các form để nhập dữ liệu mới của các loại tư liệu Có thể sửa đôi, cập nhật các
dữ liêu trên Trong việc thêm mới sản phẩm chương trình tự động sinh mã sản phẩm, điều này tiện lợi cho người quản trị và dữ liệu luôn đồng nhất Các chức năng này được thực hiện thông qua g1ao diện web
2 Đánh giá ưu khuyết điểm:
1.13 Hướng phát triển trong tương lai:
Đề phát triển hướng của website về một thương mại điện tử hoàn chỉnh, cần tập trung vào mục tiêu quảng cáo và tăng cường khả năng tương tác với khách hàng Ngoài việc thúc đây mảng kinh doanh, website cũng cần phát triển tính năng thu hút khách hàng
về việc liên hệ và thảo luận về việc thiết kế và lắp đặt các công trình chuyên ngành mà công ty, cửa hàng đang hoạt động
Trong tương lai, việc bổ sung các tính năng quan trọng như thống kê số lần truy cập, xuất nhập hàng, quản lý tồn kho và xử lý hóa đơn tự động sẽ nâng cao hiệu suất vận hành của website Đây là các tính năng cần thiết để quản lý hiệu quả hoạt động kinh doanh trực tuyến và tối ưu hóa quá trình quản lý hàng hóa và giao dịch
Ngoài ra, việc tập trung vào việc cải thiện khả năng tương tác và giao tiếp với khách hàng thông qua hệ thống liên lạc, cập nhật thông tin sản phâm và dịch vụ mới cũng là yếu tố quan trọng trong việc thu hút và giữ chân khách hàng
Mục tiêu là đưa website trở thành một trung tâm thương mại điện tử toàn điện, kết hợp gitra chirc nang mua ban và tương tác chuyên sâu với khách hàng, cũng như nâng cao kha năng quản lý và xử lý thông tin kinh doanh
Mặc dù đã cố gắng hoàn chỉnh các yêu cầu nhưng bài báo cáo còn nhiều thiếu sót mong nhận sự chỉ bảo hướng dân của các thay cô piúp đỡ xem xét, đề xuât thêm các y
34