Đồ Án học kỳ Đề tài xây dựng website bán giày sneaker haven

• Đối với người quản trị hệ thống Admin cần có quyền thực hiện cácchức năng của một website bán hàng online như quản lý sản phẩm,quản lý bài viết, quản lý tài khoản người dùng hệ thống,

GIỚI THIỆU ĐỀ TÀI

Lý do chọn đề tài

Sự phát triển nhanh chóng của công nghệ Internet đã làm thay đổi mạnh mẽ hoạt động thương mại, khiến cho nó trở nên toàn cầu hơn Các hình thức kinh doanh truyền thống đã được số hóa, dẫn đến sự xuất hiện và phổ biến của các khái niệm như chợ điện tử, sàn giao dịch điện tử và mua bán trực tuyến Công nghệ Internet đã kết nối các doanh nghiệp với nhau (B2B) và giữa doanh nghiệp với khách hàng (B2C).

Công nghệ Web đã tạo ra sức mạnh và sự thuận lợi cho các doanh nghiệp, giúp họ tiếp cận người tiêu dùng dễ dàng hơn Qua việc sử dụng Web bán hàng, các chiến dịch quảng cáo online có thể đưa sản phẩm đến tay khách hàng, bất kể quy mô công ty Điều này đã thúc đẩy sự bùng nổ của mua sắm trực tuyến trong thời đại số hóa, khiến các doanh nghiệp lớn nhận ra tiềm năng và khao khát gia nhập thị trường hấp dẫn này.

Thiết kế website bán hàng cho doanh nghiệp là một bước đi chiến lược trong bối cảnh Internet ngày càng phát triển Mua sắm trực tuyến qua website đã trở thành xu hướng thay thế cho phương pháp truyền thống, giúp doanh nghiệp đáp ứng nhu cầu mua sắm của khách hàng mọi lúc, mọi nơi Việc xây dựng một website bán hàng không chỉ tạo thuận lợi cho công việc kinh doanh mà còn tiết kiệm thời gian, đồng thời đóng vai trò như một kênh giao tiếp hiệu quả giữa mọi người.

Mục tiêu đề tài

 Nghiên cứu, tìm hiểu quy trình xây dựng website bán hàng.

 Tìm hiểu cơ sở lý thuyết về các ngôn ngữ lập trình, hệ quản trị cơ sở dữ liệu

 Áp dụng được những hiểu biết, kiến thức đã có và tìm hiểu thêm để xây dựng website bán giày với các chức năng chính như:

Người quản trị hệ thống (Admin) cần có quyền thực hiện các chức năng quan trọng của một website bán hàng online, bao gồm quản lý sản phẩm, bài viết, tài khoản người dùng, đơn hàng và các chức năng liên quan đến quản lý hệ thống.

Khách hàng có quyền thực hiện nhiều chức năng trên nền tảng, bao gồm xem chi tiết sản phẩm, đặt hàng và thanh toán, tìm kiếm sản phẩm, gửi thông tin liên hệ, đăng ký tài khoản và đăng nhập vào hệ thống.

1.2.2 Đối tượng và phạm vi nghiên cứu

Website bán giày được thiết kế nhằm phục vụ nhu cầu thời trang của mọi người, với mục tiêu cung cấp đầy đủ các sản phẩm và chức năng cần thiết cho một trang thương mại điện tử hiệu quả Đối tượng nghiên cứu tập trung vào việc phát triển một website bán hàng chuyên nghiệp.

 Xây dựng các chức năng cho nhân viên quản trị.

 Xây dựng các chức năng cho khách hàng.

 Dựa trên các công cụ lập trình: HTML, CSS và JavaScript.

Khảo sát một số website bán hàng trực tuyến

1.3.1 Khảo sát các trang web bán hàng và sự hỗ trợ khách hàng của chúng

Các trang web bán hàng trực tuyến đang trở nên ngày càng phổ biến, mang đến nhiều tiện ích và cải thiện trải nghiệm mua sắm cho người tiêu dùng Một số tiêu chí khảo sát quan trọng bao gồm tính năng, giao diện người dùng, và dịch vụ khách hàng.

 Giao diện và trải nghiệm người dùng: Giao diện thân thiện, dễ sử dụng, tốc độ tải trang nhanh.

 Danh mục sản phẩm: Phong phú, đa dạng, thông tin chi tiết, hình ảnh rõ ràng.

 Chính sách bán hàng: Chính sách giá cả, khuyến mãi, giao hàng, đổi trả.

 Hỗ trợ khách hàng: Tư vấn trực tuyến, hotline hỗ trợ, chính sách bảo hành.

1.3.2 Một số website bán hàng trực tuyến ở Việt Nam

Tiki.vn là trang web thương mại điện tử hàng đầu tại Việt Nam, nổi bật với đa dạng sản phẩm như sách, điện tử, gia dụng, thời trang và nhiều mặt hàng khác.

Giao diện và trải nghiệm người dùng:

 Giao diện đơn giản, dễ sử dụng.

 Tốc độ tải trang nhanh, hỗ trợ tìm kiếm sản phẩm nhanh chóng.

 Phong phú và đa dạng, từ sách, đồ điện tử, đồ gia dụng, thời trang, mỹ phẩm, đến thực phẩm.

 Thông tin sản phẩm chi tiết, hình ảnh rõ ràng, đánh giá sản phẩm từ người dùng.

 Chính sách giá cạnh tranh, thường xuyên có các chương trình khuyến mãi.

 Chính sách giao hàng miễn phí cho các đơn hàng từ 149.000 VNĐ.

 Chính sách đổi trả dễ dàng trong vòng 7 ngày.

 Hỗ trợ khách hàng 24/7 qua tổng đài.

 Chat trực tuyến, email hỗ trợ.

 Chính sách bảo hành rõ ràng.

Lazada.vn là một trong những nền tảng thương mại điện tử hàng đầu tại Việt Nam, cung cấp một loạt sản phẩm đa dạng, bao gồm điện tử, thời trang, đồ gia dụng, thực phẩm và dịch vụ.

 Giao diện hiện đại, dễ sử dụng.

 Tốc độ tải trang nhanh, hỗ trợ tìm kiếm thông minh.

 Đa dạng và phong phú, bao gồm các ngành hàng điện tử, gia dụng, thời trang, mỹ phẩm, thực phẩm.

 Thông tin sản phẩm chi tiết, hình ảnh chất lượng cao, đánh giá từ người dùng.

 Chính sách giá cả hợp lý, thường xuyên có các chương trình giảm giá lớn.

 Chính sách giao hàng miễn phí cho các đơn hàng từ 199.000 VNĐ.

 Chính sách đổi trả linh hoạt trong vòng 14 ngày.

 Hỗ trợ khách hàng 24/7 qua tổng đài và email.

 Chat trực tuyến, trung tâm hỗ trợ trực tuyến.

 Chính sách bảo hành minh bạch.

 Thegioididong.com là trang web chuyên về bán lẻ điện thoại di động, máy tính bảng, laptop, phụ kiện và các thiết bị điện tử khác.

 Giao diện thân thiện, dễ sử dụng.

 Tốc độ tải trang nhanh, hỗ trợ tìm kiếm và so sánh sản phẩm.

 Chuyên về các sản phẩm điện tử như điện thoại di động, máy tính bảng, laptop, phụ kiện điện tử.

 Thông tin sản phẩm chi tiết, hình ảnh rõ nét, đánh giá từ người dùng.

 Chính sách giá cả cạnh tranh, thường xuyên có chương trình khuyến mãi.

 Chính sách giao hàng nhanh chóng, miễn phí cho các đơn hàng từ 200.000 VNĐ.

 Chính sách đổi trả trong vòng 30 ngày.

 Hỗ trợ khách hàng qua tổng đài, email và chat trực tuyến.

 Chính sách bảo hành chính hãng, hỗ trợ sửa chữa.

1.3.3 Một số website bán giày nổi tiếng

 Thiết kế giao diện: Sử dụng thiết kế đơn giản, hiện đại với hình ảnh lớn và các phần tử tương tác để thu hút người dùng.

 Tính năng tương tác: Tích hợp tính năng tìm kiếm sản phẩm, bộ lọc theo kích thước, màu sắc và giá cả.

Để tối ưu hóa trải nghiệm người dùng, cần áp dụng thiết kế đáp ứng và cải thiện tốc độ tải trang, giúp mang lại sự hài lòng tối đa cho người truy cập.

 Thiết kế giao diện: Tập trung vào hình ảnh sản phẩm và các video giới thiệu để tạo ấn tượng mạnh mẽ.

 Tính năng tương tác: Cho phép người dùng tùy chỉnh sản phẩm và xem trước sản phẩm dưới nhiều góc độ.

 Tối ưu hóa trải nghiệm người dùng: Sử dụng các hiệu ứng chuyển động mượt mà và giao diện đơn giản, dễ điều hướng.

 Thiết kế giao diện: Sử dụng bố cục dạng lưới để hiển thị nhiều sản phẩm cùng lúc và dễ dàng điều hướng.

 Tính năng tương tác: Tích hợp tính năng đánh giá và nhận xét sản phẩm từ người dùng.

 Tối ưu hóa trải nghiệm người dùng: Sử dụng các thẻ sản phẩm rõ ràng với thông tin chi tiết và hình ảnh chất lượng cao.

Bài viết này trình bày khảo sát về thị hiếu khách hàng và hoạt động của các trang web bán hàng trực tuyến, từ đó phân tích ưu và nhược điểm của chúng Những kết quả này sẽ là cơ sở để phát triển một hệ thống hoàn thiện hơn trong chương 3.

Kết cấu của đề tài

Nội dung đồ án gồm 4 chương như sau:

Chương 1: Giới thiệu đề tài

Chương 2: Các ngôn ngữ lập trình Front – End và bảo mật Website

Chương 3: Phân tích thiết kế hệ thống

Chương 4: Thiết kế giao diện

CÁC NGÔN NGỮ LẬP TRÌNH FRONT – END VÀ BẢO MẬT WEBSITE

Giới thiệu về lập trình Front – End

Lập trình front end là quá trình phát triển giao diện người dùng cho trang web hoặc ứng dụng web, nơi mà người dùng có thể tương tác trực tiếp Các lập trình viên front end chịu trách nhiệm tạo ra giao diện và cải thiện trải nghiệm người dùng thông qua việc sử dụng các công nghệ như HTML, CSS và JavaScript.

Ngôn Ngữ Lập Trình Front End

HTML (Ngôn ngữ Đánh dấu Siêu văn bản) là ngôn ngữ thiết yếu để xây dựng cấu trúc và nội dung cho trang web, định nghĩa các thành phần như tiêu đề, đoạn văn, liên kết và hình ảnh.

Cascading Style Sheets (CSS) is a language used for styling the layout of web pages It governs aspects such as layout, color schemes, typography, and visual effects, enhancing the overall appearance of websites.

JavaScript là ngôn ngữ lập trình thiết yếu cho việc phát triển các tính năng tương tác trên trang web, bao gồm việc kiểm tra dữ liệu nhập, thay đổi nội dung trang và tạo ra các hiệu ứng động hấp dẫn.

Các Kỹ Năng Cần Thiết

Responsive Design: Thiết kế giao diện đáp ứng giúp trang web hiển thị tốt trên mọi thiết bị với các kích thước màn hình khác nhau.

Frameworks: Sử dụng các frameworks như AngularJS, ReactJS, và Bootstrap để tăng tốc độ phát triển và đảm bảo tính nhất quán.

Version Control/Git: Sử dụng Git để quản lý và theo dõi các thay đổi trong mã nguồn.

Testing/Debugging: Kiểm tra và gỡ lỗi mã nguồn để đảm bảo tính ổn định và hiệu suất của ứng dụng.

Browser Developer Tools: Sử dụng các công cụ phát triển trình duyệt để kiểm tra và tối ưu hóa mã nguồn.

Vai Trò Của Front End

Front end đóng vai trò quan trọng trong việc thiết kế giao diện trực quan và thu hút người dùng Một trang web có giao diện đẹp và dễ sử dụng không chỉ thu hút người dùng mà còn giữ chân họ lâu hơn, từ đó tăng cường khả năng chuyển đổi khách hàng.

Ngành lập trình front end đang phát triển mạnh mẽ tại Việt Nam, mang đến nhiều cơ hội nghề nghiệp với mức lương hấp dẫn Lập trình viên front end có thể nhận mức lương từ 15 đến 22 triệu đồng mỗi tháng, tùy thuộc vào kinh nghiệm và kỹ năng cá nhân.

HTML - Ngôn ngữ đánh dấu siêu văn bản

HTML (HyperText Markup Language) là ngôn ngữ đánh dấu tiêu chuẩn cho việc tạo cấu trúc và hiển thị nội dung trên web Nó sử dụng các thẻ (tags) để định dạng văn bản, hình ảnh, liên kết và các yếu tố đa phương tiện khác Mỗi thẻ HTML có chức năng riêng và có thể được lồng vào nhau để tạo ra cấu trúc phức tạp Một số thẻ HTML phổ biến bao gồm.

đến : Các thẻ tiêu đề, được sử dụng để tạo các tiêu đề có thứ tự từ lớn đến nhỏ.

: Thẻ đoạn văn, dùng để định nghĩa các đoạn văn bản.

: Thẻ liên kết, dùng để tạo các liên kết tới các trang web khác hoặc các phần khác trong cùng trang.

: Thẻ hình ảnh, dùng để nhúng hình ảnh vào trang web.

và : Các thẻ dùng để nhóm các phần tử lại với nhau và áp dụng kiểu dáng CSS.

HTML là nền tảng cơ bản cho mọi trang web, giúp các nhà phát triển tạo ra các trang có cấu trúc rõ ràng và dễ đọc Những ưu điểm của HTML bao gồm khả năng tổ chức nội dung hiệu quả, hỗ trợ đa phương tiện và tính tương thích cao với các trình duyệt.

1 Dễ học và sử dụng: HTML rất dễ học và viết Ngay cả những người mới bắt đầu cũng có thể nắm bắt cơ bản về HTML trong một thời gian ngắn.

2 Cấu trúc rõ ràng: HTML cho phép tạo cấu trúc rõ ràng và dễ hiểu cho trang web Các thẻ HTML giúp chia nhỏ nội dung và phân đoạn thông tin một cách hợp lý.

3 Hỗ trợ đa nền tảng: Các trang web HTML có thể được hiển thị trên mọi trình duyệt và nền tảng mà không cần thay đổi nhiều.

4 Tích hợp dễ dàng với các công nghệ khác: HTML dễ dàng tích hợp với CSS, JavaScript, và các ngôn ngữ lập trình khác để tạo ra trang web động và phong phú.

5 Tài liệu phong phú: Có rất nhiều tài liệu, hướng dẫn, và cộng đồng hỗ trợ về HTML, giúp việc học và giải quyết vấn đề trở nên dễ dàng hơn.

1 Giới hạn trong việc tạo ra các trang web động: HTML chủ yếu là ngôn ngữ đánh dấu tĩnh và không có khả năng tạo ra các trang web động mà không kết hợp với các ngôn ngữ lập trình khác như JavaScript.

2 Cấu trúc phức tạp có thể gây khó khăn: Khi xây dựng các trang web phức tạp, mã HTML có thể trở nên rối rắm và khó quản lý nếu không được tổ chức tốt.

3 Không thể xử lý dữ liệu phía máy chủ: HTML không có khả năng xử lý dữ liệu hoặc tương tác với máy chủ mà phải dựa vào các ngôn ngữ phía máy chủ như PHP, Python hoặc Node.js.

4 Không bảo mật: HTML không có cơ chế bảo mật dữ liệu hoặc người dùng, cần phải sử dụng các công nghệ bảo mật khác để bảo vệ trang web.

Vai trò của HTML trong lập trình Website

1 Xây dựng cấu trúc trang web: HTML cung cấp các thẻ để định dạng và sắp xếp nội dung trên trang web, tạo nên bộ khung cho trang web.

2 Tích hợp với CSS và JavaScript: HTML hoạt động cùng với CSS để thiết kế giao diện và với JavaScript để thêm các tính năng tương tác và động cho trang web.

3 Hỗ trợ SEO: HTML giúp tối ưu hóa công cụ tìm kiếm (SEO) bằng cách sử dụng các thẻ meta, heading và các thuộc tính khác để giúp các công cụ tìm kiếm hiểu và lập chỉ mục nội dung trang web.

4 Khả năng truy cập: HTML có thể được sử dụng để tạo ra các trang web thân thiện với người dùng, bao gồm cả những người khuyết tật, bằng cách sử dụng các thẻ và thuộc tính phù hợp.

5 Liên kết tài nguyên: HTML cho phép liên kết với các tài nguyên bên ngoài như hình ảnh, video, âm thanh, và các tài liệu khác, tạo nên một trang web phong phú và đa dạng.

CSS - Ngôn ngữ định kiểu

CSS (Cascading Style Sheets) là ngôn ngữ dùng để mô tả cách hiển thị các phần tử HTML trên trang web, giúp tách biệt nội dung và hình thức trình bày Điều này cho phép các nhà phát triển web linh hoạt điều chỉnh giao diện trang một cách dễ dàng Một số tính năng nổi bật của CSS bao gồm khả năng kiểm soát bố cục, màu sắc, phông chữ và hiệu ứng hình ảnh.

 Định dạng văn bản: Đặt màu sắc, cỡ chữ, kiểu chữ và các thuộc tính văn bản khác.

 Bố cục trang: Sắp xếp các phần tử trên trang theo các kiểu bố cục như lưới, flexbox và các kỹ thuật khác.

 Trang trí phần tử: Áp dụng các hiệu ứng như đường viền, đổ bóng, hình nền và hình ảnh.

 Phản hồi giao diện: Tạo các thiết kế đáp ứng (responsive) để trang web hiển thị tốt trên các thiết bị có kích thước màn hình khác nhau.

CSS được áp dụng thông qua các quy tắc, mỗi quy tắc bao gồm bộ chọn và các thuộc tính cùng giá trị Việc sử dụng CSS không chỉ nâng cao trải nghiệm người dùng mà còn giúp trang web trở nên hấp dẫn và chuyên nghiệp hơn.

1 Tách biệt nội dung và thiết kế: CSS giúp tách biệt phần thiết kế (giao diện) của trang web khỏi phần nội dung (HTML), giúp quản lý và bảo trì dễ dàng hơn.

2 Tái sử dụng mã: CSS cho phép sử dụng lại các đoạn mã định kiểu trên nhiều trang web khác nhau, giúp tiết kiệm thời gian và công sức.

3 Thiết kế nhất quán: Bằng cách sử dụng CSS, bạn có thể áp dụng cùng một kiểu thiết kế cho nhiều trang web khác nhau, tạo ra sự nhất quán trong giao diện người dùng.

4 Kiểm soát tốt hơn: CSS cung cấp khả năng kiểm soát chi tiết hơn về bố cục, màu sắc, phông chữ, khoảng cách, và các yếu tố thiết kế khác của trang web.

5 Tăng tốc độ tải trang: CSS giúp giảm kích thước mã HTML, từ đó cải thiện tốc độ tải trang web.

6 Responsive Design: CSS cho phép tạo ra các thiết kế đáp ứng (responsive design), giúp trang web hiển thị tốt trên nhiều thiết bị và kích thước màn hình khác nhau.

1 Trình duyệt không tương thích: Một số thuộc tính CSS có thể không hoạt động đúng trên tất cả các trình duyệt, gây ra sự khác biệt trong hiển thị.

2 Khó khăn trong việc gỡ lỗi: Khi có lỗi trong CSS, việc tìm và sửa lỗi có thể phức tạp và mất thời gian.

3 Phụ thuộc vào HTML: CSS không thể hoạt động độc lập mà phải kết hợp với HTML để định dạng và thiết kế trang web.

4 Cấu trúc phức tạp: Khi làm việc với các trang web lớn, mã CSS có thể trở nên phức tạp và khó quản lý nếu không được tổ chức một cách hợp lý.

Vai trò của CSS trong lập trình Website:

1 Thiết kế giao diện người dùng: CSS giúp định dạng và thiết kế giao diện người dùng của trang web, bao gồm màu sắc, phông chữ, bố cục, và các yếu tố thiết kế khác.

2 Tạo trải nghiệm người dùng tốt hơn: Bằng cách sử dụng CSS, bạn có thể tạo ra các hiệu ứng hình ảnh, hoạt ảnh, và tương tác để cải thiện trải nghiệm người dùng.

3 Hỗ trợ responsive design: CSS cho phép thiết kế trang web đáp ứng, giúp trang web hiển thị tốt trên nhiều thiết bị và kích thước màn hình khác nhau.

4 Quản lý thiết kế dễ dàng hơn: CSS giúp quản lý và bảo trì thiết kế của trang web dễ dàng hơn bằng cách tách biệt phần thiết kế khỏi phần nội dung.

5 Tối ưu hóa hiệu suất: CSS giúp giảm kích thước mã HTML và tăng tốc độ tải trang, cải thiện hiệu suất của trang web.

6 Hỗ trợ đa nền tảng: CSS cho phép trang web hiển thị nhất quán trên nhiều trình duyệt và nền tảng khác nhau, đảm bảo trải nghiệm người dùng đồng nhất.

JavaScript - Ngôn ngữ lập trình cho web

JavaScript là ngôn ngữ lập trình phổ biến dùng để phát triển các trang web động và tương tác Ngôn ngữ này cho phép các nhà phát triển thực hiện những hành động phức tạp như cập nhật nội dung mà không cần tải lại trang, xử lý sự kiện người dùng và tương tác với máy chủ từ xa Một số tính năng nổi bật của JavaScript bao gồm khả năng tạo ra trải nghiệm người dùng mượt mà và linh hoạt.

 Quản lý DOM: Thao tác với Document Object Model (DOM) để thay đổi cấu trúc và nội dung của trang web một cách động.

 Xử lý sự kiện: Lắng nghe và phản hồi các sự kiện người dùng như nhấp chuột, nhập liệu, cuộn trang và các hành động khác.

 Giao tiếp với máy chủ: Gửi và nhận dữ liệu từ máy chủ bằng cách sử dụng các kỹ thuật như AJAX (Asynchronous JavaScript and XML) và Fetch API.

 Tạo hiệu ứng và hoạt hình: Tạo ra các hiệu ứng và hoạt hình mượt mà để cải thiện trải nghiệm người dùng.

JavaScript là ngôn ngữ lập trình quan trọng trong phát triển web hiện đại, được hỗ trợ bởi tất cả các trình duyệt phổ biến Nhờ vào JavaScript, các nhà phát triển có khả năng xây dựng các ứng dụng web phong phú và tương tác, mang lại trải nghiệm người dùng tốt hơn.

1 Tương tác động: JavaScript cho phép tạo ra các trang web động và tương tác Các tính năng như kiểm tra form, hiển thị thông báo, và thay đổi nội dung mà không cần tải lại trang là nhờ JavaScript.

2 Hiệu suất nhanh: JavaScript được thực thi trên trình duyệt của người dùng (client-side), giúp giảm tải cho máy chủ và tăng tốc độ phản hồi của trang web.

3 Tính phổ biến cao: JavaScript được hỗ trợ bởi hầu hết các trình duyệt web và có một cộng đồng phát triển rộng lớn, với rất nhiều tài liệu và thư viện hỗ trợ.

4 Khả năng tích hợp: JavaScript dễ dàng tích hợp với các ngôn ngữ khác như HTML và CSS, giúp tạo ra các ứng dụng web phong phú.

5 Chạy đa nền tảng: JavaScript có thể chạy trên nhiều nền tảng khác nhau, từ trình duyệt web đến các thiết bị di động và thậm chí là các máy chủ thông qua Node.js.

6 Thư viện và Framework: Có nhiều thư viện và framework như React, Angular, và Vue.js giúp tăng cường khả năng và hiệu suất của JavaScript, làm cho việc phát triển ứng dụng web trở nên nhanh chóng và hiệu quả hơn.

1 Bảo mật: JavaScript có thể bị lạm dụng để thực hiện các cuộc tấn công như cross-site scripting (XSS), làm tăng nguy cơ bảo mật.

2 Hiệu suất trên thiết bị yếu: Mặc dù JavaScript nhanh trên hầu hết các thiết bị hiện đại, nhưng nó có thể gây chậm trên các thiết bị có cấu hình thấp hoặc kết nối internet yếu.

3 Phụ thuộc vào người dùng: JavaScript có thể bị vô hiệu hóa bởi người dùng trong trình duyệt, điều này có thể làm giảm tính năng và trải nghiệm của trang web.

4 Lỗi khó debug: Mã JavaScript có thể khó gỡ lỗi hơn so với các ngôn ngữ lập trình khác, đặc biệt là khi lỗi xảy ra trong môi trường trình duyệt.

Vai trò của JavaScript trong lập trình Website:

1 Tạo trang web động: JavaScript cho phép tạo ra các trang web động, giúp trang web phản hồi và tương tác tốt hơn với người dùng.

2 Cải thiện trải nghiệm người dùng: JavaScript giúp tạo ra các hiệu ứng động, chuyển đổi mượt mà, và các tương tác người dùng như kéo-thả, chuột hover, và kiểm tra form.

3 Xử lý dữ liệu phía client: JavaScript có thể xử lý dữ liệu ngay trên trình duyệt của người dùng, giảm tải công việc cho máy chủ và tăng tốc độ phản hồi.

4 Tích hợp với APIs: JavaScript cho phép tích hợp với các APIs bên ngoài để lấy dữ liệu và cập nhật nội dung trang web mà không cần tải lại trang.

5 Tạo ứng dụng một trang (SPA): Với sự hỗ trợ của các framework như React, Angular, và Vue.js, JavaScript giúp tạo ra các ứng dụng một trang (single-page applications) với trải nghiệm mượt mà và liên tục.

6 Phát triển ứng dụng di động và máy chủ: Ngoài việc phát triển trang web,JavaScript còn được sử dụng để phát triển ứng dụng di động (ReactNative) và các ứng dụng phía máy chủ (Node.js).

Tìm hiểu bảo mật website với SSL

Tổng quan về giao thức SSL

- SSL viết tắt của Secure Socket Layer là một giao thức cho phép bạn truyền đạt thông tin một cách bảo mật và an toàn hơn qua mạng.

SSL được phát triển để mã hóa toàn bộ thông tin giữa hai ứng dụng trên một cổng xác định, đảm bảo an toàn cho các giao dịch điện tử Ngày nay, SSL được sử dụng phổ biến trong việc truyền tải thông tin nhạy cảm như số thẻ tín dụng, mật khẩu và mã PIN trên Internet.

Các phương pháp mã hóa

Có hai phương pháp mã hóa chính thường được sử dụng là mã hóa đối xứng và mã hóa bất đối xứng.

- Mã hóa bằng khóa đối xứng: Là khóa vừa dùng để mã hóa vừa dùng để giải mã thông tin

Mã hóa bằng khóa bất đối xứng ra đời để khắc phục vấn đề an toàn trong mã hóa đối xứng, nơi việc chuyển khóa cho người nhận có thể gặp rủi ro nếu khóa bị rơi vào tay kẻ xấu Trong phương pháp này, mỗi người dùng có hai khóa: khóa công khai (public key) để mã hóa và khóa riêng (private key) để giải mã, giúp bảo vệ thông tin một cách hiệu quả hơn.

Khóa chung được sử dụng để mã hóa thông tin, trong khi khóa riêng được dùng để giải mã Bên nhận sẽ cung cấp khóa chung cho bên gửi, cho phép bên gửi mã hóa thông tin trước khi gửi lại Bên nhận sẽ sử dụng khóa riêng của mình để giải mã thông tin đó Ngay cả khi thông tin bị rơi vào tay người khác, họ cũng không thể giải mã được vì không có khóa riêng của bên nhận Điều này đảm bảo rằng chỉ có bạn mới có khả năng đọc thông tin đã được mã hóa.

Lợi ích khi sữ dụng SSL

Để đảm bảo an toàn cho kết nối, việc xác thực tính xác thực của trang web là vô cùng quan trọng Đồng thời, các trang web cũng cần thực hiện kiểm tra xác thực người dùng để bảo vệ thông tin và dữ liệu.

Mã hóa thông tin là một biện pháp quan trọng để bảo vệ dữ liệu khỏi sự truy cập trái phép từ bên thứ ba Bằng cách mã hóa, các thông tin nhạy cảm được bảo vệ khi truyền qua Internet, đảm bảo rằng chỉ người gửi và người nhận mới có thể đọc được nội dung mà không lo bị nghe trộm.

- Toàn vẹn dữ liệu: Đảm bảo thông tin không bị sai lệch và nó phải thể hiện chính xác thông tin gốc gửi đến.

Việc sử dụng SSL giúp các website bảo mật thông tin, xác thực và đảm bảo toàn vẹn dữ liệu cho người dùng SSL được tích hợp sẵn trong các trình duyệt và máy chủ web, cho phép người dùng kết nối an toàn Khi kết nối thành công, biểu tượng ổ khóa sẽ hiển thị trên thanh trạng thái của trình duyệt, và địa chỉ URL sẽ chuyển từ "http" sang "https".

“https” Một phiên giao dịch HTTPS sử dụng cổng 443 thay vì sử dụng cổng 80 như dùng cho HTTP.

PHÂN TÍCH THIẾT KẾ HỆ THỐNG

Khảo sát hiện trạng hệ thống

Website bán giày là một mô hình kinh doanh hiện đại, luôn cập nhật và đổi mới sản phẩm để đáp ứng nhu cầu thị trường Sneaker Haven cung cấp nền tảng trực tuyến thân thiện, giúp người mua và người bán giày dễ dàng kết nối và giao dịch.

Việc đặt hàng và thanh toán online là cần thiết và thuận tiện, nâng cao trải nghiệm mua sắm của khách hàng Quản lý hệ thống là yếu tố quan trọng đối với website kinh doanh online, nơi người quản trị cần có quyền kiểm soát các chức năng như quản lý sản phẩm, hóa đơn, khách hàng, bài viết và tài khoản người dùng Đặc biệt, với website thời trang hướng tới giới trẻ, thiết kế cần đẹp mắt và các tính năng phải thân thiện, thuận lợi cho việc mua bán.

Yêu cầu hệ thống

 Đối với quản trị viên (Admin)

Khi bắt đầu khởi tạo phần mềm, hệ thống yêu cầu đăng nhập bằng một tài khoản admin.

Sau khi đăng nhập thành công, bạn sẽ thấy màn hình chính của trang quản trị, bao gồm các mục như Thống kê, Quản lý khách hàng, Quản lý sản phẩm, Quản lý tin tức, Quản lý danh mục sản phẩm và Quản lý hóa đơn.

Tính năng thống kê cho phép người quản trị theo dõi tổng số đơn hàng đã đặt, doanh thu hàng tháng và số lượng khách hàng giao dịch mỗi tháng.

 Quản lý khách hàng: Tính năng này cho phép người quản trị xem và cập nhật thông tin khách hàng.

 Quản lý danh mục sản phẩm: Xem và cập nhật các sản phẩm trong danh mục.

 Quản lý sản phẩm: Xem và cập nhật loại sản phẩm.

 Quản lý tin tức: Tạo mới tin tức, cập nhật tin tức

 Quản lý tin liên hệ: Xem và liên hệ lại với khách hàng

Quản lý đơn hàng giúp người quản trị theo dõi toàn bộ đơn hàng của khách hàng, bao gồm trạng thái từng đơn hàng, thông tin khách hàng và ngày tạo đơn.

Người quản lý có khả năng thống kê tổng số đơn hàng, số lượng thành viên, sản phẩm, và đánh giá Họ cũng có thể theo dõi biểu đồ doanh thu hàng ngày trong tháng, danh sách các đơn hàng mới, cùng với top sản phẩm bán chạy và những sản phẩm được xem nhiều nhất.

Khách hàng có thể tìm kiếm hoặc click vào đường link của website. website sẽ hiển thị trang chủ và các phân trang liên quan.

Tại website khách hàng có thể:

 Xem chi tiết sản phẩm như (Tên sản phẩm, hình ảnh, đơn giá, màu sắc, mô tả chi tiết ).

 Tìm kiếm sản phẩm (theo tên sản phẩm).

 Khi khách hàng muốn mua hàng khách hàng cần thêm các sản phẩm muốn mua vào giỏ hàng.

 Khách hàng có thể xem danh sách các sản phẩm đã thêm vào giỏ hàng, xem chi tiết từng sản phẩm có trong giỏ hàng.

 Thực hiện thêm/bớt số lượng sản phẩm, xóa sản phẩm khỏi giỏ hàng, thay đổi size, màu sắc của sản phẩm

Để thanh toán đơn hàng, khách hàng cần đăng ký tài khoản nếu là người mới Quá trình đăng ký yêu cầu điền các thông tin cần thiết như họ tên, tên đăng nhập, mật khẩu, số điện thoại và email.

 Sau khi đã đăng ký thành công khách hàng cần đăng nhập đúng thông tin tài khoản đã đăng ký để thực hiện mua hàng

Sau khi nhấn nút mua hàng, hóa đơn của khách hàng sẽ hiển thị thông tin chi tiết bao gồm tên sản phẩm, đơn giá, số lượng, thành tiền và thuế.

Khi khách hàng lần đầu tiên thực hiện mua hàng, họ cần điền đầy đủ thông tin nhận hàng bao gồm họ tên, số điện thoại, email, địa chỉ nhận hàng và ghi chú.

 Tại đây khách hàng cũng có thể thêm địa chỉ nhận hàng mới, sửa thông tin và xóa địa chỉ nhận hàng

Sau khi hoàn tất các yêu cầu cần thiết, khách hàng sẽ tiến hành giao dịch bằng cách chọn hình thức thanh toán phù hợp Khách hàng có thể lựa chọn giữa thanh toán trực tiếp hoặc thanh toán online.

 Khi khách hàng muốn thanh toán bằng hình thức online khách hàng cần liên kết thẻ ngân hàng hoặc ví điện tử và thực hiện thanh toán.

 Cuối cùng là xác nhận mua hàng và đặt hàng thành công.

Khách hàng có thể dễ dàng truy cập vào lịch sử mua hàng của mình tại mỗi tài khoản cá nhân, nơi hiển thị chi tiết hóa đơn bao gồm mã hóa đơn, tên sản phẩm, thành tiền, thời gian mua và thời gian nhận sản phẩm.

Yêu cầu phi chức năng của hệ thống bao gồm giao diện dễ sử dụng, trực quan và thân thiện với người dùng Hiệu suất của trang web cần nhanh chóng và ổn định, ngay cả khi có nhiều người truy cập đồng thời Bảo mật là yếu tố quan trọng, với dữ liệu khách hàng và thông tin thanh toán được bảo vệ bằng SSL để mã hóa thông tin Hệ thống cũng phải có khả năng mở rộng để dễ dàng thêm tính năng mới và xử lý lượng lớn người dùng Cuối cùng, khả năng bảo trì và cập nhật của hệ thống cần được đảm bảo để duy trì hiệu quả hoạt động.

Quyền hạn trong hệ thống được phân chia rõ ràng: Quản trị viên có toàn quyền quản lý, bao gồm sản phẩm, đơn hàng, khách hàng và nội dung trang web Nhân viên có quyền hạn hạn chế hơn, tập trung vào quản lý đơn hàng và hỗ trợ khách hàng Khách hàng chỉ có quyền truy cập vào các tính năng như tìm kiếm sản phẩm, đặt hàng và xem lịch sử mua hàng của mình.

Biểu đồ Use Case

Khái niệm UseCase (UC) được Jacobson giới thiệu vào năm 1994 trong thời gian làm việc tại Ericsson, mô tả cách người dùng tương tác với hệ thống phần mềm để thực hiện các nhiệm vụ cụ thể UC không đề cập đến cách thức hoạt động bên trong của hệ thống, mà chỉ tập trung vào các tương tác giữa người dùng và hệ thống UC không phải là thiết kế hay kế hoạch cài đặt, mà là một phần của vấn đề cần giải quyết Quá trình của hệ thống được chia thành các UC để nhận diện rõ ràng từng phần và cho phép nhiều người cùng tham gia xử lý.

UC là nền tảng quan trọng trong phân tích hệ thống, giúp xác định đầy đủ các yêu cầu của người dùng Việc này đảm bảo rằng hệ thống được phát triển sẽ đáp ứng mọi nhu cầu và mong đợi của người sử dụng, từ đó nâng cao hiệu quả và sự hài lòng của họ.

UC là tập hợp các hành động mà hệ thống thực hiện Mỗi hành động đại diện cho những gì hệ thống có khả năng làm UC là hạt nhân của hệ thống, thể hiện rõ ràng việc thực hiện hoàn toàn hoặc không thực hiện một phần nào đó.

3.3.1 Xác định các tác nhân

- Quản lý liên hệ Khách hàng - Đăng ký

- Xem thông tin sản phẩm

- Xem lịch sử mua hàng

3.3.2 Sơ đồ Use Case tổng quan

Hình 3 1 Sơ đồ Use Case tổng quan

3.3.3 Biểu đồ Use Case Đăng Ký

Hình 3 2 Sơ đồ Use Case đăng ký

Hình 3 3 Sơ đồ hoạt động chức năng đăng ký

Bảng 3 1 Đặc tả Use Case đăng ký

Mô tả Cho phép khách hàng đăng ký thành viên vào hệ thống Điều kiện tiên quyết

Website hiện chưa được đăng nhập

Kích hoạt Khách hàng chọn đăng ký ở giao diện trang chủ

Bảng 3 2 Dữ liệu đầu vào chức năng đăng ký

STT Trường dữ liệu Bắc buộc? Điều kiện hợp lệ Ví dụ

1 Tên đăng nhập Có Từ 6 đến 20 ký tự, chưa tồn tại trong hệ thống nva1320

2 Mật khẩu Có 8 ký tự trở lên nvanva100

Có Giống với mật khẩu nvanva100

4 Họ tên Có Tối đa 30 ký tự Nguyễn Văn A

5 Email Có Địa chỉ email hợp lệ nva100@gmail.com

6 Số điện thoại Có Từ 10 đến 12 số 0907892198

3.3.4 Đặc tả Use Case Đăng Nhập

Hình 3 4 Sơ đồ Use Case đăng nhập Bảng 3 3 Đặc tả Use Case đăng nhập

Khách hàng, quản trị viên

Mô tả Cho phép khách hàng, quản trị viên đăng nhập vào hệ thống Điều kiện tiên quyết Đã có tài khoản trong hệ thống

Kích hoạt Chọn đăng nhập tại trang chủ

Bảng 3 4 Dữ liệu đầu vào chức năng đăng nhập

STT Trường dữ liệu Bắc Điều kiện hợp lệ Ví dụ buộc?

1 Tên đăng nhập Có Ít nhất 6 ký tự và tối đa 20 ký tự nva1234

2 Mật khẩu Có Ít nhất 8 ký tự 12345678

3.3.5 Đặc tả Use Case Tìm Kiếm Sản Phẩm

Hình 3 4 Sơ đồ Use Case tìm kiếm sản phẩm

Bảng 3 3 Đặc tả Use Case tìm kiếm sản phẩm

Tên UC Tìm kiếm sản phẩm

Mô tả Cho phép khách hàng tìm kiếm sản phẩm trong hệ thống Điều kiện tiên quyết

Có sản phẩm trong hệ thống

Kích hoạt Chọn tại thanh menu

Bảng 3 4 Dữ liệu đầu vào chức năng tìm kiếm sản phẩm

1 Tên sản phẩm Có Chuỗi ký tự Giày

3.3.6 Đặc tả Use Case Quản Lý Hỏi Đáp

Hình 3 5 Sơ đồ Use Case quản lý hỏi đáp

Bảng 3 5 Đặc tả Use Case quản lý hỏi đáp

Tên UC Quản lý hỏi đáp

Tác nhân chính Khách hàng

Khách hàng có thể xem, đăng, sửa và xóa câu hỏi khi chưa nhận được phản hồi từ quản trị viên hoặc nhân viên chăm sóc khách hàng Điều này giúp nâng cao trải nghiệm người dùng và đảm bảo thông tin được cập nhật kịp thời.

Khách hàng đăng nhập thành công vào hệ thống khi thực hiện chức năng đăng, sửa (chỉ sửa được câu hỏi khi chưa được trả lời), xóa câu hỏi

Kích hoạt Chọn xem chi tiết sản phẩm của một sản phẩm bất kỳ

Bảng 3 6 Dữ liệu đầu vào chức năng đăng/sửa câu hỏi, thêm/sửa câu trả lời

1 Nội dung câu hỏi Có Tối đa 500 ký tự Sản phẩm này có bảo hành không shop?

3.3.7 Đặc tả Use Case Quản Lý Giỏ Hàng

Hình 3 6 Sơ đồ Use Case quản lý giỏ hàng Bảng 3 7 Đặc tả Use Case quản lý giỏ hàng

Tên UC Quản lý giỏ hàng

Tác nhân chính Khách hàng,

Khách hàng có thể dễ dàng quản lý giỏ hàng của mình bằng cách xem, thêm sản phẩm, cập nhật số lượng và xóa sản phẩm không cần thiết Điều này giúp cải thiện trải nghiệm mua sắm trực tuyến và đảm bảo rằng khách hàng có quyền kiểm soát hoàn toàn đối với đơn hàng của mình.

Khách hàng đăng nhập thành công vào hệ thống

Kích hoạt Xem giỏ hàng: chọn xem giỏ hàng thêm sản phẩm vào giỏ: chọn button “Thêm vào giỏ” tại danh sách sản phẩm hoặc chi tiết sản phẩm

Cập nhật số lượng sản phẩm trong giỏ: chọn button “ ” tại trang xem giỏ hàng

Xóa sản phẩm trong giỏ: chọn button “ ” tại trang xem giỏ hàng

Bảng 3 8 Dữ liệu đầu vào chức năng cập nhật sản phẩm trong giỏ hàng

1 Số lượng Có Số nguyên dương 10

3.3.8 Đặc tả Use Case Đặt Hàng

Hình 3 7 Sơ đồ Use Case đặt hàng Bảng 3 9 Đặc tả Use Case đặt hàng

Mô tả Cho phép khách hàng tiến hành đặt hàng các sản phẩm trong giỏ hàng Điều kiện tiên quyết

Có sản phẩm trong giỏ hàng, khách hàng đăng nhập thành công vào hệ thống

Kích hoạt Chọn xem giỏ hàng

Bảng 3 10 Dữ liệu đầu vào chức năng đặt hàng

3 Email Có Đúng định dạng nva123@gmail.com

4 Địa chỉ nhận hàng Có Tối đa 200 ký tự 200 Nguyễn Văn

Cừ, phường AnHòa, quận NinhKiều, TP.CT

5 Mã giảm giá Không 5 ký tự g87df

3.3.9 Đặc tả Use Case Quản Lý Đơn Đặt Hàng

Hình 3 8 Sơ đồ Use Case quản lý đơn đặt hàng

Bảng 3 11 Đặc tả Use Case quản lý đơn đặt hàng

Tên UC Quản lý đơn đặt hàng

Tác nhân chính quản trị viên

Khách hàng có thể theo dõi tình trạng đơn đặt hàng của mình, bao gồm các trạng thái như chưa duyệt, đã duyệt, đang giao, đã nhận, và đã hủy Họ cũng có thể thực hiện chức năng hủy đơn hàng khi đơn chưa được duyệt, cũng như xác nhận đã nhận hàng Quản trị viên có nhiệm vụ duyệt đơn đặt hàng và giao hàng theo các điều kiện tiên quyết.

Kích hoạt Chọn quản lý đơn hàng

Chức năng xem đơn đặt hàng chưa duyệt 3.3.10 Đặc tả Use Case Quản Lý Đánh Giá

Hình 3 9 Sơ đồ Use Case quản lý đánh giá

Bảng 3 12 Đặc tả Use Case quản lý đánh giá

Tên UC Quản lý đánh giá

Mô tả Cho phép khách hàng xem đánh giá và thực hiện đánh giá Điều kiện tiên quyết

Kích hoạt Xem đánh giá: Chọn xem chi tiết sản phẩm Đánh giá: Chọn tab “Đánh giá” tại trang quản lý đơn hàng

Bảng 3 13 Dữ liệu đầu vào chức năng đánh giá

STT Trường dữ liệu Bắc Điều kiện hợp lệ Ví dụ buộc?

2 Nội dung Có Tối đa 200 ký tự Sản phẩm rất tốt

3.3.11 Đặc tả Use Case Quản Lý Lịch Sử Xem Hàng

Hình 3 10 Sơ đồ Use Case quản lý lịch sử xem hàng Bảng 3 14 Đặc tả Use Case quản lý lịch sử xem hàng

Tên UC Quản lý lịch sử xem hàng

Mô tả Cho phép khách hàng xem lịch sử xem hàng, xóa lịch sử xem hàng Điều kiện tiên quyết

Kích hoạt Chọn lịch sử xem

3.3.12 Đặc tả Use Case Quản Lý Tài Khoản

Hình 3 11 Sơ đồ Use Case quản lý tài khoản

Bảng 3 15 Đặc tả Use Case quản lý tài khoản

Tên UC Quản lý tài khoản

Khách hàng có thể xem thông tin tài khoản của mình, cập nhật các thông tin cá nhân như họ tên và địa chỉ, cũng như thực hiện việc xóa tài khoản khỏi hệ thống.

Khách hàng thành viên đăng nhập thành công vào hệ thống

Kích hoạt Chọn tên khách hàng thành viên

Bảng 3 16 Dữ liệu đầu vào chức năng cập nhật thông tin cá nhân

Bắc buộc? Điều kiện hợp lệ

2 Địa chỉ Có Tối đa 200 ký tự 200, Nguyễn Văn Cừ, phường An Hóa, quận Ninh Kiều, TP.CT Đặc tả Use Case Quản Lý Danh Mục Sản Phẩm

Hình 3 12 Sơ đồ Use Case quản lý danh mục sản phẩm

Bảng 3 17 Đặc tả Use Case quản lý danh mục sản phẩm

Tên UC Quản lý danh mục sản phẩm

Tác nhân chính Quản trị viên

Quản trị viên có khả năng xem danh sách danh mục sản phẩm, thực hiện tìm kiếm, thêm mới, cập nhật thông tin, cũng như khóa và kích hoạt danh mục sản phẩm.

Quản trị viên đăng nhập thành công vào hệ thống

Kích hoạt Chọn quản lý danh mục

Bảng 3 18 Dữ liệu đầu vào chức năng thêm/cập nhật danh mục sản phẩm

1 Tên danh mục Có Tối đa 30 ký tự Đồ chơi mô hình

3.3.13 Đặc tả Use Case Quản Lý Sản Phẩm

Hình 3 13 Sơ đồ Use Case quản lý sản phẩm Bảng 3 19 Đặc tả Use Case quản lý sản phẩm

Tên UC Quản lý sản phẩm

Quản trị viên có khả năng xem danh sách sản phẩm và thực hiện các chức năng như tìm kiếm, thêm mới, cập nhật thông tin sản phẩm, cũng như khóa hoặc kích hoạt sản phẩm khi cần thiết.

Kích hoạt Chọn quản lý sản phẩm

Bảng 3 20 Dữ liệu đầu vào chức năng thêm/cập nhât sản phẩm

1 Tên sản phẩm Có Tối đa 30 ký tự Giày thể thao

2 Giá bán Có Lớn hơn 0 200000

3 Hình ảnh 1 Có Định dạng

4 Hình ảnh 2 Không Định dạng

5 Hình ảnh 3 Không Định dạng

6 Khuyến mãi Không Từ 1 đến 99 50

7 Mô tả Có Tối đa 500 ký tự Mẫu mã sản phẩm đa dạng, nhiều màu sắc thu hút được khách hàng nhiều lựa chọn mẫu mã về giày.

3.3.14 Đặc tả Use Case Quản Lý Nhân Viên

Hình 3 14 Sơ đồ Use Case quản lý nhân viên Bảng 3 21 Đặc tả Use Case quản lý nhân viên

Tên UC Quản lý nhân viên

Quản trị viên có khả năng xem danh sách nhân viên và thực hiện các chức năng như tìm kiếm, thêm mới, cập nhật thông tin, cũng như khóa và kích hoạt tài khoản nhân viên Điều này giúp quản lý nhân sự hiệu quả hơn.

Kích hoạt Chọn quản lý nhân viên

Bảng 3 22 Dữ liệu đầu vào chức năng thêm/cập nhật nhân viên

Bắc buộc? Điều kiện hợp lệ

1 Tên nhân viên Có Tối đa 30 ký tự Nguyễn Văn A

2 Địa chỉ Có Tối đa 200 ký tự 200, Nguyễn Văn Cử, phường An Hòa, quận Ninh Kiều, TP.CT

3 Email Có Đúng định dạng abc@gmail.com

5 Hình ảnh Không Định dạng

3.3.15 Đặc tả Use Case Quản Lý Nhà Sản Xuất

Hình 3 15 Sơ đồ Use Case quản lý nhà sản xuất Bảng 3 23 Đặc tả Use Case quản lý nhà sản xuất

Tên UC Quản lý nhà sản xuất

Quản trị viên có thể xem danh sách nhà sản xuất và thực hiện các chức năng như tìm kiếm, thêm mới, cập nhật thông tin, khóa hoặc kích hoạt nhà sản xuất Điều này yêu cầu một số điều kiện tiên quyết nhất định.

Kích hoạt Chọn quản lý nhân viên

Bảng 3 24 Dữ liệu đầu vào chức năng thêm/cập nhật nhà sản xuất

1 Tên nhà sản xuất Có Tối đa 50 ký tự Toy Group

3.3.16 Đặc tả Use Case Quản Lý Nhà Cung Cấp

Hình 3 16 Sơ đồ Use Case quản lý nhà cung cấp Bảng 3 25 Đặc tả Use Case quản lý nhà cung cấp

Tên UC Quản lý nhà cung cấp

Quản trị viên có thể xem danh sách nhà cung cấp, thực hiện tìm kiếm, thêm mới, cập nhật thông tin, cũng như khóa và kích hoạt nhà cung cấp theo các điều kiện tiên quyết.

Kích hoạt Chọn quản lý nhà cung cấp

Bảng 3 26 Dữ liệu đầu vào chức năng thêm/cập nhật nhà cung cấp

STT Trường dữ liệu Bắc buộc? Điều kiện hợp lệ

Có Tối đa 30 ký tự Tổng Hợp

2 Địa chỉ Có Tối đa 200 ký tự 200, Nguyễn Văn

Cử, phường An Hòa,quận Ninh Kiều,

3 Email Có Đúng định dạng abc@gmail.com

3.3.17 Đặc tả Use Case Quản Lý Nhập Hàng

Hình 3 17 Sơ đồ Use Case nhập hàng

Bảng 3 27 Đặc tả Use Case quản lý nhập hàng

Tên UC Quản lý nhập hàng

Tác nhân chính Quản trị viên, thủ kho

Quản trị viên có thể xem danh sách sản phẩm cần nhập và danh sách phiếu nhập, đồng thời thực hiện chức năng thêm phiếu nhập Điều này giúp quản lý quy trình nhập hàng một cách hiệu quả.

Kích hoạt Chọn quản lý nhập hàng

Bảng 3 28 Dữ liệu đầu vào chức năng thêm phiếu nhập

1 Đơn giá Có Lớn hơn 0 300000

2 Số lượng Có Lớn hơn 0 100

3.3.18 Đặc tả Use Case Quản Lý Mã Giảm Giá

Hình 3 18 Sơ đồ Use Case quản lý mã giảm giá Bảng 3 29 Đặc tả Use Case quản lý mã giảm giá

Tên UC Quản lý mã giảm giá

Quản trị viên có thể xem danh sách mã giảm giá và thực hiện các chức năng như thêm, khóa hoặc kích hoạt mã giảm giá, đảm bảo đáp ứng các điều kiện tiên quyết cần thiết.

Kích hoạt Chọn quản lý mã giảm giá

Bảng 3 30 Dữ liệu đầu vào chức năng thêm mã giảm giá

2 Số lượng Có Lớn hơn 0 100

3.3.19 Đặc tả Use Case Thống Kê

Hình 3 19 Sơ đồ Use Case thống kê

Bảng 3 31 Đặc tả Use Case thống kê

Quản trị viên, thủ kho

Hệ thống cho phép thủ kho thống kê tồn kho hiệu quả, trong khi quản trị viên có quyền phân quyền cho việc này Nó cũng hỗ trợ theo dõi khách hàng tiềm năng, sản phẩm bán chạy, doanh thu, đơn đặt hàng và doanh số của nhà cung cấp.

Quản trị viên và thủ kho đăng nhập thành công vào hệ thống

Kích hoạt Chọn thống kê

3.3.20 Đặc tả Use Case Phân Quyền

Hình 3 20 Sơ đồ Use Case phân quyền

Bảng 3 32 Đặc tả Use Case phân quyền

Mô tả Cho phép quản trị viên phân quyền cho loại nhân viên Điều kiện tiên quyết

Kích hoạt Chọn phân quyền

3.3.21 Đặc tả Use Case Đăng Xuất

Hình 3 21 Sơ đồ Use Case đăng xuất Bảng 3 33 Đặc tả Use Case đăng xuất

Quản trị viên, nhân viên chăm sóc khách hàng, thủ kho, khách hàng thành viên

Mô tả Cho phép quản trị viên, nhân viên chăm sóc khách hàng, thủ kho, khách hàng thành viên đăng xuất khỏi hệ thống Điều kiện tiên quyết

Quản trị viên, nhân viên chăm sóc khách hàng, thủ kho, khách hàng thành viên đăng nhập thành công vào hệ thống

Kích hoạt Chọn đăng xuất

Biểu đồ hoạt động

3.4.1 Biểu đồ hoạt động khách hàng

Hình 3.11 Biểu đồ hoạt động chức năng đăng nhập

Hình 3.12 Biểu đồ hoạt động chức năng đăng ký

Hình 3.13 Biểu đồ hoạt động chức năng mua hàng

Hình 3.14 Biểu đồ hoạt động chức năng tìm kiếm

Hình 3.15 Biểu đồ hoạt động chức năng liên hệ

3.4.2 Biểu đồ hoạt động quản trị viên

3.4.2.1 Chức năng quản lý danh mục sản phẩm

Hình 3.16 Biểu đồ hoạt động chức năng quản lý danh mục sản phẩm

3.4.2.2 Chức năng quản lý sản phẩm

Hình 3.17 Biểu đồ hoạt động chức năng quản lý sản phẩm

3.4.2.3 Chức năng quản lý đơn hàng

Hình 3.18 Biểu đồ hoạt động chức năng quản lý đơn hàng

Sơ đồ lớp

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

Bảng 2: Danh sách các bảng

Nhom San Pham Lưu thông tin của nhóm sản phẩm

Danh Muc San Pham Lưu thông tin danh mục sản phẩm

Binh Luan San Pham Lưu thông tin các bình luận về sản phẩm

Giam Gia Lưu thông tin về các chương trình giảm giá Kho Hang Lưu thông tin về kho hàng

San Pham Lưu thông tin về sản phẩm

Phieu Nhap Lưu thông tin về phiếu nhập

Chi Tiet Phieu Nhap Lưu thông tin chi tiết phiếu nhập Đon Hang Lưu thông tin đơn hàng

Chi Tiet Don Hang Lưu thông tin chi tiết đơn hàng

Phieu Xuat Lưu thông tin về phiếu xuất

Chi Tiet Phieu Xuat Lưu thông tin chi tiết phiếu xuất

Khach Hang Lưu thông tin khách hàng

Hinh Thuc Thanh Toan Lưu thông tin hình thức thanh toán

Thanh Toan Lưu thông tin thanh toán đơn hàng

Image Lưu thông về hình ảnh của sản phẩm

Danh Muc Tin Lưu thông tin về danh mục tin

Nhom Tin Lưu thông tin về các nhóm tin

Nha Cung Cap Lưu thông tin về nhà cung cấp sản phẩm

Noi Dung Tin Lưu thông về nội dung tin tức

Binh Luan Tin Lưu thông tin về các bình luận của tin tức

Tai Khoan Lưu thông tin về tài khoản của nhân viên

Tu Van Tra Loi Lưu thông tin về các trả lời câu hỏi

Tu Van Hoi Lưu thông tin về các câu hỏi, thắc mắc

Tai Khoan Quyen Lưu thông tin về quyền của nhân viên

Phan Quyen Lưu thông tin các quyền trong hệ thống

Quang Cao Lưu các thông tin liên kết quảng cáo

Tên thuộc tính Kiểu Dữ

Mã nhóm sản phẩm sTennhomsanpham string public Tên nhóm sản phẩm

Bảng Danh Muc San Pham

PK_sDanhmucsanphamID string public Khóa chính

Mã danh mục sản phẩm FK_sNhomsanphamID string public Khóa ngoại

Mã nhóm sản phẩm sTendanhmucsanpham string public Tên danh mục sản phẩm

Bảng Binh Luan San Pham

Mã sản phẩm sHoten String publi c

Họ tên người bình luận sEmail String publi c

Tiêu đề bình luận sNoiDung String publi c

Nội dung bình luận dNgaybinhluan Date publi c

Ngày bình luận bHienthi Boolean publi c

Tên thuộc tính Kiểu Dữ Loại Ràng Ý Nghĩa

PK_iGiamgiaID Int public Khóa chính

Mã giảm giá sTengiamgia là một chuỗi công khai, trong đó Tên giảm giá sMota là mô tả chi tiết về chương trình giảm giá Ngày bắt đầu giảm giá được xác định bởi dNgaybatdaugiamgia và ngày kết thúc bởi dNgayketthucgiamgia Mức giảm giá được thể hiện qua fMucgiamgia, trong khi bHienthi xác định liệu chương trình giảm giá có được hiển thị công khai hay không.

PK_iKhohangID Int public Khóa chính

Mã kho hàng là sTenkho, tên kho hàng là sTenvitrikho, và địa chỉ kho hàng được ghi nhận là sDiachi Số lượng chứa tối đa của kho hàng này là iSoluongmax.

PK_iSanphamID Int public Khóa chính

FK_sDanhmucsanphamID string public Khóa ngoại

Mã danh mục sản phẩm

FK_iGiamgiaID Int Khóa ngoại

FK_iKhohangID Int Khóa ngoại

The product code is represented by the variable sTensanpham as a string, while the product name is stored in sMota The origin of the product is indicated by sXuatxu, also a string The selling price is captured in fGiaban as a float, and the available stock quantity is noted in iSoluongton as an integer Additionally, the representative image of the product is referenced by sImage, and the view count is recorded in iSoluongxem as an integer.

Số lượt xem bConhang Boolean Publi c

Tình trạng còn hàng hay không bBanchay Boolean Publi c

Tình trạng bán chạy hay không bHienthi boolean public Hiển thị hay không hiển thị

PK_iPhieunhapID Int public Khóa chính

FK_iTaikhoanID Int public Khóa ngoại

FK_iNhacungcapID Int public Khóa ngoại

Mã nhà cung cấp dngaynhap date public Ngày nhập

Bảng Chi Tiet Phieu Nhap

Mã chi tiết phiếu nhập

Mã sản phẩm iSoluong Int publi c

Số lượng fDongia float publi c Đơn giá

PK_iDonhangID Int public Khóa chính

FK_iKhachhangID Int public Khóa ngoại

The payment method code is represented as "dNgaydathang," indicating the order date, while "dNgaygiaohang" specifies the delivery date The delivery address is denoted by "sDiachigiaohang," and any additional notes can be found under "sGhichu." The payment status is indicated by "bTinhtrangthanhtoan," and the delivery status is represented by "bTinhtranggiaohang."

Bảng Chi Tiet Don Hang

Mã chi tiết đơn hàng

FK_iDonhangID Int public Khóa ngoại

FK_iSanPhamID Int public Khóa ngoại

Mã sản phẩm iSoluong Int public Số lương fGiaban Float public Giá bán fGiamgia float public Giảm giá

PK_iPhieuxuatID Int public Khóa chính

Mã tài khoản dNgayxuat date public Ngày xuất

Bảng Chi Tiet Phieu Xuat

FK_iPhieuxuatID Int Public Khóa Mã phiếu xuất ngoại

FK_iSanPhamID Int public Khóa ngoại

Mã sản phẩm iSoluongxuat Int public Họ tên người bình luận fGiaban float public Email

PK_iKhachhangID int public Khóa chính

Mã khách hàng là "sTendangnhap", tên đăng nhập là "sMatkhau", mật khẩu là "sEmail", email là "sCauhoibimat", câu hỏi bí mật là "sCautraloibimat", và câu trả lời bí mật là "sHoten" Thông tin khách hàng bao gồm họ tên "iNamsinh", năm sinh "bGioitinh", giới tính "sDiachi", địa chỉ "sSoDienThoai", số điện thoại "dNgaydangky", ngày đăng ký và quyền đăng nhập "bQuyenDangnhap".

Bảng Hinh Thuc Thanh Toan

Mã hình thức thanh toán sTenhinhthucthanhtoan string public Tên hình thức thanh toán sMoTa String public Mô tả bHienThi String public Trạng thái hiển thị

PK_iThanhtoanID int public Khóa Mã thanh toán chính

Mã đơn hàng tNgaythanhtoan Date public Ngày thanh toán fSotien Float public Số tiền bTrangthai boolean public Trạng thái

PK_iImageID int public Khóa chính

Fk_sDanhmuctinID string public Khóa ngoại

FK_iSanphamID Int public Khóa ngoại

Mã sản phẩm sImage String public Hình ảnh bHienthi boolean public Trạng thái hiển thị

FK_sNhomtinID string public Khóa ngoại

Mã nhóm tin sTendanhmuctin String public Tên danh mục tin

PK_sNhomtinID string public Khóa chính

Mã nhóm tin sTennhomtin string public Khóa ngoại

PK_sNhacungcapID String public Khóa chính

Mã nhà cung cấp là sTennhacungcap, tên nhà cung cấp được xác định bằng sTengiaodich, số điện thoại liên hệ là sSodienthoai, số fax được lưu trữ dưới sFax, email liên lạc là sEmail, và địa chỉ của nhà cung cấp được ghi nhận qua sDiaChi.

PK_iNoidungtinID int public Khóa chính

The account code is represented as a string, while the title and summary of the content are also strings The main content is stored as a string, with the creation date recorded as a date object An image is associated with the content as a string, and tags are included as a string as well The display status is indicated by a boolean value, determining whether the content is visible or not.

PK_iBinhluantinID int public Khóa chính

FK_iNoidungtinID Int public Khóa ngoại

The content includes a comment code with fields for the commenter's name, email, title, content, date of the comment, and display status Each field is defined as a specific data type, such as String for text entries and Date for the comment date, ensuring a structured format for managing user feedback.

PK_iTaikhoanID int public Khóa chính

Mã nhân viên là một chuỗi ký tự công khai, cùng với tên đăng nhập và mật khẩu cũng được lưu trữ dưới dạng chuỗi Email và câu hỏi bí mật của nhân viên được ghi lại, kèm theo câu trả lời bí mật tương ứng Chức vụ và họ tên nhân viên cũng được định nghĩa, bên cạnh năm sinh là một số nguyên và giới tính được biểu thị bằng kiểu boolean Cuối cùng, địa chỉ và số điện thoại của nhân viên được lưu trữ dưới dạng chuỗi, cùng với quyền đăng nhập được xác định bằng kiểu boolean.

Chương 3 đã đưa ra những đặc tả yêu cầu chi tiết cho hệ thống, các yêu cầu phi chức năng, thiết kế hệ thống chi tiết các chức năng Từ đó, cùng với cơ sở lý thuyết em sẽ thiết kế giao diện Website và trình bày tại chương 4.

THIẾT KẾ GIAO DIỆN WEBSITE SNEAKER HAVEN

Giao diện trang đăng nhập

4.4 Giao diện trang sản phẩm

Tiêu đề	Xây Dựng Website Bán Giày Sneaker Haven
Tác giả	Phạm Hồ Cảnh
Người hướng dẫn	Ths. Trần Thị Đồng
Trường học	Trường Đại Học Phương Đông
Thể loại	Đồ án học kỳ
Năm xuất bản	2024
Thành phố	Hà Nội

Định dạng
Số trang	68
Dung lượng	3,77 MB