Hướng Dẫn Xây Dựng Website Bán Linh Kiện Điện Tử Từ A-Z - Bài Tập Lớn Môn Thiết Kế và Lập Trình Web

Bài tập lớn môn thiết kế web: Xây dựng website bán linh kiện điện tử chuyên nghiệp. Tìm hiểu quy trình, kỹ thuật lập trình web hiệu quả.

Chuyên ngành

Thiết kế và Lập trình Web

Người đăng

Ẩn danh

Thể loại

Bài tập lớn

2023

42
2
0

Phí lưu trữ

30 Point

Tóm tắt

I. Hướng dẫn làm bài tập lớn website bán linh kiện điện tử A Z

Việc thực hiện bài tập lớn môn thiết kế và lập trình web với đề tài xây dựng một website thương mại điện tử là một nhiệm vụ quan trọng, giúp sinh viên áp dụng kiến thức lý thuyết vào thực tiễn. Đề tài "Xây dựng website bán đồ linh kiện điện tử" không chỉ là một bài toán công nghệ mà còn phản ánh xu hướng phát triển của thương mại điện tử hiện nay. Trong bối cảnh công nghệ thông tin len lỏi vào mọi lĩnh vực, việc mua sắm trực tuyến trở nên phổ biến. Một website bán hàng chuyên nghiệp giúp doanh nghiệp, như cửa hàng NSHOP được đề cập trong tài liệu gốc, tiếp cận khách hàng hiệu quả hơn. Nó phá vỡ giới hạn về không gian và thời gian, cho phép khách hàng lựa chọn sản phẩm mọi lúc, mọi nơi. Đề tài này đòi hỏi sự kết hợp nhuần nhuyễn giữa kỹ năng lập trình front-end và back-end, khả năng phân tích hệ thống và thiết kế cơ sở dữ liệu. Mục tiêu cuối cùng là tạo ra một sản phẩm hoàn chỉnh, từ giao diện người dùng thân thiện đến hệ thống quản trị mạnh mẽ. Báo cáo đồ án cần trình bày rõ ràng các bước, từ khảo sát yêu cầu, phân tích thiết kế hệ thống, lựa chọn công nghệ, triển khai và kiểm thử. Đây là cơ hội để sinh viên làm quen với quy trình phát triển phần mềm chuyên nghiệp, chuẩn bị hành trang vững chắc cho công việc sau này. Một đồ án website bán hàng thành công không chỉ đáp ứng các yêu cầu chức năng mà còn phải đảm bảo các yếu tố phi chức năng như hiệu suất, bảo mật và khả năng mở rộng. Việc lựa chọn công nghệ phù hợp, như PHP và MySQL hoặc Node.js và ReactJS, cùng với việc áp dụng mô hình MVC, là những quyết định then chốt ảnh hưởng đến chất lượng của toàn bộ dự án.

1.1. Tổng quan đề tài và mục tiêu xây dựng website bán hàng

Lý do lựa chọn đề tài xuất phát từ nhu cầu thực tiễn của thị trường. Theo tài liệu tham khảo, sự phát triển của thương mại điện tử đã thúc đẩy việc mua bán các thiết bị, linh kiện điện tử trực tuyến. Điều này mang lại sự tiện lợi cho khách hàng và tăng doanh thu cho cửa hàng. Tuy nhiên, nó cũng đặt ra thách thức về việc xây dựng niềm tin và cung cấp thông tin sản phẩm minh bạch. Mục tiêu tổng quát của đồ án website bán hàng là tạo ra một kênh tiếp cận khách hàng nhanh chóng, cho phép mua sắm dễ dàng thông qua các thao tác click chuột đơn giản. Các mục tiêu cụ thể bao gồm: thiết kế giao diện website bắt mắt; cung cấp thông tin sản phẩm đầy đủ, ngắn gọn; xây dựng chức năng tìm kiếm nhanh chóng; và đảm bảo các liên kết trang logic. Về phía quản trị, hệ thống phải cho phép quản lý sản phẩm, quản lý danh mục và xử lý giỏ hàng hiệu quả. Đối với người dùng, các chức năng cơ bản như xem, tìm kiếm và đặt hàng phải hoạt động trơn tru. Đây là những yêu cầu nền tảng để xây dựng một website bán linh kiện điện tử hoàn chỉnh và chuyên nghiệp.

1.2. Xác định phạm vi nghiên cứu cho báo cáo bài tập lớn web

Việc xác định rõ phạm vi và giới hạn là bước quan trọng để đảm bảo đề tài được hoàn thành đúng thời hạn và mục tiêu. Đối tượng nghiên cứu chính là hoạt động của cửa hàng NSHOP, nhân viên và khách hàng. Phạm vi nghiên cứu không gian được giới hạn tại cửa hàng này, và thời gian thực hiện là 3 tháng. Báo cáo bài tập lớn web tập trung vào việc áp dụng công nghệ thông tin để xây dựng một trang web bán hàng trực tuyến. Về mặt học thuật, đề tài ứng dụng các kiến thức về quy trình phát triển phần mềm, phân tích thiết kế hệ thống theo UML, và lập trình web. Về mặt thực tiễn, sản phẩm giúp người quản lý kiểm soát thông tin sản phẩm, đơn hàng, nhà cung cấp và khách hàng một cách chính xác. Nội dung thực hiện bao gồm các bước: khảo sát nhu cầu, xác định mục tiêu, tìm hiểu lý thuyết, phân tích và thiết kế hệ thống, thiết kế giao diện website, lập trình các chức năng, kiểm thử và triển khai. Phương pháp tiếp cận được sử dụng là khảo sát, phân tích yêu cầu từ chủ cửa hàng và tham khảo các tài liệu chuyên ngành liên quan.

II. Top 3 thách thức khi làm đồ án website bán linh kiện điện tử

Thực hiện một đồ án website bán hàng hoàn chỉnh luôn đi kèm với nhiều thách thức, đặc biệt với lĩnh vực đặc thù như linh kiện điện tử. Thách thức đầu tiên và lớn nhất là việc thiết kế một cấu trúc dữ liệu và hệ thống có khả năng mở rộng. Linh kiện điện tử có rất nhiều thuộc tính kỹ thuật phức tạp, đa dạng về chủng loại và thường xuyên được cập nhật. Việc thiết kế CSDL website bán hàng phải đủ linh hoạt để xử lý các mối quan hệ phức tạp giữa sản phẩm, danh mục, nhà sản xuất và các thông số kỹ thuật. Một sơ đồ ERD website bán linh kiện không được thiết kế tốt có thể dẫn đến hiệu suất truy vấn kém và khó khăn trong việc bảo trì sau này. Thách thức thứ hai liên quan đến trải nghiệm người dùng (UX/UI). Khách hàng mua linh kiện điện tử thường là những người có kiến thức kỹ thuật, họ cần một giao diện cho phép tìm kiếm, lọc và so sánh sản phẩm một cách nhanh chóng và chính xác. Giao diện cần phải sạch sẽ, thông tin hiển thị rõ ràng và phải đảm bảo responsive web design để hoạt động tốt trên mọi thiết bị. Thách thức thứ ba là việc triển khai các chức năng nghiệp vụ phức tạp. Các tính năng như quản lý sản phẩm với số lượng lớn, quản lý đơn hàng với nhiều trạng thái khác nhau, tích hợp giỏ hàng ajax để không phải tải lại trang, và đặc biệt là kết nối với các cổng thanh toán trực tuyến như VNPAY đòi hỏi kiến thức sâu về lập trình back-end và xử lý giao dịch an toàn. Việc đảm bảo tính toàn vẹn dữ liệu và bảo mật thông tin khách hàng là yếu tố sống còn.

2.1. Vấn đề trong thiết kế giao diện và trải nghiệm người dùng UX UI

Một trong những rào cản chính là việc cân bằng giữa tính thẩm mỹ và tính khả dụng trong thiết kế giao diện website. Đối với mặt hàng linh kiện điện tử, thông tin kỹ thuật là quan trọng nhất. Giao diện không nên quá cầu kỳ, làm người dùng phân tâm. Thay vào đó, nó cần tập trung vào việc trình bày thông số một cách khoa học. Thách thức nằm ở việc tổ chức một lượng lớn thông tin trên một không gian hiển thị giới hạn, đặc biệt trên màn hình di động. Việc thiết kế bộ lọc sản phẩm thông minh (theo giá, hãng sản xuất, thông số...) là cực kỳ cần thiết. Cải thiện trải nghiệm người dùng (UX/UI) còn bao gồm việc tối ưu tốc độ tải trang, đơn giản hóa quy trình thanh toán, và cung cấp các chỉ dẫn rõ ràng. Theo tài liệu gốc, một trong các mục tiêu là "thiết kế giao diện bắt mắt, hấp dẫn khách hàng", điều này cho thấy tầm quan trọng của việc đầu tư vào giao diện ngay từ đầu.

2.2. Bài toán quản lý sản phẩm và phân quyền người dùng phức tạp

Hệ thống quản lý sản phẩm cho website linh kiện điện tử phức tạp hơn nhiều so với các mặt hàng thông thường. Mỗi sản phẩm có thể có hàng chục thông số kỹ thuật khác nhau. Hệ thống cần cho phép người quản trị thêm, sửa, xóa sản phẩm một cách dễ dàng, đồng thời phải quản lý được số lượng tồn kho chính xác. Một vấn đề khác là phân quyền người dùng. Hệ thống cần có ít nhất hai cấp độ người dùng chính: quản trị viên (admin) và khách hàng. Admin có toàn quyền quản trị website thông qua admin dashboard, trong khi khách hàng chỉ có thể thực hiện các chức năng mua sắm. Việc xây dựng một cơ chế đăng nhập đăng ký an toàn và hệ thống phân quyền chặt chẽ là điều bắt buộc để bảo vệ dữ liệu và đảm bảo hoạt động ổn định cho website. Tài liệu gốc đã mô tả các chức năng riêng biệt cho phân hệ quản trị và phân hệ người dùng, nhấn mạnh sự cần thiết của việc phân tách vai trò rõ ràng trong hệ thống.

III. Phương pháp phân tích và thiết kế CSDL website bán hàng

Giai đoạn phân tích và thiết kế hệ thống là nền tảng quyết định sự thành công của dự án. Một phương pháp tiếp cận có hệ thống sẽ giúp xác định rõ các yêu cầu và xây dựng một kiến trúc vững chắc. Tài liệu gốc đề cập đến việc sử dụng UML (Unified Modeling Language) để mô hình hóa hệ thống, đây là một phương pháp chuẩn trong ngành công nghệ phần mềm. Việc sử dụng các biểu đồ như Use Case, Class Diagram, Sequence Diagram giúp các thành viên trong nhóm phát triển và cả khách hàng có một cái nhìn trực quan về hệ thống. Đặc biệt, việc thiết kế CSDL website bán hàng là công việc cốt lõi trong giai đoạn này. Quá trình này bắt đầu bằng việc xác định các thực thể chính của hệ thống như: Người dùng (Users), Sản phẩm (Products), Loại sản phẩm (Categories), Đơn hàng (Orders), Chi tiết đơn hàng (OrderDetails). Từ đó, các mối quan hệ giữa chúng được xác định để xây dựng sơ đồ ERD website bán linh kiện. Một sơ đồ ERD tốt sẽ giúp chuẩn hóa dữ liệu, tránh dư thừa và đảm bảo tính nhất quán. Ví dụ, mối quan hệ một-nhiều giữa Loại sản phẩm và Sản phẩm, hay mối quan hệ nhiều-nhiều giữa Đơn hàng và Sản phẩm (thông qua bảng Chi tiết đơn hàng) cần được thể hiện chính xác. Việc lựa chọn kiểu dữ liệu và các ràng buộc (Primary Key, Foreign Key, Not Null) cho từng thuộc tính cũng phải được cân nhắc kỹ lưỡng để tối ưu hóa việc lưu trữ và truy vấn.

3.1. Xây dựng sơ đồ ERD website bán linh kiện điện tử chi tiết

Sơ đồ quan hệ thực thể (ERD) là bản thiết kế chi tiết cho cơ sở dữ liệu. Để xây dựng sơ đồ ERD website bán linh kiện điện tử, cần xác định các thực thể chính. Dựa trên tài liệu gốc và yêu cầu thực tế, các thực thể bao gồm: Loaisp (Loại sản phẩm), Sanpham (Sản phẩm), Khachhang (Khách hàng), Donhang (Đơn hàng), và Chitietdonhang (Chi tiết đơn hàng). Thực thể 'Loaisp' có các thuộc tính như Maloaisp (PK), Tenloaisp. Thực thể 'Sanpham' có Masp (PK), Tensp, Mota, Soluong, Gia, và Maloaisp (FK). Mối quan hệ giữa 'Loaisp' và 'Sanpham' là một-nhiều. Tương tự, một khách hàng có thể có nhiều đơn hàng, và một đơn hàng có thể chứa nhiều sản phẩm. Mối quan hệ này được giải quyết bằng bảng trung gian 'Chitietdonhang'. Sơ đồ ERD chi tiết giúp lập trình viên hiểu rõ cấu trúc dữ liệu và viết các câu lệnh truy vấn SQL chính xác, là nền tảng cho việc phát triển các chức năng back-end.

3.2. Thiết kế các bảng dữ liệu quan trọng cho website bán hàng

Từ sơ đồ ERD, việc thiết kế CSDL website bán hàng được hiện thực hóa bằng cách tạo các bảng trong hệ quản trị cơ sở dữ liệu như MySQL. Bảng Loaisp được mô tả trong tài liệu gốc với hai thuộc tính Maloaisp (int, Primary Key) và Tenloaisp (nvarchar, Not null). Bảng Sanpham phức tạp hơn, bao gồm Masp (int, PK), Tensp, Mota, Soluong, Gia, Anh và khóa ngoại Maloaisp. Ngoài ra, cần thiết kế các bảng khác như Users để quản lý thông tin đăng nhập đăng ký, bao gồm các trường như id, username, password (đã được mã hóa), email, role (để phân quyền người dùng). Bảng Orders sẽ lưu thông tin đơn hàng như id, user_id, total_price, status, created_at. Cuối cùng, bảng Order_details sẽ liên kết OrdersProducts, chứa các trường order_id, product_id, quantity, price. Thiết kế bảng cẩn thận giúp giảm thiểu sự dư thừa và tăng cường hiệu quả quản lý dữ liệu.

IV. Bí quyết chọn công nghệ cho code web bán hàng MVC PHP NodeJS

Việc lựa chọn công nghệ phát triển là một quyết định chiến lược, ảnh hưởng trực tiếp đến hiệu quả, khả năng bảo trì và mở rộng của dự án. Code web bán hàng có thể được xây dựng bằng nhiều nền tảng và ngôn ngữ khác nhau. Tài liệu gốc đề cập đến ASP.NET MVC và Entity Framework, một lựa chọn mạnh mẽ trong hệ sinh thái của Microsoft. Tuy nhiên, trên thị trường hiện nay có nhiều lựa chọn phổ biến khác. Một trong những kiến trúc phổ biến nhất là mô hình MVC (Model-View-Controller). Báo cáo đề tài đã nêu rõ lợi ích của MVC là sự phân tách rõ ràng giữa logic nghiệp vụ (Model), giao diện người dùng (View), và luồng xử lý yêu cầu (Controller). Cấu trúc này giúp việc phát triển theo nhóm dễ dàng hơn, mã nguồn sạch sẽ và thuận tiện cho việc kiểm thử. Đối với công nghệ back-end, các lựa chọn như PHP và MySQL cùng với framework Laravel là một giải pháp rất phổ biến, mạnh mẽ và có cộng đồng hỗ trợ lớn. Một hướng tiếp cận hiện đại hơn là sử dụng Node.js và ReactJS. Node.js cho phép xây dựng back-end hiệu năng cao với JavaScript, trong khi ReactJS là một thư viện front-end mạnh mẽ để tạo ra giao diện người dùng tương tác và linh hoạt. Lựa chọn công nghệ nên dựa trên yêu cầu cụ thể của dự án, kỹ năng của đội ngũ phát triển và kế hoạch phát triển trong tương lai.

4.1. Ứng dụng mô hình MVC trong đồ án website bán hàng chuyên nghiệp

Áp dụng mô hình MVC là một yêu cầu gần như bắt buộc để xây dựng một đồ án website bán hàng có cấu trúc tốt. Trong mô hình này, Model chịu trách nhiệm xử lý dữ liệu và logic nghiệp vụ, tương tác trực tiếp với cơ sở dữ liệu. Ví dụ, các lớp 'ProductModel' hay 'UserModel' sẽ chứa các phương thức để lấy, thêm, sửa, xóa dữ liệu. View là thành phần hiển thị dữ liệu cho người dùng, thường là các tệp HTML được nhúng mã lệnh để hiển thị thông tin từ Model. Controller đóng vai trò trung gian, nhận yêu cầu từ người dùng (HTTP Request), gọi đến Model thích hợp để xử lý, sau đó truyền dữ liệu kết quả cho View để hiển thị. Ví dụ, khi người dùng truy cập trang sản phẩm, 'ProductController' sẽ gọi 'ProductModel' để lấy danh sách sản phẩm và chuyển danh sách này đến 'ProductView'. Việc phân tách này giúp mã nguồn dễ đọc, dễ bảo trì và nâng cấp.

4.2. So sánh các framework PHP và MySQL Node.js và ReactJS

Lựa chọn giữa các nền tảng công nghệ phổ biến phụ thuộc vào nhiều yếu tố. PHP và MySQL là một bộ đôi kinh điển, ổn định và đã được kiểm chứng qua thời gian. Các framework Laravel hay Symfony giúp tăng tốc độ phát triển, cung cấp nhiều tính năng sẵn có như xác thực, routing, ORM. Đây là lựa chọn an toàn cho nhiều dự án thương mại điện tử. Mặt khác, Node.js và ReactJS đại diện cho xu hướng phát triển hiện đại, sử dụng JavaScript cho cả front-end và back-end (full-stack JavaScript). Node.js có ưu điểm về hiệu năng xử lý các tác vụ bất đồng bộ, rất phù hợp cho các ứng dụng thời gian thực. ReactJS giúp xây dựng giao diện người dùng dạng Single Page Application (SPA), mang lại trải nghiệm người dùng (UX/UI) mượt mà. Lựa chọn này phù hợp với các dự án đòi hỏi hiệu năng cao và giao diện tương tác phức tạp.

V. Hướng dẫn triển khai các tính năng cốt lõi cho website bán hàng

Sau giai đoạn thiết kế, việc triển khai các chức năng là bước hiện thực hóa ý tưởng. Dựa trên bản phân tích yêu cầu trong tài liệu gốc, website cần có hai phân hệ chính: người dùng và quản trị. Ở phía người dùng, các chức năng quan trọng bao gồm xem danh sách sản phẩm, xem chi tiết sản phẩm, tìm kiếm, thêm sản phẩm vào giỏ hàng và tiến hành thanh toán. Việc xây dựng chức năng giỏ hàng ajax là một điểm cộng lớn, cho phép người dùng thêm sản phẩm mà không cần tải lại toàn bộ trang, cải thiện đáng kể trải nghiệm mua sắm. Chức năng thanh toán trực tuyến là một phần không thể thiếu. Việc tích hợp cổng thanh toán VNPAY hoặc các cổng khác đòi hỏi xử lý cẩn thận các API và đảm bảo an toàn giao dịch. Ở phía quản trị, một admin dashboard hiệu quả là công cụ giúp chủ cửa hàng vận hành kinh doanh. Các chức năng cốt lõi tại đây là quản lý sản phẩm (thêm, sửa, xóa, cập nhật số lượng) và quản lý đơn hàng (xem danh sách đơn hàng, cập nhật trạng thái đơn hàng như 'đang xử lý', 'đã giao', 'đã hủy'). Việc lập trình các chức năng này cần tuân thủ theo mô hình MVC đã được xác định, đảm bảo mã nguồn được tổ chức một cách logic và khoa học. Giao diện người dùng được xây dựng bằng HTML, CSS và JavaScript, trong khi logic back-end xử lý các yêu cầu và tương tác với cơ sở dữ liệu.

5.1. Lập trình chức năng giỏ hàng ajax và thanh toán trực tuyến

Chức năng giỏ hàng là trái tim của một website thương mại điện tử. Để tạo trải nghiệm người dùng (UX/UI) tốt hơn, việc sử dụng giỏ hàng ajax là rất cần thiết. Khi người dùng nhấn nút 'Thêm vào giỏ', một yêu cầu JavaScript (sử dụng Fetch API hoặc jQuery.ajax) sẽ được gửi đến máy chủ mà không làm trang web tải lại. Máy chủ xử lý yêu cầu, cập nhật thông tin giỏ hàng (thường được lưu trong Session hoặc Local Storage), và trả về một phản hồi (ví dụ: số lượng sản phẩm trong giỏ). JavaScript sau đó sẽ cập nhật giao diện tương ứng. Đối với thanh toán trực tuyến, quy trình bao gồm việc thu thập thông tin người dùng, tạo đơn hàng trong cơ sở dữ liệu với trạng thái 'chờ thanh toán', sau đó chuyển hướng người dùng đến trang của nhà cung cấp dịch vụ thanh toán (ví dụ: VNPAY) cùng với các thông tin giao dịch đã được mã hóa. Sau khi người dùng hoàn tất thanh toán, nhà cung cấp sẽ gọi lại một URL (IPN URL) trên website để thông báo kết quả giao dịch, từ đó hệ thống cập nhật trạng thái đơn hàng.

5.2. Xây dựng trang Admin Dashboard để quản lý đơn hàng và sản phẩm

Trang admin dashboard là trung tâm điều khiển của website. Giao diện này phải được bảo vệ bằng chức năng đăng nhập đăng kýphân quyền người dùng chặt chẽ, chỉ cho phép quản trị viên truy cập. Chức năng quản lý sản phẩm cần có một giao diện dạng bảng, hiển thị danh sách các sản phẩm cùng với các tùy chọn để thêm mới, sửa đổi thông tin chi tiết (tên, mô tả, giá, số lượng, hình ảnh) hoặc xóa sản phẩm. Chức năng tìm kiếm và phân trang là cần thiết khi số lượng sản phẩm lớn. Tương tự, chức năng quản lý đơn hàng cũng hiển thị một danh sách các đơn hàng, cho phép admin xem chi tiết từng đơn (thông tin khách hàng, sản phẩm đã mua) và cập nhật trạng thái của đơn hàng. Một dashboard tốt còn có thể tích hợp các biểu đồ thống kê doanh thu, số lượng đơn hàng theo thời gian để hỗ trợ việc ra quyết định kinh doanh. Toàn bộ source code website bán linh kiện phần quản trị cần được viết cẩn thận để đảm bảo tính bảo mật và hiệu quả.

VI. Cách hoàn thiện báo cáo và deploy website lên host thành công

Giai đoạn cuối cùng của bài tập lớn môn thiết kế và lập trình web là kiểm thử, hoàn thiện báo cáo và triển khai sản phẩm. Kiểm thử là một bước không thể bỏ qua để đảm bảo chất lượng phần mềm. Quá trình này bao gồm việc kiểm tra tất cả các chức năng đã được lập trình, từ việc hiển thị sản phẩm, hoạt động của giỏ hàng, quy trình thanh toán cho đến các chức năng quản trị. Tài liệu gốc ghi nhận kết quả "Đã kiểm thử và pass 100%", cho thấy tất cả các chức năng như slideshow, button, link chuyển trang, hiệu ứng hover và click đều hoạt động đúng yêu cầu. Sau khi kiểm thử, bước tiếp theo là đóng gói ứng dụng. Quá trình này bao gồm việc tối ưu hóa mã nguồn, nén các tệp CSS, JavaScript và hình ảnh để giảm thời gian tải trang. Cuối cùng là deploy website lên host. Đây là quá trình đưa toàn bộ source code website bán linh kiện và cơ sở dữ liệu lên một máy chủ web để người dùng có thể truy cập công khai qua Internet. Việc lựa chọn nhà cung cấp hosting phù hợp, cấu hình tên miền, và thiết lập cơ sở dữ liệu trên máy chủ là những công việc kỹ thuật quan trọng. Báo cáo cuối cùng cần tổng kết lại toàn bộ quá trình thực hiện, nêu bật những kết quả đạt được, những hạn chế còn tồn tại và đề xuất hướng phát triển trong tương lai, hoàn thành một báo cáo bài tập lớn web chất lượng.

6.1. Quy trình kiểm thử đóng gói và deploy website lên host thực tế

Quy trình kiểm thử cần được thực hiện một cách có hệ thống. Kiểm thử đơn vị (Unit Testing) để xác minh từng thành phần nhỏ của mã nguồn. Kiểm thử tích hợp (Integration Testing) để đảm bảo các module hoạt động tốt với nhau. Kiểm thử hệ thống (System Testing) để kiểm tra toàn bộ ứng dụng trên một môi trường giống với môi trường thật. Sau khi vượt qua các bước kiểm thử, ứng dụng sẽ được đóng gói. Bước deploy website lên host bao gồm các công việc: (1) Tải lên toàn bộ tệp mã nguồn thông qua FTP hoặc Git. (2) Xuất (export) cơ sở dữ liệu từ môi trường phát triển và nhập (import) vào máy chủ hosting. (3) Cấu hình lại tệp kết nối cơ sở dữ liệu (ví dụ: .env trong Laravel) với thông tin của máy chủ. (4) Trỏ tên miền về địa chỉ IP của hosting. Việc triển khai thành công đánh dấu việc dự án đã hoàn thành và sẵn sàng đi vào hoạt động.

6.2. Tổng kết kết quả và định hướng phát triển cho đồ án web

Phần kết luận của đồ án website bán hàng cần tóm tắt những gì đã làm được. Theo tài liệu gốc, đề tài đã thành công trong việc hiển thị sản phẩm, thực hiện các chức năng tìm kiếm, thêm/sửa/xóa thông tin cho admin, và cho phép người dùng đặt hàng. Đây là những kết quả cốt lõi, đáp ứng được yêu cầu ban đầu. Tuy nhiên, việc nhìn nhận các hạn chế cũng rất quan trọng. Báo cáo đã chỉ ra hạn chế về thời gian và kiến thức, dẫn đến việc chưa có chức năng thống kê. Đây chính là cơ sở để đề ra hướng phát triển trong tương lai. Các hướng phát triển tiềm năng bao gồm: xây dựng hệ thống thống kê và báo cáo doanh thu; tích hợp chức năng đánh giá, bình luận sản phẩm; tối ưu hóa SEO cho website; phát triển hệ thống gợi ý sản phẩm dựa trên hành vi người dùng; và xây dựng ứng dụng di động. Việc đề xuất các hướng đi rõ ràng cho thấy tầm nhìn và tiềm năng phát triển của dự án.

20/09/2025

Trích đoạn nội dung tài liệu

BO GIAO DUC VA DAO TAO TRUONG DAI HOC SU PHAM KY THUAT HUNG YEN VU VAN HIEP - 10121277 BAI TAP LON MOM THIET KE VA LAP TRINH WEB TEN DE TAI XAY DUNG WEBSITE BAN DO LINH KIEN DIEN TỬ HUNG YEN — 2023 NHAN XET Nhận xét của giảng viên hướng dẫn: GIẢNG VIÊN HƯỚNG DẪN (Kỹ và ghi rõ họ tên) BTL: Thiết kế website bán đồ linh kiện điện tử LỜI CAM ĐOAN Em xin cam đoan bải tập lớn “Xây dựng website bán đồ linh kiện điện tử” là kết quả thực hiện của bản thân em dưới sự hướng dẫn của cô Trần Đỗ Thu Hà. Những phần sử dụng tải liệu tham khảo trong bải tập lớn đã được nêu rõ trong phan tai liệu tham khảo. Các kết quả trình bày trong đồ án và chương trình xây dựng được hoàn toàn là kết quả do bản thân em thực hiện. Nếu vi phạm lời cam đoan này, em xin chịu hoàn toản trách nhiệm trước khoa và nhà trường.

Hưng Yên, ngày. năm 2023 Sinh viên LOI CAM ON Đề có thê hoàn thành bai tập lớn nảy, lời đầu tiên em xin phép gửi lời cảm ơn tới bộ môn Công nghệ phần mềm, Khoa Công nghệ thông tin - Trường Đại học Sư phạm Kỹ thuật Hưng Yên đã tao điều kiện thuận lợi cho em thực hiện bải tập lớn môn học nảy. Đặc biệt em xin chân thành cảm ơn cô Trần Đỗ Thu Hà đã rất tận tình hướng dan, chi bảo em trong suốt thời gian thực hiện đỗ án vừa qua. Em cũng xin chân thành cảm ơn tất cả các Thầy, các Cô trong Trường đã tận tình giảng dạy, trang bị cho em những kiến thức cần thiết, quý báu đề giúp em thực hiện được bài tập lớn này.

Mặc dù em đã có cô gắng, nhưng với trình độ còn hạn chế, trong quá trình thực hiện đề tài không tránh khỏi những thiếu sót. Em hi vọng sẽ nhận được những ý kiến nhận xét, góp ý của các Thầy giáo, Cô giáo về những kết quả triển khai trong bài tập lớn. Em xin trân trọng cảm ơn! MUC LUC NHAN XET 2 DANH MUC CAC THUAT NGU viccscssssssssssssssssssssssssssssssssssssssssssssssssssssssesssesees7 DANH MUC CAC BANG 8 DANH MUC CAC HINH VE, DO THI 9 CHUONG 1: TONG QUAN VE DE TAI 10 1.LY DO CHON DE TAI 10 1. MUC TIEU CUA DE TAI 10 1.7 Mục tiêu tOmg quatiec.ccccccccccccccccscscecececcsesssesessssssssssssesesssesssssvsssseevisesiess 10 IÊYÌTtiriipuieiiriũẳäääääääảăảỶÝỶ.

GIGLHAN VA PHAM VI CUA DE TAI 1I 1.1 Dbi twone mohidn COU cece cccceccessesssuseesssususessusvesstssssssessssvisievisiess il 7.2 Pham vi nghién CU. NOI DUNG THUC HIEN 12 1.5, PHUONG PHAP TIEP CAN 13 CHUONG 2:CO SO LY THUYET 14 2. THIẾT KÉ VÀ LẬP TRÌNH FORT-END. TONG QUAN VE ASP.

CONG NGHE THAO TAC DU LIEU ENTITY FRAMWORK (HOAC ADO.NET)21 CHUONG 3:PHAN TICH VA THIET KE HE THÓNG.1 DAC TA YEU CAU PHAN MEM.2 THIET KE HE THONG 23 3.1 Biéu dé IGp thurc thé.2 Cac yeu cau Chic Mang.3 THIET KE GIAO DIEN 31 CHUONG 4:TRIEN KHAI WEBSITE 35 4.1 TRIEN KHAI CAC CHUC NANG CHO PHAN HỆ NGƯỜI DÙỪNG.2 Trang Xem Sản pha. iiss ec cece cee eeecececeeececeeseeeseteeseseess 37 4.3 IXTEM THU VA TRIEN KHALUNG DUNG.0 Kid tht ao.2 Dong B61 Wg AUN.3 Triển khai ứng dụng. 1 11112 S1 E123 E1 S111 51 5121151 5121151 5121255552555 40 KET LUAN 41 TÀI LIỆU THAM KHAO 42 DANH MUC CAC THUAT NGU STT | Tw viet tat Cụm từ tiêng anh Diễn giải 1 DHSPKTHY Dai hoc Su pham Ky thuật Hưng Yên 2 CSS Cascading Style Sheets Ngôn ngữ thiết kê đê đơn giản hóa quá trình tạo một Website 3 HTML, Hypertext Markup Language | Ngôn ngữ thiệt kê dé đơn giản hóa quá trình tạo một Website 4 SQL Structured Qurey Language Ngôn ngữ truy vẫn câu trúc dữ liệu 5 MVC Model — View — Controller DANH MUC CAC BANG Bảng 3. 1: Danh sách thuộc tính của loasản phẩm.

2: Danh sách thuộc tính củaản phẩm. 3: Các chức năng của phân hôậquản trị. 4: Chức năng của phân hậ1sười dùng. c2 2 21211 2y 29 DANH MUC CAC HINH VE, DO THI Hình 3.

1 : Biểu A 1p thee eos sees see eee ee ce ete Huc 23 Oo JcI)//ERE:1:271:(0Ÿ10;1Ấ1/1/2)/1)/1NRRAẠAIIẠAẠ£ỸỶỒỶỒỶỒỶỔỶỔỶỔỘO. 3: Biểu đồ sản phẩhH. 4: Use case phân rã của quản lý sản phẩm. 5: Usecase quản lgiủ HÀNG.

LH HH bo 30 oO Hình 3. 6: [Jsecase xem sửH pHẨNH. 7: (iaO đIỆH [fQHO CHỈ. nh nh nh hay 32 oO Hình 3.

8: Giao điện sản phẩhm. 21 25 22221 1221221221211 2210 eats 32 oO Hình 3. 9: Giao điện chỉ HIỄI sảHDhẲM. Đà ST TH HH HH HH HH nu 33 Of Hình 3.

1U: Giao điện gi ÀNg. nh ghe 33 OO Hình 3_ 11: Giao điện phân Footer trang Ch. 1: Giao điện xem chỉ tiết sản phiẩNm. 2: Giao diện quản Ù oi1ÙHG.

LH nh ca 37 OO Oo Hinh 4. 3: Giao dién trang thone tin thanh FOIH. cài 38 oO Hinh 4. 4: Giao điên trang đăng nhập, dĂNHĐ Kj.

ch Hà” 36 oO Hình 4. 3: Cao điỆH HrẠHĐ ỒN. HH Hệ, 39 Hình 4. 6: Giao điện trang quản lý loại sản phẩmm.

39 CHUONG 1: TONG QUAN VE DE TAI 1. Ly do chon dé tài Trong thời đại công nghệ kỹ thuật phát triển như hiện nay, công nghệ thông tin đã được áp dụng trong nhiều lĩnh vực đời sống. Đặc biệt trong lĩnh vực thương mại điện tử giúp cho việc mua bán trở lên thuận tiện, dễ dàng hơn. Việc mua các thiết bị điện tử trên mạng cũng kích thích khách hàng mua hàng hơn, đem lại doanh thu cao hơn cho cửa hàng.

Tuy nhiên việc mua các thiết bị điện tử trên mạng cũng khiến cho người mua có nhiều băn khoăn lo ngại về chất lượng sản phâm, đánh giá của những khách hàng đã mua. Mặt khác, với việc lập một website giới thiệu giảy cho cửa hàng sẽ giúp cho cửa hàng có thể quảng bá thông tin, tiếp thị cho cửa hàng giúp cung cấp dịch vụ tốt hơn cho khách hàng. Vì vậy mả hàng loạt những thiết bị điện tử đã được cung ứng ra thị trường nhăm phục vụ khách hàng. Những khách hàng có thể trực tiếp mua thông qua website trực tuyến.

Không mắt nhiều thời gian mà khách hảng có thể mua được sản phâm như mình mong muốn chỉ bằng một click chuột. Xuất phát từ nhưng nhu cầu đó, đề tài “Xây dựng Website bán đồ linh kiện điện tử” được tạo nên nhằm đáp ứng nhu cầu khách hàng thông qua Website này. Khách hàng có thể kích vào mô hình sản phẩm dé xem thông tin chỉ tiết về sản phẩm và chọn cho mình được sản phâm ưng ý nhất. Mục tiêu của đề tài 1.1 Mục tiêu tông quát Tạo ra được Website bán giày để tiếp cận nhanh chóng đến nhiều khách hàng.

Giúp cho khách hàng có thê lựa chọn và mua hảng mọi lúc mọi nơi mà không cần đến cửa hang, chi cần thao tác click chuột cơ bản với địch vụ giao hang tận nơi. Nhận phản hồi của khách hàng trên Website một cách nhanh chóng đề khắc phục các lỗi mà khách hàng không hài lòng.2 Muc tiéu cu thé Các mục tiêu cần đạt được: O Thiết kế giao điện bắt mắt, hap dan khach hang. Thông tin đầy đủ, ngắn gọn. O Tìm kiếm sản phẩm nhanh chóng.

1 Liên kết các trang chặt chẽ, logic. Về trang quản trị trang Website có chức năng sau: O Quan ly san pham. O Quan ly danh sach muc san pham. L Quản lý giỏ hàng.

Trang Web cho phép người dùng thực hiện các chức năng sau: 1 Xem và tìm kiếm sản phẩm theo loại sản phẩm. LI Thực hiện chọn sản phẩm. L¡ Thực hiện đặt hàng. Giới hạn và phạm vi của đề tài 1.1 Đối tượng nghiên cứu - _ Đối tượng nghiên cứu: Cửa hàng NSHOP, nhân viên cửa hàng bán đồ linh kiện điện tử.

- _ Khách thê nghiên cứu: Khách hảng đã sử dụng qua các trang Web, các trang Web của Shop bán đồ linh kiện điện tử khác.2 Phạm vi nghiên cứu - Pham vi không gian: tại cửa hàng NSHOP. - Pham vi thoi gian: 3 thang -Y nghĩa khoa hoc va thực tiễn của đề tài: +Y nghia khoa hoc: Áp dụng ứng dụng công nghệ thông tin vào xây dựng trang Website bán hàng trực tuyến giúp tăng tính chuyên nghiệp của cửa hàng, việc quản lý mua hàng, đặt hàng trở lên hiện đại, tiện ích, nhanh gọn và dễ dàng. +Y nghĩa thực tiễn: Giúp cho người quản lý của hảng kiếm soát được thông tin của các sản phẩm linh kiện thuộc các loại hiện đang có trong cửa hàng, quản lý các đơn hàng, nhà cung cấp và thông tin của khách hàng một cách đầy đủ, truy xuất nhanh gọn và chính xác nhất. Đồng thời giúp tăng phạm vi tiếp cận với khách hàng và các dịch vụ liên quan, bên cạnh đó góp phần xây dựng thương hiệu cho cửa hàng.

Từ đó, giúp khách hàng dễ đàng tìm kiếm được những thông tin về giá cả, thị trường, nguồn gốc đa dạng các sản phẩm giảy, đáp ứng tốt nhất nhu câu đặt mua và tìm hiệu thông tin của người dùng. Nội dung thực hiện - _ Khảo sát nhu cầu mua thiết bị, linh kiện điện tử trực tuyến của khách hàng dé từ đó xây dựng được trang Website đáp ứng tốt nhất các yêu cầu đó. - _ Xác định, mô tả, khái quát về lý do chọn đề tài, phạm vi, mục tiêu đề tài cần đạt được. - Tim hiéu lí thuyết đưa ra quy trình phát triển phần mềm.

- _ Phân tích thiết kế hệ thống theo UML: vẽ các biểu đồ use case, biêu đồ lớp phân tích, biêu đồ lớp thực thê, biéu đỗ tuần tự và biểu đồ trạng thái. - M6 tachi tiét cdc chire nang cua phan mém va thiết kế cơ sở đữ liệu - Thiét ké giao dién hệ thống bằng ngôn ngữ HTML & CSS - _ Tìm hiểu về các yêu cầu chức năng của website, xây dựng các chức năng cho trang website. - Khai quat tim hiéu vé cac yéu cau phi chire nang cia trang website - Chay thu va kiém thir phan mém - Trién khai hé thong 1. Phương pháp tiếp cận - _ Khảo sát và phân tích: Trao đôi với chủ cửa hảng, ghi chú những chức năng, giao diện chủ cửa hàng muốn.

Thống nhất chức năng và những đặc điểm của giao diện. - _ Tham khảo và hỏi ý kiến các chuyên gia về thiết kế trang Web ban hang. - _ Tham khảo sách, tài liệu liên quan trong và ngoài nước, hỏi các anh chị khóa trên và các bạn trong lớp. CHƯƠNG 2: CO SO LY THUYET 2.

Quy trinh phat trién phan mém Quy trình xây dựng phần mềm bao gồm tập hợp các thao tác và kết quả tương quan sử dụng trong việc phát triển để sản xuất ra một sản phẩm phần mềm.

Nội dung được bảo vệ bản quyền — Tải xuống đầy đủ