Tiểu Luận Về Lập Trình Web: Xây Dựng Website Cho Shop Điện Thoại

Tiểu luận môn học lập trình web hướng dẫn xây dựng website shop điện thoại, cung cấp kiến thức và kỹ năng cần thiết cho sinh viên.

• Tác giả: Bùi Hoàng Xuân
• Người hướng dẫn: THS. Nguyễn Hữu Vĩnh
• Trường học: Trường Đại Học Thủ Dầu Một
• Chuyên ngành: Kỹ Thuật Công Nghệ
• Đề tài: Xây Dựng Website Shop Điện Thoại
• Loại tài liệu: tiểu luận
• Năm xuất bản: 2020
• Địa điểm: Bình Dương

Mục lục chi tiết

• LỜI NÓI ĐẦU
• 1. CHƯƠNG I: TỔNG QUAN VỀ ĐỀ TÀI
• 1.1. Mục tiêu của đề tài
• 1.2. Ý nghĩa của đề tài
• 1.3. Đối tượng và phạm vi của đề tài
• 1.3.1. Đối tượng của đề tài
• 1.3.2. Phạm vi của đề tài
• 1.4. Một số trang chính của website
• 1.4.1. Phần WEBSITE
• 1.4.2. Phần quản trị
• 2. CHƯƠNG 2: THIẾT KẾ CƠ SỞ DỮ LIỆU VÀ CHỨC NĂNG HỆ THỐNG
• 2.1. Danh sách các Actor
• 2.2. Danh sách các use – case
• 2.3. Sơ đồ USE-CASE
• 2.3.1. Sơ đồ use-case tổng quan
• 2.3.2. Sơ đồ Use – Case Khách Hàng
• 2.3.3. Sơ đồ Use – Case Quản Trị
• 2.4. Đặc tả USE – CASE
• 2.4.1. Use-Case Đăng nhập
• 2.4.2. Use – Case Mua sản phẩm – Đặt hàng
• 2.4.3. Use – Case Tìm kiếm sản phẩm
• 2.4.4. Use – Case Xem thông tin sản phẩm
• 2.4.5. Use – Case Thêm giỏ hàng
• 2.4.6. Use – Case Đăng sản phẩm
• 2.4.7. Use – Case Xác nhận đơn hàng
• 3. CHƯƠNG 3: GIỚI THIỆU CÁC CÔNG NGHỆ
• 3.1. Giới Thiệu Về HTML
• 3.2. Công dụng của HTML
• 3.3. Định dạng của HTML
• 3.4. Giới thiệu về Adobe Dreamweaver
• 3.5. Ngôn ngữ CSS
• 3.6. Ngôn ngữ Javascript
• 3.7. Giới thiệu cơ bản về ngôn ngữ ASP
• 4. CHƯƠNG 4: GIAO DIỆN CHƯƠNG TRÌNH
• 4.1. Giao diện Trang Chủ
• 4.2. Giao diện Danh Mục Sản Phẩm
• 4.3. Giao diện Liên Hệ
• 4.4. Giao diện Sản Phẩm
• 4.5. Giao diện Chi Tiết Sản Phẩm
• 4.6. Giao diện Giỏ Hàng
• 4.7. Giao diện Tin Tức
• 4.8. Quản Trị Trang Web
• 4.8.1. Phần đăng nhập
• 4.8.2. Phần đổi mật khẩu
• 4.8.3. Trang quản trị
• 4.8.4. Phần quản trị Sản Phẩm
• 4.8.5. Phần quản trị Tin Tức
• 4.8.6. Phần Liên Hệ
• 4.8.7. Phần Tài Khoản
• 5. CHƯƠNG 5: KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN
• 5.1. Kết quả đạt được
• 5.2. Việc chưa làm được
• 5.3. Hướng phát triển của đề tài
• TÀI LIỆU KHAM KHẢO

Tóm tắt

I. Tổng quan về đề tài Xây dựng Website Shop Điện Thoại

Tiểu luận tập trung vào xây dựng website bán hàng điện thoại. Đề tài nhấn mạnh vào việc phân tích và thiết kế, sau đó là lập trình website. Mục tiêu là tạo ra một website thân thiện, cải thiện trải nghiệm mua hàng, và cung cấp chức năng xem tin tức. Lập trình web bán hàng điện thoại là trọng tâm. Website hướng đến việc đưa sản phẩm đến nhiều người dùng hơn, quảng bá sản phẩm hiệu quả trên internet, và xây dựng mối quan hệ với khách hàng. Phạm vi nghiên cứu bao gồm các loại sản phẩm điện thoại, các website thương mại điện tử, và công nghệ thiết kế, lập trình web. Dữ liệu được thu thập từ các cửa hàng điện thoại tại TP. Thủ Dầu Một, Bình Dương và các trang bán lẻ trực tuyến.

1.1 Mục tiêu và ý nghĩa

Mục tiêu chính là hoàn thành việc phát triển website thương mại điện tử điện thoại. Thiết kế website shop điện thoại phải đáp ứng nhu cầu tìm kiếm thông tin sản phẩm, cải thiện trải nghiệm người dùng, và cung cấp một giao diện trực quan, dễ sử dụng. Ý nghĩa của đề tài nằm ở việc tận dụng tiềm năng thương mại điện tử trong ngành bán lẻ điện thoại. Website giúp tiếp cận khách hàng rộng rãi hơn, tăng cường quảng bá sản phẩm, xây dựng lòng tin và tạo ra một kênh tương tác 24/7 với khách hàng. Việc tối ưu hóa website bán điện thoại sẽ trực tiếp tác động đến doanh thu và sự phát triển của cửa hàng.

1.2 Phạm vi và đối tượng nghiên cứu

Đối tượng nghiên cứu bao gồm các sản phẩm điện thoại, website thương mại điện tử, và công nghệ web. Phạm vi không gian tập trung vào các cửa hàng điện thoại tại TP. Thủ Dầu Một và các website bán lẻ điện thoại trực tuyến. Phạm vi thời gian là 15/11/2020 – 10/12/2020. Nghiên cứu bao gồm việc phân tích các tính năng website bán điện thoại, thiết kế cơ sở dữ liệu, lựa chọn công nghệ phù hợp, và xây dựng giao diện người dùng. Website bán điện thoại tốc độ nhanh là một trong những mục tiêu quan trọng, đảm bảo trải nghiệm người dùng tốt nhất.

II. Thiết kế cơ sở dữ liệu và chức năng hệ thống

Phần này tập trung vào thiết kế cơ sở dữ liệu cho website bán điện thoại. Database cho website bán điện thoại được thiết kế để quản lý thông tin sản phẩm, khách hàng, đơn hàng, và quản trị website. Các actor chính bao gồm khách hàng và quản trị viên. Các use-case được xác định rõ ràng, bao gồm đăng nhập, tìm kiếm sản phẩm, thêm vào giỏ hàng, đặt hàng, và quản lý sản phẩm. Sơ đồ use-case và biểu đồ hoạt động được sử dụng để minh họa quy trình hoạt động của hệ thống. Quản trị website bán điện thoại cũng được xem xét kỹ lưỡng, bao gồm các chức năng quản lý sản phẩm, tin tức, khách hàng và đơn hàng.

2.1 Mô hình Actor và Use Case

Danh sách các Actor bao gồm Khách hàng và Quản trị viên. Khách hàng có thể xem thông tin sản phẩm, mua hàng, bình luận, và quản lý đơn hàng. Quản trị viên có quyền thêm, sửa, xóa sản phẩm, tin tức, quản lý người dùng, và xem thông tin đơn hàng. Danh sách các Use Case bao gồm xem thông tin sản phẩm, đăng nhập, tìm kiếm sản phẩm (theo loại, giá, tên), quản lý website, xem giỏ hàng, xem đơn hàng, thêm vào giỏ hàng, quản lý sản phẩm, thêm sản phẩm, xác nhận đơn hàng, và quản lý người dùng. Mỗi use case được mô tả chi tiết, bao gồm các bước thực hiện và luồng sự kiện. Quản lý đơn hàng website bán điện thoại là một chức năng quan trọng.

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

Cơ sở dữ liệu được thiết kế để lưu trữ thông tin cần thiết. Các bảng dữ liệu bao gồm: ADMIN, LoaiSanPham, SanPham, DonDatHang, ChiTietDonHang, LoaiTinTuc, TinTuc, và LienHe. Mỗi bảng có cấu trúc dữ liệu phù hợp với mục đích sử dụng. Sơ đồ tổng quan CSDL minh họa mối quan hệ giữa các bảng. Cấu trúc dữ liệu đảm bảo tính toàn vẹn và hiệu quả trong việc truy xuất thông tin. Việc lựa chọn hệ quản trị cơ sở dữ liệu (DBMS) phù hợp là yếu tố quan trọng để đảm bảo hiệu năng và khả năng mở rộng của website. An ninh website bán điện thoại cần được ưu tiên trong quá trình thiết kế cơ sở dữ liệu.

III. Giới thiệu các công nghệ và Giao diện chương trình

Tiểu luận trình bày các công nghệ được sử dụng để phát triển website. Ngôn ngữ lập trình website bán điện thoại được đề cập đến. Các công nghệ như HTML, CSS, Javascript, và ASP được đề cập. Framework lập trình website điện thoại có thể được đề cập đến (nếu có). Phần này cũng trình bày giao diện người dùng của website. Giao diện được thiết kế để thân thiện với người dùng, dễ sử dụng và trực quan. Responsive website bán điện thoại cần được đảm bảo để hiển thị tốt trên nhiều thiết bị khác nhau.

3.1 Công nghệ sử dụng

Tiểu luận đề cập đến các công nghệ web cơ bản như HTML, CSS, và Javascript. HTML CSS Javascript website bán điện thoại là nền tảng. Việc sử dụng Adobe Dreamweaver như một công cụ hỗ trợ thiết kế cũng được nhắc đến. Ngôn ngữ ASP có thể được sử dụng như ngôn ngữ phía server (nếu có). Việc lựa chọn các công nghệ này phụ thuộc vào mục tiêu và yêu cầu của dự án. Tối ưu hóa website bán điện thoại cũng cần xem xét hiệu năng của các công nghệ được lựa chọn.

3.2 Giao diện người dùng

Giao diện người dùng được thiết kế để thân thiện và dễ sử dụng. Các trang chính của website bao gồm trang chủ, trang giới thiệu, trang liên hệ, trang sản phẩm, trang chi tiết sản phẩm, trang tin tức, và trang giỏ hàng. Phần quản trị website cho phép quản trị viên quản lý sản phẩm, tin tức, khách hàng, và đơn hàng. Website bán điện thoại thân thiện người dùng là mục tiêu hàng đầu. Thiết kế giao diện website shop điện thoại phải đảm bảo tính trực quan, dễ điều hướng và trải nghiệm người dùng tốt. Website bán điện thoại mobile-first cần được ưu tiên để phù hợp với xu hướng sử dụng thiết bị di động.

IV. Kết luận và hướng phát triển

Phần này tóm tắt kết quả đạt được, những hạn chế và hướng phát triển trong tương lai. Website đã được xây dựng thành công và đáp ứng được các yêu cầu cơ bản. Tuy nhiên, vẫn còn một số hạn chế cần được cải thiện. Các hướng phát triển trong tương lai bao gồm việc tích hợp thêm các tính năng mới, nâng cao hiệu năng, và tối ưu hóa SEO. SEO website bán điện thoại cần được chú trọng.

4.1 Kết quả đạt được và hạn chế

Website shop điện thoại đã được xây dựng hoàn chỉnh. Các chức năng chính như hiển thị sản phẩm, tìm kiếm, thêm vào giỏ hàng và đặt hàng hoạt động tốt. Tuy nhiên, một số hạn chế cần khắc phục. Hiệu năng website cần được tối ưu hơn, đặc biệt là tốc độ tải trang. Một số tính năng nâng cao có thể chưa được tích hợp đầy đủ. Marketing website bán điện thoại cần được nghiên cứu thêm.

4.2 Hướng phát triển

Các hướng phát triển trong tương lai bao gồm tích hợp thanh toán trực tuyến, hệ thống đánh giá sản phẩm, và các tính năng tương tác xã hội. Tối ưu hóa website bán điện thoại cần được thực hiện liên tục. Phát triển website thương mại điện tử điện thoại cần cập nhật công nghệ mới. Giải pháp website bán điện thoại cần linh hoạt, đáp ứng nhu cầu người dùng. Phân tích website bán điện thoại định kỳ giúp cải thiện hiệu quả hoạt động.

Nội dung chính

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

Trong bối cảnh công nghệ thông tin và mạng máy tính phát triển mạnh mẽ, các dịch vụ kết nối trên nền tảng Internet đã thúc đẩy hoạt động thương mại điện tử (TMĐT) trở thành phương thức kinh doanh trực tuyến tất yếu. Mô hình kinh doanh qua website giúp doanh nghiệp tiếp cận thị trường nhanh chóng, tiết kiệm chi phí vận hành, đồng thời hỗ trợ người tiêu dùng tiếp cận sản phẩm thuận tiện và tiết kiệm thời gian hơn.

Song song đó, thị trường điện thoại di động, đặc biệt là dòng điện thoại thông minh (smartphone), ghi nhận tốc độ tăng trưởng cao với chu kỳ đổi mới sản phẩm ngắn (từ vài tháng đến vài năm). Nhận thức được nhu cầu thực tiễn này, đề tài "Xây dựng website Shop Điện Thoại" được tác giả Bùi Hoàng Xuân thực hiện dưới sự hướng dẫn của ThS. Nguyễn Hữu Vĩnh tại Khoa Kỹ thuật Công nghệ, Trường Đại học Thủ Dầu Một, nhằm xây dựng giải pháp bán hàng trực tuyến chuyên biệt cho mặt hàng điện thoại thông minh.

Mục tiêu và nhiệm vụ nghiên cứu

1. Phân tích, thiết kế và lập trình hoàn chỉnh hệ thống website "Shop Điện Thoại".
2. Khảo sát và phân tích các quy trình, nghiệp vụ mua sắm, tìm kiếm sản phẩm smartphone của người dùng trên môi trường trực tuyến.
3. Thiết kế giao diện và chức năng nhằm nâng cao trải nghiệm người dùng (UI/UX) trong quá trình tra cứu thông tin và đặt hàng.
4. Tích hợp chuyên mục tin tức công nghệ nhằm hỗ trợ khách hàng cập nhật kiến thức, trải nghiệm và đánh giá về các dòng điện thoại.

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

• Đối tượng nghiên cứu: Các dòng sản phẩm điện thoại di động thông minh; quy trình giao dịch trên website thương mại điện tử; công nghệ thiết kế, lập trình web và tối ưu hóa trải nghiệm người dùng (UI/UX).
• Phạm vi không gian: Đề tài tiến hành khảo sát thực tế tại các cửa hàng kinh doanh điện thoại trên địa bàn Thành phố Thủ Dầu Một, tỉnh Bình Dương, kết hợp tham khảo mô hình của các website bán lẻ điện thoại trực tuyến trên Internet.
• Phạm vi thời gian: Đề tài được triển khai thực hiện từ ngày 15/11/2020 đến ngày 10/12/2020.

---

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

Đề tài áp dụng phương pháp phân tích và thiết kế hệ thống theo hướng đối tượng (OOAD) kết hợp với mô hình hóa bằng ngôn ngữ UML (Unified Modeling Language), cùng quy trình thiết kế cơ sở dữ liệu quan hệ (RDBMS).

• Phương pháp thu thập và phân tích dữ liệu: Khảo sát thực tế các nghiệp vụ kinh doanh, quản lý kho, tiếp nhận đơn đặt hàng và xử lý thông tin tại các cửa hàng bán lẻ điện thoại ở TP. Thủ Dầu Một; phân tích luồng tương tác người dùng trên các hệ thống thương mại điện tử hiện hành.
• Phương pháp mô hình hóa hệ thống:
  • Xây dựng sơ đồ Use-Case tổng quan và sơ đồ Use-Case phân rã cho từng tác nhân.
  • Thiết lập bảng đặc tả chi tiết cho từng Use-Case nghiệp vụ trọng tâm (bao gồm luồng sự kiện chính và các luồng sự kiện rẽ nhánh).
  • Thiết kế biểu đồ hoạt động (Activity Diagram) nhằm mô tả tuần tự các bước xử lý dữ liệu của hệ thống.
  • Xây dựng biểu đồ lớp (Class Diagram) và sơ đồ quan hệ cơ sở dữ liệu.
• Nguồn dữ liệu: Dữ liệu khảo sát thực tế tại địa phương và cấu trúc dữ liệu của các mặt hàng điện thoại di động thực tế.

---

Thiết kế và triển khai

Hệ thống được thiết kế theo cấu trúc phân quyền rõ ràng giữa người dùng bên ngoài và nhân sự quản trị nội bộ, tích hợp các công nghệ web cơ bản và hệ cơ sở dữ liệu có cấu trúc.

1. Phân tích tác nhân (Actors) và Use-Case hệ thống

Hệ thống xác định 2 tác nhân chính tương tác trực tiếp với các khối chức năng:

STT	Tên Actor	Vai trò và phạm vi hoạt động
1	Khách Hàng	Truy cập website, tìm kiếm và xem thông tin sản phẩm, thực hiện thêm sản phẩm vào giỏ hàng, đặt hàng, gửi ý kiến liên hệ/bình luận và theo dõi trạng thái đơn hàng.
2	Quản Trị Viên	Thực hiện các thao tác quản trị dữ liệu (thêm, xóa, sửa) đối với tài khoản người dùng, danh mục sản phẩm, bài viết tin tức; tiếp nhận và xác nhận đơn đặt hàng; xử lý phản hồi từ khách hàng.

Hệ thống bao gồm 15 Use-Case chức năng chính: Xem thông tin sản phẩm, Đăng nhập, Tìm kiếm sản phẩm, Tìm kiếm sản phẩm theo loại, Tìm kiếm sản phẩm theo giá, Tìm kiếm sản phẩm theo tên, Quản lí WEBSITE, Xem giỏ hàng, Xem đơn hàng, Thêm giỏ hàng, Quản lí sản phẩm, Thêm sản phẩm, Xác nhận đơn hàng, Quản lí đơn hàng, Quản lí người dùng.

2. Đặc tả các luồng nghiệp vụ tiêu biểu

• Use-Case Đăng nhập: Hệ thống tiếp nhận tên đăng nhập và mật khẩu. Nếu hợp lệ, hệ thống cấp quyền truy cập; nếu sai thông tin, hệ thống thông báo lỗi (luồng rẽ nhánh A2); nếu người dùng quên mật khẩu, hệ thống cung cấp form nhập email để gửi liên kết đặt lại mật khẩu (luồng rẽ nhánh A1).
• Use-Case Mua sản phẩm – Đặt hàng: Khách hàng duyệt danh mục, chọn sản phẩm, chọn số lượng và tiến hành đưa vào đơn hàng. Hệ thống thực hiện kiểm tra số lượng tồn kho (nếu không đủ sẽ báo lỗi theo luồng A1), tính toán lại tổng tiền và ghi nhận đơn đặt hàng vào cơ sở dữ liệu.
• Use-Case Tìm kiếm sản phẩm: Cho phép tra cứu linh hoạt theo nhiều tiêu chí: tìm kiếm theo tên, theo loại sản phẩm, theo nhà cung cấp, theo mã sản phẩm hoặc theo khoảng giá.
• Use-Case Thêm giỏ hàng: Khách hàng lưu sản phẩm vào giỏ. Trường hợp chưa chọn sản phẩm cụ thể mà nhấn thêm, hệ thống sẽ yêu cầu chọn sản phẩm (luồng A1).
• Use-Case Đăng sản phẩm (Quản trị): Nhân viên quản lý nhập thông tin chi tiết và mã sản phẩm. Hệ thống tự động kiểm tra trùng lặp mã sản phẩm trước khi lưu vào danh mục (nếu trùng mã sẽ phát sinh cảnh báo tại luồng A1).
• Use-Case Xác nhận đơn hàng (Quản trị): Nhân viên kiểm tra đơn đặt hàng của khách hàng, hệ thống rà soát tồn kho thực tế; khi xác nhận hợp lệ, hệ thống tiến hành lập hóa đơn xử lý. Nếu hết hàng, hệ thống phát cảnh báo (luồng A1).

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

Cơ sở dữ liệu của hệ thống được chuẩn hóa thành 8 bảng dữ liệu chính phục vụ toàn bộ hoạt động lưu trữ và xử lý thông tin:

Tên Bảng	Chức năng lưu trữ trong hệ thống
ADMIN	Lưu thông tin tài khoản, mật khẩu và quyền hạn của quản trị viên hệ thống.
LoaiSanPham	Quản lý danh mục phân loại các dòng điện thoại.
SanPham	Lưu trữ thông tin chi tiết của từng điện thoại (mã, tên, giá bán, số lượng, mô tả, hình ảnh, loại sản phẩm).
DonDatHang	Lưu thông tin các đơn hàng do khách hàng khởi tạo (thông tin khách hàng, ngày đặt, trạng thái đơn hàng).
ChiTietDonHang	Lưu chi tiết từng mặt hàng, số lượng và đơn giá tương ứng trong mỗi đơn đặt hàng.
LoaiTinTuc	Quản lý các nhóm danh mục bài viết tin tức công nghệ.
TinTuc	Lưu trữ nội dung, hình ảnh và tiêu đề các bài viết chia sẻ thông tin, đánh giá smartphone.
LienHe	Tiếp nhận và lưu trữ các ý kiến đóng góp, thắc mắc và thông tin liên lạc của khách hàng gửi về website.

4. Công nghệ triển khai hệ thống

Đề tài sử dụng bộ công nghệ phát triển ứng dụng web gồm:

• HTML (HyperText Markup Language): Xây dựng cấu trúc khung và các phần tử hiển thị tĩnh cho toàn bộ các trang web.
• CSS (Cascading Style Sheets): Định dạng bố cục, màu sắc, font chữ và phong cách thẩm mỹ của giao diện.
• JavaScript: Xử lý các tương tác động phía máy khách (client-side), kiểm tra tính hợp lệ của dữ liệu biểu mẫu (form validation).
• ASP (Active Server Pages): Công nghệ lập trình kịch bản máy chủ (server-side) xử lý các nghiệp vụ truy vấn, cập nhật cơ sở dữ liệu và điều khiển luồng dữ liệu giữa client và server.
• Adobe Dreamweaver: Môi trường tích hợp phát triển (IDE) được sử dụng để soạn thảo mã nguồn, thiết kế giao diện và quản lý cấu trúc dự án.

---

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

Chương I: Tổng quan về đề tài

Chương này trình bày lý do lựa chọn đề tài xuất phát từ sự bùng nổ của thương mại điện tử và nhu cầu tiêu thụ smartphone ngày càng cao. Tác giả nêu rõ mục tiêu xây dựng website, ý nghĩa đối với doanh nghiệp và khách hàng trong việc quảng bá, tương tác 24/24. Đồng thời, chương 1 vạch rõ phạm vi nghiên cứu (thực hiện từ 15/11/2020 đến 10/12/2020 tại TP. Thủ Dầu Một, Bình Dương) và giới thiệu sơ bộ cấu trúc các trang chính thuộc phần người dùng và phần quản trị.

Chương 2: Thiết kế cơ sở dữ liệu và chức năng hệ thống

Chương tập trung toàn bộ nội dung phân tích và mô hình hóa kỹ thuật của hệ thống:

• Liệt kê và định nghĩa chi tiết 2 tác nhân (Khách Hàng, Quản Trị Viên) và 15 Use-Case.
• Xây dựng sơ đồ Use-Case tổng quan, sơ đồ phân rã Use-Case cho Khách hàng và Quản trị viên.
• Trình bày 7 bảng đặc tả Use-Case chi tiết với đầy đủ các luồng sự kiện chính và luồng sự kiện rẽ nhánh.
• Xây dựng 6 biểu đồ hoạt động tương ứng cho các quy trình: Đăng nhập, Mua sản phẩm - đặt hàng, Tìm kiếm sản phẩm, Xem thông tin sản phẩm, Đăng sản phẩm và Xác nhận đơn hàng.
• Trình bày Biểu đồ lớp (Class Diagram), Sơ đồ tổng quan cơ sở dữ liệu và cấu trúc chi tiết của 8 bảng dữ liệu (ADMIN, LoaiSanPham, SanPham, DonDatHang, ChiTietDonHang, LoaiTinTuc, TinTuc, LienHe).

Chương 2: Giới thiệu các công nghệ

(Được đánh số chương theo đúng văn bản gốc của tác giả) Chương này giới thiệu khái quát về các công nghệ, ngôn ngữ và công cụ phát triển phần mềm được áp dụng trong đề tài:

• Khái niệm, công dụng và định dạng cơ bản của ngôn ngữ đánh dấu siêu văn bản HTML.
• Môi trường phát triển và bộ công cụ hỗ trợ thiết kế web Adobe Dreamweaver.
• Ngôn ngữ định kiểu tầng CSS trong việc tạo kiểu và chuẩn hóa giao diện.
• Ngôn ngữ kịch bản JavaScript trong việc xây dựng hiệu ứng tương tác người dùng.
• Kiến thức nền tảng và cơ chế hoạt động của ngôn ngữ lập trình phía máy chủ ASP.

Chương 3: Giao diện chương trình

Chương này minh họa kết quả triển khai giao diện thực tế của website qua các ảnh chụp màn hình, phân tách thành hai phân hệ rõ rệt:

• Phân hệ người dùng (Khách hàng): Giao diện Trang chủ, Trang danh mục sản phẩm, Trang liên hệ, Trang danh sách sản phẩm (mẫu 1 và mẫu 2), Trang chi tiết sản phẩm, Trang giỏ hàng và Trang tin tức.
• Phân hệ quản trị (Admin): Giao diện Đăng nhập, Đổi mật khẩu, Trang tổng quan quản trị, Quản trị loại sản phẩm (danh sách và màn hình cập nhật), Quản trị sản phẩm (danh sách và cập nhật), Quản trị loại tin tức (danh sách và cập nhật), Quản trị tin tức (danh sách và cập nhật), Quản trị liên hệ, Quản trị tài khoản người dùng (danh sách và cập nhật).

Chương 4: Kết luận và hướng phát triển

Tổng kết lại toàn bộ quá trình thực hiện đề tài từ giai đoạn phân tích nghiệp vụ, thiết kế hệ thống cơ sở dữ liệu đến lập trình hoàn thiện giao diện; đồng thời nêu bật các kết quả đã đạt được, những điểm còn hạn chế trong phạm vi môn học và định hướng mở rộng chức năng cho hệ thống trong tương lai.

---

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

Kết quả đạt được

• Hoàn thành đầy đủ quy trình phân tích và thiết kế hệ thống website thương mại điện tử chuyên ngành hàng điện thoại thông minh theo chuẩn UML.
• Xây dựng hoàn chỉnh cơ sở dữ liệu quan hệ gồm 8 bảng có tính liên kết chặt chẽ, đáp ứng đầy đủ các yêu cầu quản lý thông tin sản phẩm, khách hàng, đơn đặt hàng, tin tức và phản hồi.
• Triển khai thành công phân hệ giao diện người dùng (Front-end) với đầy đủ các trang chức năng: hiển thị sản phẩm mới, lọc danh mục, xem chi tiết cấu hình, giỏ hàng tương tác và trang đọc tin tức.
• Xây dựng phân hệ quản trị (Back-end) cho phép quản trị viên thực hiện đầy đủ các chức năng quản trị dữ liệu (CRUD) trên tài khoản, danh mục sản phẩm, bài viết và xử lý đơn đặt hàng trực tiếp.

Đóng góp thực tiễn của đề tài

• Cung cấp mô hình website bán hàng trực tuyến 24/24, giúp rút ngắn khoảng cách giữa khách hàng và cửa hàng bán lẻ điện thoại.
• Thiết lập quy trình nghiệp vụ rõ ràng từ khâu tra cứu, chọn hàng, đặt hàng đến khâu duyệt đơn và lập hóa đơn của bộ phận kinh doanh.
• Tích hợp thành công kênh tin tức công nghệ song hành cùng kênh bán hàng nhằm tăng cường mức độ tương tác và giữ chân người dùng.

---

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

Hạn chế

• Hệ thống mới dừng lại ở mức độ hoàn thiện các nghiệp vụ cơ bản phục vụ tiểu luận môn học Lập trình Web.
• Cơ chế quản trị và xử lý đơn hàng còn phụ thuộc vào thao tác thủ công của nhân viên kinh doanh, chưa tích hợp sâu với các cổng thanh toán trực tuyến tự động hoặc các đơn vị vận chuyển bên thứ ba.
• Thời gian nghiên cứu và triển khai tương đối ngắn (khoảng 1 tháng: từ 15/11/2020 đến 10/12/2020), giới hạn trong phạm vi khảo sát tại khu vực Thủ Dầu Một, Bình Dương.

Hướng phát triển của đề tài

• Nâng cấp và mở rộng thêm các tính năng nâng cao như: tích hợp cổng thanh toán điện tử (ví điện tử, thẻ ngân hàng), hệ thống tự động tính phí vận chuyển theo khu vực.
• Xây dựng thêm các module phân tích thống kê doanh thu, báo cáo lượng hàng tồn kho tự động cho nhà quản trị.
• Tối ưu hóa trải nghiệm giao diện trên nhiều kích thước màn hình thiết bị di động (Responsive Web Design) và nâng cao tính bảo mật cho phân hệ xác thực quản trị.

---

Giá trị tham khảo

Báo cáo tiểu luận là tài liệu học thuật tham khảo phù hợp cho:

• Sinh viên ngành Kỹ thuật phần mềm, Công nghệ thông tin: Làm mẫu tài liệu tham khảo cho các học phần Lập trình Web, Phân tích và Thiết kế hệ thống thông tin, Cơ sở dữ liệu.
• Người học cần tài liệu mẫu về phân tích UML: Cung cấp mẫu chi tiết về cách xây dựng bảng đặc tả Use-Case, sơ đồ phân rã Use-Case, biểu đồ hoạt động và sơ đồ quan hệ thực thể cho một ứng dụng thương mại điện tử hoàn chỉnh.
• Người phát triển ứng dụng web nền tảng ASP cổ điển: Cung cấp bức tranh tổng quát về cách tổ chức module, thiết kế giao diện qua Dreamweaver và kết nối cơ sở dữ liệu quan hệ cho website bán lẻ.

---

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

1. Đề tài được triển khai trong khoảng thời gian nào và khảo sát thực tế tại đâu?
Đề tài được thực hiện từ ngày 15/11/2020 đến ngày 10/12/2020, dựa trên việc khảo sát thực tế các cửa hàng kinh doanh điện thoại tại Thành phố Thủ Dầu Một, tỉnh Bình Dương kết hợp tham khảo các sàn thương mại điện tử trên mạng Internet.

2. Hệ thống phân quyền cho những tác nhân nào và bao gồm bao nhiêu Use-Case?
Hệ thống phân quyền cho 2 tác nhân chính là Khách Hàng và Quản Trị Viên, với tổng cộng 15 Use-Case chức năng bao quát từ việc tra cứu, mua hàng đến quản trị dữ liệu và đơn hàng.

3. Cơ sở dữ liệu của website gồm những bảng nào?
Cơ sở dữ liệu gồm 8 bảng dữ liệu quan hệ: ADMIN (quản trị), LoaiSanPham (loại sản phẩm), SanPham (thông tin sản phẩm), DonDatHang (đơn đặt hàng), ChiTietDonHang (chi tiết đơn đặt hàng), LoaiTinTuc (loại tin tức), TinTuc (bài viết tin tức) và LienHe (thông tin liên hệ).

4. Website sử dụng những công nghệ và công cụ lập trình nào?
Đề tài sử dụng công nghệ HTML, CSS, JavaScript cho phía máy khách (Client-side), công nghệ ASP cho xử lý phía máy chủ (Server-side), cùng môi trường phát triển Adobe Dreamweaver để soạn thảo mã nguồn và thiết kế giao diện.

5. Luồng xử lý đơn hàng trong trường hợp kho không đủ số lượng diễn ra như thế nào?
Theo đặc tả Use-Case "Mua sản phẩm - Đặt hàng" và "Xác nhận đơn hàng", khi hệ thống kiểm tra tồn kho và phát hiện số lượng sản phẩm không đủ, hệ thống sẽ tự động kích hoạt luồng rẽ nhánh (A1) để thông báo cho khách hàng/nhân viên biết tình trạng không đủ hàng trong kho và yêu cầu điều chỉnh lại số lượng.

---

Kết luận

Tiểu luận môn học "Xây dựng website Shop Điện Thoại" của tác giả Bùi Hoàng Xuân (Trường Đại học Thủ Dầu Một) đã giải quyết trọn vẹn yêu cầu phân tích, thiết kế và xây dựng một hệ thống bán lẻ smartphone trực tuyến hoàn chỉnh. Đề tài thể hiện rõ tính chuẩn mực trong việc mô hình hóa các quy trình nghiệp vụ bằng công cụ UML, thiết kế cơ sở dữ liệu quan hệ 8 bảng có tính liên kết cao và lập trình giao diện phân hệ người dùng - quản trị rõ ràng bằng công nghệ ASP. Đây là tài liệu học tập và thực hành hữu ích cho sinh viên chuyên ngành công nghệ thông tin trong việc hiện thực hóa các đề tài đồ án lập trình web thương mại điện tử.

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

CHƯƠNG I: TỔNG QUAN VỀ ĐỀ TÀI 1/ Tên đề tài: Đề tài: “LẬP TRÌNH WEBSITE SHOP ĐIỆN THOẠI”. 2/ Mục tiêu của đề tài: Phân tích và thiết kế, lập trình website SHOP ĐIỆN THOẠI. Phân tích các quy trình và nghiệp vụ của khách hàng khi mua, tìm xem các web bán Smartphone trên internet. Trên cơ sở đó thiết kế website phục vụ cho quá trình tìm kiếm thông tin các sản phẩm điện thoại của khách hàng, xây dựng website cải thiện trải nghiệm mua hàng của khách hàng và đem đến cho khách hàng một trải nghiệm mua hàng tốt nhất khi mua trà trên website của shop.

Ngoài ra web còn cung cấp chức năng xem tin tức để mọi người, mọi khách hàng có thể trao đổi thông tin, trải nghiệm, hiểu biết về SmarPhone của mình. 3/ Ý nghĩa của đề tài: Đưa các sản phẩm điện thoại đến với nhiều người dùng, quảng bá sản phẩm tốt hơn trên mạng internet rộng lớn. Xây dựng niềm tin, mối quan hệ với khách hàng. Tạo dựng nơi để tìm hiểu, trao đổi trực tuyến 24/24 với khách hàng.

4/ Đối tượng và phạm vi của đề tài: 4.1/ Đối tượng của đề tài: Đối tượng nghiên cứu của đề tài chủ yếu là các loại sản phẩm điện thoại, các loại website đem lại trải nghiệm của người dùng trên lĩnh vực thương mại điện tử. Ngoài ra đề tài tìm hiểu các công nghệ thiết kế, lập trình web, mang lại trải nghiệm về giao diện(UI) và mang lại trải nghiệm người dùng(UX).2/ Phạm vi của đề tài: Không gian: đề tài thiết kế website shop điện thoại được xây dựng dựa trên khảo sát các cửa hàng điện thoại tại TP. Thủ Dầu Một, tỉnh Bình Dương. Và đề tài cũng tham khảo các trang bán lẻ trực tuyến về điện thoại trên internet.

Thời gian thực hiện đề tài: 15/11/2020 – 10/12/2020. 5/ Một số trang chính của website: 5.1/ Phần WEBSITE: Trang chủ: Đây là trang giới thiệu sơ lược về các sản phẩm mới của cửa hàng. Bùi Hoàng Xuân – 182480103023 0 0 Trang Giới thiệu: Đây là trang giúp cho khách hàng xem biết thêm về thông tin của Shop. Trang liên hệ: Đây là trang mà khách hàng có thể liên hệ với shop.

Trang sản phẩm: Đây là trang khách hàng xem hoặc tham khảo các mặt hàng của cửa hàng có sẵn để lựa chọn. Trang chi tiết sản phẩm: Đây là trang khách hàng nhấn vào từng sản phẩm để xem chi tiết. Trang tin tức: đây là trang khách hàng có thể tìm hiểu các kiến thức, thông tin về sản phẩm. Trang giỏ hàng: trang này khách hàng có thể xem các sản phẩm của mình trong giỏ hàng.

Và nhập thông cá nhân để đặt hàng.2/ Phần quản trị: Trang đăng nhập: quản trị viên cần có tài khoản và mật khẩu để đăng nhập. Trang đổi mật khẩu: quản trị viên có đổi mật khẩu của tài khoản mình đang sở hữu/ Trang quản trị: quản trị viên thấy được tổng quát các đối tượng cần quản lí. Quản trị viên có thể đăng xuất để thoát khỏi phiên làm việc của mình. Trang quản trị sản phẩm: quản trị viên có thể thực hiện thêm,xóa, sửa loại sản phẩm, Sản Phẩm và cập trạng thái của các sản phẩm.

Trang quản trị tin tức: quản trị viên có thể thực hiện thêm, xóa, sửa hoặc cập nhật đăng bài tin tức. Trang quản trị tài khoản: quản trị viên thực hiện các thao tác thêm user, xóa user, sửa thông tin cá nhân của user. Trang quản trị liên hệ: quản trị viên có thể xem được các yêu cầu, ý kiến của khách hàng. Trang quản trị đơn hàng: quản trị viên có thể thấy đươc thông tin đặt hàng của khách hàng trên hệ thống.

Chương 2: Thiết kế cơ sở dữ liệu và chức năng hệ thống 1/ Danh sách các Actor: STT TÊN ACTOR Ý NGHĨA 1 Khách Hàng Là người ghé qua website, xem thông tin sản phẩm mua hàng, bình luận sản phẩm, quản lí đơn hàng đã đặt mua. Bùi Hoàng Xuân – 182480103023 0 0 2 Quản Trị Viên Là người quản trị website: thực hiện các chức năng thêm, sửa, xóa đối với các đối tượng: user, sản phẩm, tin tức, .Xem thông tin đơn đặt hàng của khách hàng và giải đáp cá liên hệ. Bảng 1 Danh sách các Actor 2/ Danh sách các use – case: STT Tên USE-CASE Ý nghĩa 1 Xem thông tin sản phẩm Cho phép người quản lý, khách hàng xem thông tin về các sản phẩm có trên trang web 2 Đăng nhập Use-Case cho phép người dùng đăng nhập vào hệ thống để thực hiện các chức năng của mình. 3 Tìm kiếm sản phẩm Cho phép tìm kiếm các sản phẩm.

4 Tìm kiếm sản phẩm theo loại Cho phép tìm kiếm các sản phẩm theo loại 5 Tìm kiếm sản phẩm theo giá Cho phép tìm kiếm các sản phẩm theo giá 6 Tìm kiếm sản phẩm theo tên Cho phép tìm kiếm các sản phẩm theo tên 7 Quản lí WESITE Cho phép nhân viên quản trị website 8 Xem giỏ hàng Cho khách hàng cập nhật giỏ hàng, thêm sản phẩm, loại sản phẩm 9 Xem đơn hàng Cho khách hàng xem đơn hàng: xác nhận đơn hàng hoặc hủy đơn hàng. 10 Thêm giỏ hàng Cho khách hàng thêm sản phẩm vào giỏ hàng. 11 Quản lí sản phẩm Cho nhân viên cập nhật sản phẩm, thêm sản phẩm. 12 Thêm sản phẩm Cho phép nhân viên thêm sản phẩm mới vào hệ thống.

13 Xác nhận đơn hàng Cho phép nhân viên xác nhận đơn hàng để lập hóa đơn. Bùi Hoàng Xuân – 182480103023 0 0 14 Quản lí đơn hàng Cho nhân viên quản lí, cập nhật các trạng thái của đơn hàng. 15 Quản lí người dùng Cho phép nhân viên quản trị quản lí người dùng, phân quyền Bảng 2 Danh sách các user – case Bùi Hoàng Xuân – 182480103023 0 0 3/ Sơ đồ USE-CASE: 3.1/ Sơ đồ use-case tổng quan: Hình 1: Sơ đồ use-case tổng quan Bùi Hoàng Xuân – 182480103023 0 0 3.2/ Sơ đồ Use – Case Khách Hàng: Hình 2: Sơ đồ Use – Case Khách Hàng Bùi Hoàng Xuân – 182480103023 0 0 3.3/Sơ đồ Use – Case Quản Trị: Hình 3: Sơ đồ Use – Case Quản Trị Bùi Hoàng Xuân – 182480103023 0 0 4/ Đặc tả USE – CASE: 4.1/ Use-Case Đăng nhập: Use - Case Nội dung Tên Use-Case Đăng nhập Mô tả Use-Case cho phép người dùng đăng nhập vào hệ thống để thực hiện các chức năng của mình. Actor Người dùng Sự kiện kích hoạt Khi người dùng chọn chức năng đăng nhập từ trang chủ hệ thống Use-Case liên quan Tiền điều kiện Người dùng phải có tài khoản trên hệ thống Hậu điều kiện Người dùng đăng nhập thành công Luồng sự kiện chính 1.

Hệ thống hiện thị màn hình đăng nhập. Người dùng nhập tên đăng nhập và mật khẩu. Hệ thống hiện thị kiểm tra thông tin đăng nhập. Nếu thành công hệ thống hiện thị màn hình đăng nhập thành công.

Kết thúc Use-Case. Luồng sự kiện phụ A1 – Quên mật khẩu (rẽ nhánh tại bước 2, khi người dùng chọn chức năng quên mật khẩu trên màn hình đăng nhập) 1. Hệ thống hiện thị màn hình cho phép người dùng nhập email. Người dùng gõ địa chỉ email.

Hệ thống kiểm tra email hợp lệ (email mà người dùng đã đăng kí tài khoản). Hệ thống gửi liên kết để reset mật khẩu đến email người dùng. Bùi Hoàng Xuân – 182480103023 0 0 5. Kết thúc Use-Case.

A2 – Thông tin đăng nhập không hợp lệ (rẽ nhánh tại bước 3 khi người dùng nhập thông tin đăng nhập không hợp lệ) 1. Hệ thống hiện thị lại màn hình đăng nhập kèm theo thông báo lỗi tên đăng nhập + mật khẩu sai. Quay lại bước 2 trong luồn sự kiện chính. Bảng 3 Đặc tả Use-Case Đăng nhập 4.2/ Use – Case Mua sản phẩm – Đặt hàng: Use - Case Nội dung Tên Use-Case Mua sản phẩm Mô tả Cho phép khách hàng mua sản phẩm và đặt hàng trên trang web.

Actor Khách hàng Sự kiện kích hoạt Khách hàng chọn chức năng mua hàng trên trang web. Use-Case liên quan Tiền điều kiện Khách hàng phải đăng nhập vào hệ thống. Hậu điều kiện Khách hàng đặt hàng thành công. Luồng sự kiện chính 1.

Hệ thống hiện thị danh mục sản phẩm. Người dùng chọn nhóm sản phẩm cần mua. Hệ thống hiện thị danh sách các sản phẩm. Người dùng chọn sản phẩm cần mua.

Người dùng thêm sản phẩm vào đơn hàng. Người dùng nhập số lượng sản phẩm. Hệ thống kiểm tra số lượng sản phẩm tồn. Hệ thống tính lại thành tiền.

Hệ thống thêm đơn hàng vào CSDL. Kết thúc Use-Case mua hàng. Bùi Hoàng Xuân – 182480103023 0 0 Luồng sự kiện phụ A1 – Số lượng sản phẩm không đủ (rẽ nhánh tại bước 7) 1. Hệ thống hiện thị thông báo số lượng sản phẩm không đủ.

Quay lại bước 6 trong luồng sự kiện chính. Bảng 4 Đặt tả Use – Case Mua sản phẩm – Đặt hàng 4.3/ Use – Case Tìm kiếm sản phẩm: Use - Case Nội dung Tên Use-Case Tìm Kiếm Sản Phẩm Mô tả Cho phép tìm kiếm các sản phẩm Actor Khách xem, thành viên. Sự kiện kích hoạt Người dùng chọn chức năng tìm kiếm. Use-Case liên quan UC-Theo loại sản phẩm, UC-Theo giá sản phẩm, UC-Theo tên sản phẩm.

Tiền điều kiện Hậu điều kiện Luồng sự kiện chính 1 Hệ thống hiển thị form tìm kiếm: 2 Hệ thống hiện thị các loại tìm kiếm. 3 Người dùng chọn: Tìm kiếm theo tên, tìm kiếm theo nhà cung cấp, tìm kiếm theo mã sản phẩm, tìm kiếm theo giá, … 4 Hệ thống hiện thị from để nhập thông tin tìm kiếm. 5 Người sử dụng nhập thông tin cần thiết vào form tìm kiếm 6 Hệ thống báo kết quả tìm kiếm. 7 Kết thúc UC.

Luồng sự kiện phụ Bảng 5 Đặc tả Use – Case Tìm kiếm sản phẩm Bùi Hoàng Xuân – 182480103023 0 0 4. Use – Case Xem thông tin sản phẩm: Use - Case Nội dung Tên Use-Case Xem thông tin sản phẩm Mô tả Cho phép người quản lý, khách hàng xem thông tin về các sản phẩm có trên trang web Actor Nhân viên và khách hàng Sự kiện kích hoạt Người dùng chọn chức năng xem thông tin sản phẩn trên trang web Use-Case liên quan Tiền điều kiện Người dùng đã tìm thấy được sản phẩm cần xem. Hậu điều kiện Người dùng xem được thông tin sản phẩm Luồng sự kiện chính 1 Người dùng chọn sản phẩm cần xem 2 Hệ thống hiện thị thông tin về sản phẩm đã chọn 3 Kết thúc UC Luồng sự kiện phụ Bảng 6 Đặc tả Use – Case Xem thông tin sản phẩm 4.Use – Case Thêm giỏ hàng: Use - Case Nội dung Tên Use-Case Thêm vào giỏ hàng Mô tả UC cho phép khách hàng đưa thông tin sản phẩm vào giỏ hàng Actor Khách hàng Sự kiện kích hoạt Use-Case liên quan Tiền điều kiện Sản phẩm đã được chọn Hậu điều kiện Thêm giỏ hàng thành công. Bùi Hoàng Xuân – 182480103023 0 0 Luồng sự kiện chính 1.