Báo Cáo Đồ Án: Xây Dựng Hệ Thống Website Quản Lý Bán Điện Thoại

Báo cáo đồ án cơ sở ngành xây dựng hệ thống website quản lý bán điện thoại, cung cấp giải pháp hiệu quả cho việc kinh doanh trực tuyến.

• Trường học: Trường Đại Học Công Nghệ Thông Tin
• Chuyên ngành: Quản Lý
• Đề tài: Xây Dựng Hệ Thống Website Quản Lý Bán Điện Thoại
• Loại tài liệu: Đồ Án Tốt Nghiệp
• Năm xuất bản: 2023
• Địa điểm: Hồ Chí Minh

Mục lục chi tiết

• Lời cảm ơn
• 1. CHƯƠNG 1: GIỚI THIỆU
• 1.1. Lý do chọn đề tài
• 1.2. Đối tượng nghiên cứu
• 1.3. Đối tượng khảo sát
• 1.4. Mục tiêu nghiên cứu
• 1.5. Mục tiêu đạt được
• 2. CHƯƠNG 2: CƠ SỞ LÝ THUYẾT
• 2.1. Khái quát Microsof Visual Studio 2019, Xampp
• 2.1.1. Khái niệm Microsof Visual Studio 2019
• 2.1.2. Khái quát Xampp
• 2.2. Khái quát HTML, CSS
• 2.2.1. Khái niệm và lịch sử
• 2.2.2. Cấu trúc chung của một trang HTML
• 2.2.3. Các thẻ HTML cơ bản
• 2.2.4. Ưu /nhược điểm
• 2.2.5. Khái niệm SCSS
• 2.2.6. Khái niệm LESS
• 2.2.7. Mối quan hệ CSS và HTML
• 2.2.8. Bố cục và cấu trúc
• 2.2.9. Ưu /nhược điểm
• 2.3. Khái quát PHP
• 2.3.1. Khái niệm tổng quát
• 2.3.2. Hoạt động của PHP
• 2.3.3. Các loại thẻ PHP
• 2.3.4. Ưu/Nhược điểm
• 2.4. Khái quát BOOTTRAP
• 2.4.1. Khái niệm tổng quát
• 2.4.2. Ưu /Nhược điểm
• 2.5. Khái quát MYSQL
• 2.6. Khái quát JAVASCRIPT
• 2.6.1. Cách thức hoạt động
• 2.6.2. Ưu/Nhược điểm
• 2.7. Khái quát SVG
• 2.7.1. Ưu/Nhược điểm
• 3. CHƯƠNG 3: KHẢO SÁT YÊU CẦU
• 3.1. Chức năng hệ thống
• 3.1.1. Tác nhân hệ thống (người sử dụng)
• 3.1.2. Biểu đồ chức năng (biểu đồ use case)
• 3.1.3. Đặc tả chức năng
• 3.2. Quy trình hoạt động
• 3.2.1. Biểu đồ hoạt động (Activity Diagram)
• 3.2.2. Biểu đồ tương tác tuần tự
• 3.3. Biểu đồ lớp (Biểu đồ quan hệ thực thể ER)
• 3.4. Thiết kế cơ sở dữ liệu
• 4. CHƯƠNG 4: THIẾT KẾ GIAO DIỆN
• 4.1. Trang tin tức
• 4.2. Admin
• 5. CHƯƠNG 5: ĐỀ TÀI LÀM ĐƯỢC NHỮNG GÌ
• 5.1. Ưu nhược điểm
• 5.2. Hướng phát triển

Tóm tắt

I. Hướng Dẫn Xây Dựng Hệ Thống Website Quản Lý Bán Điện Thoại

Trong bối cảnh công nghệ thông tin bùng nổ, việc xây dựng hệ thống website quản lý bán điện thoại không còn là một lựa chọn mà đã trở thành yêu cầu tất yếu đối với các doanh nghiệp. Một website thương mại điện tử chuyên nghiệp không chỉ là kênh bán hàng hiệu quả mà còn là bộ mặt thương hiệu, cầu nối trực tiếp giữa cửa hàng và người tiêu dùng. Báo cáo đồ án của nhóm sinh viên Học viện Hàng không Việt Nam đã chứng minh rõ tầm quan trọng này, khi đề ra mục tiêu xây dựng một nền tảng trực tuyến toàn diện, đáp ứng nhu cầu mua sắm ngày càng tăng của khách hàng. Sự tiện lợi và tốc độ của mua sắm online đã thay đổi hành vi người dùng, họ mong muốn có thể sở hữu sản phẩm chỉ sau vài cú nhấp chuột. Do đó, một website bán điện thoại được thiết kế tốt sẽ mang lại lợi thế cạnh tranh vượt trội. Hệ thống này giúp doanh nghiệp giảm thiểu chi phí vận hành, quản lý sản phẩm và đơn hàng một cách khoa học, đồng thời tiếp cận được lượng khách hàng khổng lồ trên Internet. Về phía khách hàng, họ được hưởng lợi từ việc dễ dàng tìm kiếm, so sánh và lựa chọn sản phẩm phù hợp mọi lúc, mọi nơi. Đồ án này tập trung vào việc ứng dụng các kiến thức đã học để tạo ra một giải pháp thực tiễn, từ việc phân tích yêu cầu, lựa chọn công nghệ cho đến thiết kế cơ sở dữ liệu và xây dựng giao diện. Quá trình này không chỉ nâng cao kỹ năng lập trình mà còn mang lại những kinh nghiệm quý báu trong việc phát triển các dự án web phức tạp, đáp ứng đúng mục tiêu kinh doanh và mang lại giá trị thực cho cả doanh nghiệp và người tiêu dùng trong kỷ nguyên số.

1.1. Tầm quan trọng của website bán hàng trong kỷ nguyên số

Công nghệ thông tin đã trở thành động lực chính thúc đẩy kinh tế, đặc biệt tại Việt Nam. Trong đó, việc quảng cáo và phân phối sản phẩm qua website được xem là giải pháp hiệu quả bậc nhất. So với các phương tiện truyền thông truyền thống, một website bán hàng cho phép truyền tải thông tin nhanh chóng, không giới hạn về không gian và tiết kiệm chi phí đáng kể. Báo cáo đồ án nhấn mạnh, khách hàng ngày càng ưa chuộng mua sắm trực tuyến vì sự tiện lợi. Thay vì phải đến cửa hàng, họ có thể xem thông tin chi tiết, hình ảnh và thông số kỹ thuật của sản phẩm ngay tại nhà. Việc xây dựng hệ thống website không chỉ là tạo ra một kênh bán lẻ mới mà còn là công cụ để quảng bá thương hiệu, tiếp nhận phản hồi và chăm sóc khách hàng một cách hiệu quả, tạo ra một hệ sinh thái kinh doanh bền vững.

1.2. Mục tiêu và lợi ích đạt được từ dự án website TMĐT

Mục tiêu cốt lõi của dự án là xây dựng một trang web bán điện thoại trực tuyến toàn diện. Cụ thể, hệ thống phải giúp quảng bá cửa hàng, hỗ trợ khách hàng tìm kiếm sản phẩm ưng ý và là kênh tiếp nhận phản hồi để cải thiện dịch vụ. Lợi ích mà dự án mang lại rất lớn. Đối với doanh nghiệp, hệ thống giúp giảm chi phí vận hành, dễ dàng quản lý thông tin khách hàng, sản phẩm và theo dõi lượng truy cập. Từ đó, người quản trị có thể đưa ra các chiến lược kinh doanh phù hợp. Đối với người tiêu dùng, website cung cấp một cái nhìn tổng quan về sản phẩm, giúp họ đưa ra quyết định mua sắm thông minh. Việc quản lý bán hàng online hiệu quả giúp tiết kiệm thời gian, nguồn lực tài chính và công sức cho cả hai bên.

II. Phân Tích Các Thách Thức Khi Thiết Kế Website Bán Hàng

Việc xây dựng hệ thống website quản lý bán điện thoại là một quy trình phức tạp, đòi hỏi sự phân tích kỹ lưỡng và lựa chọn công nghệ phù hợp. Thách thức đầu tiên và quan trọng nhất là việc xác định đúng và đủ các yêu cầu từ phía người dùng cuối và nhà quản trị. Một hệ thống thành công phải cân bằng giữa giao diện thân thiện, dễ sử dụng cho khách hàng và các công cụ quản lý mạnh mẽ, hiệu quả cho doanh nghiệp. Một thách thức khác là lựa chọn nền tảng công nghệ. Thị trường hiện nay có vô số ngôn ngữ lập trình, framework và hệ quản trị cơ sở dữ liệu. Đồ án đã lựa chọn một bộ công cụ kinh điển và hiệu quả bao gồm PHP, MySQL và Bootstrap. PHP là ngôn ngữ kịch bản phía máy chủ phổ biến, MySQL là hệ quản trị cơ sở dữ liệu quan hệ mã nguồn mở mạnh mẽ, và Bootstrap là framework frontend giúp xây dựng giao diện responsive nhanh chóng. Việc lựa chọn này dựa trên sự ổn định, cộng đồng hỗ trợ lớn và tính tương thích cao, nhưng cũng đòi hỏi đội ngũ phát triển phải có kiến thức vững chắc về từng công nghệ. Hơn nữa, việc thiết kế một cơ sở dữ liệu tối ưu để lưu trữ thông tin sản phẩm, khách hàng, đơn hàng là một bài toán không hề đơn giản. Cấu trúc dữ liệu cần phải linh hoạt, dễ mở rộng và đảm bảo hiệu suất truy vấn cao. Cuối cùng, đảm bảo an ninh và bảo mật cho website là một yêu cầu không thể bỏ qua, đặc biệt là với các giao dịch tài chính và thông tin cá nhân của khách hàng.

2.1. Lựa chọn nền tảng công nghệ PHP MySQL và Bootstrap

Nền tảng công nghệ là xương sống của mọi dự án website. Trong đồ án này, nhóm phát triển đã sử dụng XAMPP để tạo môi trường máy chủ cục bộ, tích hợp sẵn Apache, PHP, và MySQL. Visual Studio được chọn làm công cụ lập trình chính. Việc sử dụng PHP cho phép xử lý logic phía máy chủ một cách linh hoạt, từ việc xác thực người dùng đến xử lý đơn hàng. MySQL được chọn để quản lý dữ liệu nhờ vào hiệu suất ổn định và tính phổ biến. Đặc biệt, Bootstrap đóng vai trò then chốt trong việc xây dựng giao diện, đảm bảo website có thiết kế responsive, hiển thị tốt trên mọi thiết bị từ máy tính để bàn đến điện thoại di động, giải quyết bài toán tương thích trình duyệt một cách hiệu quả.

2.2. Khảo sát yêu cầu chức năng từ người dùng và quản trị

Trước khi bắt tay vào lập trình, giai đoạn khảo sát và phân tích yêu cầu là cực kỳ quan trọng. Quá trình này bao gồm việc xác định các yêu cầu chức năng và phi chức năng. Về chức năng, hệ thống cần có các module chính như: hiển thị và tìm kiếm sản phẩm, quản lý giỏ hàng và thanh toán, đăng ký/đăng nhập tài khoản người dùng. Đối với quản trị viên, các chức năng cần thiết bao gồm quản lý sản phẩm (thêm, sửa, xóa), quản lý đơn hàng, và xem thống kê kinh doanh. Yêu cầu phi chức năng bao gồm giao diện thân thiện, bảo mật thông tin người dùng (mã hóa mật khẩu), và hiệu suất tải trang nhanh. Việc khảo sát kỹ lưỡng giúp định hình rõ ràng phạm vi dự án và là cơ sở để thiết kế các biểu đồ nghiệp vụ sau này.

III. Bí Quyết Thiết Kế Hệ Thống Website Bán Điện Thoại Tối Ưu

Sau khi đã xác định yêu cầu, giai đoạn thiết kế hệ thống đóng vai trò chuyển hóa các ý tưởng thành một bản thiết kế chi tiết và khả thi. Một bản thiết kế tốt là nền tảng cho việc xây dựng hệ thống website quản lý bán điện thoại một cách hiệu quả, giảm thiểu lỗi và dễ dàng bảo trì, nâng cấp trong tương lai. Quá trình này thường bắt đầu bằng việc mô hình hóa hệ thống bằng các công cụ trực quan như Sơ đồ Luồng Dữ liệu (DFD) hoặc, như trong đồ án này, là các biểu đồ theo chuẩn UML (Unified Modeling Language). Việc sử dụng các biểu đồ như Use Case, Biểu đồ Hoạt động (Activity Diagram), và Biểu đồ Tuần tự (Sequence Diagram) giúp tất cả 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 thống nhất về cách hệ thống sẽ hoạt động. Biểu đồ Use Case đặc tả các chức năng chính và sự tương tác giữa người dùng (actors) và hệ thống. Nó trả lời cho câu hỏi "Hệ thống làm được gì?". Tiếp theo, Biểu đồ Hoạt động và Tuần tự đi sâu vào chi tiết, mô tả luồng công việc và trình tự các thông điệp được trao đổi giữa các đối tượng để thực hiện một chức năng cụ thể. Song song với việc thiết kế chức năng là thiết kế kiến trúc dữ liệu thông qua Biểu đồ Lớp (Class Diagram) hoặc Biểu đồ Quan hệ Thực thể (ERD), đây là bước quan trọng để định hình cấu trúc cho cơ sở dữ liệu MySQL sau này.

3.1. Mô hình hóa chức năng hệ thống qua biểu đồ Use Case

Biểu đồ Use Case là công cụ đầu tiên được sử dụng để xác định phạm vi của hệ thống. Báo cáo đồ án đã định nghĩa rõ các tác nhân (actors) chính là Khách hàng và Người quản trị. Từ đó, các use case tương ứng được xây dựng. Ví dụ, với tác nhân Khách hàng, các use case bao gồm "Tìm kiếm sản phẩm", "Xem chi tiết sản phẩm", "Thêm vào giỏ hàng", và "Thanh toán". Với Người quản trị, các use case quan trọng là "Quản lý sản phẩm", "Quản lý đơn hàng", và "Quản lý người dùng". Mỗi use case được đặc tả chi tiết về các bước thực hiện (Standard flow), các luồng xử lý thay thế (Alternative flow) và các tình huống lỗi có thể xảy ra, tạo thành một tài liệu yêu cầu hoàn chỉnh cho lập trình viên.

3.2. Sơ đồ hóa quy trình nghiệp vụ với Activity Sequence Diagram

Để làm rõ hơn các bước thực hiện trong mỗi use case, các Biểu đồ Hoạt động (Activity Diagram) và Biểu đồ Tuần tự (Sequence Diagram) được sử dụng. Biểu đồ hoạt động mô tả luồng xử lý từ điểm bắt đầu đến điểm kết thúc của một nghiệp vụ, ví dụ như quy trình "Kiểm tra giỏ hàng" từ lúc khách hàng truy cập, cập nhật số lượng cho đến khi tiến hành thanh toán. Trong khi đó, biểu đồ tuần tự lại tập trung vào sự tương tác và thông điệp trao đổi giữa các đối tượng theo thời gian. Ví dụ, khi người quản trị xem chi tiết đơn hàng, biểu đồ tuần tự sẽ chỉ ra các bước: yêu cầu từ giao diện, xử lý tại controller, truy vấn dữ liệu từ model và cuối cùng là trả kết quả về cho view. Các biểu đồ này giúp trực quan hóa logic phức tạp của hệ thống.

IV. Hướng Dẫn Xây Dựng CSDL MySQL và Giao Diện Người Dùng

Từ bản thiết kế hệ thống, quá trình triển khai thực tế được chia thành hai phần chính: backend và frontend. Backend tập trung vào việc xây dựng cơ sở dữ liệu MySQL và viết mã lệnh PHP để xử lý logic nghiệp vụ. Frontend chịu trách nhiệm xây dựng giao diện người dùng (UI) và trải nghiệm người dùng (UX) bằng HTML, CSS, và JavaScript. Trong dự án xây dựng hệ thống website quản lý bán điện thoại này, việc thiết kế cơ sở dữ liệu là bước đi đầu tiên và quan trọng nhất ở phía backend. Dựa trên biểu đồ quan hệ thực thể (ERD), các bảng dữ liệu được tạo ra trong MySQL. Mỗi bảng như products, users, orders, categories đều được định nghĩa với các cột, kiểu dữ liệu và các ràng buộc (khóa chính, khóa ngoại) một cách cẩn thận để đảm bảo tính toàn vẹn và nhất quán của dữ liệu. Một cấu trúc CSDL tốt sẽ giúp hệ thống hoạt động nhanh, ổn định và dễ dàng mở rộng. Về phía frontend, việc sử dụng framework Bootstrap đã giúp đẩy nhanh quá trình phát triển giao diện. Bootstrap cung cấp một hệ thống lưới (grid system) linh hoạt, giúp tạo ra các layout responsive một cách dễ dàng. Ngoài ra, nó còn đi kèm với một thư viện các thành phần giao diện được thiết kế sẵn như thanh điều hướng, nút bấm, biểu mẫu, và đặc biệt là Carousel cho các slider quảng cáo, giúp website có một diện mạo chuyên nghiệp và thống nhất.

4.1. Thiết kế chi tiết các bảng trong cơ sở dữ liệu MySQL

Cơ sở dữ liệu của hệ thống được thiết kế với nhiều bảng có quan hệ chặt chẽ. Bảng products lưu thông tin sản phẩm (tên, giá, mô tả, hình ảnh). Bảng categories dùng để phân loại sản phẩm. Bảng users và user_registers chứa thông tin tài khoản khách hàng và quản trị viên, với mật khẩu được mã hóa. Nghiệp vụ mua bán được thể hiện qua các bảng cart (giỏ hàng tạm thời), orders (thông tin chung về đơn hàng) và order_detail (chi tiết sản phẩm trong mỗi đơn hàng). Việc thiết kế các khóa ngoại (foreign key) giữa các bảng, ví dụ giữa orders và users, hay order_detail và products, đảm bảo sự liên kết logic và toàn vẹn dữ liệu cho toàn bộ hệ thống quản lý bán hàng.

4.2. Ứng dụng Bootstrap để tạo giao diện website responsive

Giao diện website được xây dựng với triết lý "Mobile-First" nhờ vào Bootstrap. Trang chủ sử dụng thư viện Carousel để tạo slider quảng cáo sản phẩm nổi bật và tin tức một cách sinh động. Thanh điều hướng (Header) và chân trang (Footer) được thiết kế đơn giản, rõ ràng, chứa các liên kết cần thiết như Trang chủ, Sản phẩm, Tin tức, Giỏ hàng và thông tin liên hệ. Hệ thống lưới của Bootstrap được tận dụng để sắp xếp các sản phẩm, đảm bảo bố cục tự động điều chỉnh phù hợp trên các kích thước màn hình khác nhau. Điều này mang lại một trải nghiệm người dùng nhất quán và chuyên nghiệp, yếu tố quan trọng để giữ chân khách hàng.

4.3. Vai trò của JavaScript và SCSS trong việc nâng cao UX

Bên cạnh HTML và Bootstrap, JavaScript và SCSS cũng đóng vai trò quan trọng. JavaScript được sử dụng để tạo ra các tương tác động phía client, chẳng hạn như kiểm tra tính hợp lệ của dữ liệu trong form đăng ký/đăng nhập trước khi gửi lên máy chủ, hoặc cập nhật giỏ hàng mà không cần tải lại trang. SCSS (Sassy CSS), một bộ tiền xử lý CSS, được đề cập như một công nghệ mở rộng. Nó cho phép viết CSS theo cấu trúc rõ ràng hơn với các tính năng như biến (variables), lồng (nesting), giúp mã nguồn CSS dễ quản lý và bảo trì hơn khi dự án phát triển lớn mạnh, góp phần tạo nên một giao diện người dùng (UI) linh hoạt và mạnh mẽ.

V. Đánh Giá Kết Quả Triển Khai Website Bán Hàng Thực Tế

Kết quả cuối cùng của đồ án là một hệ thống website quản lý bán điện thoại hoạt động đầy đủ, đáp ứng được các mục tiêu và yêu cầu đã đề ra ban đầu. Hệ thống được chia thành hai phần rõ rệt: giao diện người dùng (Frontend) và trang quản trị (Backend/Admin), mỗi phần đều có những chức năng đặc thù phục vụ cho đối tượng sử dụng riêng. Giao diện người dùng được thiết kế trực quan, tập trung vào việc mang lại trải nghiệm mua sắm thuận tiện nhất. Khách hàng có thể dễ dàng duyệt qua danh sách sản phẩm, xem thông tin chi tiết, thực hiện tìm kiếm và quản lý giỏ hàng của mình. Quy trình đăng ký và đăng nhập được xây dựng để thu thập thông tin cần thiết mà không gây phiền phức. Trong khi đó, trang quản trị là một công cụ mạnh mẽ dành cho chủ cửa hàng. Từ đây, người quản trị có thể kiểm soát toàn bộ hoạt động kinh doanh trên website. Việc đánh giá một dự án không chỉ dừng lại ở việc liệt kê các chức năng đã hoàn thành. Điều quan trọng là phải nhìn nhận một cách khách quan những ưu điểm và nhược điểm của hệ thống. Đây là cơ sở để rút ra bài học kinh nghiệm và đề ra phương hướng phát triển trong tương lai, giúp website bán hàng ngày càng hoàn thiện và đáp ứng tốt hơn nhu cầu của thị trường.

5.1. Các tính năng nổi bật của giao diện người dùng Frontend

Trang chủ của website gây ấn tượng ngay lập tức với các slider quảng cáo sản phẩm ưu đãi và sản phẩm mới, được xây dựng bằng Bootstrap Carousel. Người dùng có thể tìm kiếm sản phẩm thông qua ô tìm kiếm tiện lợi. Trang danh sách sản phẩm cho phép xem nhiều mặt hàng cùng lúc, trong khi trang chi tiết cung cấp đầy đủ thông tin về thông số kỹ thuật, mô tả và hình ảnh. Quy trình mua hàng được tối ưu hóa với chức năng giỏ hàng linh hoạt, cho phép người dùng cập nhật số lượng hoặc xóa sản phẩm. Các biểu mẫu đăng ký và đăng nhập có cơ chế xác thực dữ liệu đầu vào bằng JavaScript, đảm bảo người dùng nhập thông tin chính xác trước khi gửi đi, nâng cao trải nghiệm người dùng.

5.2. Chức năng của trang quản trị Admin dành cho doanh nghiệp

Trang Admin là trung tâm điều hành của website. Sau khi đăng nhập với tài khoản quản trị, người dùng có thể truy cập vào các module quản lý chính. Module quản lý sản phẩm cho phép thêm mới, cập nhật thông tin và xóa các mẫu điện thoại khỏi danh sách bán. Module quản lý đơn hàng hiển thị danh sách tất cả các đơn hàng đã được đặt, cho phép quản trị viên xem chi tiết và thay đổi trạng thái đơn hàng (ví dụ: từ "Chưa xử lý" sang "Đã giao hàng"). Ngoài ra, hệ thống còn có các chức năng quản lý danh mục sản phẩm và quản lý tài khoản người dùng, cung cấp một bộ công cụ toàn diện để vận hành cửa hàng trực tuyến.

5.3. Nhận định ưu nhược điểm và bài học kinh nghiệm từ dự án

Đồ án đã thành công trong việc xây dựng một hệ thống website đáp ứng đầy đủ các chức năng cơ bản của một trang thương mại điện tử. Ưu điểm lớn nhất là việc áp dụng thành công các công nghệ phổ biến như PHP, MySQL, Bootstrap vào một bài toán thực tế. Tuy nhiên, hệ thống vẫn còn một số nhược điểm như chưa tích hợp cổng thanh toán trực tuyến, chức năng tìm kiếm và lọc sản phẩm còn đơn giản. Báo cáo cũng chỉ ra rằng hiệu suất có thể bị ảnh hưởng nếu lượng dữ liệu sản phẩm và đơn hàng quá lớn. Bài học kinh nghiệm rút ra là tầm quan trọng của việc phân tích và thiết kế kỹ lưỡng ban đầu, cũng như sự cần thiết của việc tối ưu hóa truy vấn cơ sở dữ liệu và bảo mật hệ thống.

VI. Triển Vọng và Hướng Phát Triển Tương Lai Cho Website

Việc hoàn thành đồ án xây dựng hệ thống website quản lý bán điện thoại không phải là điểm kết thúc mà là một khởi đầu vững chắc. Sản phẩm hiện tại đã đáp ứng được các nghiệp vụ cơ bản, nhưng thế giới công nghệ và thương mại điện tử luôn vận động không ngừng. Để duy trì tính cạnh tranh và mang lại giá trị lâu dài, việc xác định các hướng phát triển và nâng cấp trong tương lai là vô cùng cần thiết. Tổng kết lại, đồ án đã đạt được những thành tựu đáng kể, biến kiến thức lý thuyết từ giảng đường thành một sản phẩm phần mềm hữu hình. Nhóm sinh viên đã chứng tỏ được năng lực trong việc phân tích, thiết kế, lập trình và triển khai một dự án web hoàn chỉnh. Tuy nhiên, để hệ thống thực sự có thể ứng dụng trong môi trường kinh doanh thực tế, cần có một lộ trình phát triển rõ ràng. Các hướng nâng cấp tiềm năng không chỉ giới hạn ở việc thêm tính năng mới mà còn bao gồm việc cải thiện hiệu suất, tăng cường bảo mật và tối ưu hóa trải nghiệm người dùng trên đa nền tảng. Tương lai của website bán hàng này phụ thuộc vào khả năng liên tục cải tiến và thích ứng với các xu hướng công nghệ mới, chẳng hạn như trí tuệ nhân tạo trong việc gợi ý sản phẩm hay ứng dụng di động để tiếp cận người dùng một cách tiện lợi hơn.

6.1. Tổng kết các thành tựu chính của đồ án cơ sở ngành

Thành tựu lớn nhất của đồ án là đã xây dựng thành công một website bán điện thoại đầy đủ chức năng từ A-Z. Dự án đã áp dụng một cách hiệu quả các công nghệ nền tảng web phổ biến như PHP cho backend, MySQL cho cơ sở dữ liệu, và HTML/CSS/Bootstrap/JavaScript cho frontend. Quy trình phát triển phần mềm bài bản, từ khâu khảo sát yêu cầu, phân tích hệ thống bằng biểu đồ Use Case, thiết kế CSDL bằng ERD cho đến lập trình và kiểm thử, đã được thực hiện. Sản phẩm cuối cùng không chỉ là một trang web hoạt động được mà còn là minh chứng cho quá trình học tập và nghiên cứu nghiêm túc, là một nền tảng kiến thức và kinh nghiệm quý báu cho các dự án trong tương lai.

6.2. Các hướng nâng cấp tiềm năng để hoàn thiện hệ thống

Để nâng cao giá trị của hệ thống, báo cáo đã đề xuất một số hướng phát triển quan trọng. Thứ nhất, tích hợp các cổng thanh toán trực tuyến phổ biến (như MoMo, ZaloPay, VNPay) để đa dạng hóa phương thức thanh toán cho khách hàng. Thứ hai, xây dựng hệ thống đánh giá và bình luận sản phẩm để tăng tính tương tác và cung cấp thông tin tham khảo hữu ích. Thứ ba, cải tiến chức năng tìm kiếm với các bộ lọc nâng cao (theo giá, thương hiệu, thông số kỹ thuật). Một hướng đi xa hơn là phát triển một ứng dụng di động (mobile app) riêng cho cửa hàng để tối ưu hóa trải nghiệm mua sắm trên smartphone. Cuối cùng, việc tối ưu hóa SEO và tăng cường các lớp bảo mật là những nhiệm vụ cần được thực hiện liên tục để đảm bảo hệ thống hoạt động hiệu quả và an toàn.

Nội dung chính

Bối cảnh và vấn đề nghiên cứu

Trong bối cảnh nền kinh tế số và công nghệ thông tin phát triển mạnh mẽ tại Việt Nam, các phương thức truyền thông, quảng bá truyền thống qua báo chí, đài phát thanh hay truyền hình dần bộc lộ những hạn chế về chi phí vận hành và tốc độ tiếp cận. Việc xây dựng và ứng dụng website bán hàng trực tuyến trở thành giải pháp hiệu quả giúp các đơn vị kinh doanh truyền tải thông tin sản phẩm nhanh chóng, tối ưu hóa ngân sách tiếp thị và nâng cao năng suất hoạt động. Về phía người tiêu dùng, nhu cầu mua sắm trực tuyến ngày càng gia tăng nhờ sự tiện lợi, giúp tiết kiệm thời gian và công sức khi có thể lựa chọn, đặt mua sản phẩm mọi lúc, mọi nơi chỉ với các thao tác đơn giản.

Đồ án "Xây dựng hệ thống website quản lý bán điện thoại" được thực hiện trong khuôn khổ học phần Đồ án cơ sở ngành (Mã lớp học phần: 010100085104, Học kỳ II, Năm học 2023 - 2024) tại Khoa Công nghệ Thông tin, Học viện Hàng không Việt Nam, dưới sự hướng dẫn của giảng viên Nguyễn Ngọc Thanh. Đề tài được thực hiện bởi nhóm sinh viên gồm 5 thành viên: Đặng Hoàng Phương Uyên, Phạm Ngọc Nhi, Phạm Trần Lan Anh, Thái Xuân Hoàng và Võ Quốc Huy.

Mục tiêu và nhiệm vụ nghiên cứu của đề tài được xác định cụ thể như sau:

1. Giới thiệu và quảng bá hình ảnh, thương hiệu của cửa hàng kinh doanh điện thoại thông minh đến đông đảo khách hàng trên môi trường Internet.
2. Xây dựng nền tảng trực tuyến hỗ trợ khách hàng tra cứu, xem chi tiết tính năng, thông số kỹ thuật và lựa chọn sản phẩm điện thoại phù hợp với sở thích, mục đích sử dụng.
3. Thiết lập kênh tiếp nhận phản ánh, đánh giá và góp ý của người tiêu dùng về chất lượng sản phẩm cũng như phương thức phục vụ của cửa hàng.
4. Xây dựng công cụ quản trị giúp nhà quản lý theo dõi thông tin sản phẩm, quản lý đơn hàng, thông tin khách hàng và lượt truy cập hệ thống nhằm phục vụ việc hoạch định chiến lược kinh doanh.

Đối tượng và phạm vi nghiên cứu của đề tài bao gồm:

• Đối tượng nghiên cứu: Quy trình kinh doanh bán lẻ và người dùng có nhu cầu mua sắm điện thoại thông minh; các công cụ và môi trường phát triển phần mềm gồm Microsoft Visual Studio 2019 và máy chủ cục bộ XAMPP.
• Đối tượng khảo sát: Người cung cấp thông tin thực tế là bộ phận quản lý và nhân viên tại các cửa hàng kinh doanh điện thoại thông minh.
• Phạm vi nghiên cứu: Xây dựng hệ thống website thương mại điện tử chuyên ngành bán lẻ điện thoại di động với đầy đủ phân hệ người dùng (Client) và phân hệ quản trị (Admin), ứng dụng cơ chế cơ sở dữ liệu quan hệ.

Cơ sở lý thuyết và phương pháp

Đề tài áp dụng các nền tảng công nghệ web và công cụ phát triển phần mềm mã nguồn mở để thiết kế, xây dựng hệ thống:

• Công cụ phát triển và môi trường máy chủ:
  • Microsoft Visual Studio 2019: Môi trường phát triển tích hợp (IDE) của Microsoft, hỗ trợ lập trình hệ thống và thiết kế website.
  • XAMPP: Bộ công cụ tạo máy chủ cục bộ (localhost) do Apache Friends phát triển theo giấy phép GNU General Public License (phiên bản tham chiếu 7.11 phát hành năm 2018), tích hợp sẵn Apache, PHP, MySQL, FTP Server, Mail Server và phpMyAdmin.
• Công nghệ phía máy khách (Front-end):
  • HTML (HyperText Markup Language): Chuẩn định dạng tài liệu web do World Wide Web Consortium (W3C) quản lý (từ phiên bản HTML 1991 bởi Tim Berners-Lee đến HTML5 năm 2014), sử dụng hệ thống thẻ cấu trúc (<html>, <head>, <title>, <body>), các thẻ định dạng bảng (<table>, <tr>, <td>), thẻ hình ảnh (<img>), liên kết (<a>), vùng nhập liệu (<input>, <textarea>, <select>) và thẻ biểu mẫu (<form> với hai phương thức truyền dữ liệu GET và POST).
  • CSS (Cascading Style Sheets): Ngôn ngữ định kiểu do W3C phát triển từ năm 1996, vận hành theo mô hình hình hộp (Box Model) gồm margin, border, padding; quản lý vùng chọn (Selector), khối khai báo (Declaration) và thuộc tính (Properties). Báo cáo cũng khảo sát các ngôn ngữ mở rộng gồm SCSS (Sassy CSS) và LESS.
  • Bootstrap: Framework mã nguồn mở phát triển bởi Mark Otto và Jacob Thornton (Twitter), bao gồm các tệp bootstrap.css, bootstrap.js (tích hợp thư viện jQuery) và hệ thống biểu tượng vector Glyphicons, hỗ trợ thiết kế giao diện đáp ứng (Responsive Design) theo hệ thống lưới 12 cột.
  • JavaScript: Ngôn ngữ kịch bản thông dịch phía máy khách do Brendan Eich phát triển tại Netscape (chuẩn ECMAScript), hỗ trợ xử lý sự kiện, kiểm tra tính hợp lệ của dữ liệu đầu vào (input validation) và tăng tính tương tác giao diện.
  • SVG (Scalable Vector Graphics): Ngôn ngữ định dạng đồ họa vector 2 chiều dựa trên chuẩn XML, hỗ trợ nén dữ liệu và duy trì chất lượng hiển thị trên màn hình độ phân giải cao.
• Công nghệ phía máy chủ và cơ sở dữ liệu (Back-end):
  • PHP (Hypertext Preprocessor): Ngôn ngữ kịch bản phía máy chủ do Rasmus Lerdorf khởi xướng năm 1994, hoạt động theo cơ chế xử lý mã lệnh trên máy chủ rồi trả về mã HTML cho trình duyệt. Hỗ trợ 4 kiểu khai báo thẻ: thẻ ngắn (Short), thẻ chuẩn XML, thẻ Script và thẻ ASP.
  • MySQL: Hệ quản trị cơ sở dữ liệu quan hệ (RDBMS) hoạt động theo mô hình Client-Server, lưu trữ dữ liệu dưới dạng bảng quan hệ, hỗ trợ ngôn ngữ truy vấn cấu trúc SQL.

Phương pháp nghiên cứu được triển khai bao gồm: khảo sát thu thập yêu cầu từ đối tượng quản lý và nhân viên cửa hàng; phân tích và mô hình hóa nghiệp vụ thông qua biểu đồ use case, biểu đồ hoạt động (Activity Diagram), biểu đồ tuần tự (Sequence Diagram) và biểu đồ quan hệ thực thể (ERD); thiết kế cơ sở dữ liệu quan hệ; lập trình xây dựng giao diện và các chức năng hệ thống trên nền tảng PHP/MySQL.

Thiết kế và triển khai hệ thống

1. Phân tích yêu cầu và tác nhân hệ thống

Hệ thống được thiết kế để tương thích với các môi trường trình duyệt web (Google Chrome, Mozilla Firefox, Microsoft Edge, Safari, Opera) trên nhiều loại thiết bị (máy tính để bàn, máy tính bảng, điện thoại di động chạy hệ điều hành iOS hoặc Android). Các yêu cầu hệ thống được phân định rõ ràng:

• Yêu cầu chức năng: Hiển thị danh sách và chi tiết sản phẩm; tìm kiếm theo từ khóa; quản lý giỏ hàng và thanh toán; đăng ký, đăng nhập và quản lý thông tin cá nhân; hỗ trợ khách hàng (liên hệ, FAQ); phân hệ quản trị quản lý sản phẩm, danh mục, tin tức và theo dõi trạng thái đơn hàng.
• Yêu cầu phi chức năng và bảo mật: Giao diện trực quan, tương thích đa kích thước màn hình (Responsive); mã hóa mật khẩu người dùng trước khi lưu trữ vào cơ sở dữ liệu; xác thực quyền hạn trước khi thực hiện giao dịch; định hướng bảo vệ dữ liệu truyền tải qua giao thức HTTPS.

2. Đặc tả các trường hợp sử dụng (Use Case) tiêu biểu

Mã Use Case	Tên Use Case	Tác nhân	Tiền điều kiện / Kích hoạt	Luồng sự kiện chính (Standard Flow)	Luồng rẽ nhánh / Xử lý lỗi
UC1	Quản lý sản phẩm	Người quản trị	Đã đăng nhập; chọn menu "Sản phẩm"	1. Hiển thị danh sách sản phẩm. 2. Chọn thao tác: Liệt kê, Thêm mới, Chỉnh sửa thông tin hoặc Xóa sản phẩm.	Nhập dữ liệu không hợp lệ: hệ thống báo "Vui lòng nhập lại thông tin" và giữ nguyên trạng thái nhập liệu.
UC2	Quản lý thành viên quản trị	Người quản trị	Đã đăng nhập quyền Admin; chọn menu "Users"	1. Hiển thị danh sách tài khoản hệ thống. 2. Tích chọn và gán quyền (Admin - quản trị cao nhất, Users - quyền đọc, Inventory - quyền kho). 3. Thực hiện xóa thành viên nếu cần.	Phân quyền không thành công: hệ thống hiển thị thông báo lỗi và yêu cầu thao tác lại.
UC3	Kiểm tra giỏ hàng	Khách hàng	Chọn nút kiểm tra giỏ hàng	1. Hệ thống hiển thị danh sách sản phẩm trong giỏ. 2. Khách hàng thay đổi số lượng và bấm cập nhật. 3. Khách hàng chọn xóa sản phẩm khỏi giỏ hàng.	- Giỏ hàng trống: hiển thị thông báo giỏ hàng trống và ẩn nút tiến hành thanh toán. - Chưa đăng nhập: hiển thị nút "Vui lòng đăng nhập".
UC4	Quản lý đơn hàng	Người quản trị	Đã đăng nhập; chọn menu "Đơn hàng"	1. Truy cập chức năng quản lý đơn hàng. 2. Hệ thống liệt kê toàn bộ danh sách đơn hàng đã phát sinh.	Hệ thống thông báo lỗi nếu quá trình truy xuất dữ liệu từ máy chủ bị gián đoạn.
UC5	Xem chi tiết đơn hàng	Người quản trị	Đã đăng nhập; chọn đơn hàng cụ thể	1. Hiển thị thông tin chi tiết đơn hàng. 2. Cập nhật trạng thái đơn hàng (Chưa xử lí, Đã xử lí – Đã giao hàng). 3. Hệ thống tự động cập nhật lại số lượng tồn kho.	Số lượng đặt hàng lớn hơn số lượng tồn kho: hệ thống hiển thị cảnh báo "Sản phẩm không có đủ số lượng trong kho".

3. Thiết kế cơ sở dữ liệu quan hệ

Hệ thống sử dụng cơ sở dữ liệu MySQL bao gồm các bảng cấu trúc sau:

Tên bảng	Các trường dữ liệu (Cột)	Khóa chính / Khóa chỉ mục	Mục đích lưu trữ
cart	cart_id (int), customer_id (int), product_id (int), product_image (varchar), product_title (varchar), product_price (float), product_quantity (int)	cart_id (Primary)	Lưu trữ tạm thời các sản phẩm trong giỏ hàng của người dùng.
categories	id (int), cat_name (varchar), status (tinyint)	id (Primary)	Quản lý danh mục các dòng điện thoại.
contact	contact_id (int), name (varchar), email (varchar), subject (varchar), message (varchar)	contact_id (Primary)	Tiếp nhận thông tin phản hồi và góp ý từ khách hàng.
news (tin tức)	id (int), title (varchar), image (varchar), content (varchar), status (int)	id (Primary)	Quản lý các bài viết tin tức công nghệ và tuyển dụng.
order	order_id (int), customer_id (int), order_code (varchar), order_date (varchar), order_status (int)	order_id (Primary)	Quản lý thông tin tổng quan của các đơn đặt hàng.
order_detail	order_detall_id (int), order_code (varchar), product_id (int), product_quantity (int), name (varchar), address (varchar), country (varchar), zipcode (varchar), phone (varchar), fee_shipping (varchar), product_price (float)	order_detall_id (Primary)	Lưu chi tiết từng mặt hàng và địa chỉ giao nhận của đơn hàng.
products	p_id (int), category_name (int), product_name (varchar), MRP (float), price (float), qty (int), product_sold (int), img (varchar), description (varchar), status (tinyint)	p_id (Primary), category_name (Index)	Lưu thông tin chi tiết, giá bán, số lượng tồn kho và lượt bán của sản phẩm.
roles	id (int), name (varchar)	id (Primary)	Định nghĩa các nhóm quyền quản trị trong hệ thống.
users	id (int), username (varchar), email (varchar), password (varchar), role (int)	id (Primary)	Quản lý tài khoản và phân quyền cho người quản trị.
user_registers	id (int), Name (varchar), email (varchar), password (varchar)	id (Primary)	Quản lý tài khoản đăng ký của khách hàng mua hàng.

4. Triển khai giao diện hệ thống

• Trang chủ: Sử dụng thành phần Carousel của Bootstrap để tạo banner quảng cáo động ở đầu trang. Ứng dụng kỹ thuật multi-item carousel để hiển thị danh sách sản phẩm theo từng nhóm phân loại: "Sản phẩm ưu đãi", "Sản phẩm được tìm kiếm nhiều", "Sản phẩm mới" và slider tin tức nổi bật.
• Thanh điều hướng (Header Navigation): Thiết kế tông màu đen trắng tối giản, tích hợp logo chuyển hướng trang chủ, liên kết Trang chủ, Sản phẩm, Tin tức, ô tìm kiếm từ khóa, nút Đăng ký, Đăng nhập, Giỏ hàng và Liên hệ (Contract).
• Chân trang (Footer): Cung cấp địa chỉ cửa hàng, thông tin tuyển dụng, giới thiệu, hướng dẫn mua hàng, số điện thoại chăm sóc khách hàng, biểu mẫu tiếp nhận góp ý và các nút liên kết mạng xã hội (Facebook, Youtube, Twitter).
• Xử lý đăng ký và đăng nhập: Trang đăng ký kiểm tra dữ liệu đầu vào, nếu bỏ trống trường dữ liệu hệ thống hiển thị thông báo "Please Fill in the Blanks". Trang đăng nhập xác thực thông tin tài khoản qua email và mật khẩu đối chiếu với cơ sở dữ liệu; trường hợp nhập sai mật khẩu sẽ phản hồi cảnh báo "Please Enter Correct Password".

Nội dung chính theo từng chương

Chương I. Giới thiệu

Chương mở đầu trình bày lý do lựa chọn đề tài xuất phát từ nhu cầu thực tiễn về ứng dụng công nghệ thông tin trong thương mại điện tử nhằm giảm chi phí quảng bá và nâng cao hiệu quả kinh doanh điện thoại di động. Tác giả xác định đối tượng nghiên cứu (người dùng, công cụ Visual Studio 2019, XAMPP), đối tượng khảo sát (quản lý, nhân viên cửa hàng) và mục tiêu đạt được bao gồm việc xây dựng trang web trực quan cho khách hàng và phân hệ quản lý tập trung cho người quản trị.

Chương II. Cơ sở lý thuyết

Chương này hệ thống hóa các kiến thức nền tảng và công cụ kỹ thuật sử dụng trong đồ án:

• Trình bày khái niệm, lịch sử phát triển, cấu trúc hoạt động và ưu nhược điểm của các ngôn ngữ và công nghệ: HTML, CSS, SCSS, LESS, PHP, Bootstrap, MySQL, JavaScript và chuẩn đồ họa SVG.
• Mô tả quy trình xử lý mã kịch bản PHP trên máy chủ web và các kiểu cú pháp nhúng mã PHP trong tài liệu HTML.
• Phân tích cấu trúc thư viện Bootstrap (Bootstrap CSS, Bootstrap JS kết hợp jQuery, Glyphicons) phục vụ việc chuẩn hóa giao diện theo mô hình Responsive.

Chương III. Khảo sát yêu cầu và thiết kế hệ thống

Chương III tập trung phân tích nghiệp vụ và thiết kế chi tiết hệ thống phần mềm:

• Liệt kê các yêu cầu chức năng (hiển thị, tìm kiếm, giỏ hàng, đặt hàng, quản lý sản phẩm, quản lý tin tức) và yêu cầu phi chức năng (giao diện, bảo mật, tương thích đa nền tảng).
• Trình bày các tác nhân tương tác hệ thống và đặc tả chi tiết 5 ca sử dụng chính (UC1 đến UC5) với đầy đủ luồng sự kiện chuẩn, luồng rẽ nhánh và điều kiện biên.
• Xây dựng sơ đồ hoạt động (Activity Diagram), sơ đồ tuần tự (Sequence Diagram) và sơ đồ quan hệ thực thể (ERD).
• Chi tiết hóa cấu trúc 10 bảng dữ liệu quan hệ trong MySQL.

Chương IV. Thiết kế giao diện

Chương này mô tả bố cục và nguyên lý xây dựng các trang chức năng trên giao diện người dùng:

• Chi tiết thiết kế trang chủ với thanh điều hướng, các slider quảng cáo và slider danh sách sản phẩm đa mục (Carousel multi-item).
• Bố cục phần chân trang (Footer) chứa các thông tin liên hệ và chính sách bán hàng.
• Xây dựng giao diện trang tin tức, trang quản trị Admin, trang đăng ký và trang đăng nhập kèm theo các kịch bản phản hồi thông báo tương tác với người dùng.

Chương V. Đề tài làm được những gì và hướng phát triển

Chương kết luận tổng kết các kết quả thực tế đạt được của đồ án, đánh giá ưu điểm về mặt giao diện và tính năng nghiệp vụ cơ bản, chỉ ra các hạn chế còn tồn tại và đề xuất định hướng hoàn thiện hệ thống trong các giai đoạn phát triển tiếp theo.

Kết quả và đóng góp

• Kết quả thực tế đạt được:
  • Xây dựng hoàn chỉnh website bán điện thoại thông minh với hai phân hệ chính: giao diện mua hàng cho khách hàng và giao diện quản trị cho nhân viên/quản lý.
  • Thiết kế và triển khai cơ sở dữ liệu quan hệ gồm 10 bảng (cart, categories, contact, bảng tin tức, order, order_detail, products, roles, users, user_registers) đáp ứng lưu trữ danh mục sản phẩm, người dùng, chi tiết giỏ hàng và dữ liệu đơn hàng.
  • Hiện thực hóa các use case nghiệp vụ bán hàng: hiển thị sản phẩm theo nhóm, tìm kiếm từ khóa, quản lý giỏ hàng, đặt hàng, quản trị danh mục/sản phẩm và chuyển đổi trạng thái đơn hàng kèm theo kiểm tra số lượng tồn kho.
  • Phân quyền quản trị hệ thống thành 3 nhóm quyền riêng biệt gồm quyền quản trị cao nhất (admin), quyền đọc (users) và quyền quản lý kho (inventory).
  • Tích hợp thành công các thành phần giao diện động từ Bootstrap như Carousel slider và Responsive grid.
• Đóng góp của đồ án:
  • Vận dụng lý thuyết lập trình web vào việc giải quyết bài toán quản lý và bán hàng trực tuyến cho cửa hàng bán lẻ điện thoại thông minh.
  • Đưa ra mô hình mẫu về cấu trúc cơ sở dữ liệu và quy trình đặc tả ca sử dụng cơ bản cho một ứng dụng thương mại điện tử quy mô vừa và nhỏ trên nền tảng PHP và MySQL.

Hạn chế và hướng nghiên cứu tiếp

• Hạn chế:
  • Do xây dựng trong phạm vi đồ án môn học cơ sở ngành, hệ thống chưa tích hợp các cổng thanh toán trực tuyến tự động của bên thứ ba.
  • Giao diện sử dụng các mẫu component có sẵn của Bootstrap nên tính độc bản trong nhận diện thương hiệu chưa cao.
  • Một số thông báo phản hồi người dùng trên biểu mẫu đăng ký, đăng nhập còn sử dụng văn bản tiếng Anh tĩnh ("Please Fill in the Blanks", "Please Enter Correct Password") chưa được bản địa hóa hoàn toàn.
• Hướng nghiên cứu và phát triển tiếp:
  • Nghiên cứu tích hợp các giải pháp cổng thanh toán điện tử nhằm hoàn thiện quy trình thanh toán trực tuyến.
  • Tối ưu hóa hiệu năng tải trang web và nâng cao cơ chế bảo mật cho cơ sở dữ liệu và tài khoản người dùng.
  • Bổ sung các tính năng phân tích, thống kê doanh thu nâng cao và mở rộng các phân hệ quản lý kho hàng chuyên sâu.

Giá trị tham khảo

Báo cáo đồ án là tài liệu tham khảo phù hợp cho:

• Sinh viên chuyên ngành Công nghệ thông tin, Kỹ thuật phần mềm đang thực hiện các học phần Đồ án cơ sở ngành, Lập trình web hoặc Phát triển ứng dụng thương mại điện tử.
• Người học cần tài liệu tham khảo thực tế về cách viết đặc tả ca sử dụng (Use Case Specification), thiết kế mô hình cơ sở dữ liệu quan hệ cho website bán hàng và kỹ thuật ứng dụng thư viện Bootstrap Carousel hiển thị danh sách sản phẩm.

Câu hỏi thường gặp

1. Phân hệ quản trị (Admin) của hệ thống hỗ trợ những cấp độ phân quyền người dùng nào?
Theo đặc tả Use Case UC2 (Quản lý thành viên quản trị), hệ thống hỗ trợ phân quyền người dùng quản trị thành 3 nhóm quyền: quyền quản trị cao nhất (admin), quyền đọc (users) và quyền quản lý kho hàng (inventory).

2. Quá trình cập nhật trạng thái đơn hàng (UC5) xử lý trường hợp số lượng sản phẩm trong kho không đủ như thế nào?
Khi người quản trị thực hiện chuyển trạng thái đơn hàng sang "Đã xử lí – Đã giao hàng", hệ thống sẽ tiến hành kiểm tra đối soát số lượng sản phẩm đặt mua với số lượng tồn trong kho. Nếu số lượng đặt lớn hơn số lượng tồn, hệ thống sẽ phát sinh luồng ngoại lệ và hiển thị thông báo lỗi: "Sản phẩm không có đủ số lượng trong kho".

3. Cơ sở dữ liệu của hệ thống lưu trữ thông tin giao hàng và chi tiết sản phẩm của đơn hàng ở bảng nào?
Hệ thống lưu trữ thông tin giao hàng và chi tiết từng mặt hàng trong bảng order_detail, bao gồm các trường: mã chi tiết đơn hàng (order_detall_id), mã đơn hàng (order_code), mã sản phẩm (product_id), số lượng (product_quantity), đơn giá (product_price), tên người nhận (name), địa chỉ (address), quốc gia (country), mã bưu chính (zipcode), số điện thoại (phone) và phí vận chuyển (fee_shipping).

4. Giao diện trang chủ sử dụng kỹ thuật gì để hiển thị nhiều sản phẩm trong cùng một thanh trượt?
Trang chủ sử dụng thư viện Carousel của Bootstrap được tùy biến theo cơ chế "multi-item carousel increment by 1" để trình bày đồng thời nhiều sản phẩm trên cùng một slider, phục vụ việc hiển thị các nhóm "Sản phẩm ưu đãi", "Sản phẩm được tìm kiếm nhiều" và "Sản phẩm mới".

5. Các thành viên trong nhóm thực hiện đồ án được phân công nhiệm vụ cụ thể ra sao?
Nhiệm vụ được phân chia theo phiếu chấm điểm của đồ án: Đặng Hoàng Phương Uyên phụ trách CSS, JS, tìm kiếm sản phẩm, hình ảnh và đăng ký/đăng nhập; Phạm Ngọc Nhi phụ trách giao diện trang chủ, trang tin tức và tuyển dụng; Phạm Trần Lan Anh phụ trách giỏ hàng, đăng ký, đăng nhập và đăng xuất; Thái Xuân Hoàng phụ trách mục góp ý và trang Admin; Võ Quốc Huy phụ trách thiết kế và xây dựng cơ sở dữ liệu (Database).

Kết luận

Đồ án "Xây dựng hệ thống website quản lý bán điện thoại" đã hoàn thành việc khảo sát, thiết kế và xây dựng một hệ thống website thương mại điện tử hoàn chỉnh trên nền tảng PHP, MySQL kết hợp Bootstrap. Công trình cung cấp đầy đủ các phân hệ chức năng cần thiết từ phía khách hàng (tra cứu, xem chi tiết, quản lý giỏ hàng) đến phía quản trị viên (quản lý sản phẩm, đơn hàng, phân quyền). Đây là tài liệu tham khảo học thuật có giá trị thực tiễn cao cho sinh viên ngành công nghệ thông tin trong việc nghiên cứu và triển khai các ứng dụng web bán hàng trực tuyến cơ bản.

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

Chương 1:Giới thiệu 1. Lý do chọn đề tài Công nghệ thông tin không chỉ là một trong những lĩnh vực cần thiết mà còn là động lực quan trọng đẩy mạnh sự phát triển kinh tế của nhiều quốc gia, đặc biệt là trong bối cảnh nền kinh tế đang phát triển mạnh mẽ như Việt Nam ngày nay. Việc cập nhật thông tin đóng vai trò quan trọng đối với nhà quản lý và nhà kinh doanh trong ngành này. Để truyền thông sản phẩm, nhiều doanh nghiệp lớn đã chọn chiến lược quảng cáo trên các phương tiện truyền thông đại chúng như báo chí, đài phát thanh, và truyền hình.

Trong đó, việc quảng cáo trên website đã chứng minh là một trong những giải pháp hiệu quả nhất. Đây không chỉ là phương thức truyền tải thông tin nhanh chóng ,hiệu quả mà còn tiết kiệm chi phí đáng kể. Khách hàng ngày càng có nhu cầu mua sắm ngày càng lựa chọn mua hàng trực tuyến thông qua website vì sự tiện lợi và tốc độ. Một vài "click" chuột, một vài thao tác đơn giản, và họ đã sở hữu được sản phẩm mình mong muốn ngay tại nhà.

Với những thành công đáng kể, công nghệ thông tin đã được áp dụng rộng rãi trong nhiều lĩnh vực, trở thành một trong những yếu tố chủ chốt của sự phát triển kinh tế- xã hội và an ninh-quốc phòng. Sự đẩy mạnh ứng dụng công nghệ thông tin sẽ thúc đẩy sự tiến bộ trong tác phong làm việc, nâng cao năng suất lao động và dẫn đến sự nâng cao dân trí. Chúng tôi, nhóm 13, trong quá trình học tập và áp dụng những kiến thức đã học , nhóm chúng em đã xây dựng hệ thống "Website điện thoại thông minh" với sự hướng dẫn tận tình của giáo viên. Việc làm báo cáo chuyên đề này không chỉ giúp chúng em nâng cao kiến thức về lập trình mà còn giúp chúng em rút ra nhiều kinh nghiệm quý báu cho những dự án web sắp tới.

Đối tượng nghiên cứu Người dùng: mọi người có nhu cầu mua điện thoại thông minh Công cụ: Microsof Visual Studio 2019, Xampp 3. Đối tượng khảo sát Người cung cấp thông tin: Quản lý và nhân viên tại cửa hàng bán điện thoại thông minh 4. Mục tiêu nghiên cứu Giới thiệu , quảng bá cửa hàng đến với mọi người Giúp khách hàng tìm được sản phẩm điện thoại ưng ý theo sở thích và phù hợp với mục đích của mình Tiếp nhận phản ánh của khách hàng về sản phẩm cũng như phương pháp làm việc của cửa hàng thông qua website. Mục tiêu đạt được Đề tài mang đến lợi ích lớn cả cho doanh nghiệp và khách hàng khi xây dựng một trang web bán trực tuyến thông qua internet.

Giúp cho các doanh nghiệp giảm thiểu chi phí vận hành mà còn giúp người tiêu dùng có thể mua sắm mọi lúc mọi nơi. Bên cạnh đó , việc cập nhật sản phẩm nhanh chóng , hiện thị các tính năng và ưu điểm của sản phẩm giúp người tiêu dùng sẽ có một cái nhìn tổng quát hơn về sản phẩm .Qua đó, người tiêu dùng sẽ chọn được sản phẩm yêu thích và phù hợp với nhu cầu của mình. Thông qua trang web, người quản trị có thể dễ dàng quản lý thông tin khách hàng, sản phẩm, và lượng người truy cập. Việc này giúp họ có cái nhìn tổng quan về hệ thống kinh doanh, từ đó đưa ra các chiến lược phát triển phù hợp.

Đạt hiệu quả sử dụng tối đa về nghiệp vụ bán hàng qua mạng, tiết kiệm nguồn lực tài chính, thời gian và công sức. Chương 2: CƠ SỞ LÝ THUYẾT 1. Khái quát Microsof Visual Studio 2019, XAMPP 1. Khái niệm Microsof Visual Studio 2019 Visual studio là một trong những công cụ hỗ trợ lập trình và thiết kế website rất nổi tiếng nhất hiện nay của Mcrosoft và chưa có một phần mềm nào có thể thay thế được nó.

Visual Studio được viết bằng 2 ngôn ngữ đó chính là C# và VB+. Đây là 2 ngôn ngữ lập trình giúp người dùng có thể lập trình được hệ thống một các dễ dàng và nhanh chóng nhất thông qua Visual Studio. Visual Studio là một phần mềm lập trình hệ thống được sản xuất trực tiếp từ Microsoft. Từ khi ra đời đến nay, Visual Studio đã có rất nhiều các phiên bản sử dụng khác nhau.

Điều đó, giúp cho người dùng có thể lựa chọn được phiên bản tương thích với dòng máy của mình cũng như cấu hình sử dụng phù hợp nhất. Bên cạnh đó, Visual Studio còn cho phép người dùng có thể tự chọn lựa giao diện chính cho máy của mình tùy thuộc vào nhu cầu sử dụng Hình 1: Visual Studio 1. XAMPP Xampp là ứng dụng dùng để thiết lập và điều hành máy chủ nội bộ (localhost). Đây còn là chương trình tạo máy chủ Web (Web server) được tích hợp sẵn Apache, PHP, MySQL, FTP Server, Mail Server và các công cụ như phpMyAdmin.

Xampp cho phép bạn giả lập môi trường server hosting, để chạy thử (demo) một website ngay trên máy tính cá nhân mà không cần phải mua hosting hay VPS. Một số thông tin cơ bản :  Nhà phân phối: thuộc bản quyền của GNU General Public Licence, do Apache Friends phân phối và phát triển.  Ngôn ngữ lập trình: tích hợp nhiều ngôn ngữ lập trình khác nhau.  Các phiên bản: Phiên bản Xampp mới nhất là phiên bản 7.11 phát hành năm 2018 Hình 2: Biểu tượng của phần mềm Xampp 2.

Khái quát HTML, CSS 2. Khái niệm và lịch sử a. Khái niệm Trang Web là sự kết hợp giữa văn bản và các thẻ HTML. HTML là chữ viết tắt của HyperText Markup Language được hội đồng World Wide Web Consortium (W3C) quy định.

Một tập tin HTML chẳng qua là một tập tin bình thường, có đuôi. HTML giúp định dạng văn bản trong trang Web nhờ các thẻ. Hơn nữa, các thẻ html có thể liên kết từ hoặc một cụm từ với các tài liệu khác trên Internet. Đa số các thẻ HTML có dạng thẻ đóng mở.

Thẻ đóng dùng chung từ lệnh giống như thẻ mở, nhưng thêm dấu xiên phải (/). Ngôn ngữ HTML qui định cú pháp không phân biệt chữ hoa chữ thường. Ví dụ, có thể khai báo <html> hoặc <HTML>. Không có khoảng trắng trong định nghĩa thẻ.

Lịch sử Cha đẻ của HTML là Tim Berners-Lee, cũng là người khai sinh ra World Wide Web và chủ tịch của World Wide Web Consortium (W3C – tổ chức thiết lập ra các chuẩn trên môi trường Internet). Các thiết lập và cấu trúc HTML được vận hành và phát triển bởi World Wide Web Consortium (W3C). Phiên bản đầu tiên của HTML xuất hiện năm 1991, gồm 18 tag HTML. Phiên bản HTML 4.01 được xuất bản năm 1999.

Sau đó, các nhà phát triển đã thay thế HTML bằng XHTML vào năm 2000. Đến năm 2014, HTML được nâng cấp lên chuẩn HTML5 với nhiều tag được thêm vào markup, mục đích là để xác định rõ nội dung thuộc loại là gì (ví dụ như: <article>, <header>, <footer>,…). Theo Mozilla Developer Network thì HTML Element Reference hiện nay có khoảng hơn 140 tag. Tuy nhiên một vài tag trong số đó đã bị tạm ngưng (do không được hỗ trợ bởi các trình duyệt hiện hành).

Cấu trúc chung của một trang HTML <html> <head> <title> Tiêu đề của trang Web </title> </head> <body> <!-- Các thẻ Html và nội dung sẽ hiển thị --> </body> </html> 2. Các thẻ HTML cơ bản 1.</head>: Tạo đầu mục trang 2.</title>: Tạo tiêu đề trang trên thanh tiêu đề, đây là thẻ bắt buộc. Thẻ title cho phép bạn trình bày chuỗi trên thanh tựa đề của trang Web mỗi khi trang Web đó được duyệt trên trình duyệt Web.</body>: Tất cả các thông tin khai báo trong thẻ <body> đều có thể xuất hiện trên trang Web. Những thông tin này có thể nhìn thấy trên trang Web.

Các thẻ định dạng khác. Thẻ <p>…</p>: Tạo một đoạn mới. </font>: Thay đổi phông chữ, kích cỡ và màu kí tự… 5. Thẻ định dạng bảng <table>…</table>: Đây là thẻ định dạng bảng trên trang Web.

Sau khi khai báo thẻ này, bạn phải khai báo các thẻ hàng <tr> và thẻ cột <td> cùng với các thuộc tính của nó. Thẻ hình ảnh <img>: Cho phép bạn chèn hình ảnh vào trang Web. Thẻ này thuộc loại thẻ không có thẻ đóng. Thẻ liên kết <a>.

</a>: Là loại thẻ dùng để liên kết giữa các trang Web hoặc liên kết đến địa chỉ Internet, Mail hay Intranet(URL) và địa chỉ trong tập tin trong mạng cục bộ (UNC). Các thẻ Input: Thẻ Input cho phép người dùng nhập dữ liệu hay chỉ thị thực thi một hành động nào đó, thẻ Input bao gồm các loại thẻ như: text, password, submit, button, reset, checkbox, radio, image. Thẻ Textarea: < Textarea>. < \Textarea>: Thẻ Textarea cho phép người dùng nhập liệu với rất nhiều dòng.

Với thẻ này bạn không thể giới hạn chiều dài lớn nhất trên trang Web. Thẻ Select: Thẻ Select cho phép người dùng chọn phần tử trong tập phương thức đã được định nghĩa trước. Nếu thẻ Select cho phép người dùng chọn một phần tử trong danh sách phần tử thì thẻ Select sẽ giống như combobox. Nếu thẻ Select cho phép người dùng chọn nhiều phần tử cùng một lần trong danh sách phần tử, thẻ Select đó là dạng listbox.

Thẻ Form: Khi bạn muốn submit dữ liệu người dùng nhập từ trang Web phía Client lên phía Server, bạn có hai cách để làm điều nàu ứng với hai phương thức POST và GET trong thẻ form. Trong một trang Web có thể có nhiều thẻ Form khác nhau, nhưng các thẻ Form này không được lồng nhau, mỗi thẻ form sẽ được khai báo hành động (action) chỉ đến một trang khác. Ưu /nhược điểm a. Ưu điểm:  Được sử dụng rộng rãi, có rất nhiều nguồn tài nguyên hỗ trợ và cộng đồng sử dụng lớn.

 Học đơn giản và dễ hiểu.  Mã nguồn mở và hoàn toàn miễn phí.  Markup gọn gàng và đồng nhất.  Tiêu chuẩn thế giới được vận hành bởi World Wide Web Consortium (W3C).

 Dễ dàng tích hợp với các ngôn ngữ backend như PHP, Python… b. Khuyết điểm:  Được dùng chủ yếu cho web tĩnh. Đối với các tính năng động như update hay realtime thời gian thực, bạn cần sử dụng JavaScript hoặc ngôn ngữ backend bên thứ 3 như PHP.  Một số trình duyệt chậm hỗ trợ tính năng mới 2.

Khái niệm tổng quát CSS là chữ viết tắt của Cascading Style Sheets, nó là một ngôn ngữ được sử dụng để tìm và định dạng lại các phần tử được tạo ra bởi các ngôn ngữ đánh dấu (HTML). Nói ngắn gọn hơn là ngôn ngữ tạo phong cách cho trang web.