Tiểu luận Xây Dựng Website Bán Hàng Adidas môn Kinh tế văn hóa xã hội Asean  - Trường Đại học Văn Hiến.

BỘ GIÁO DỤC VÀ ĐÀO TẠO
TRƯỜNG ĐẠI HỌC VĂN HIẾN
KHOA CÔNG NGHỆ - THÔNG TIN
ĐỒ ÁN TỐT NGHIỆP KHOA HỌC MÁY TÍNH ĐỀ TÀI:
XÂY DỰNG WEBSITE BÁN HÀNG HIỆU (ADIDAS)
GVHD: ThS. NGUYỄN BẠCH THANH TÙNG
SVTH: Nguyễn Tấn Phúc MSSV: 211A010307 LỚP: 211A2901
SVTH: Phạm Hữu Quang Vinh MSSV: 211A290019 LỚP: 201A2901 SVTH: Phạm Thế Sơn MSSV: 211A010265 LỚP:201A2901
Tp.Hồ Chí Minh, tháng 12 năm 2024 LỜI CẢM ƠN
Thưa thầy NGUYỄN BẠCH THANH TÙNG, chúng em rất vinh dự khi được thầy
giảng dạy và hướng dẫn trực tiếp làm đồ án tốt nghiệp. Nhờ sự tận tâm và kiến thức
chuyên sâu của thầy, chúng em đã hoàn thành đồ án tốt nghiệp một cách tốt đẹp.
Những lời khuyên và chỉ dẫn của thầy đã giúp chúng em định hướng nghiên cứu và
vượt qua nhiều khó khăn trong quá trình thực hiện bài báo. Qua quá trình làm đồ án,
chúng em đã học được rất nhiều kỹ năng mềm như làm việc nhóm, quản lý thời gian,
và khả năng tư duy logic. Những kiến thức và kinh nghiệm mà thầy truyền đạt sẽ là
hành trang quý báu cho chúng em trên con đường sự nghiệp.
Cả nhóm em xin gửi lời cảm ơn chân thành đến thầy NGUYỄN BẠCH THANH
TÙNG. Chúng em rất vinh dự khi được thầy hướng dẫn và hỗ trợ.
Tp.Hồ Chí Minh, Ngày..........Tháng.......Năm.........
Sinh Viên Thực Hiện
(Ký tên và ghi rõ họ tên) LỜI CAM ĐOAN
Nhóm tôi cam đoan đây là công trình nghiên cứu của riêng nhóm, do nhóm tự thực
hiện, không sao chép, vay mượn từ các công trình nghiên cứu khoa học khác. Đảm
bảo mọi tài liệu tham khảo đều được trích dẫn, ghi chú đầy đủ.
Tp.Hồ Chí Minh, Ngày..........Tháng.......Năm......... Sinh Viên Thực Hiện
(Ký tên và ghi rõ họ tên)
NHẬN XÉT CỦA GIẢNG VIÊN HƯỚNG DẪN
...........................................................................................................................................................
...........................................................................................................................................................
...........................................................................................................................................................
...........................................................................................................................................................
...........................................................................................................................................................
...........................................................................................................................................................
...........................................................................................................................................................
...........................................................................................................................................................
...........................................................................................................................................................
...........................................................................................................................................................
...........................................................................................................................................................
...........................................................................................................................................................
...........................................................................................................................................................
...........................................................................................................................................................
...........................................................................................................................................................
...........................................................................................................................................................
...........................................................................................................................................................
...........................................................................................................................................................
...........................................................................................................................................................
......................................................................................................................................................
......................................................................................................................................................
Tp.Hồ Chí Minh, Ngày..........Tháng.......Năm.........
Giảng Viên Hướng Dẫn
( ký tên và ghi rõ họ tên ) MỤC LỤC
Mở Đầu....................................................................................................................11
1. Lý do chọn đề tài.................................................................................................11
2. Mục đích nghiên cứu........................................................................................................11
3. Đối tượng nghiên cứu......................................................................................................12
4. Nhiếm vụ nghiên cứu.......................................................................................................12
5. Phương pháp nghiên cứu.................................................................................................12
6. Kết cấu đề án.......................................................................................................13
Chướng 1: Khảo Sát Hiện Trạng..............................................................................14
1.1 Phân tích hiện trạng...........................................................................................14
1.2 Yêu cầu hệ thống...............................................................................................14
1.3 Mô tả hệ thống...................................................................................................15
1.4 Một số quy trình trong website..........................................................................15
1.4.1 Quy trình đăng nhập, đăng ký người dùng......................................................15
1.4.2 Quy trình chọn và mua hàng...........................................................................15
1.4.3 Quy trình quản lý của quản trị viên.................................................................16
1.5 Các yêu cầu của hệ thống..................................................................................16
1.5.1 Yêu cầu người dùng........................................................................................16
1.5.2 Yêu cầu hệ thống............................................................................................16
1.5.2.1 Yêu cầu chức năng.......................................................................................16
1.5.2.2 Yêu cầu phi chức năng.................................................................................16
Chương 2: Cơ Sở Lý Thuyết....................................................................................17
2.1 JavaScript..........................................................................................................17
2.1.1 JavaScript là gì?..............................................................................................17
2.1.2 Ưu điểm của JavaScript..................................................................................17
2.1.3 Nhược điểm của JavaScript............................................................................18
2.2 HTML................................................................................................................19
2.2.1 HTML là gì?...................................................................................................19
2.2.2 Lý do chọn lập trình web bằng HTML...........................................................20
2.2.3 Ưu nhược điểm của HTML............................................................................20
2.3 CSS....................................................................................................................21
2.3.1 CSS là gì?.......................................................................................................21
2.3.2 Mối quan hệ của HTML CSS..........................................................................22
2.3.3 Ưu điểm của ngôn ngữ CSS............................................................................23
2.4 Phân tích và thiết kế hướng đối tượng...............................................................24
2.4.1 UML là gì?......................................................................................................24
2.4.2 OOAD sử dụng UML.....................................................................................26
2.5 Hệ quản trị cơ sở dữ liệu MySQL......................................................................27
2.6 Ngôn ngữ lập trình PHP.....................................................................................28
2.6.1 PHP là gì?.......................................................................................................28
2.6.2 Tại sao nên sử dụng ngôn ngữ PHP?..............................................................29
2.7 Lavavel..............................................................................................................30
2.7.1 Lavavel là gì?..................................................................................................30
2.7.2 Lý do nên dùng Lavavel.................................................................................30
2.7.3 So sách PHP thuần với Lavavel......................................................................31
Chương 3: Phân Tích Thiết Kế Hệ Thống...............................................................32
3.1 Sơ đồ phân rã chức năng( BFD-Bussiness Function Diagram)..........................32
3.2 Các tác nhân và vai trò của các tác nhân trong hệ thống....................................33
3.3 Sơ đồ tình huống sử dụng( Use Case Diagram).................................................34
3.3.1 Sơ đồ use case tổng quát của hệ thống............................................................34
3.3.2 Sơ đồ use case phân rã của hệ thống...............................................................35
3.4 Sơ đồ hoạt động( Activity Diagram)..................................................................48
3.4.1 Sơ đồ hoạt động cho chức năng đăng ký.........................................................48
3.4.2 Sơ đồ hoạt động cho chức năng đăng nhập.....................................................49
3.4.3 Sơ đồ hoạt động cho chức năng thanh toán.....................................................50
3.4.4 Sơ đồ hoạt động cho chức năng quản lý đặt hàng...........................................51
3.4.5 Sơ đồ hoạt động cho chức năng thêm sản phẩm vào giỏ hàng........................52
3.4.6 Sơ đồ hoạt động cho chức năng quản lý người dùng......................................53
3.4.7 Sơ đồ hoạt động cho chức năng quản lý tài khoản..........................................54
3.4.8 Sơ đồ hoạt động cho chức năng quản thêm sản phẩm.....................................55
3.4.9 Sơ đồ hoạt động cho chức năng quản lý danh sách sản phẩm.........................56
3.4.10 Sơ đồ hoạt động cho chức năng quản lý đơn hàng........................................57
3.5 Sơ đồ tuần tự( Sequence Diagram)....................................................................58
3.5.1 Sơ đồ tuần tự đăng nhập.................................................................................58
3.5.2 Sơ đồ tuần tự tìm kiếm sản phẩm....................................................................58
3.5.3 Sơ đồ tuần tự thêm sản phẩm..........................................................................59
3.5.4 Sơ đồ tuần tự quản lý mua hàng......................................................................59
3.6 Phân tích và thiết kế CSDL................................................................................60
Chương 4: Thiết Kế Và Giao Diện..........................................................................68
4.1 Giao diện người dùng........................................................................................68
4.2 Giao diện của quản trị viên................................................................................71
Kết Luận..................................................................................................................74
Danh Mục Tài Liệu Tham Khảo..............................................................................75
DANH MỤC CÁC BẢNG BIỂU, LƯU ĐỒ
Bảng 2.7.3.1 Bảng so sách PHP thuần với Lavavel.................................................31
Bảng 3.2 Vai trò của các tác nhân trong hệ thống....................................................34
Bảng 3.3.2.1 Đặt tả use case đăng ký.......................................................................35
Bảng 3.3.2.2 Đặt tả use case thông tin sản phẩm.....................................................37
Bảng 3.3.2.3 Đặt tả use case quản lý giỏ hàng.........................................................38
Bảng 3.3.2.4 Đặt tả use case quản lý đơn hàng........................................................39
Bảng 3.3.2.5 Đặt tả use case quản lý tài khoản........................................................41
Bảng 3.3.2.6 Đặt tả use case quản lý sản phẩm.......................................................42
Bảng 3.3.2.7 Đặt đặc tả use case quản lý đơn hàng.................................................44
Bảng 3.3.2.8 Đặt tả use case quản lý khách hàng....................................................45
Bảng 3.3.2.9 Đặt tả use case quản lý khuyến mãi và mã giảm giá...........................47
Bảng 3.6.1 Bảng CSDL của đơn nhập hàng.............................................................60
Bảng 3.6.2 Bảng CSDL của chi tiết đơn nhập hàng.................................................61
Bảng 3.6.3 Bảng CSDL của danh mục sản phẩm.....................................................61
Bảng 3.6.4 Bảng CSDL của sản phẩm.....................................................................62
Bảng 3.6.5 Bảng CSDL của feedback......................................................................63
Bảng 3.6.6 Bảng CSDL của khách hàng..................................................................63
Bảng 3.6.7 Bảng CSDL của liên hệ.........................................................................64
Bảng 3.6.8 Bảng CSDL của chi tiết đánh giá...........................................................64
Bảng 3.6.9 Bảng CSDL của đơn đặt hàng...............................................................65
Bảng 3.6.10 Bảng CSDL của chi tiết đơn đặt hàng..................................................65
Bảng 3.6.11 Bảng CSDL của hóa đơn đặt hàng.......................................................66 Danh Mục Hình Ảnh
Hình ảnh 2.1.1 Hình ảnh JavaScript........................................................................17
Hình ảnh 2.1.2 Code JavaScript...............................................................................18
Hình ảnh 2.2.1 Hình ảnh HTML..............................................................................19
Hình ảnh 2.2.2 Code HTML....................................................................................21
Hình ảnh 2.3.1 Hình ảnh CSS..................................................................................22
Hình ảnh 2.3.2 Code CSS........................................................................................24
Hình ảnh 2.4.1 Lịch sử UML...................................................................................25
Hình ảnh 2.5.1 Kiến trúc của một hệ quản trị cơ sở dữ liệu.....................................27
Hình ảnh 2.6.1.1 Ngôn ngữ lập trình PHP...............................................................29
Hình ảnh 3.1.1 Sơ đồ phân rã chức năng người dùng..............................................32
Hình ảnh 3.1.2 Sơ đồ phân rã chức năng quản trị viên............................................33
Hình ảnh 3.3.1 Sơ đồ use case tổng quát của hệ thống............................................34
Hình ảnh 3.3.2.1 Sơ đồ use case đăng ký.................................................................35
Hình ảnh 3.3.2.2 Sơ đồ use case thông tin sản phẩm...............................................36
Hình ảnh 3.3.2.3 Sơ đồ use case quản lý giỏ hàng...................................................37
Hình ảnh 3.3.2.4 Sơ đồ use case quản lý đơn hàng..................................................38
Hình ảnh 3.3.2.5 Sơ đồ use case quản lý tài khoản..................................................40
Hình ảnh 3.3.2.6 Sơ đồ use case quản lý sản phẩm..................................................41
Hình ảnh 3.3.2.7 Sơ đồ use case quản lý đơn hàng..................................................43
Hình ảnh 3.3.2.8 Sơ đồ use case quản lý khách hàng..............................................44
Hình ảnh 3.3.2.9 Sơ đồ use case quản lý khuyến mãi và mã giảm giá.....................46
Hình ảnh 3.4.1 Sơ đồ hoạt động cho chức năng đăng ký.........................................48
Hình ảnh 3.4.2 Sơ đồ hoạt động cho chức năng đăng nhập.....................................49
Hình ảnh 3.4.3 Sơ đồ hoạt động cho chức năng thanh toán.....................................50
Hình ảnh 3.4.4 Sơ đồ hoạt động cho chức năng quản lý đặt hàng...........................51
Hình ảnh 3.4.5 Sơ đồ hoạt động cho chức năng thêm sản phẩm vào giỏ hàng........52
Hình ảnh 3.4.6 Sơ đồ hoạt động cho chức năng quản lý người dùng.......................53
Hình ảnh 3.4.7 Sơ đồ hoạt động cho chức năng quản lý tài khoản..........................54
Hình ảnh 3.4.8 Sơ đồ hoạt động cho chức năng thêm sản phẩm..............................55
Hình ảnh 3.4.9 Sơ đồ hoạt động cho chức năng quản lý danh sách sản phẩm.........56
Hình ảnh 3.4.10 Sơ đồ hoạt động cho chức năng quản lý đơn hàng........................57
Hình ảnh 3.5.1 Sơ đồ tuần tự đăng nhập..................................................................58
Hình ảnh 3.5.2 Sơ đồ tuần tự tìm kiếm sản phẩm....................................................58
Hình ảnh 3.5.3 Sơ đồ tuần tự thêm sản phẩm..........................................................59
Hình ảnh 3.5.4 Sơ đồ tuần tự quản lý mua hàng......................................................59
Hình ảnh 3.6.1 Sơ đồ tổng quát của CSDL..............................................................60
Hình ảnh 3.6.2 Sơ đồ quan hệ thực thể....................................................................67
Hình ảnh 4.1.1 Trang chủ........................................................................................68
Hình ảnh 4.1.2 Liên hệ............................................................................................68
Hình ảnh 4.1.3 Giới thiệu........................................................................................69
Hình ảnh 4.1.4 Chính sách......................................................................................69
Hình ảnh 4.1.5 Sản phẩm.........................................................................................70
Hình ảnh 4.1.6 Thông tin chi tiết sản phẩm.............................................................70
Hình ảnh 4.1.7 Thông tin giỏ hàng..........................................................................71
Hình ảnh 4.1.8 Trạng thái đặt hàng thành công.......................................................71
Hình ảnh 4.2.1 Trang chủ quản trị viên....................................................................71
Hình ảnh 4.2.2 Danh sách sản phẩm........................................................................72
Hình ảnh 4.2.3 Thêm sản phẩm...............................................................................72
Hình ảnh 4.2.4 Danh sách đơn hàng........................................................................73
Hình ảnh 4.2.5 Chi tiết đơn hàng.............................................................................73 MỞ ĐẦU
Lý do chọn đề tài
Ngày nay, nhu cầu mua sắm trực tuyến ngày càng gia tăng, đặc biệt là trong lĩnh
vực thời trang thể thao. Adidas, một trong những thương hiệu hàng đầu thế giới,
không chỉ nổi tiếng với chất lượng sản phẩm mà còn được yêu thích nhờ thiết kế
hiện đại và sự đổi mới không ngừng.
Việc xây dựng một trang web bán đồ thể thao và giày Adidas giúp khách hàng dễ
dàng tiếp cận các sản phẩm chính hãng, cập nhật nhanh chóng các mẫu mã mới
nhất và có những trải nghiệm mua sắm tiện lợi. Bên cạnh đó, trang web cũng
giúp doanh nghiệp tối ưu hóa hoạt động kinh doanh, mở rộng thị trường và nâng cao khả năng cạnh tranh.
Ngoài ra, với sự phát triển mạnh mẽ của thương mại điện tử, một trang web bán
hàng chuyên nghiệp không chỉ đáp ứng nhu cầu của người tiêu dùng mà còn góp
phần thúc đẩy thương hiệu Adidas tại thị trường nội địa. Chính vì vậy, đề tài xây
dựng trang web bán đồ thể thao và giày Adidas là một lựa chọn phù hợp và có tính thực tiễn cao.
2. Mục đích nghiên cứu
Mục đích của nghiên cứu này là xây dựng một trang web thương mại điện tử
chuyên bán đồ thể thao và giày của thương hiệu Adidas nhằm tối ưu hóa trải
nghiệm mua sắm trực tuyến cho khách hàng. Cụ thể, nghiên cứu tập trung vào các mục tiêu sau:
Phát triển một nền tảng bán hàng trực tuyến chuyên nghiệp: Thiết kế và xây
dựng một trang web thân thiện với người dùng, giao diện hiện đại, dễ sử dụng,
và phù hợp với xu hướng thương mại điện tử hiện nay.
Xây dựng hệ thống quản lý sản phẩm hiệu quả: Phát triển một hệ thống quản trị
giúp cập nhật thông tin sản phẩm nhanh chóng, quản lý kho hàng chính xác và
theo dõi đơn hàng dễ dàng.
Đảm bảo tính bảo mật và ổn định của hệ thống: Xây dựng cơ sở dữ liệu an toàn,
bảo vệ thông tin khách hàng, tích hợp các phương thức thanh toán bảo mật và
đảm bảo website hoạt động ổn định, không bị gián đoạn.
3. Đối tượng nghiên cứu
Đề tài nghiên cứu tập trung vào việc xây dựng một trang web bán hàng trực
tuyến chuyên cung cấp sản phẩm thể thao và giày thương hiệu Adidas. Đối
tượng nghiên cứu bao gồm:
Sản phẩm Adidas: Các dòng sản phẩm giày thể thao, quần áo, phụ kiện thể thao
chính hãng của thương hiệu Adidas, bao gồm giày chạy bộ, giày bóng đá, áo thể
thao, quần thể thao, balo, mũ nón, v.v.
Khách hàng mục tiêu: Những người yêu thích thể thao và tập luyện thể dục
thường xuyên. Các vận động viên chuyên nghiệp và không chuyên. Những
người yêu thích thời trang thể thao và phong cách streetwear. Đối tượng trẻ tuổi
(học sinh, sinh viên, người đi làm) có nhu cầu sử dụng sản phẩm Adidas cho cả
mục đích thể thao và thời trang.
Thị trường thương mại điện tử: Xu hướng mua sắm trực tuyến các sản phẩm thể
thao và thời trang. Đối thủ cạnh tranh trong lĩnh vực kinh doanh giày và đồ thể
thao online. Các kênh phân phối và nền tảng thương mại điện tử hỗ trợ kinh doanh trực tuyến.
Công nghệ và nền tảng phát triển website: Ngôn ngữ lập trình, nền tảng thiết kế
website phù hợp. Hệ thống quản lý nội dung (CMS), thanh toán trực tuyến và
bảo mật thông tin khách hàng. Giao diện và trải nghiệm người dùng (UI/UX)
giúp tối ưu hóa tương tác và tăng trải nghiệm mua sắm.
4. Nhiệm vụ nghiên cứu
Đề tài “Xây dựng trang web bán đồ thương hiệu Adidas” tập trung vào việc
nghiên cứu và phát triển một nền tảng thương mại điện tử chuyên nghiệp. Đáp
ứng nhu cầu mua sắm trực tuyến các sản phẩm Adidas một cách tiện lợi và hiệu quả.
5. Phương pháp nghiên cứu
Phương pháp thu thập dữ liệu:
Nghiên cứu tài liệu: Tìm hiểu các tài liệu về thương mại điện tử, thiết kế
website, UX/UI, hành vi mua sắm trực tuyến.
Khảo sát người dùng: Tiến hành khảo sát trực tuyến hoặc phỏng vấn trực
tiếp để thu thập ý kiến khách hàng về nhu cầu và trải nghiệm mua sắm
Phương pháp phân tích và thiết kế:
Xác định các chức năng chính của website như tìm kiếm sản phẩm, đặt
hàng, thanh toán, quản lý đơn hàng, đăng ký tài khoản.
Thiết kế giao diện người dùng (UI/UX): Sử dụng các công cụ thiết kế để
tạo giao diện tối ưu cho trải nghiệm khách hàng.
Xây dựng kiến trúc website: Xác định mô hình cơ sở dữ liệu, phân tầng hệ
thống để đảm bảo tính bảo mật và hiệu suất hoạt động.
6. Kết cấu đồ án
Nội dung đề tài gồm các chương:
Chương 1: Khảo sát hiện trạng.
Chương 2: Cơ sở lý thuyết.
Chương 3: Phân tích và thiết kế hệ thống.
Chương 4: Thiết kế và triển khai giao diện website.
CHƯƠNG 1: KHẢO SÁT HIỆN TRẠNG
1.1 Phân tích hiện trạng
Hiện tại, trang web bán đồ thể thao và giày thương hiệu Adidas của chúng tôi
đăng phân phối các sản phẩm chính hang với các thiết kế hiện đại, trải nghiệm
mua sắm trức tuyến tối ưu. Website được xây dựng với giao diện trực quan, phân
loại sản phẩm theo danh mục như giày thể thao, quần áo, giúp khách hàng dễ
dàng tìm kiếm và lựa chọn.
Tuy nhiên, so với các đối thủ cạnh tranh lớn trên thị trường như Nike, Puma hay
sàn thương mại điện tử lớn (Shopee, Lazada, …), trang web của chúng tôi vẫn
cần cải thiện nhiều yếu tố, đặc biệt là trải nghiệm cá nhân hóa cho khách hàng.
Khách hàng của chúng tôi chủ yếu là những người trẻ năng động yêu thích thời
trang hoặc vận động viên tìm kiếm sự biền bỉ và phong cách từ sản phẩm của
Adidas. Mặc dù trang web cung cấp đầy đủ danh mục sản phẩm, nhưng một số
khách hàng vẫn mong muốn có các chương trình khuyến mãi, hiện thị đánh giá
sản phẩm từ người mua trước hoặc mô tả chi tiết hơn về chất liệu và độ bền của sản phẩm.
Về mặt vận hành, hệ thống quản lý trang web luôn cố gắng cập nhật thông tin
hàng hóa nhanh chóng và an toàn của hãng sản phẩm chính. Tuy nhiên. Trong
nhưng thời điểm cao điểm như khuyễn mãi hay dịp liễ, website vẫn gặp khó
khăn trong việc kiểm soát đơn hàng.
Tóm lại, trang web bán hàng của chúng tôi đã mang đến nhiều sản phẩm chính
hãng của Adidas đáp ứng nhu cầu cơ bản của khách hàng. Tuy nhiên, để cạnh
tranh tốt hơn trên thị trường, chúng tôi cần cải thiện hơn nữa về cá nhân hóa trải
nghiệm mua sắm, tối ưu quy trình quản lý hàng hóa và triển khai nhiều chương
trình ưu đãi hấp dẫn hơn.
1.2. Yêu cầu hệ thống
Hệ thống cần đáp ứng các yêu cầu sau :
Cung cấp giao diện hoàn thiện, dễ sử dụng trên cả máy tính và điện thoại.
Hỗ trợ chức năng tìm kiếm, lọc sản phẩm theo danh mục, giá cả, hiệu quả.
Đảm bảo bảo mật thông tin người dùng, đặc biệt là thông tin thanh toán.
Người quản lý trang web có thể thêm mới, xóa hoặc sửa sản phẩm, quản lý
khách hàng, quản lý doanh thu.
1.3. Mô tả hệ thống
Hệ thống trang web bán hàng giúp đăng tải các sản phẩm Adidas và người dùng
tiếp cận sản phẩm một nhanh chóng, tiện lợi với thao tác đơn giản. bì đây là một
hệ thống website bán hàng, chúng tối chỉ nhấn mạnh vào việc cung cấp, quảng
bá và quản lý sản phẩm để người tiêu dùng dễ dàng tìm kiếm và lựa chọn sản
phẩm phù hợp. Quy trình tìm kiếm và xem sản phẩm thông tin được thực hiện như sau:
Trang web quản trị viên có thể tạo vào cập nhật thông tin. Với chức năng này,
quản trị viên có thể thêm mới, chỉnh sửa hoặc xóa sản phẩm để đảm bảo dữ liệu
hiện thị trên trang web luôn đa dạng cà phong phú, đáp ứng nhu cầu mua sắm của khách hàng.
Sản phẩm trên website được cập nhật liên tục qua hệ thống quản trị. Quản trị
viên có thể thêm sản phẩm mới vào mục quản lý, kèm theo hình ảnh, mô tả chi
tiết và giá cả. khi sản phẩm đucợ thêm vào, hệ thống sẽ lư trữ vào cơ sở dữ liệu
và hiện thị trên trăng web cho khách hàng xem và lựa chọn.
Nếu người dùng chọn mua sản phẩm, đơn hàng dữ liệu sẽ được gửi về hệ thống
đề quản trị viên kiểm tra và quản lý. Khi đơn hàng đã hoàn tất thanh toán, quản
trị viên sẽ xác nhận đơn hàng và tiến hành quy trình vận chuyển đề giao sản phẩm đến khách hàng.
Trang web cũng cung cấp đầy đủ thông tin về các sản phẩm Adidas với giao diện
trực quan, đơn gian và dễ sử dụng, giúp khách hàng có trải nghiệm mua sắm
thuận tiện nhất có thể.
1.4. Một số quy trình trong website
1.4.1. Quy trình đăng nhập, đăng ký của người dùng
Người dung truy cập website, chọn Đăng nhập nếu đã có tài khoản hoặc
Đăng ký nếu chưa có tài khoản.
Sau khi bấm vào Đăng ký, người dùng nhập thông tin(tên, tài khoản, mật khẩu) để đăng ký.
Sau khi điền đủ thông tin bấm đăng ký là đã đăng ký thành công tài khoản.
Sau khi đăng ký, người dùng có thể đăng nhập bằng tài khoản và mật khẩu mới đăng ký.
1.4.2. Quy trình chọn và mua hàng
Người dùng tìm kiếm hoặc chọn sản phẩm từ danh mục.
Xem thông tin chi tiết, thêm vào giỏ hàng.
Tiến hành thanh toán, nhập thông tin nhận hàng và chọn phương thức thanh toán.
Hệ thống sẽ gửi đơn hàng về quản lý.
1.4.3. Quy trình quản lý của quản trị viên
Người quản trị phải đăng nhập vào trang quản trị.
Quản lý danh sách sản phẩm (sửa, xóa, cập nhật).
Xem và xử lý đơn hàng, cập nhật trạng thái đơn hàng.
Quản lý người dùng, hỗ trợ khách hàng khi cần.
1.5. Các yêu cầu của hệ thống
1.5.1. Yêu cầu người dùng
Trang web dễ dùng đơn giản.
Trang web có bảo mật thông tin người dùng.
Tuân thủ quy định cảu trang web về thanh toán và hoàn thành hàng hóa.
Cập nhật giá sát với thị trường.
1.5.2. Yêu cầu hệ thống
1.5.2.1. Yêu cầu chức năng Khách hàng: Xem sản phẩm cần mua.
Tìm kiếm thông tin sản phẩm cần mua.
Thêm sản phẩm vào giỏ hàng, thanh toán đơn hàng. Người quản trị:
Quản lý cơ sở dữ liệu sản phẩm, đơn hàng, khách hàng.
Đảm bảo an toàn thông tin người dùng.
Quản lý sản phẩm, doanh thu, người dùng.
1.5.2.2. Yêu cầu phi chức năng
Giao diện than thiện : Thiết kế tối giản, dễ sử dụng, hiện thị tốt trên
thiết di động vào máy tính.
Hiệu suất cao : Hệ thống có khả năng xử lý nhanh, tải trang mượt mà.
Tìm kiếm nhanh chóng : Hỗ trợ tìm kiếm từ khóa, danh mục, tím
hiệu với tốc độ phản hồi nhanh.
Bảo mật tốt : Hệ thống mã hóa dữ liệu, bảo vệ thông tin khách hàng vào giao dịch.
CHƯƠNG 2 CƠ SỞ LÝ THUYẾT 2.1 JavaScript:
2.1.1 JavaScript là gì?
JavaScript là ngôn ngữ lập trình được nhà phát triển sử dụng để tạo trang
web tương tác. Từ làm mới bảng tin trên trang mạng xã hội đến hiển thị
hình ảnh động và bản đồ tương tác, các chức năng của JavaScript có thể cải
thiện trải nghiệm người dùng của trang web. Là ngôn ngữ kịch bản phía
máy khách, JavaScript là một trong những công nghệ cốt lõi của World
Wide Web. Ví dụ: khi duyệt internet, bất cứ khi nào bạn thấy quảng cáo
quay vòng dạng hình ảnh, menu thả xuống nhấp để hiển thị hoặc màu sắc
phần tử thay đổi động trên trang web cũng chính là lúc bạn thấy các hiệu ứng của JavaScript.
Hình 2.1.1 Hình ảnh JavaScript
2.1.2 Ưu điểm của JavaScript:
Tính linh hoạt và đa nền tảng:
Khả năng chạy trên nhiều trình duyệt và hệ điều hành.
Sử dụng trong cả frontend và backend (Node.js).
Ứng dụng trong phát triển ứng dụng di động (React Native).
Tính tương tác cao:
Tạo ra các trang web động và tương tác.
Cải thiện trải nghiệm người dùng.
Khả năng thao tác với DOM (Document Object Model).
Cộng đồng lớn và nguồn tài nguyên phong phú:
Cộng đồng phát triển mạnh mẽ.
Nhiều thư viện và framework hỗ trợ (React, Angular, Vue.js).
Tài liệu học tập và hướng dẫn đa dạng. Hiệu suất:
Javascript được chạy trực tiếp trên trình duyệt, việc này giúp giảm tải cho máy chủ.
Tăng tốc độ tải trang và phản hồi của ứng dụng.
Dễ học và dễ sử dụng:
Cú pháp tương đối đơn giản.
Phù hợp cho người mới bắt đầu.
Hình 2.1.2 Code JavaScript
2.1.3 Nhược điểm của JavaScript:
Vấn đề bảo mật:
Khả năng bị tấn công XSS (Cross-Site Scripting).
Mã JavaScript có thể bị lộ và khai thác.
Khả năng tương thích giữa các trình duyệt:
Sự khác biệt trong cách các trình duyệt xử lý JavaScript.
Cần kiểm tra kỹ lưỡng trên nhiều trình duyệt. Gỡ lỗi:
Việc gỡ lỗi có thể phức tạp, đặc biệt với các ứng dụng lớn.
Khó khăn trong việc xác định nguyên nhân lỗi. Hiệu suất:
Đối với các ứng dụng phức tạp, JavaScript có thể có hiệu suất thấp
hơn so với các ngôn ngữ lập trình khác.
Khả năng xử lý đa luồng hạn chế. 2.2 HTML 2.2.1 HTML là gì?
HTML (viết tắt của HyperText Markup Language) dịch ra nghĩa tiếng Việt có nghĩa
là ngôn ngữ đánh dấu siêu văn bản. Người lập trình sử dụng ngôn ngữ này để
tạo nên các website trên nền tảng World Wide Web. Được tạo ra bởi Tim
Berners – Lee, hiện nay HTML là một trong những ngôn ngữ chuẩn chỉnh được
vận hành bởi W3C. Cho đến năm 2014, HTML được nâng cấp với nhiều markup
lên chuẩn HTML5 cụ thể hơn, tối ưu hơn. Nhìn chung, HTML có nhiều ưu điểm
nổi bật. Điển hình với sự linh hoạt, có thể hoạt động trơn tru trên hầu hết các
trình duyệt hiện nay như: Google Chrom,… Ngoài ra, HTML sử dụng mã nguồn
mở, chính vì thế bạn hoàn toàn có thể tạo ra những website hoàn toàn miễn phí.
Bên cạnh đó vẫn tồn tại nhiều nhược điểm. Trước tiên phải kể đến sự phụ thuộc.
HTML phổ biến đối với trang web tĩnh. Chính vì thế nếu muốn web sinh động
hơn cần kết hợp với các ngôn ngữ khác. Thông thường có thể sử dụng kết hợp với PHP.
Hình 2.2.1 Hình ảnh HTML
2.2.2 Lý do lựa chọn lập trình web bằng HTML:
Dễ học: HTML được đánh giá là rất đơn giản và dễ học. Vì vậy nó đặc biệt
phù hợp với những người mới bước chân vào con đường lập trình web.
Đây là ngôn ngữ đầu tiên các bạn cần học cũng như nên học để tạo nên
những trang web đầu tiên.
Có thể làm Freelance: Học lập trình web xong bạn có thể tự book những dự
án. Hay thành lập team hỗ trợ hoàn thành mà không cần xin việc tại doanh
nghiệp nào. Sẽ rất tuyệt vời nếu bạn biết quản lý thời gian tốt và không bị gò bó.
Cộng đồng lớn mạnh: HTML hiện nay được sử dụng rất rộng rãi, tài
nguyên hỗ trợ dồi dào. Ngoài ra, cộng đồng những người học ngôn ngữ này
rất lớn mạnh. Chính vì thế, những khó khăn của bạn sẽ dễ dàng được tháo gỡ.
2.2.3 Ưu nhược điểm của HTML Ưu điểm:
Thân thiện với người mới bắt đầu:HTML có một đánh
dấu rõ ràng và nhất quán, cũng như một đường cong
học tập nông và dễ hiểu.
Tính ủng hộ:Ngôn ngữ này được sử dụng rộng rãi, với
rất nhiều tài nguyên và một cộng đồng lớn đằng sau nó.
Dễ dàng truy cập:HTML là mã nguồn mở và hoàn toàn
miễn phí. HTML chạy tự nhiên trong tất cả các trình duyệt web.
Linh hoạt:HTML có thể dễ dàng tích hợp với các ngôn
ngữ phụ trợ nhưPHPvàNode.js. Nhược điểm:
Tĩnh:Ngôn ngữ này chủ yếu được sử dụng cho các
trang web tĩnh. Đối với chức năng động, bạn có thể cần
sử dụng JavaScript hoặc ngôn ngữ phụ trợ như PHP.
Trang HTML riêng biệt:Người dùng phải tạo các trang
web riêng lẻ cho HTML, ngay cả khi các phần tử giống nhau.
Tính tương thích của trình duyệt web:Một số trình
duyệt áp dụng các tính năng mới một cách chậm chạp.