CHƯƠNG 2 CƠ SỞ LÝ THUYẾT
2.2.5. Visual Studio Code
Là một trình biên tập lập trình code miễn phí dành cho Windows, Linux và macOS, Visual Studio Code được phát triển bởi Microsoft. Nó được xem là một sự kết hợp hoàn hảo giữa IDE và Code Editor.
Visual Studio Code hỗ trợ chức năng debug, đi kèm với Git, có syntax highlighting, tự hồn thành mã thơng minh, snippets, và cải tiến mã nguồn. Nhờ tính năng tùy chỉnh, Visual Studio Code cũng cho phép người dùng thay đổi theme, phím tắt, và các tùy chọn khác.
Hình 2.12: Phần mềm Visual Studio Code
- Một số tính năng của Visual Studio Code:
Hỗ trợ nhiều ngôn ngữ lập trình: Visual Studio Code hỗ trợ nhiều ngơn ngữ
lập trình như C/C++, C#, F#, Visual Basic, HTML, CSS, JavaScript, … Vì vậy, nó dễ dàng phát hiện và đưa ra thơng báo nếu chương chương trình có lỗi.
Hỗ trợ đa nền tảng: Các trình viết code thơng thường chỉ được sử dụng hoặc
cho Windows hoặc Linux hoặc Mac Systems. Nhưng Visual Studio Code có thể hoạt động tốt trên cả ba nền tảng trên.
Cung cấp kho tiện ích mở rộng: Trong trường hợp lập trình viên muốn sử
dụng một ngơn ngữ lập trình khơng nằm trong số các ngơn ngữ Visual Studio hỗ trợ, họ có thể tải xuống tiện ích mở rộng. Điều này vẫn sẽ khơng làm giảm hiệu năng của phần mềm, bởi vì phần mở rộng này hoạt động như một chương trình độc lập.
Kho lưu trữ an toàn: Đi kèm với sự phát triển của lập trình là nhu cầu về lưu
trữ an toàn. Với Visual Studio Code, người dùng có thể hồn tồn n tâm vì nó dễ dàng kết nối với Git hoặc bất kỳ kho lưu trữ hiện có nào.
Hỗ trợ web: Visual Studio Code hỗ trợ nhiều ứng dụng web. Ngồi ra, nó
Lưu trữ dữ liệu dạng phân cấp: Phần lớn tệp lưu trữ đoạn mã đều được đặt
trong các thư mục tương tự nhau. Ngoài ra, Visual Studio Code còn cung cấp các thư mục cho một số tệp đặc biệt quan trọng.
Hỗ trợ viết Code: Một số đoạn code có thể thay đổi chút ít để thuận tiện cho
người dùng. Visual Studio Code sẽ đề xuất cho lập trình viên các tùy chọn thay thế nếu có.
Intellisense: Hầu hết các trình viết mã đều có tính năng nhắc mã Intellisense,
nhưng ít chương trình nào chun nghiệp bằng Visual Studio Code. Nó có thể phát hiện nếu bất kỳ đoạn mã nào khơng đầy đủ. Thậm chí, khi lập trình viên qn khơng khai báo biến, Intellisense sẽ tự động giúp họ bổ sung các cú pháp còn thiếu.
Hỗ trợ Git: Visual Studio Code hỗ trợ kéo hoặc sao chép mã trực tiếp từ
GitHub. Mã này sau đó có thể được thay đổi và lưu lại trên phần mềm.
b. Bootstrap
Bootstrap là 1 framework HTML, CSS, và JavaScript cho phép người dùng dễ dàng thiết kế website theo 1 chuẩn nhất định, tạo các website thân thiện với các thiết bị cầm tay như mobile, ipad, tablet... [3].
Bootstrap bao gồm những cái cơ bản có sẵn như: typography, forms, buttons, tables, navigation, modals, image carousels và nhiều thứ khác. Trong bootstrap có thêm nhiều Component, Javascript hỗ trợ cho việc thiết kế reponsive của bạn dễ dàng, thuận tiện và nhanh chóng hơn.
CHƯƠNG 3
PHÂN TÍCH VÀ THIẾT KẾ HỆ THỐNG 3.1. ĐẶC TẢ YÊU CẦU
3.1.1. Yêu cầu chức năng
Có 3 tác nhân sử dụng website: Admin, Nhân viên giao hàng và Khách hàng. - Admin: Là người quản lý website, quản lý được tài khoản nhân viên, sản phẩm, đơn hàng, thống kê, giao đơn hàng cho nhân viên đảm nhiệm...
- Nhân viên giao hàng: Là những người nhận giao hàng từ shop tới khách hàng. Đơn hàng của họ được giao bởi Admin hoặc là tự xác nhận đơn hàng khi có đơn mới từ khách. Trong quá trình giao hàng, nhân viên giao hàng sẽ cập nhật tình trạng đơn hàng lên hệ thống để Admin nắm bắt được thông tin.
- Khách hàng: Là những người mua các sản phẩm thời trang. Khách hàng được xem các sản phẩm của shop và đặt mua sản phẩm.
Bảng 3.1: Mô tả các chức năng của hệ thống Tác
nhân Chức năng Chức năng con Sự kiện
Admin
Đăng nhập
Quản lý tài khoản
Xem danh sách tài
khoản
Thêm tài khoản Chỉnh sửa tài khoản
Xóa tài khoản
Quản lý thương hiệu
Xem danh sách thương
hiệu
Thêm thương hiệu Chỉnh sửa thương hiệu Xóa thương hiệu
Quản lý danh mục sản phẩm
Xem danh sách danh
mục Thêm danh mục Chỉnh sửa danh mục Xóa danh mục Quản lý sản phẩm Xem danh sách sản phẩm Thêm sản phẩm Chỉnh sửa sản phẩm Xóa sản phẩm
Quản lý đơn hàng Xem danh sách đơn
Tác
nhân Chức năng Chức năng con Sự kiện
Xác nhận đơn hàng Xác nhận đã giao hàng
Xóa đơn hàng
Thống kê
Thống kê sản phẩm Thống kê doanh thu Thống kê sản phẩm
nhân viên
Thống kê hóa đơn
Quản lý Voucher
Xem danh sách voucher
Thêm voucher Chỉnh sửa voucher Xóa voucher Khách hàng Đăng ký Đăng nhập Xem sản phẩm Tìm kiếm sản phẩm
Xem chi tiết sản
phẩm
Tra cứu lịch trình
đơn hàng
Khách hàng nhập mã đơn hàng và tra cứu thông tin đơn hàng cũng như lịch trình của đơn hàng và vị trí đơn hàng hiện tại đang ở đâu
Quản lý giỏ hàng
Xem danh sách giỏ hàng Thêm sản phẩm vào giỏ
hàng
Xóa sản phẩm khỏi giỏ
hàng
Đặt mua
Thông báo đặt mua hàng qua email
Khi đặt hàng thành cơng thì hệ thống sẽ thông báo qua email Xem danh sách đơn
hàng đã đặt
Quản lý đơn hàng Hủy đơn hàng Kiểm tra đơn hàng
Tác
nhân Chức năng Chức năng con Sự kiện
Thơng báo qua email khi có đơn hàng được cập nhật
Xem danh sách đơn
hàng của nhân viên Nhân viên giao hàng Quản lý đơn hàng Cập nhật trạng thái của đơn hàng
3.1.2. Yêu cầu phi chức năng
Bảng 3.2: Yêu cầu phi chức năng
STT Yêu cầu Chi tiết
1 Giao diện thiết kế - Hiển thị tốt trên các thiết bị khác nhau như điện thoại, máy tính bảng, laptop...;
- Giao diện dễ sử dụng và thao tác.
2 Bảo mật - Bảo mật các thông tin quan trọng như mật khẩu, thơng tin cá nhân của khách hàng, hóa đơn đã đặt
3 Khả năng chịu tải - Máy chủ đáp ứng tốt khi có nhiều người truy cập cùng một lúc;
- Máy chủ có khả năng hoạt động liên tục và chỉ phát sinh lỗi nhiều nhất là 2 lần một ngày.
3.2. PHÂN TÍCH CHỨC NĂNG
3.2.1. Phân tích chức năng của Admin
a. Đăng nhập
- Đầu vào: Form nhập email và mật khẩu - Xử lý:
Hệ thống nhận yêu cầu;
Chuyển hướng cho Controller đăng nhập xử lý; Controller đăng nhập kiểm tra form nhập và CSDL; Controller đăng nhập xác nhận đăng nhập.
- Đầu ra:
Đăng nhập thành công: Chuyển hướng trang và thông báo thành công; Đăng nhập thất bại: Thông báo đăng nhập thất bại.
b. Quản lý tài khoản
Xem danh sách tài khoản: - Đầu vào: Khơng có. - Xử lý:
Hệ thống nhận yêu cầu;
Bộ xác thực kiểm tra quyền truy cập;
Hệ thống chuyển hướng cho Controller quản lý tài khoản xử lý;
Controller quản lý tài khoản truy xuất danh sách tài khoản trong CSDL.
- Đầu ra:
Xác thực có quyền truy cập: Danh sách tài khoản;
Xác thực khơng có quyền truy cập: Thơng báo quyền truy cập bị hạn chế.
Thêm tài khoản mới:
- Đầu vào: Email, mật khẩu, nhập lại mật khẩu, tên, số điện thoại và địa chỉ. - Xử lý:
Hệ thống nhận yêu cầu;
Bộ xác thực kiểm tra quyền truy cập;
Hệ thống chuyển hướng cho Controller quản lý tài khoản xử lý; Controller quản lý tài khoản kiểm tra thông tin trên form; Controller quản lý tài khoản thêm tài khoản mới vào CSDL.
- Đầu ra:
Thêm thành công: Thông báo thêm tài khoản mới thành công;
Thêm không thành công: Thông báo thêm tài khoản không thành công.
Chỉnh sửa tài khoản:
- Đầu vào: Email, mật khẩu, nhập lại mật khẩu, tên, số điện thoại, địa chỉ và id tài khoản.
- Xử lý:
Hệ thống nhận yêu cầu;
Bộ xác thực kiểm tra quyền truy cập;
Hệ thống chuyển hướng cho Controller quản lý tài khoản xử lý; Controller quản lý tài khoản kiểm tra thông tin trên form; Controller quản lý chỉnh sửa tài khoản trong CSDL.
- Đầu ra:
Chỉnh sửa thành công: Thông báo chỉnh sửa tài khoản mới thành công; Chỉnh sửa không thành công: Thông báo chỉnh sửa tài khoản không thành
cơng.
Xóa tài khoản:
- Đầu vào: Id tài khoản. - Xử lý:
Bộ xác thực kiểm tra quyền truy cập;
Hệ thống chuyển hướng cho Controller quản lý tài khoản xử lý; Controller quản lý tài khoản kiểm tra id tài khoản;
Controller quản lý xóa trong CSDL.
- Đầu ra:
Xóa thành cơng: Thơng báo xóa tài khoản mới thành cơng;
Xóa khơng thành cơng: Thơng báo xóa tài khoản khơng thành cơng.
c. Quản lý thương hiệu
Xem danh sách thương hiệu: - Đầu vào: Khơng có.
- Xử lý:
Hệ thống nhận yêu cầu;
Bộ xác thực kiểm tra quyền truy cập;
Hệ thống chuyển hướng cho Controller quản lý thương hiệu xử lý;
Controller quản lý thương hiệu truy xuất danh sách thương hiệu trong CSDL.
- Đầu ra:
Xác thực có quyền truy cập: Danh sách thương hiệu;
Xác thực khơng có quyền truy cập: Thơng báo quyền truy cập bị hạn chế.
Thêm thương hiệu mới:
- Đầu vào: Tên thương hiệu và mô tả. - Xử lý:
Hệ thống nhận yêu cầu;
Bộ xác thực kiểm tra quyền truy cập;
Hệ thống chuyển hướng cho Controller quản lý thương hiệu xử lý; Controller quản lý thương hiệu kiểm tra thông tin trên form; Controller quản lý thương hiệu thêm thương hiệu mới vào CSDL.
- Đầu ra:
Thêm thành công: Thông báo thêm thương hiệu mới thành công;
Thêm không thành công: Thông báo thêm thương hiệu không thành công.
Chỉnh sửa thương hiệu:
- Đầu vào: Tên thương hiệu, mô tả và id thương hiệu. - Xử lý:
Hệ thống nhận yêu cầu;
Bộ xác thực kiểm tra quyền truy cập;
Hệ thống chuyển hướng cho Controller quản lý thương hiệu xử lý; Controller quản lý thương hiệu kiểm tra thông tin trên form; Controller quản lý chỉnh sửa thương hiệu trong CSDL.
- Đầu ra:
Chỉnh sửa không thành công: Thông báo chỉnh sửa thương hiệu khơng thành
cơng.
Xóa thương hiệu: Chỉnh sửa thương hiệu: - Đầu vào: Id thương hiệu. - Xử lý:
Hệ thống nhận yêu cầu;
Bộ xác thực kiểm tra quyền truy cập;
Hệ thống chuyển hướng cho Controller quản lý thương hiệu xử lý; Controller quản lý thương hiệu kiểm tra id thương hiệu;
Controller quản lý xóa trong CSDL.
- Đầu ra:
Xóa thành cơng: Thơng báo xóa thương hiệu mới thành cơng;
Xóa khơng thành cơng: Thơng báo xóa thương hiệu khơng thành cơng.
d. Quản lý danh mục sản phẩm
Xem danh sách danh mục: - Đầu vào: Khơng có. - Xử lý:
Hệ thống nhận yêu cầu;
Bộ xác thực kiểm tra quyền truy cập;
Hệ thống chuyển hướng cho Controller quản lý danh mục xử lý;
Controller quản lý danh mục truy xuất danh sách danh mục trong CSDL.
- Đầu ra:
Xác thực có quyền truy cập: Danh sách danh mục;
Xác thực khơng có quyền truy cập: Thông báo quyền truy cập bị hạn chế.
Thêm danh mục mới:
- Đầu vào: Tên danh mục và mô tả. - Xử lý:
Hệ thống nhận yêu cầu;
Bộ xác thực kiểm tra quyền truy cập;
Hệ thống chuyển hướng cho Controller quản lý danh mục xử lý; Controller quản lý danh mục kiểm tra thông tin trên form; Controller quản lý danh mục thêm danh mục mới vào CSDL.
- Đầu ra:
Thêm thành công: Thông báo thêm danh mục mới thành công;
Thêm không thành công: Thông báo thêm danh mục không thành công.
Chỉnh sửa danh mục:
- Đầu vào: Tên danh mục, mô tả và id danh mục. - Xử lý:
Hệ thống nhận yêu cầu;
Bộ xác thực kiểm tra quyền truy cập;
Hệ thống chuyển hướng cho Controller quản lý danh mục xử lý; Controller quản lý danh mục kiểm tra thông tin trên form; Controller quản lý chỉnh sửa danh mục trong CSDL.
- Đầu ra:
Chỉnh sửa thành công: Thông báo chỉnh sửa danh mục mới thành công; Chỉnh sửa không thành công: Thông báo chỉnh sửa danh mục khơng thành
cơng.
Xóa danh mục: Chỉnh sửa danh mục: - Đầu vào: Id danh mục. - Xử lý:
Hệ thống nhận yêu cầu;
Bộ xác thực kiểm tra quyền truy cập;
Hệ thống chuyển hướng cho Controller quản lý danh mục xử lý; Controller quản lý danh mục kiểm tra id danh mục;
Controller quản lý xóa trong CSDL.
- Đầu ra:
Xóa thành cơng: Thơng báo xóa danh mục mới thành cơng;
Xóa khơng thành cơng: Thơng báo xóa danh mục khơng thành cơng.
e. Quản lý sản phẩm
Xem danh sách sản phẩm: - Đầu vào: Khơng có. - Xử lý:
Hệ thống nhận yêu cầu;
Bộ xác thực kiểm tra quyền truy cập;
Hệ thống chuyển hướng cho Controller quản lý sản phẩm xử lý;
Controller quản lý sản phẩm truy xuất danh sách sản phẩm trong CSDL.
- Đầu ra:
Xác thực có quyền truy cập: Danh sách sản phẩm;
Xác thực khơng có quyền truy cập: Thơng báo quyền truy cập bị hạn chế.
Thêm sản phẩm mới:
- Đầu vào: Tên sản phẩm, giá gốc, giá hiện tại, đã bán, số lượng và mô tả. - Xử lý:
Hệ thống nhận yêu cầu;
Bộ xác thực kiểm tra quyền truy cập;
Hệ thống chuyển hướng cho Controller quản lý sản phẩm xử lý; Controller quản lý sản phẩm kiểm tra thông tin trên form;
Controller quản lý sản phẩm thêm sản phẩm mới vào CSDL.
- Đầu ra:
Thêm thành công: Thông báo thêm sản phẩm mới thành công;
Thêm không thành công: Thông báo thêm sản phẩm không thành công.
Chỉnh sửa sản phẩm:
- Đầu vào: Form chỉnh sửa sản phẩm và id sản phẩm. - Xử lý:
Hệ thống nhận yêu cầu;
Bộ xác thực kiểm tra quyền truy cập;
Hệ thống chuyển hướng cho Controller quản lý sản phẩm xử lý; Controller quản lý sản phẩm kiểm tra thông tin trên form; Controller quản lý chỉnh sửa sản phẩm trong CSDL.
- Đầu ra:
Chỉnh sửa thành công: Thông báo chỉnh sửa sản phẩm mới thành công; Chỉnh sửa không thành công: Thông báo chỉnh sửa sản phẩm khơng thành
cơng.
Xóa sản phẩm: Chỉnh sửa sản phẩm:
- Đầu vào: Tên sản phẩm, giá gốc, giá hiện tại, đã bán, số lượng, mô tả và id sản phẩm.
- Xử lý:
Hệ thống nhận yêu cầu;
Bộ xác thực kiểm tra quyền truy cập;
Hệ thống chuyển hướng cho Controller quản lý sản phẩm xử lý; Controller quản lý sản phẩm kiểm tra id sản phẩm;
Controller quản lý xóa trong CSDL.
- Đầu ra:
Xóa thành cơng: Thơng báo xóa sản phẩm mới thành cơng;
Xóa khơng thành cơng: Thơng báo xóa sản phẩm khơng thành cơng.
f. Quản lý đơn hàng
Xem danh sách đơn hàng: - Đầu vào: Khơng có. - Xử lý:
Hệ thống nhận yêu cầu;
Bộ xác thực kiểm tra quyền truy cập;
Hệ thống chuyển hướng cho Controller quản lý đơn hàng xử lý;
Controller quản lý đơn hàng truy xuất danh sách đơn hàng trong CSDL.
- Đầu ra:
Xác thực khơng có quyền truy cập: Thông báo quyền truy cập bị hạn chế.
Xác nhận đơn hàng: - Đầu vào: Id đơn hàng. - Xử lý:
Hệ thống nhận yêu cầu;