- Dòng sự kiện chính: ● Sau khi hoàn thành đăng nhập, hệ thống cho phép người quản lý truy cập vào giao diện chính ● Phân quyền cho nhân viên hoặc quản lý sau khi đăng nhập ● Giới hạn cá
TỔNG QUAN VỀ ĐỀ TÀI
Giới thiệu đề tài
Ngày nay, sự phát triển của khoa học và công nghệ đã nâng cao chất lượng cuộc sống, khiến mọi người tìm kiếm phong cách thời trang riêng biệt phù hợp với nhu cầu cá nhân Xu hướng toàn cầu hóa kinh tế và nhu cầu mua sắm ngày càng tăng đã dẫn đến sự bùng nổ của các cửa hàng thời trang, khiến việc sử dụng website bán hàng trở thành công cụ kinh doanh thiết yếu Do đó, các chủ cửa hàng thời trang đã áp dụng công cụ này để thu hút khách hàng và tối ưu hóa thời gian cũng như chi phí trong giao dịch mua bán.
Theo báo cáo EConomy SEA 2019 của Google và Temasek, thị trường thương mại điện tử Việt Nam đạt quy mô 5 tỷ USD vào đầu năm 2020, với tốc độ tăng trưởng 81% Sách trắng thương mại điện tử Việt Nam 2019 cho thấy mức tăng trưởng cao nhất trong 3 năm qua, với tỷ trọng doanh thu từ thương mại điện tử chiếm 4,2% tổng mức bán lẻ hàng hóa, tăng 0,6% so với năm 2018 Số người tham gia mua sắm trực tuyến cũng tăng mạnh, đạt 39,9 triệu người vào năm 2019, tăng 11,8% so với năm trước và gần gấp đôi sau 3 năm Giá trị mua sắm trực tuyến bình quân đầu người đạt 202 USD, tăng 8,6%.
Khảo sát của HBR cho thấy 73% trong số 46.000 người tiêu dùng đánh giá cao trải nghiệm đa kênh của cửa hàng online, khẳng định vai trò quan trọng của chuỗi đa kênh trong thị trường bán lẻ hiện đại Mặc dù mô hình thương mại đa kênh đã xuất hiện vài năm trước, nhưng chỉ đến gần đây mới được các chủ shop áp dụng rộng rãi Theo báo cáo thường niên của Sapo, 97% cửa hàng online năm 2019 đã áp dụng bán lẻ đa kênh, với hơn 54% chủ shop sở hữu 5 kênh bán hàng, cho thấy thương mại đa kênh sẽ là xu hướng nổi bật trong tương lai.
Năm 2020 được dự đoán là thời điểm khởi sắc cho thương mại mạng xã hội, nhưng chưa đạt đến mức bùng nổ Ông Lê Hải Bình từ VECOM nhận định rằng thương mại mạng xã hội chỉ giúp gia tăng sự phổ biến của thương mại điện tử truyền thống Ông cũng cho rằng việc đánh giá tiềm năng của thương mại mạng xã hội gặp khó khăn do vấn đề thanh toán an toàn và sự thiếu hụt trong hành lang pháp lý Tuy nhiên, với sự tăng trưởng mạnh mẽ và những biến động do dịch COVID-19, năm 2020 có thể sẽ là thời điểm thương mại điện tử tại Việt Nam phát triển mạnh mẽ.
Nhóm chúng em đã chọn thực hiện đề tài “Xây dựng Website bán quần áo online” với mong muốn tạo ra một công cụ hữu ích cho cả người bán và khách hàng, giúp đơn giản hóa quá trình mua bán và trao đổi sản phẩm Điều này đặc biệt quan trọng trong bối cảnh nhu cầu mua sắm online gia tăng trong giai đoạn COVID hiện nay.
Mục đích của website cần thiết kế
Khi xây dựng một website, điều quan trọng là xác định rõ mục tiêu và thiết kế cần thiết để tránh những sai lầm và lãng phí Thiết kế cẩn thận và định hướng rõ ràng là chìa khóa cho sự thành công của website Việc áp dụng kiến thức để thiết kế website bán hàng online sẽ giúp giải quyết các khó khăn hiện tại của cửa hàng Đồng thời, tìm hiểu thực trạng thương mại điện tử tại Việt Nam là cần thiết để triển khai hệ thống thương mại điện tử phù hợp Khai thác lợi ích của Internet sẽ mở ra cơ hội kinh doanh toàn cầu.
Dựa trên kiến thức từ giảng viên và tài liệu tham khảo, tôi đã tổng hợp để xây dựng một trang web bán quần áo online Báo cáo này sẽ trình bày việc lập trình giao diện và các chức năng cần thiết cho website.
⮚ Giao diện chính của website
Mục tiêu quảng bá website
Trong thời đại số hiện nay, việc quảng bá website là rất quan trọng để nâng cao nhận thức và tầm ảnh hưởng của trang web Đối với dự án website quần áo của chúng tôi, mục tiêu quảng bá không chỉ nhằm thu hút đối tượng độc giả mà còn xây dựng một cộng đồng đam mê và mang lại trải nghiệm thú vị Chúng tôi đã đề ra một số mục tiêu cụ thể trong quá trình quảng bá website để đạt được những kết quả mong muốn.
Để tăng cường nhận thức thương hiệu, việc xây dựng một hình ảnh thương hiệu mạnh mẽ là rất quan trọng Điều này có thể đạt được bằng cách sử dụng logo, màu sắc và nội dung phù hợp, giúp người đọc dễ dàng nhận diện và ghi nhớ trang web.
Để thu hút độc giả và giữ chân họ, việc tạo ra nội dung chất lượng là rất quan trọng Hãy phát triển và chia sẻ những nội dung hấp dẫn như truyện tranh mới, bài đánh giá chi tiết và thông tin liên quan, nhằm mở rộng đối tượng người đọc và tăng cường sự tương tác.
Xây dựng một cộng đồng trực tuyến tích cực là điều cần thiết, khuyến khích người đọc tương tác và tham gia thông qua bình luận, diễn đàn và các nền tảng mạng xã hội.
Tối ưu hóa SEO là quá trình cải thiện trang web nhằm nâng cao thứ hạng trên các công cụ tìm kiếm, giúp người dùng dễ dàng tìm thấy nội dung của chúng tôi khi thực hiện tìm kiếm trên internet.
Hợp tác với các đối tác trong ngành truyện tranh là một chiến lược hiệu quả để mở rộng đối tượng và nâng cao nhận thức về trang web Bằng cách sử dụng quảng cáo từ các đối tác liên quan, bạn có thể tận dụng các kênh quảng cáo đa dạng, giúp tăng cường sự tiếp cận và thu hút thêm người dùng.
Theo dõi và đánh giá hiệu suất trang web là điều quan trọng, sử dụng công cụ phân tích để đo lường lưu lượng truy cập, mức độ tương tác của người đọc và tỷ lệ chuyển đổi Qua đó, bạn có thể điều chỉnh chiến lược quảng bá một cách hiệu quả theo thời gian.
Một số trang chính của sản phẩm
- Trang đăng nhập và đăng ký: Để khách hàng có thể dễ dàng đặt hàng và được hưởng những ưu đãi từ cửa hàng.
- Trang chủ: Đây là trang giới thiệu về các sản phẩm nổi Ngoài ra biết thêm thông tin của xã hội.
- 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ó sẵn để lựa chọn.
- Trang chi tiết sản phẩm: Đây là trang khách hàng xem chi tiết về một sản phẩm.
- Trang giỏ hàng: Đây là trang khách hàng thêm sản phẩm vào giỏ hàng.
- Trang liên hệ chúng tôi: Đây là trang mà khách hàng có thể liên hệ với cửa hàng.
KHẢO SÁT VÀ PHÂN TÍCH HỆ THỐNG
Khảo sát hiện trạng
Hiện nay, mua bán trực tuyến ngày càng trở nên phổ biến nhờ sự phát triển của Internet, trở thành phương tiện truyền thông hàng đầu thế giới Người dùng không chỉ sử dụng Internet để trao đổi thông tin, giải trí hay tìm kiếm tin tức, mà còn để kinh doanh các sản phẩm từ bình thường đến đặc biệt Tại Việt Nam, nhiều trang web thương mại điện tử cung cấp đa dạng mặt hàng như thời trang, mỹ phẩm và đồ ăn, cho phép khách hàng dễ dàng lựa chọn và đặt hàng chỉ với vài cú click chuột, sau đó chờ đợi đơn hàng được giao tận nhà.
Kinh doanh qua mạng mở ra nhiều cơ hội và thách thức cho các công ty trong việc mở rộng thị trường cả trong và ngoài nước Tuy nhiên, việc này cũng đi kèm với những vấn đề phát sinh, như yêu cầu kiến thức về công nghệ thông tin để thiết lập trang web bán hàng và quảng bá sản phẩm Mặc dù Internet và mua sắm trực tuyến phát triển nhanh tại Việt Nam, nhiều người vẫn lo ngại về phương thức kinh doanh này Khách hàng thường không yên tâm khi mua sắm trực tuyến vì không thể kiểm tra sản phẩm trực tiếp, dẫn đến lo lắng về chất lượng hàng hóa và khả năng nhận hàng đúng hạn Đồng thời, các cửa hàng cũng phải đối mặt với rủi ro tài chính khi đầu tư vào sản phẩm mà không biết trước phản ứng của khách hàng, cũng như nguy cơ giao hàng không thành công do địa chỉ không chính xác.
Mỗi hình thức kinh doanh đều có những ưu điểm và nhược điểm riêng, nhưng sự thành công còn phụ thuộc vào ý tưởng và phương pháp quản lý của người điều hành Ngành kinh doanh thời trang trực tuyến đang ngày càng phát triển, mang đến sự đa dạng cho ngành thời trang và quần áo, phù hợp với xu hướng công nghệ thông tin hiện đại.
Mô tả bài toán
Chúng tôi đang phát triển một trang web bán truyện tranh nhằm mang đến cho người đọc yêu thích thể loại này một trải nghiệm mua sắm trực tuyến tiện lợi và thú vị.
● Xây dựng hệ thống danh mục rõ ràng và phong phú để người đọc dễ dàng tìm kiếm và lựa chọn truyện theo sở thích cá nhân.
- Chức năng tìm kiếm lọc:
● Cung cấp công cụ tìm kiếm mạnh mẽ, hỗ trợ người đọc nhanh chóng định vị truyện mong muốn.
● Tích hợp các bộ lọc để người dùng có thể tinh chỉnh kết quả tìm kiếm theo nhiều tiêu chí khác nhau.
● Hiển thị thông tin chi tiết, mô tả, và hình ảnh minh họa về từng truyện tranh.
● Cung cấp đánh giá và bình luận từ người đọc để tạo sự tương tác và tin cậy.
- Giỏ hàng và thanh toán:
● Cho phép người đọc thêm truyện vào giỏ hàng và quản lý mua sắm của mình.
● Cung cấp quy trình thanh toán an toàn và thuận tiện.
- Quản lý tài khoản người dùng:
● Đăng ký và đăng nhập tài khoản để theo dõi đơn hàng, lưu trữ thông tin cá nhân và theo dõi trạng thái đơn hàng.
- Quảng bá và tiếp thị:
● Tích hợp chức năng chia sẻ truyện và đánh giá qua các mạng xã hội để tăng cường sự lan truyền thông tin.
● Kích thích sự tương tác bằng cách tổ chức các sự kiện, khuyến mãi và ưu đãi đặc biệt.
- Tối ưu hóa cho thiết bị di động:
● Đảm bảo trang web được thiết kế phản ánh và tương thích tốt trên các thiết bị di động để tạo trải nghiệm người dùng linh hoạt.
Yêu cầu về chức năng
Người dùng là những cá nhân có nhu cầu mua sắm trực tuyến, họ truy cập vào trang web để tìm kiếm và xem danh sách sản phẩm Việc đặt hàng từ cửa hàng trở nên dễ dàng hơn bao giờ hết nhờ vào các tính năng tiện lợi của nền tảng trực tuyến.
Chức Năng cho Người Dùng:
- Xem Sản Phẩm: Hiển thị danh sách sản phẩm rõ ràng với hình ảnh và thông tin chi tiết để người dùng có thể dễ dàng lựa chọn.
- Tìm Kiếm Nhanh: Cung cấp ô tìm kiếm mạnh mẽ để người dùng có thể nhanh chóng định vị sản phẩm mong muốn.
- Đặt Hàng Dễ Dàng: Tích hợp chức năng đặt hàng và thanh toán thuận tiện.
Người quản trị có vai trò quan trọng trong việc kiểm soát toàn bộ hoạt động của trang web, đảm bảo rằng hệ thống hoạt động một cách trơn tru và hiệu quả Họ chịu trách nhiệm quản lý sản phẩm và duy trì sự ổn định trong mọi quy trình của trang web.
- Quản Lý Sản Phẩm: Thêm, sửa, xóa sản phẩm để cập nhật danh mục cửa hàng và đáp ứng nhanh chóng với nhu cầu thị trường.
- Giao Diện Thân Thiện: Thiết kế giao diện dễ hiểu, linh hoạt và thân thiện với người dùng.
- Quảng Cáo Hấp Dẫn: Hiển thị thông tin quảng cáo hấp dẫn và chân thực để tạo sự hứng thú từ khách hàng.
- Bảo Mật Thông Tin: Đảm bảo an toàn tuyệt đối cho thông tin cá nhân của người dùng trong quá trình giao dịch.
Hệ thống được thiết kế dễ dàng cho việc nâng cấp, bảo trì và sửa chữa, giúp thích ứng linh hoạt với sự phát triển của thị trường cũng như đáp ứng nhanh chóng các yêu cầu của người dùng.
Sơ đồ chức năng
2.4.1 Tổng quan các chức năng hệ thống
Hình 2.1 Hình ảnh sơ đồ chức năng hệ thống
2.4.2 Biểu đồ use case toàn hệ thống
Hình 2.2 Hình ảnh biểu đồ usecase tổng quát chức Admin
Hình 2.3 Hình ảnh biểu đồ usecase tổng quát chức năng Khách Hàng
2.4.2.1 Chức năng đăng nhập cho Admin
Biểu đồ use case chức năng đăng nhập
Hình 2.4 Hình ảnh usecase đăng nhập Đặc tả use case
- Tác nhân: Quản lý hoặc nhân viên
- Mô tả: Cho phép người quản lý hoặc nhân viên có thể truy cập vào trang
- quản trị của website Từ đó có thể thực hiện các chức năng dựa theo chức vụ của người quản lý hoặc nhân viên được phân quyền.
● Sau khi hoàn thành đăng nhập, hệ thống cho phép người quản lý truy cập vào giao diện chính
● Phân quyền cho nhân viên hoặc quản lý sau khi đăng nhập
● Giới hạn các chức năng mà nhân viên không thể tác động vào hệ thống
● Nhân viên hoặc quản lý tiếp tục chọn và thực hiện các chức năng có trong trang quản trị webiste
Nếu người dùng nhập sai thông tin đăng nhập, họ sẽ không được phép truy cập vào trang quản trị Ngược lại, nếu thông tin đăng nhập đúng, người dùng sẽ được chuyển trực tiếp đến trang quản trị mà không cần thực hiện bước đăng nhập thêm Kết thúc trường hợp sử dụng.
- Các yêu cầu đặc biệt: Không có
- Trạng thái sử dụng trước khi sử dụng use case: Chưa đăng nhập
- Trạng thái hệ thống sau khi sử dụng use case: Hiển thị các chức năng có trong trang quản trị và hiển thị chức năng đăng xuất.
Biểu đồ trình tự chức năng đăng nhập
Hình 2.5 Hình ảnh Biểu đồ trình tự đăng nhập admin
Thông tin của quản lý và nhân viên được lưu trữ trong cơ sở dữ liệu Để truy cập vào trang quản trị, nhân viên hoặc quản lý cần đăng nhập bằng thông tin chính xác Chỉ khi đăng nhập thành công, họ mới có thể thực hiện các chức năng trên trang quản trị.
"Đăng nhập vào Hệ thống"
Người dùng (User): Người sử dụng hệ thống.
Hệ thống (System): Hệ thống cung cấp dịch vụ đăng nhập.
3 thực hiện: tùy chọn "Đăng nhập."
4 Yêu cầu Đăng nhập (Login Request):
- Người dùng gửi yêu cầu đăng nhập đến hệ thống.
- Hệ thống kiểm tra thông tin đăng nhập của người dùng, bao gồm tên người dùng và mật khẩu.
- Nếu thông tin là hợp lệ, hệ thống chuyển đến bước tiếp theo; nếu không, quá trình đăng nhập kết thúc và thông báo lỗi.
- Hệ thống tạo một phiên làm việc (session) cho người dùng đã xác thực.
- Phiên này có thể bao gồm một mã phiên, thông tin người dùng và các thông tin liên quan khác.
7 Phản hồi Đăng nhập (Login Response):
- Hệ thống gửi phản hồi đăng nhập cho người dùng, bao gồm thông tin về việc đăng nhập thành công và thông tin phiên làm việc.
8: Truy cập Hệ thống (Access System):
- Người dùng sử dụng thông tin phiên để truy cập các chức năng và dịch vụ trong hệ thống.
- Quá trình đăng nhập kết thúc khi người dùng thoát hoặc đăng xuất khỏi hệ thống.
2.4.2.2 Chức năng quản lý khách hàng
Biểu đồ use case chức năng quản lý nhân Khách Hàng
Hình 2.6: Hình ảnh usecase chức năng quản lý khách hàng Đặc tả use case
- Tác nhân: Quản lý hoặc nhân viên
Hệ thống quản lý cửa hàng cho phép người quản lý kiểm soát thông tin khách hàng một cách hiệu quả Người quản lý có thể xem chi tiết thông tin từng khách hàng và dễ dàng xóa bỏ thông tin không cần thiết khi cần thiết.
● Sau khi hoàn thành đăng nhập, hệ thống cho phép người quản lý truy cập vào giao diện chính
● Người quản lý chọn chức năng quản lý khách hàng
● Hiển thị giao diện quản lý khách hàng
● Nhân viên hoặc quản lý thực hiện các chức năng với thông tin khách hàng rồi lưu CSDL
● Kết thúc use case quản lý khách hàng
Khi người dùng đang trong giao diện quản lý khách hàng và chọn quay về trang chủ, hệ thống sẽ hiển thị thông báo hỏi "Bạn có muốn thoát?" Nếu người dùng xác nhận, hệ thống sẽ chuyển về trang chủ, kết thúc quy trình sử dụng.
- Các yêu cầu đặc biệt: Không có
- rạng thái sử dụng trước khi sử dụng use case: Không có yêu cầu
Sau khi thực hiện use case, hệ thống sẽ hiển thị thông báo thành công, cho phép người quản lý thực hiện các thao tác liên quan đến thông tin khách hàng Cuối cùng, giao diện quản lý khách hàng sẽ trở về trạng thái ban đầu.
Biểu đồ trình tự chức năng quản lý khách hàng
Hình 2.7: Hình ảnh biểu đồ trình tự chức năng quản lý khách hàng
2.4.2.3 Chức năng quản lý sản phẩm
Biểu đồ use case quản lý sản phẩm
Hình 2.8 Hình ảnh biểu đồ usecase chức năng quản lý sản phẩm Đặc tả use case
- Tác nhân: Quản lý hoặc nhân viên
Người quản lý cửa hàng có thể dễ dàng kiểm soát thông tin sản phẩm, thực hiện tìm kiếm, thêm mới, cập nhật và xóa sản phẩm khỏi cửa hàng Ngoài ra, họ còn có khả năng nhập thêm số lượng hàng cho từng sản phẩm, giúp tối ưu hóa quy trình quản lý hàng hóa.
● Sau khi hoàn thành đăng nhập, hệ thống cho phép người quản lý truy cập vào giao diện chính
● Người quản lý chọn chức năng quản lý sản phẩm
● Hiển thị giao diện quản lý sản phẩm
● Quản lý thực hiện các chức năng với thông tin sản phẩm rồi lưu CSDL
● Kết thúc use case quản lý sản phẩm
Khi người dùng đang ở giao diện quản lý sản phẩm và chọn trở về trang chủ, hệ thống sẽ hiển thị thông báo hỏi "Bạn có muốn thoát?" Nếu người dùng xác nhận chọn "Có", hệ thống sẽ chuyển hướng về trang chủ, hoàn tất quy trình sử dụng.
- Các yêu cầu đặc biệt: Không có
Sau khi sử dụng use case, hệ thống sẽ hiển thị thông báo thành công cho người quản lý sau khi thực hiện các thao tác liên quan đến thông tin sản phẩm Cuối cùng, giao diện quản lý sản phẩm sẽ được trả về trạng thái ban đầu.
Biểu đồ trình tự chức năng quản lý sản phẩm
Hình 2.9 Hình ảnh biểu đồ trình tự chức năng quản lý sản phẩm
2.4.2.4 Chức năng quản lý mã giảm giá
Biểu đồ use case chức năng quản lý mã giảm
Hình 2.10 Hình ảnh usecase chức năng quản lý mã giảm giá Đặc tả use case
- Tác nhân: Quản lý hoặc nhân viên
Người quản lý cửa hàng có thể dễ dàng kiểm soát thông tin của mã giảm giá, bao gồm việc thêm, sửa đổi và xóa mã giảm giá khỏi hệ thống.
● Sau khi hoàn thành đăng nhập, hệ thống cho phép người quản lý truy cập vào giao diện chính
● Người quản lý chọn chức năng quản lý mã giảm giá
● Hiển thị giao diện quản lý mã giảm giá
● Nhân viên hoặc quản lý thực hiện các chức năng với thông tin mã giảm giá rồi lưu CSDL
● Kết thúc use case quản lý mã giảm giá
Khi người dùng đang ở giao diện quản lý mã giảm giá và chọn trở về trang chủ, hệ thống sẽ hiển thị thông báo hỏi "Bạn có muốn thoát?" Nếu người dùng xác nhận bằng cách chọn "Có", hệ thống sẽ chuyển hướng về trang chủ, hoàn tất quy trình sử dụng.
- Các yêu cầu đặc biệt: Không có
- Trạng thái sử dụng trước khi sử dụng use case: Không có yêu cầu
Sau khi thực hiện use case, hệ thống sẽ hiển thị thông báo thành công cho người quản lý sau khi thực hiện các thao tác với thông tin mã giảm giá Sau đó, giao diện quản lý mã giảm giá sẽ trở về trạng thái ban đầu.
Biểu đồ trình tự của chức năng quản lý mã giảm giá
Hình 2.11 Hình ảnh usecase chức năng quản lý mã giảm giá
2.4.2.5 Chức năng quản lý danh mục sản phẩm
Biểu đồ use case chức năng quản lý danh mục sản phẩm
Hình 2.12 Hình ảnh chức năng use case quản lý danh mục sản phẩm Đặc tả use case
- Tác nhân: Quản lý hoặc nhân viên
Người quản lý cửa hàng có thể dễ dàng kiểm soát thông tin danh mục sản phẩm, bao gồm khả năng thêm, sửa và xóa danh mục khỏi hệ thống.
● Sau khi hoàn thành đăng nhập, hệ thống cho phép người quản lý truy cập vào giao diện chính
● Người quản lý chọn chức năng quản lý danh mục sản phẩm
● Hiển thị giao diện quản lý danh mục sản phẩm
● Nhân viên hoặc quản lý thực hiện các chức năng với thông tin danh mục rồi lưu CSDL
● Kết thúc use case quản lý danh mục
Khi người dùng đang ở giao diện quản lý danh mục và chọn quay về trang chủ, hệ thống sẽ hiển thị thông báo hỏi "Bạn có muốn thoát?" Nếu người dùng xác nhận chọn "Có", hệ thống sẽ chuyển hướng về trang chủ, kết thúc quy trình sử dụng.
- Các yêu cầu đặc biệt: Không có
- Trạng thái sử dụng trước khi sử dụng use case: Không có yêu cầu
Sau khi thực hiện use case, hệ thống sẽ hiển thị thông báo thành công, cho phép người quản lý xác nhận các thao tác đã thực hiện với thông tin danh mục Đồng thời, giao diện quản lý danh mục sẽ được khôi phục về trạng thái ban đầu.
Biểu đồ trình tự chức năng quản lý danh mục sản phẩm
2.4.2.6 Chức năng quản lý nhà cung cấp
Biểu đồ chức năng use case quản lý nhà cung cấp
Hình 2.14 Hình ảnh use case chức năng quản lý nhà cung cấp Đặc tả use case
- Tác nhân: Quản lý hoặc nhân viên
Hệ thống quản lý cửa hàng cho phép người quản lý kiểm soát thông tin của các nhà cung cấp sản phẩm, bao gồm khả năng thêm mới, chỉnh sửa thông tin và xóa bỏ nhà cung cấp không còn hoạt động khỏi hệ thống.
● Sau khi hoàn thành đăng nhập, hệ thống cho phép người quản lý truy cập vào giao diện chính
● Người quản lý chọn chức năng quản lý nhà cung cấp
● Hiển thị giao diện quản lý nhà cung cấp
● Nhân viên hoặc quản lý thực hiện các chức năng với thông tin nhà cung cấp rồi lưu CSDL
● Kết thúc use case quản lý nhà cung cấp
GIẢI PHÁP
Lựa Chọn Công Nghệ (Setup Environment)
Phần Mềm Sử Dụng và công cụ hỗ trợ
Nhóm em sử dụng Visual Studio Code để hoàn thiện dự án này.
Hình 3.1 Hình ảnh visual Studio Code
Visual Studio Code (VS Code) là một ứng dụng biên tập mã nguồn mạnh mẽ, giúp người dùng nhanh chóng xây dựng và thiết kế website Trình soạn thảo này hoạt động mượt mà trên các hệ điều hành như Windows, macOS và Linux, đồng thời tương thích với cả những máy tính có cấu hình tầm trung, mang lại trải nghiệm sử dụng dễ dàng cho mọi đối tượng lập trình viên.
Visual Studio Code là một trình soạn thảo mã nguồn mạnh mẽ với nhiều chức năng Debug, tích hợp Git và hỗ trợ Syntax Highlighting Nó nổi bật với tính năng tự hoàn thành mã thông minh, Snippets và khả năng cải tiến mã nguồn Với khả năng tùy chỉnh linh hoạt, lập trình viên có thể thay đổi Theme, phím tắt và nhiều tùy chọn khác Dù có kích thước nhẹ, Visual Studio Code vẫn mang lại hiệu suất cao và tính năng mạnh mẽ cho người dùng.
Mặc dù mới ra mắt, VSCode đã nhanh chóng trở thành một trong những trình soạn thảo mã nguồn mạnh mẽ và phổ biến nhất cho lập trình viên Với khả năng hỗ trợ nhiều ngôn ngữ lập trình thông dụng, cùng với các tính năng tích hợp và khả năng mở rộng phong phú, VSCode đã trở thành công cụ quen thuộc đối với mọi lập trình viên.
Môi Trường Thực Thi Code:
Hình 3.2 Hình ảnh node JS
Node.js là nền tảng độc lập, được phát triển trên môi trường Javascript Runtime, cho phép thực thi mã Javascript nhanh chóng trên trình duyệt Chrome Với Node.js, việc xây dựng ứng dụng mạng trở nên nhanh chóng và dễ dàng mở rộng.
Node.js được thiết kế bởi Ryan Lienhart Dahl - một kỹ sư phần mềm người Mỹ vào năm 2009 và phát triển dưới sự bảo trợ của Joyent.
Phần Core bên dưới của Nodejs được viết hầu hết bằng C++ nên cho tốc độ xử lý và hiệu năng khá cao.
Các ứng dụng được tạo ra bởi Node.js có tốc độ xử lý nhanh, realtime thời gian thực.
Node.js là lựa chọn lý tưởng cho các sản phẩm có lưu lượng truy cập lớn, yêu cầu sự thay đổi công nghệ và cần khả năng mở rộng Nó cũng rất phù hợp để phát triển các dự án Startup một cách nhanh chóng và hiệu quả.
Ngôn ngữ lập trình Javascript.
JavaScript là ngôn ngữ lập trình quan trọng cho việc tạo ra các trang web tương tác, giúp nâng cao trải nghiệm người dùng thông qua các tính năng như làm mới bảng tin, hiển thị hình ảnh động và bản đồ tương tác Là một ngôn ngữ kịch bản phía máy khách, JavaScript đóng vai trò cốt lõi trong công nghệ World Wide Web Khi bạn duyệt internet và thấy quảng cáo quay vòng, menu thả xuống hay màu sắc của các phần tử thay đổi, đó chính là những hiệu ứng mà JavaScript mang lại.
Hệ Quản Trị Cơ Sở Dữ Liệu MongoDB.
MongoDB lần đầu ra đời bởi MongoDB Inc., tại thời điểm đó là thế hệ
Vào tháng Mười năm 2007, sản phẩm này đã được ra mắt như một phần của nền tảng PaaS (Platform as a Service), tương tự như Windows Azure và Google App Engine Đến năm 2009, nó đã được chuyển đổi thành mã nguồn mở.
MongoDB has emerged as one of the most prominent NoSQL databases, serving as the backend for numerous websites, including eBay, SourceForge, and The New York Times.
Các feature của MongoDB gồm có:
Các ad hoc query: hỗ trợ search bằng field, các phép search thông thường, regular expression searches, và range queries.
Indexing: bất kì field nào trong BSON document cũng có thể được index.
Replication, hay còn gọi là “nhân bản”, có nghĩa là tạo ra một phiên bản giống hệt với phiên bản hiện tại Trong bối cảnh cơ sở dữ liệu, nhu cầu lưu trữ lớn và đảm bảo tính toàn vẹn của dữ liệu là rất quan trọng, đặc biệt là để tránh mất mát do các sự cố ngoài dự đoán Do đó, khái niệm “nhân bản” được phát triển nhằm tạo ra một bản sao của cơ sở dữ liệu hiện có và lưu trữ ở một vị trí khác, nhằm bảo vệ dữ liệu trước những rủi ro có thể xảy ra.
Aggregation là các phép toán xử lý bản ghi dữ liệu và trả về kết quả đã được tính toán Các phép toán này nhóm các giá trị từ nhiều tài liệu khác nhau, cho phép thực hiện nhiều phép toán đa dạng trên dữ liệu đã được nhóm để tạo ra một kết quả duy nhất Trong SQL, count(*) và GROUP BY tương đương với các phép toán Aggregation.
MongoDB là một hệ thống lưu trữ file hiệu quả, sử dụng các chức năng mạnh mẽ và hỗ trợ phân phối dữ liệu qua sharding Một trong những ưu điểm nổi bật của MongoDB là khả năng mở rộng linh hoạt và xử lý khối lượng dữ liệu lớn một cách hiệu quả.
Dữ liệu lưu trữ phi cấu trúc, không có tính ràng buộc, toàn vẹn nên tính sẵn sàng cao, hiệu suất lớn và dễ dàng mở rộng lưu trữ.
Dữ liệu được caching (ghi đệm) lên RAM, hạn chế truy cập vào ổ cứng nên tốc độ đọc và ghi cao.
Không ứng dụng được cho các mô hình giao dịch nào có yêu cầu độ chính xác cao do không có ràng buộc.
Không có cơ chế transaction (giao dịch) để phục vụ các ứng dụng ngân hàng.
Dữ liệu lấy RAM làm trọng tâm hoạt động vì vậy khi hoạt động yêu cầu một bộ nhớ RAM lớn.
Mọi thay đổi về dữ liệu mặc định không được ghi xuống ổ cứng ngay lập tức, do đó, nguy cơ mất dữ liệu do mất điện đột ngột là rất cao.
Công cụ hộ trợ “ ViteJS” Để hộ trợ xây dựng build Fontend nhóm em sử dụng Vitejs version 4 để tối ưu nhất.
Từ "vite" có nghĩa là "nhanh" và là một công cụ xây dựng cùng máy chủ phát triển front-end, được thiết kế để mang lại trải nghiệm phát triển nhanh chóng, nhẹ nhàng và đơn giản Vite phục vụ mã trong quá trình phát triển, đóng gói tệp cho sản xuất và cho phép tích hợp dễ dàng với các khung và thư viện JavaScript như Vue, React, Preact và Svelte.
Vite 4 đã trải qua nhiều cải tiến trong hai năm qua, mang đến nhiều tính năng mới và nâng cấp đáng chú ý Phiên bản này cung cấp nhiều phím tắt giao diện dòng lệnh hơn, cho phép người dùng dễ dàng truy cập thông tin (nhấn h để xem danh sách phím tắt) Ngoài ra, Vite 4 cũng hỗ trợ Safari 14, mở rộng khả năng tương thích với ES2020 Phần mềm này còn cải thiện quy trình đóng gói trước các phần phụ thuộc với hỗ trợ gói vá, đồng thời cung cấp thông báo lỗi tốt hơn trong SSR.
- Để cài đặt được Vitejs chúng ta cần bắt buộc phải cài dặt Node.js (16+) và NPM
- Khi đã cài đặt xong Node.js (16+) và NPM ta mở windowpowershell trong thư mục lavarel nhập
- “Npm install” để cài đặt Vitejs
Công cụ hộ trợ “ React Developer Tool”
Vậy React Developer Tool là gì
React Developer Tools là một công cụ hữu ích cho việc kiểm tra và chỉnh sửa các thành phần React, quản lý props và state, đồng thời giúp phát hiện vấn đề về hiệu suất trong ứng dụng của bạn Bài viết này sẽ hướng dẫn bạn cách cài đặt React Developer Tools để tối ưu hóa quá trình phát triển ứng dụng React.
Cách cài dặt React Developer Tool:
- Để cài đặt React Developer Tool ta vào cửa hàng extension Chrome và tìm extension “React Developer Tool”
- Sau khi tìm được ta ấn “thêm vào Chrome” để add được extension vào google
- Khi đó React Developer Tool đã được cài đặt thành công
Công cụ hộ trợ “ Redux DevTool”
- Đây là một extension để phục vụ việc develope react Nó cho phép bạn có thể xem được các cấu trúc của các component.
GIAO DIỆN CỦA WEBSITE
Giao Diện Đăng Nhập
Hình 4.1 Giao diện đăng nhập
Giao Diện Trang Sản Phẩm
Hình 4.4 Giao diện trang sản phẩm
Giao Diện Trang Danh Mục Sản Phẩm
Hình 4.5 Giao diện danh mục sản phẩm
Giao Diện Giỏ Hàng
Hình 4.6 Giao diện giỏ hàng