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

Báo cáo học phần "Đồ án Thiết kế và Lập trình Web" với đề tài "Trang website bán giày" được thực hiện bởi sinh viên Trần Trọng Tuyển (lớp 19CNTTD), dưới sự hướng dẫn của giảng viên Hồ Ngọc Tú tại Trường Đại học Sư phạm – Đại học Đà Nẵng (tháng 01/2022).

Về tính cấp thiết, tác giả đặt đề tài trong bối cảnh nền kinh tế thị trường với sự cạnh tranh tiếp thị và tiếp cận khách hàng giữa các doanh nghiệp. Tác giả lập luận rằng thương mại điện tử mang lại chi phí thấp hơn và hiệu quả cao hơn so với mô hình kinh doanh truyền thống. Sự phát triển của hạ tầng Internet, kết hợp với các dịch vụ giao hàng qua bưu điện và phương thức thanh toán qua thẻ ngân hàng, đã tạo điều kiện thuận lợi cho việc phân phối hàng hóa trực tuyến. Đặc biệt, nghiên cứu được triển khai trong bối cảnh dịch bệnh Covid-19 diễn biến phức tạp, khiến việc người tiêu dùng trực tiếp đến các cửa hàng để lựa chọn sản phẩm giày dép gặp nhiều trở ngại. Việc xây dựng một kênh bán lẻ trực tuyến được xác định là giải pháp hỗ trợ quảng bá thương hiệu, duy trì tiếp cận khách hàng trong giai đoạn dịch bệnh và chuẩn bị nền tảng tiếp thị kết hợp khi điều kiện kinh doanh trực tiếp ổn định trở lại.

Về mục tiêu nghiên cứu, văn bản xác định 4 nhiệm vụ cụ thể:

  1. Nắm bắt được phương pháp làm việc trong lĩnh vực kinh doanh và thương mại điện tử.
  2. Xây dựng website bán lẻ có đầy đủ các chức năng cần thiết, hoạt động hiệu quả nhằm áp dụng công nghệ thông tin vào kinh doanh (trong văn bản, tác giả có sự nhầm lẫn kỹ thuật khi ghi mục tiêu là "website bán sản phẩm nội thất thông minh Smarthome", tuy nhiên nội dung triển khai thực tế xuyên suốt toàn bộ đồ án là website kinh doanh giày dép mang thương hiệu "Tuyển Shoes").
  3. Thiết kế giao diện trực quan, thẩm mỹ và dễ sử dụng cho người tiêu dùng.
  4. Trình bày và làm chủ các công nghệ nền tảng bao gồm ASP.NET Core, JavaScript, HTML/CSS, Framework VueJS, NuxtJS, SQL, cùng các công cụ phát triển Visual Studio Code và Visual Studio 2019.

Đối tượng nghiên cứu của đồ án là người tiêu dùng thuộc các nhóm lứa tuổi quan tâm đến các dòng sản phẩm giày thể thao. Phạm vi nghiên cứu về mặt công nghệ giới hạn trong việc xây dựng hệ thống website thương mại điện tử dựa trên ngôn ngữ lập trình JavaScript, hệ quản trị cơ sở dữ liệu SQL, mô phỏng quy trình vận hành thực tế của một nền tảng bán hàng trực tuyến từ khâu giới thiệu sản phẩm đến giỏ hàng.

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

Khung lý thuyết của đồ án tập trung vào việc tổng hợp và ứng dụng các công nghệ lập trình web hiện đại ở cả hai phía máy khách (Client-Side) và máy chủ (Server-Side):

  • Công nghệ giao diện và định dạng: Sử dụng HTML (ngôn ngữ đánh dấu siêu văn bản do W3C duy trì, từ chuẩn HTML4, XHTML đến HTML5); CSS (tách biệt nội dung và định dạng với 3 cơ chế khai báo: cục bộ, nội tuyến, ngoại tuyến theo thứ tự ưu tiên); thư viện Bootstrap do Twitter phát triển (sử dụng hệ thống Grid System hỗ trợ thiết kế đáp ứng - Responsive theo tư duy Mobile First).
  • Ngôn ngữ kịch bản và Framework giao diện: Ngôn ngữ JavaScript (ra đời từ phiên bản Netscape 2.0b3 năm 1995, cùng cơ chế DOM và kỹ thuật AJAX được Jesse James Garrett công bố vào tháng 02/2005 nhằm cập nhật dữ liệu bất đồng bộ). Nền tảng VueJS được khai thác dưới dạng Progressive Framework với dung lượng thư viện lõi nhỏ gọn (18kb min+gzip), sử dụng cơ chế Virtual DOM để tối ưu hóa hiệu năng render dữ liệu, đi kèm các chỉ thị (directives) như v-bind, v-if, v-else, v-for, v-on.
  • Framework mở rộng NuxtJS: Công cụ xây dựng ứng dụng Universal Vue hỗ trợ cơ chế Server-Side Rendering (SSR), tự động phân chia mã nguồn (code splitting), tích hợp sẵn Vue-Router, Vuex và Vue-Meta.
  • Nền tảng phía máy chủ (Back-end) và Cơ sở dữ liệu: Nền tảng ASP.NET Core mã nguồn mở đa nền tảng kết hợp kiến trúc MVC và Web API, hỗ trợ cơ chế Dependency Injection. Về dữ liệu, báo cáo trình bày các khái niệm và câu lệnh chuẩn của hệ quản trị cơ sở dữ liệu quan hệ (RDBMS), kết hợp giữa lý thuyết Microsoft SQL Server và hệ thống kiểu dữ liệu, cú pháp của MySQL.
  • Công cụ phát triển: Sử dụng môi trường soạn thảo mã nguồn mở Visual Studio Code (hỗ trợ IntelliSense, Git, gỡ lỗi đa nền tảng) và môi trường phát triển tích hợp Visual Studio 2019.

Phương pháp nghiên cứu thực tế được tác giả triển khai qua quy trình 7 bước tuần tự:

  1. Nghiên cứu các hướng tiếp cận trong thiết kế và xây dựng website thương mại điện tử.
  2. Khảo sát và tìm hiểu quy trình xây dựng website bán lẻ.
  3. Lựa chọn và cài đặt các công cụ, môi trường hỗ trợ phát triển hệ thống.
  4. Phân tích thực trạng và thiết kế cơ sở dữ liệu quan hệ.
  5. Thiết kế bố cục giao diện (layout) người dùng.
  6. Lập trình và xử lý logic nghiệp vụ (business logic) của hệ thống.
  7. Triển khai (deploy) thử nghiệm và đánh giá kết quả vận hành của website.

Nguồn dữ liệu của đề tài bắt nguồn từ các tài liệu đặc tả kỹ thuật chính thức của Microsoft (.NET Core, Visual Studio), tài liệu hướng dẫn phát triển của Vue.js, NuxtJS và các khảo sát thực tế về nhu cầu mua sắm giày dép trực tuyến trong giai đoạn giãn cách xã hội.

Thiết kế và triển khai

Là một đồ án chuyên ngành xây dựng phần mềm ứng dụng, hệ thống được thiết kế theo mô hình ứng dụng web hiện đại với cấu trúc định tuyến tự động và xử lý cơ sở dữ liệu quan hệ.

1. Kiến trúc ứng dụng và cơ chế định tuyến

Dự án được cấu trúc theo khung tiêu chuẩn của NuxtJS, tách biệt các tầng chức năng nhằm tối ưu hóa khả năng bảo trì và tái sử dụng mã nguồn:

  • Thư mục assets: Quản lý các tài nguyên thô chưa qua biên dịch (Sass, Stylus, hình ảnh, phông chữ).
  • Thư mục components: Chứa các thành phần giao diện có khả năng tái sử dụng độc lập trong ứng dụng.
  • Thư mục layouts: Thiết lập khung hiển thị giao diện mẫu cho toàn bộ các trang.
  • Thư mục pages: Định nghĩa các khung nhìn (views) và trực tiếp tự động sinh ra cây định tuyến (routes) của ứng dụng mà không cần cấu hình thủ công. Dự án vận hành trên cổng phát triển mặc định localhost:3000 (hoặc localhost:8080 đối với phiên bản Vue-CLI thuần).

Hệ thống định tuyến được thiết kế theo hai cơ chế:

  • Định tuyến cơ bản (Basic Route): Tự động chuyển đổi cấu trúc tập tin vật lý thành đường dẫn URL (ví dụ: tập tin pages/user/index.vue tương ứng với route /user).
  • Định tuyến động (Dynamic Route): Sử dụng tiền tố gạch dưới _ để truyền và nhận tham số biến động trên URL thông qua thuộc tính $route (ví dụ: _id.vue tương ứng với tham số dynamic :id).

2. Thiết kế và xử lý dữ liệu

Hệ thống sử dụng các nhóm kiểu dữ liệu quan hệ tiêu chuẩn để lưu trữ thuộc tính sản phẩm và giao dịch, bao gồm:

Nhóm dữ liệu Kiểu dữ liệu cụ thể Miền giá trị / Kích thước lưu trữ Mục đích sử dụng
Số nguyên (Numeric) Tinyint, Smallint, Mediumint, Int, Bigint Từ 1 byte đến 8 bytes (miền giá trị từ số nguyên rất nhỏ đến số nguyên lớn) Khóa chính, mã định danh người dùng, số lượng sản phẩm, trạng thái
Số thực (Floating-point) Float, Float(M,D), Double(M,D) 4 bytes đến 8 bytes (độ chính xác đơn và kép) Đơn giá sản phẩm, chiết khấu, số tiền thanh toán
Thời gian (Date & Time) Date, Time, Datetime, TimeStamp, Year Định dạng chuẩn: yyyy-mm-dd, hh:mm:ss, mốc thời gian hệ thống Ghi nhận thời điểm tạo tài khoản, ngày phát sinh đơn đặt hàng
Chuỗi ký tự (String) Char, Varchar, Text, Blob, Mediumtext, Longtext Từ 1–255 ký tự đến các khối văn bản/nhị phân lớn ($2^{16}-1$ đến $2^{32}-1$ ký tự) Họ tên, email, mật khẩu, mô tả chi tiết giày dép, đường dẫn ảnh

Hệ thống xử lý thao tác dữ liệu thông qua 4 câu lệnh cơ bản của SQL: truy vấn mẫu tin (SELECT), thêm mới dữ liệu (INSERT), cập nhật dữ liệu (UPDATE) và xóa mẫu tin (DELETE), kết hợp các hàm tổng hợp như COUNT, SUM, AVG, MIN, MAX phục vụ trích xuất thống kê nghiệp vụ.

3. So sánh công nghệ nền tảng Back-end

Trong quá trình xác định kiến trúc máy chủ, tác giả đã tiến hành đối chiếu kỹ thuật giữa hai thế hệ công nghệ của Microsoft được trình bày trong bảng tổng hợp sau:

Tiêu chí kỹ thuật Nền tảng ASP.NET truyền thống Nền tảng ASP.NET Core
Phiên bản hoàn thiện trong tài liệu Phiên bản 4.6 Phiên bản 2.2
Bản chất nền tảng Nền tảng cũ, tồn tại nhiều năm Thiết kế mới hoàn toàn từ đầu
Môi trường thực thi Chạy phụ thuộc vào .NET Framework Chạy trên cả .NET Core và .NET Framework
Hệ điều hành hỗ trợ Độc quyền trên hệ điều hành Windows Đa nền tảng (Windows, macOS, Linux)
Hỗ trợ WebForms Có hỗ trợ WebForms Loại bỏ hoàn toàn WebForms
Mô-đun hóa và dung lượng Thư viện System.dll cồng kềnh Dung lượng nhỏ, nhẹ, phân chia mô-đun hóa cao
Bản quyền phát hành Bản quyền đóng của Microsoft Mã nguồn mở, phát triển cùng cộng đồng GitHub

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

CHƯƠNG 1: CƠ SỞ LÝ THUYẾT

Chương này dành phần lớn dung lượng (từ trang 7 đến trang 45) để hệ thống hóa toàn bộ các nền tảng lý thuyết và công cụ lập trình web được sử dụng trong đồ án:

  • Phân tích chi tiết vai trò của HTML trong việc cấu trúc siêu văn bản, cú pháp các thẻ căn bản (<!DOCTYPE>, <html>, <head>, <body>, <h1>, <p>, <form>).
  • Phân loại CSS và các thuộc tính định dạng (Background, Text, Font, Link, List, Table, Box model), nêu rõ quy tắc ưu tiên định kiểu cục bộ, nội tuyến và ngoại tuyến.
  • Phân tích thư viện Bootstrap với triết lý Mobile First, cơ chế kiểm tra tương thích trình duyệt đa nền tảng và việc tích hợp các tệp bootstrap.css, jquery.js, bootstrap.js.
  • Trình bày lịch sử phát triển của JavaScript từ Netscape đến chuẩn tương thích JScript trên Internet Explorer 3.0; nguyên lý hoạt động của kỹ thuật AJAX thông qua đối tượng XMLHttpRequest kết hợp DOM để cập nhật dữ liệu không đồng bộ.
  • Thuyết minh hệ quản trị cơ sở dữ liệu quan hệ, bảng tra cứu chi tiết các kiểu dữ liệu số, ngày tháng, chuỗi ký tự cùng các lệnh truy vấn dữ liệu SQL.
  • Giới thiệu các khái niệm then chốt của VueJS: cơ chế liên kết dữ liệu hai chiều, Virtual DOM, hệ thống chỉ thị điều khiển luồng dữ liệu (v-bind, v-if, v-else, v-for, v-on), phương pháp định nghĩa component tái sử dụng, cùng 3 cách thức cài đặt thông qua CDN, tải trực tiếp hoặc trình quản lý gói NPM (vue-cli).
  • Giới thiệu framework NuxtJS, sơ đồ tiếp nhận yêu cầu từ client đến máy chủ, cấu trúc cây thư mục chuyên biệt và thuật toán tự động sinh route tĩnh và route động.
  • Trình bày kiến trúc tổng quát của ASP.NET Core 2.2, phân tích sự khác biệt với .NET Framework truyền thống và các ưu điểm về Dependency Injection, xử lý HTTP request pipeline.
  • Hướng dẫn cấu hình và cài đặt môi trường soạn thảo Visual Studio Code (phím tắt, tính năng IntelliSense, hỗ trợ Git, gỡ lỗi) và môi trường phát triển tích hợp Visual Studio 2019.

CHƯƠNG 2: NỘI DUNG THỰC HIỆN

Chương này trình bày các bước khảo sát thực tế, phân tích yêu cầu nghiệp vụ và mô hình hóa hệ thống (từ trang 46 đến trang 47):

  • Khảo sát và mục tiêu của hệ thống: Xác định mục tiêu ngắn hạn là quảng bá website rộng rãi, xây dựng giao diện thân thiện, nâng cao chất lượng dịch vụ mua sắm; mục tiêu dài hạn hướng tới mở rộng thị trường và mở cửa hàng kinh doanh trực tiếp để tăng mức độ uy tín. Để đạt được các mục tiêu này, hệ thống cần cập nhật liên tục các dòng sản phẩm giày dép mới và cải thiện chức năng phù hợp với thị hiếu người dùng.
  • Lợi ích kinh tế - kỹ thuật: Website giúp giảm thiểu chi phí tiếp thị, hỗ trợ khách hàng đặt mua giày tại nhà thông qua thao tác chuột đơn giản mà không cần di chuyển trực tiếp; đồng thời hỗ trợ cửa hàng quản lý thông tin khách hàng và danh mục hàng hóa một cách trực quan, khoa học.
  • Mô tả yêu cầu và quy trình vận hành: Hệ thống đảm bảo phạm vi quảng bá toàn quốc và tiếp nhận phản hồi đóng góp ý kiến từ khách hàng. Quy trình nghiệp vụ được phân định rõ giữa hai nhóm đối tượng: khách hàng tương tác qua biểu mẫu đăng ký/đặt hàng trực tuyến; người quản trị đăng nhập vào phân hệ quản trị để kiểm soát hai nhóm dữ liệu trọng tâm gồm danh mục sản phẩm và hồ sơ khách hàng.
  • Mô hình dữ liệu: Bản báo cáo công bố sơ đồ quan hệ cơ sở dữ liệu (Database Schema) làm căn cứ kỹ thuật để tổ chức các bảng dữ liệu trên hệ thống.

CHƯƠNG 3: XÂY DỰNG WEBSITE BÁN GIÀY

Chương này mô tả kết quả trực quan hóa giao diện người dùng và các chức năng đã hoàn thiện của website (từ trang 48 đến trang 54), phân tách theo hai nhóm tác nhân:

  • Phân hệ dành cho Quản trị viên (Admin):
    • Trang đăng nhập quản trị (Trang đăng nhập cho admin): Cung cấp biểu mẫu xác thực danh tính để người quản lý truy cập vào hệ thống điều hành.
    • Trang đăng ký tài khoản quản trị (Trang đăng kí cho admin): Phục vụ việc khởi tạo và cấp quyền cho người quản lý website mới.
  • Phân hệ dành cho Khách hàng (User):
    • Trang đăng nhập người dùng: Giao diện cho phép khách hàng đã có tài khoản thực hiện đăng nhập để tiến hành mua hàng.
    • Trang đăng ký thành viên: Cung cấp biểu mẫu cho khách hàng mới nhập thông tin cá nhân tạo tài khoản mua sắm.
    • Trang giới thiệu thương hiệu: Trang tĩnh giới thiệu lịch sử, sứ mệnh và thông tin nhận diện của cửa hàng mang tên "Tuyển Shoes" nhằm mục đích quảng bá thương hiệu.
    • Trang danh mục sản phẩm (thể hiện qua các giao diện màn hình Trang sản phẩm (1), (2), (3)): Hiển thị danh sách các mẫu giày thể thao, hình ảnh, thông tin giá bán và chi tiết kiểu dáng cho người tiêu dùng lựa chọn.
    • Trang giỏ hàng (Trang giỏ hàng): Cho phép khách hàng lưu trữ, quản lý danh sách giày đã lựa chọn, xem lại tổng giá trị đơn hàng trước khi tiến hành xác nhận đặt hàng.

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

Về kết quả kỹ thuật, đồ án đã triển khai hoàn chỉnh một ứng dụng web thương mại điện tử phục vụ hoạt động bán lẻ giày thể thao với các kết quả cụ thể được ghi nhận trong tài liệu:

  • Xây dựng thành công cấu trúc dự án dựa trên NuxtJS và VueJS, tận dụng thành công cơ chế Universal Rendering và hệ thống tự động sinh route tĩnh/động từ cấu trúc thư mục pages.
  • Thiết kế hệ thống giao diện đáp ứng (responsive) thông qua CSS và Bootstrap, hiển thị tương thích trên các thiết bị có kích thước màn hình khác nhau dựa trên tư duy thiết kế Mobile First.
  • Hoàn thiện hệ thống các trang giao diện người dùng và quản trị theo danh mục hình vẽ của báo cáo:
Nhóm chức năng Giao diện đã xây dựng Mô tả hoạt động theo văn bản
Quản trị hệ thống Trang đăng nhập Admin; Trang đăng ký Admin Tiếp nhận thông tin định danh của người quản lý, bảo vệ quyền truy cập khu vực quản lý sản phẩm và khách hàng.
Xác thực người dùng Trang đăng nhập User; Trang đăng ký User Cung cấp biểu mẫu đăng ký thông tin cho khách hàng mới và xác thực khách hàng cũ tham gia mua sắm.
Tiếp thị & Quảng bá Trang giới thiệu "Tuyển Shoes" Cung cấp thông tin nhận diện thương hiệu, hỗ trợ khách hàng tìm hiểu uy tín của cửa hàng.
Kinh doanh & Bán lẻ Trang sản phẩm (1, 2, 3); Trang giỏ hàng Trực quan hóa danh mục giày thể thao, hỗ trợ chọn sản phẩm, tính toán và lưu trữ các mặt hàng đã chọn vào giỏ.

Về mặt đóng góp, tác giả đã tự hệ thống hóa quy trình công nghệ kết hợp giữa thư viện giao diện hiện đại (VueJS, NuxtJS) và nền tảng xử lý dữ liệu quan hệ; chứng minh khả năng ứng dụng các công nghệ JavaScript mã nguồn mở gọn nhẹ (thư viện lõi Vue chỉ 18kb) để giải quyết bài toán tiếp cận thị trường và chuyển đổi số cho mô hình cửa hàng bán lẻ truyền thống trong bối cảnh chịu ảnh hưởng bởi đại dịch.

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

Dưới góc độ biên tập và thẩm định học thuật, báo cáo học phần của tác giả bộc lộ một số hạn chế trực tiếp trong nội dung văn bản:

  • Thiếu nhất quán trong biên soạn văn bản: Trong phần mục tiêu nghiên cứu (trang 4), văn bản ghi nhầm việc xây dựng website thành "bán sản phẩm nội thất thông minh Smarthome"; tại trang 8 lại xuất hiện đoạn ghi sản phẩm hướng tới là "các thiết bị tin học nói chung, và thiết bị máy tính nói riêng", trong khi toàn bộ tiêu đề, đề tài triển khai và giao diện thực tế là website bán giày ("Tuyển Shoes"). Tiêu đề mục cơ sở dữ liệu ghi "MySQL" nhưng nội dung bên dưới lại thuyết minh về "Microsoft SQL Server".
  • Phạm vi chức năng còn sơ khai: Hệ thống mới dừng lại ở mức độ hoàn thành giao diện của các trang tĩnh và biểu mẫu đăng nhập, đăng ký, giới thiệu, danh mục sản phẩm và giỏ hàng cơ bản; tài liệu chưa đề cập đến việc tích hợp các cổng thanh toán điện tử trực tuyến tự động (mới chỉ nhắc đến phương thức nhận hàng và thanh toán qua thẻ ngân hàng ở phần bối cảnh lý thuyết) cũng như chưa có dữ liệu kiểm thử tải thực tế.

Về hướng phát triển, văn bản xác định các định hướng mở tiếp theo bao gồm:

  1. Tiếp tục nâng cao chất lượng và tính ổn định của website bán hàng.
  2. Cải thiện và nghiên cứu phát triển thêm các tính năng nghiệp vụ mới phù hợp với nhu cầu và thị hiếu tiêu dùng của khách hàng.
  3. Cập nhật liên tục các mẫu mã sản phẩm giày mới vào hệ thống danh mục.
  4. Mở rộng quy mô thị trường kinh doanh và tiến tới xây dựng cửa hàng trực tiếp kết hợp song song với website khi điều kiện dịch bệnh ổn định, nhằm nâng cao độ uy tín của thương hiệu đối với người tiêu dùng.

Giá trị tham khảo

Báo cáo học phần đồ án này cung cấp nguồn tài liệu tham khảo hữu ích cho:

  • Sinh viên ngành Công nghệ thông tin và Kỹ thuật phần mềm: Đặc biệt là sinh viên đang học tập các học phần "Thiết kế và Lập trình Web", "Công nghệ Web" hoặc chuẩn bị làm đồ án cơ sở ngành về thương mại điện tử.
  • Người học bắt đầu tiếp cận hệ sinh thái VueJS/NuxtJS: Đồ án là tài liệu tham khảo thực tế về cách tổ chức thư mục dự án theo cấu trúc của NuxtJS, cơ chế sinh route tự động từ cây thư mục mà không cần viết router thủ công, cũng như việc ứng dụng các chỉ thị reactivity căn bản (v-bind, v-if, v-for, v-on) của Vue.js phiên bản 2.
  • Nội dung đáng tham khảo nhất: Phần tổng quan lý thuyết về NuxtJS (cách cấu hình thư mục pages, components, layouts, middleware) và bảng phân loại chi tiết các kiểu dữ liệu trong hệ quản trị cơ sở dữ liệu quan hệ tại Chương 1.

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

1. Đồ án lựa chọn framework nào để xây dựng phần giao diện (Front-end) và kích thước thư viện này là bao nhiêu?
Hệ thống sử dụng framework VueJS kết hợp với NuxtJS để tạo ứng dụng Universal Vue. Theo số liệu tác giả công bố trong báo cáo, thư viện lõi (core library) của Vue.js có dung lượng rất nhỏ gọn, chỉ đạt 18kb (min+gzip), kết hợp cơ chế Virtual DOM giúp tối ưu hóa hiệu năng render dữ liệu.

2. Cơ chế sinh đường dẫn (Routing) của website được NuxtJS xử lý như thế nào?
NuxtJS tự động sinh ra cấu trúc định tuyến dựa trên cách đặt tên tệp và thư mục bên trong thư mục pages. Ví dụ, tệp pages/user/index.vue sẽ tự động tạo route tĩnh /user. Đối với định tuyến động chứa tham số, hệ thống sử dụng tiền tố dấu gạch dưới _ ở đầu tên tệp (như _id.vue) và tham số URL được trích xuất thông qua thuộc tính $route.id.

3. Tác giả đã trình bày các cổng mạng (ports) mặc định nào trong quá trình khởi chạy môi trường phát triển?
Trong văn bản, tác giả đề cập đến hai cổng mạng cục bộ: cổng mặc định 8080 khi khởi tạo dự án Vue thông qua công cụ vue-cli (npm run dev), và cổng 3000 (localhost:3000) khi biên dịch và chạy ứng dụng NuxtJS.

4. Hai nhóm đối tượng tác nhân chính tương tác với hệ thống website là ai và gồm những chức năng nào?
Hệ thống phân quyền cho 2 nhóm tác nhân:

  • Quản trị viên (Admin): Tương tác qua trang đăng nhập admin, trang đăng ký admin, thực hiện quản lý danh mục sản phẩm và quản lý thông tin khách hàng.
  • Khách hàng (User): Tương tác qua trang đăng ký tài khoản, trang đăng nhập, trang giới thiệu cửa hàng "Tuyển Shoes", các trang duyệt danh mục sản phẩm và trang quản lý giỏ hàng.

5. Những mâu thuẫn biên soạn nào xuất hiện trực tiếp trong văn bản báo cáo?
Văn bản tồn tại một số điểm không nhất quán: tiêu đề báo cáo ghi đề tài "Trang website bán giày", nhưng tại mục tiêu nghiên cứu (trang 4) lại xuất hiện cụm từ "website bán sản phẩm nội thất thông minh Smarthome", và tại trang 8 lại ghi "hướng tới các thiết bị tin học nói chung, và thiết bị máy tính nói riêng". Ngoài ra, tiêu đề mục hệ quản trị cơ sở dữ liệu ghi tên "MySQL", nhưng phần thuyết minh nội dung bên dưới lại trình bày về "MICROSOFT SQL SERVER".

Kết luận

Báo cáo học phần "Đồ án Thiết kế và Lập trình Web: Trang website bán giày" của sinh viên Trần Trọng Tuyển đã hoàn thành việc mô phỏng và xây dựng các chức năng cơ bản của một trang thương mại điện tử bán lẻ giày dép trong bối cảnh dịch bệnh Covid-19. Đề tài đã hệ thống hóa chi tiết các kiến thức công nghệ hiện đại, đặc biệt là việc làm chủ framework NuxtJS và VueJS để xây dựng giao diện người dùng và tự động hóa định tuyến. Mặc dù văn bản còn bộc lộ một số sai sót trong khâu biên tập thuật ngữ và phạm vi chức năng mới dừng lại ở mức hoàn thiện giao diện mẫu, đồ án vẫ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 trong các học phần lập trình web ứng dụng.