1. Trang chủ
  2. » Luận Văn - Báo Cáo

Xây dựng website bán thiết bị điện tử cho cửa hàng gearnk

72 0 0
Tài liệu đã được kiểm tra trùng lặp

Đang tải... (xem toàn văn)

Tài liệu hạn chế xem trước, để xem đầy đủ mời bạn chọn Tải xuống

THÔNG TIN TÀI LIỆU

Thông tin cơ bản

Tiêu đề Xây Dựng Website Bán Thiết Bị Điện Tử Cho Cửa Hàng Gearnk
Tác giả Phạm Lê Ngọc Khánh
Người hướng dẫn TS. Nguyễn Minh Đức
Trường học Trường Đại học Kinh tế, Đại học Huế
Chuyên ngành Khoa Hệ Thống Thông Tin Kinh Tế
Thể loại Khóa luận tốt nghiệp
Năm xuất bản 2022
Thành phố Huế
Định dạng
Số trang 72
Dung lượng 1,39 MB

Các công cụ chuyển đổi và chỉnh sửa cho tài liệu này

Cấu trúc

  • PHẦN I: MỞ ĐẦU (11)
    • 1. Lý do chọn đề tài (11)
    • 2. Mục tiêu nghiên cứu (12)
      • 2.1. Mục tiêu tổng quát (12)
      • 2.2. Mục tiêu cụ thể (13)
    • 3. Đối tượng và phạm vi nghiên cứu (13)
      • 3.1. Đối tượng (13)
      • 3.2. Phạm vi nghiên cứu (13)
    • 4. Phương pháp nghiên cứu (13)
      • 4.1. Phương pháp nghiên cứu lý luận (13)
      • 4.2. Phương pháp quan sát (14)
      • 4.3. Phương pháp phỏng vấn (14)
      • 4.4. Phương pháp lập trình, xây dựng và phát triển website (14)
      • 4.5. Phương pháp nghiên cứu thực nghiệm (14)
    • 5. Một số công trình nghiên cứu liên quan (14)
    • 6. Bố cục khóa luận (15)
  • PHẦN II: NỘI DUNG (16)
    • CHƯƠNG 1: CƠ SỞ LÝ THUYẾT XÂY DỰNG HỆ THỐNG (16)
      • 1.1. Tổng quan về thương mại điện tử và website bán hàng (16)
        • 1.1.1. Tổng quan về thương mại điện tử (16)
        • 1.1.2. Ứng dụng của thương mại điện tử vào website bán linh kiện điện tử GearNK 6 1.1.3. Khái niệm về Website bán hàng (16)
      • 1.2. Mô hình phát triển và ngôn ngữ xây dựng hệ thống (17)
        • 1.2.1. Mô hình MVC (17)
        • 1.2.2. Ngôn ngữ lập trình C# (19)
        • 1.2.3. ASP.NET Framework (19)
        • 1.2.4. Cơ sở dữ liệu Microsoft SQL Server (20)
        • 1.2.5. Tổng quan về HTML (21)
        • 1.2.6. Tổng quan về CSS (22)
        • 1.2.7. Tổng quan về JavaScript (22)
    • CHƯƠNG 2: KHẢO SÁT, PHÂN TÍCH VÀ THIẾT KẾ HỆ THỐNG (24)
      • 2.1. Tổng quan về cửa hàng GearNK (24)
        • 2.1.1. Giới thiệu về cửa hàng GearNK (24)
        • 2.1.2. Thực trạng áp dụng công nghệ thông tin của cửa hàng GearNK (24)
      • 2.2. Phân tích thiết kế hệ thông thông tin (25)
        • 2.2.1. Mô tả hệ thống (25)
        • 2.2.2. Sơ lược hệ thống bán hàng trực tuyến của GearNK (25)
        • 2.2.3. Yêu cầu chức năng của hệ thống (26)
        • 2.2.4. Biểu đồ phân rã chức năng - BFD (28)
        • 2.2.5. Sơ đồ Data Flow Diagram – DFD (31)
        • 2.2.5. Phân tích chức năng website (33)
        • 2.2.6. Danh sách các tập thực thể và thuộc tính tương ứng (40)
        • 2.2.7. Mô hình dữ liệu quan hệ (53)
        • 2.2.8 Cổng thanh toán điện tử VNPay (54)
    • CHƯƠNG 3: TRIỂN KHAI XÂY DỰNG GIAO DIỆN (56)
      • 3.1. Các giao diện chính của hệ thống (56)
        • 3.1.1. Giao diện người dùng (56)
        • 3.1.2. Giao diện quản trị (62)
      • 3.2. Đánh giá hệ thống (64)
  • PHẦN III: KẾT LUẬN (65)
    • 1. Kết quả đạt được (65)
    • 2. Hạn chế của đề tài (65)
    • 3. Hướng phát triển (67)
  • TÀI LIỆU THAM KHẢO (68)

Nội dung

NỘI DUNG

CƠ SỞ LÝ THUYẾT XÂY DỰNG HỆ THỐNG

1.1 Tổng quan về thương mại điện tử và website bán hàng

1.1.1 Tổng quan về thương mại điện tử

Thương mại điện tử, hay eCommerce, là quá trình mua bán hàng hóa và dịch vụ, cũng như việc chuyển tiền hoặc dữ liệu qua mạng điện tử, chủ yếu là internet Các hoạt động chính trong thương mại điện tử bao gồm việc giao dịch trực tuyến và quản lý các giao dịch tài chính.

- Giao dịch mua bán được thực hiện một cách trực tuyến

- Dễ dàng cho doanh nghiệp trong việc quản lý khách hàng

Những lợi ích mà Thương mại điện tử đem lại trong kinh doanh bán hàng[16]:

Mua sắm trực tuyến giúp bạn tiết kiệm thời gian và công sức, bởi bạn không cần phải xếp hàng chờ đợi hay tìm kiếm bãi đậu xe Chỉ với vài cú nhấp chuột, bạn có thể dễ dàng đặt hàng các sản phẩm hoặc dịch vụ yêu thích và nhận chúng ngay tại nhà.

Chi phí cho kinh doanh trực tuyến thường thấp hơn do không cần thiết phải có nhân viên ở mọi vị trí, cũng như không cần nhân viên an ninh hoặc bảo trì Nhân viên chủ yếu chỉ cần thiết cho hoạt động bán hàng, trong khi các quy trình khác có thể diễn ra một cách tự động hoặc dễ dàng.

Tạo cơ sở dữ liệu khách hàng là một bước quan trọng khi khách truy cập đăng ký vào cửa hàng trực tuyến Việc yêu cầu khách hàng cung cấp thông tin cá nhân giúp người bán nhanh chóng điều chỉnh các đề nghị phù hợp với nhu cầu của người mua tiềm năng và duy trì liên lạc hiệu quả với họ.

1.1.2 Ứng dụng của thương mại điện tử vào website bán linh kiện điện tử

Xây dựng website bán linh kiện điện tử cho cửa hàng GearNK giúp tham gia vào Thương mại điện tử, mang lại lợi thế vượt trội so với bán hàng truyền thống Bạn không còn bị giới hạn về thời gian và không gian, cho phép chủ động tiếp cận khách hàng và quảng bá sản phẩm, dịch vụ hiệu quả hơn.

Trường Đại học Kinh tế Huế

Website bán linh kiện điện tử GearNK mà tôi thực hiện trong đề tài này được thiết kế với các chức năng của một website thương mại điện tử, nhằm đáp ứng nhu cầu của khách hàng và hỗ trợ hoạt động kinh doanh hiệu quả.

1.1.3 Khái niệm về Website bán hàng

Website bán hàng trực tuyến, hay còn gọi là website thương mại điện tử, cho phép người dùng mua và bán hàng hóa, dịch vụ cũng như sản phẩm kỹ thuật số qua internet thay vì tại các cửa hàng truyền thống Thông qua nền tảng này, doanh nghiệp có khả năng quản lý đơn đặt hàng, chấp nhận thanh toán, xử lý vận chuyển và hậu cần, đồng thời cung cấp dịch vụ khách hàng hiệu quả.

Website bán hàng đem lại các lợi ích cho doanh nghiệp [17]:

Giúp tạo dựng hình ảnh về một doanh nghiệp uy tín, chuyên nghiệp và than thiện với khách hàng

Chủ động hơn trong việc marketing

Tương tác hiệu quả hơn với khách hàng

Giúp việc mua bán hàng hóa trở nên nhanh chóng và thuận tiện hơn

1.2 Mô hình phát triển và ngôn ngữ xây dựng hệ thống

1.2.1 Mô hình MVC a) Tìm hiểu về mẫu kiến trúc MVC

Mô hình MVC (Model–View–Controller) là một kiến trúc phần mềm giúp tổ chức logic cho các chương trình liên quan, thường được áp dụng trong phát triển giao diện người dùng Mục đích của MVC là phân tách cách trình bày thông tin bên trong với cách mà người dùng tiếp nhận và tương tác với nó Cấu trúc mô hình MVC trong C# cung cấp một phương pháp hiệu quả để xây dựng ứng dụng, đảm bảo tính linh hoạt và khả năng bảo trì cao.

Mô hình MVC gồm 3 phần [18]:

- Model: bao gồm tất cả dữ liệu, logic và quy tắc

- View: trình bày dữ liệu cho người dùng hoặc xử lý tương tác của người dùng

- Controller: là phần ở giữa có tác dụng liên hệ 2 thành phần Model, View lại với nhau

Trường Đại học Kinh tế Huế

Trường Đại học Kinh tế Huế

1.2.2 Ngôn ngữ lập trình C# a) Tổng quan

C# (C sharp) là một ngôn ngữ lập trình hướng đối tượng, đa năng và hiện đại do Microsoft phát triển, được công nhận bởi ECMA và ISO Ngôn ngữ này được sử dụng rộng rãi trong phát triển phần mềm và ứng dụng.

C# hiện nay đã được ứng dụng trong rất nhiều lĩnh vực [20] như:

Console User Interface hay giao diện Console là một loại ứng dụng đơn giản với các dữ liệu vào ra đều dưới dạng Text

Windows Forms là một thư viện đồ họa miễn phí, hỗ trợ phát triển ứng dụng với nhiều tính năng như điều khiển, đồ họa, ràng buộc dữ liệu và thông tin đầu vào của người dùng Thư viện này đi kèm với trình thiết kế trực quan kéo và thả trong Visual Studio, giúp đơn giản hóa quá trình tạo ứng dụng Windows Forms.

Là môi trường cung cấp các công cụ hỗ trợ xây dựng web

1.2.3 ASP.NET Framework a) Tổng quan

ASP.NET là một khuôn khổ web mã nguồn mở, cho phép xây dựng ứng dụng và dịch vụ web nhanh chóng và an toàn trong môi trường NET Một trong những điểm mạnh của ASP.NET là khả năng hỗ trợ đa nền tảng, cho phép nó chạy trên Windows, Linux và Mac OS Điều này mang lại cho người dùng sự linh hoạt trong việc phát triển ứng dụng web ASP.NET trên bất kỳ hệ điều hành nào Tóm lại, với NET Framework, người dùng có thể phát triển nhiều loại ứng dụng khác nhau.

ASP.NET được thiết kế đặc biệt để phát triển ứng dụng web và dịch vụ web Cấu trúc của ASP.NET bao gồm nhiều thành phần quan trọng, giúp tối ưu hóa quá trình xây dựng và triển khai các giải pháp trực tuyến.

Cấu trúc và những thành phần của ASP.NET dựa trên các thành phần cơ bản sau

Trường Đại học Kinh tế Huế

Language/Ngôn ngữ: Là tập con của NET Framework, tại đây bao gồm các ngôn ngữ lập trình khác nhau như C#, VB.net, PHP, JavaScript,… Trong đó C# và

VB.net được sử dụng phổ biến nhất trong ứng dụng phát triển ứng dụng web

Thư viện là các công cụ phổ biến trong quá trình phát triển ứng dụng web, cung cấp những thành phần cần thiết để xây dựng ứng dụng một cách hiệu quả.

Thời gian chạy CLR (Common Language Runtime) là một phần quan trọng trong hạ tầng ngôn ngữ lập trình, thực hiện các nhiệm vụ chính để xử lý các tình huống đặc biệt và quản lý việc thu gom rác.

1.2.4 Cơ sở dữ liệu Microsoft SQL Server a) Sơ lược về SQL Sever

Microsoft SQL Server là một hệ thống quản lý cơ sở dữ liệu quan hệ do Microsoft thiết kế và phát triển Đây là một chương trình RDBMS được xây dựng dựa trên SQL, giúp kết nối với cơ sở dữ liệu quan hệ Các thành phần của SQL Server bao gồm nhiều yếu tố quan trọng hỗ trợ cho việc quản lý và vận hành cơ sở dữ liệu hiệu quả.

SQL Server được tạo thành từ các thành phần khác nhau hoạt động cùng nhau để giúp lưu trữ và phân tích dữ liệu dễ dàng hơn [24]:

Database Engine: là dịch vụ cốt lõi để lưu trữ, xử lý và bảo mật dữ liệu

KHẢO SÁT, PHÂN TÍCH VÀ THIẾT KẾ HỆ THỐNG

2.1 Tổng quan về cửa hàng GearNK

2.1.1 Giới thiệu về cửa hàng GearNK

GearNK là cửa hàng chuyên kinh doanh các thiết bị điện tử chính hãng như:

Asus, Acer, Gigabyte, Các linh kiện, phụ kiện máy tính laptop uy tín tại thành phố

Huế Đến với GearNK khách hàng luôn được tư vấn tận tâm, những sản phẩm chất lượng tốt nhất

Tên cửa hàng: GearNK Địa chỉ: 20/105 Lê Ngô Cát, Thành phố Huế, Thừa Thiên Huế

Fanpage: https://facebook.com/GearNK

Hình 2.1 Logo cửa hàng GEARNK 2.1.2 Thực trạng áp dụng công nghệ thông tin của cửa hàng GearNK

Trường Đại học Kinh tế Huế

Cửa hàng mới thành lập cần áp dụng công nghệ thông tin vào quản lý bán hàng Việc xây dựng website thương mại điện tử không chỉ giúp quản lý dễ dàng hơn mà còn thu hút nhiều khách hàng Khách hàng có thể xem nhiều mẫu mã sản phẩm và nhận thông tin mới nhất về cửa hàng.

2.2 Phân tích thiết kế hệ thông thông tin

Hệ thống website bán hàng thiết bị điện tử cho cửa hàng GearNK được xây dựng bằng ngôn ngữ CSharp trên nền tảng Asp.Net MVC, nhằm phát triển hệ thống Back End cho trang web Giao diện được thiết kế sử dụng các thư viện như Bootstrap 4 và jQuery.

Website chuyên cung cấp đồ công nghệ chính hãng là nền tảng giúp người dùng khám phá và cập nhật thông tin về các sản phẩm công nghệ mới nhất Nơi đây mang đến cho khách hàng khả năng tìm hiểu nhanh chóng về giá cả và mẫu mã, đảm bảo tính chính xác và kịp thời.

Trang web cho phép quản trị viên cập nhật thông tin sản phẩm bao gồm cấu hình, hình ảnh, tính năng, giá cả và tình trạng tồn kho của cửa hàng.

2.2.2 Sơ lược hệ thống bán hàng trực tuyến của GearNK a) Đối tượng của website

Khách hàng bao gồm User (khách hàng có tài khoản) và Guest (khách viếng thăm):

 Có quyền đăng nhập, đăng xuất, đổi mật khẩu

 Xem thông tin sản phẩm

Trường Đại học Kinh tế Huế

 Xem thông tin sản phẩm

 Quản trị viên: Là người có quyền cao nhất và là người đóng vai trò quan trọng của hệ thống

 Xem, thêm mới, chỉnh sửa, xóa thông tin sản phẩm

 Quản lý danh mục sản phẩm

 Quản lý tin tức b) Đặc điểm

Xây dựng website bán hàng trực tuyến đơn giản, thân thiện với người dùng, các chức năng cơ bản dễ sử dụng

- Giao diện hài hòa, thân thiện

- Danh sách sản phẩm luôn được cập nhật thường xuyên giúp khách hàng có nhiều sự lựa chọn hơn

2.2.3 Yêu cầu chức năng của hệ thống

Hệ thông website phải đảm bảo đầy đủ các chức năng cần thiết

+ Đăng nhập vào tài khoản để tiến hành mua hàng

+ Đăng ký tài khoản với đối tượng là khách hàng chưa có tài khoản

+ Xem được danh sách các sản phẩm, tìm kiếm sản phẩm, xem chi tiết sản phẩm

+ Tìm kiếm và đọc các tin tức ở trên website

+ Gửi các phản hồi hay ý kiến đến cho cửa hàng

+ Thêm vào giỏ hàng và thanh toán đơn hàng

Trường Đại học Kinh tế Huế

Về phía các quản trị viên:

+ Đăng nhập vào hệ thống quản trị để tiến hành quản lý trang web

+ Quản lý được tài khoản, danh mục sản phẩm, sản phẩm,…

Trường Đại học Kinh tế Huế

2.2.4 Biểu đồ phân rã chức năng - BFD a) Biểu đồ BFD tổng quát

Biểu đồ 2.1 Biểu đồ BFD tổng quát

Trường Đại học Kinh tế Huế b) Biểu đồ BFD quản trị viên

Biểu đồ 2.2 Biểu đồ BFD quản trị viên

Trường Đại học Kinh tế Huế c) Biểu đồ BFD người dùng

Biểu đồ 2.3 Biểu đồ BFD người dùng

Trường Đại học Kinh tế Huế

2.2.5 Sơ đồ Data Flow Diagram – DFD a) Sơ đồ DFD mức ngữ cảnh

Biểu đồ 2.4 Sơ đồ DFD mức ngữ cảnh

Trường Đại học Kinh tế Huế b) Sơ đồ DFD phía quản trị viên

Biểu đồ 2.5 Sơ đồ DFD phía quản trị viên

Trường Đại học Kinh tế Huế c) Sơ đồ DFD phía khách hàng

Biểu đồ 2.6 Sơ đồ DFD phía khách hàng 2.2.5 Phân tích chức năng website a) Chức năng đăng nhập

Chức năng Đăng nhập Đối tượng sử dụng Nhóm người dùng đã có tài khoản

Nôi dung Cho phép tất các các nhóm người dùng đăng nhập vào hệ thống

Cách xử lý Bước 1: Khách hàng tiến hành nhập các thông tin mà hệ thống yêu cầu, sau đó đăng nhập

Bước 2: Dữ liệu người dùng nhập sẽ được kiểm tra và xác nhận Nếu đăng nhập thành công, hệ thống sẽ hiển thị thông báo thành công và chuyển đến trang chi tiết tài khoản Nếu thông tin tài khoản hoặc mật khẩu không chính xác, hệ thống sẽ thông báo nhắc nhở Trong trường hợp tài khoản không tồn tại, người dùng sẽ được chuyển đến trang đăng ký.

Kết quả - Truy cập vào thành công vào hệ thống

- Đăng nhập thất bại (Sai thông tin đăng nhập hoặc không tồn tại)

Trường Đại học Kinh tế Huế b) Chức năng đăng xuất

Chức năng Đăng xuất Đối tượng sử dụng Nhóm người dùng

Nôi dung Cho phép người dùng đã đăng nhập thành công trước đó, kết thức phiên làm việc

Cách xử lý Bước 1: Người dùng thực hiện đăng xuất thông qua nút bấm trên giao diện

Bước 2: Hệ thống tiến hành xóa lịch sử phiên làm việc và trả về giao diện đăng nhập

Kết quả Đăng xuất thành công c) Chức năng đăng ký

Chức năng Đăng ký Đối tượng sử dụng Nhóm người dùng chưa có tài khoản

Nôi dung Tạo một tài khoản mới

Bước 1: Khách hàng nhấn “Đăng ký” trên thanh điều hướng để truy cập giao diện đăng ký tài khoản Tại đây, người dùng cần điền đầy đủ thông tin bao gồm Họ và tên, Email, số điện thoại và mật khẩu.

Bước 2: Người dùng nhấn vào nút đăng ký

Bước 3: Hệ thống sẽ kiểm tra tính hợp lệ của dữ liệu nhập vào

Nếu thông tin đăng ký không chính xác, người dùng sẽ được chuyển về trang đăng ký và nhận thông báo lỗi Ngược lại, nếu thông tin đúng, tài khoản sẽ được tạo, người dùng sẽ tự động đăng nhập và được chuyển đến trang thông tin cá nhân, cùng với thông báo thành công.

Kết quả Trường Đại học Kinh tế HuếĐăng ký thành công hoặc thất bại d) Chức năng quản lý khách hàng

Chức năng Quản lý khách hàng Đối tượng sử dụng Quản trị viên

Nôi dung Cho phép quản trị viên quản lý thông tin cơ bản và các đơn đặt hàng của khách hàng

Cách xử lý Bước 1: Quản trị viên tiến hành đăng nhập vào trang quản lý

Bước 2: Quản trị viên nhấn vào mục quản lý khách hàng trên giao diện quản trị

Bước 3: Hệ thống sẽ hiển thị ra tất cả khách hàng từ CSDL

Để quản lý thông tin khách hàng, quản trị viên cần nhấn vào nút “Xem” ở mỗi dòng tương ứng với khách hàng Hệ thống sẽ hiển thị chi tiết thông tin người dùng, lịch sử mua hàng và thời gian đăng nhập gần nhất.

Kết quả Xem thành công

Trường Đại học Kinh tế Huế e) Chức năng quản lý danh mục sản phẩm

Chức năng Quản lý danh mục sản phẩm Đối tượng sử dụng Quản trị viên

Nôi dung Cho phép thực hiện các thao tác thêm, sửa, xóa danh mục sản phẩm

Cách xử lý Bước 1: Đầu tiên các quản trị viên đăng nhập vào trang quản trị

Bước 1: Quản trị viên nhấn vào mục quản lý danh mục trên giao diện quản trị

+ Bước 1: Quản trị viên nhấn vào nút thêm mới danh mục trên góc phải của giao diện

+ Bước 2: Quản trị viên tiến thành nhập lần lượt các thông tin sản phẩm như: Tên danh mục, mô tả, tiêu đề, ảnh đại diện, sắp xếp, …

Quản trị viên nhấn nút lưu để hệ thống cập nhật giao diện quản lý sản phẩm, đồng thời thông báo thành công Sản phẩm mới sẽ được hiển thị ở vị trí đầu tiên.

- Xem, chỉnh sửa, xóa thông tin danh mục sản phẩm:

+ Bước 1: Tại giao diện quản lý sản phẩm, mỗi dòng tương ứng với một sản phẩm sẽ có các nút: Chi tiết, sửa, xóa

+ Bước 2: Quản trị viên chọn các nút tương ứng với chức năng mà mình muốn ở trên giao diện

Kết quả Thực hiện thành công

Trường Đại học Kinh tế Huế f) Chức năng quản lý sản phẩm

Chức năng Quản lý sản phẩm Đối tượng sử dụng Quản trị viên

Quản trị viên có thể thực hiện các thao tác thêm, sửa và xóa sản phẩm bằng cách đăng nhập vào trang quản trị.

Bước 1: Quản trị viên nhấn vào mục quản lý sản phẩm trên giao diện quản trị

+ Bước 1: Quản trị viên nhấn vào nút thêm mới sản phẩm trên góc phải của giao diện

+ Bước 2: Quản trị viên tiến thành nhập lần lượt các thông tin sản phẩm như: Tên sản phẩm, giá, mô tả, số lượng hàng tồn, ảnh đại diện, …

Quản trị viên nhấn nút lưu để hoàn tất quá trình thêm sản phẩm, hệ thống sẽ hiển thị giao diện quản lý sản phẩm và thông báo thành công Sản phẩm mới sẽ được hiển thị ở vị trí đầu tiên trong danh sách.

- Xem, chỉnh sửa, xóa thông tin sản phẩm:

+ Bước 1: Tại giao diện quản lý sản phẩm, mỗi dòng tương ứng với một sản phẩm sẽ có các nút: Chi tiết, sửa, xóa

Quản trị viên cần chọn các nút tương ứng với chức năng mong muốn Giao diện “Chi tiết” sẽ hiển thị toàn bộ thông tin sản phẩm, trong khi giao diện “Sửa” cho phép chỉnh sửa thông tin đó.

Quản trị viên có thể sửa thông tin sản phẩm chi tiết và nhấn nút lưu để cập nhật Để xóa sản phẩm, quản trị viên cần nhấn nút xác nhận xóa trong giao diện.

Kết quả Trường Đại học Kinh tế HuếThực hiện thành công g) Chức năng quản lý đơn hàng

Chức năng Quản lý đơn hàng Đối tượng sử dụng Quản trị viên

Quản trị viên có thể thực hiện các chức năng quan trọng như cập nhật trạng thái đơn hàng, thông tin thanh toán, in hóa đơn và hủy đơn Đặc biệt, việc cập nhật trạng thái đơn hàng là một trong những nhiệm vụ cần thiết để đảm bảo quy trình xử lý đơn hàng diễn ra suôn sẻ.

- Bước 1: Sau khi đăng nhập thành công, quản trị viên vào trang quản lý đơn hàng trên giao diện,

Quản trị viên cần nhấn nút cập nhật trạng thái cho mỗi đơn hàng, tùy thuộc vào tình trạng hiện tại như đang chuẩn bị, đang giao, đã hủy hoặc đã giao dịch thành công, để đảm bảo thông tin đơn hàng được cập nhật chính xác cho người dùng.

TRIỂN KHAI XÂY DỰNG GIAO DIỆN

VÀ ĐÁNH GIÁ HỆ THỐNG

3.1 Các giao diện chính của hệ thống

3.1.1 Giao diện người dùng a) Giao diện trang chủ

Hình 3.1 Giao diện trang chủ

Mô tả: Giao diện trang chủ bao gồm những thông tin của cửa hàng, các sản phẩm mới, tin tức mới

Trường Đại học Kinh tế Huế b) Giao diện đăng ký

Hình 3.2 Giao diện đăng ký

Để đăng ký tài khoản, khách hàng cần điền đầy đủ thông tin và nhấn “Đăng ký” Sau khi hoàn tất đăng ký, khách hàng có thể ngay lập tức đăng nhập vào hệ thống của website.

Hình 3.3 Giao diện đăng nhập

Mô tả: Đối với khách hàng đã có tải khoản tiến hành đăng nhập với email và mật khẩu đã đăng ký

Trường Đại học Kinh tế Huế d) Giao diện thông tin tài khoản

Hình 3.4 Giao diện thông tin tài khoản

Khách hàng có thể xem và cập nhật thông tin cá nhân cũng như mật khẩu của mình tại đây Họ cũng có khả năng kiểm tra đơn hàng và quản lý địa chỉ một cách dễ dàng.

Hình 3.5 Giao diện sản phẩm tổng quát

Giao diện tổng quát sẽ trình bày tất cả các sản phẩm, hiển thị thông tin cơ bản như tên sản phẩm, giá cả và hình ảnh.

Trường Đại học Kinh tế Huế

Hình 3.6 Giao diện chi tiết sản phẩm

Tại giao diện chi tiết sản phẩm, người dùng sẽ thấy toàn bộ hình ảnh để có cái nhìn trực quan hơn Thông tin sản phẩm được hiển thị rõ ràng, bao gồm các thông số kỹ thuật, mô tả, tình trạng hàng hóa (còn hàng hay hết hàng), cùng với các khuyến mãi đi kèm.

Hình 3.7 Giao diện tin tức

Hệ thống tin tức sẽ luôn cập nhật bài viết mới nhất lên đầu trang, giúp khách hàng nhanh chóng nắm bắt thông tin chính xác Ngoài ra, những bài viết nổi bật từ tháng trước cũng sẽ được hiển thị để người đọc dễ dàng theo dõi.

Trường Đại học Kinh tế Huế g) Giao diện giỏ hàng

Hình 3.8 Giao diện giỏ hàng trống

Mô tả: Giao diện giỏ hàng khi không có sản phẩm nào

Hình 3.9 Giao diện giỏ hàng

Giỏ hàng hiển thị thông tin quan trọng như số lượng sản phẩm, đơn giá, tổng tiền và phí vận chuyển Khách hàng có thể dễ dàng điều chỉnh số lượng hoặc xóa sản phẩm khỏi giỏ hàng.

Trường Đại học Kinh tế Huế h) Giao diện đặt hàng

Hình 3.10 Giao diện đặt hàng

Khách hàng có thể chọn phương thức thanh toán phù hợp với nhu cầu của mình Thông tin cần thiết để cửa hàng giao hàng sẽ được hiển thị ở bên trái, trong khi tổng tiền sản phẩm và phí vận chuyển sẽ nằm ở bên phải Sau khi đặt hàng thành công, hệ thống sẽ chuyển khách hàng đến trang quản lý đơn hàng.

Trường Đại học Kinh tế Huế

3.1.2 Giao diện quản trị a) Giao diện hệ thống

Hình 3.11 Giao diện quản lý sản phẩm b) Giao diện quản lý sản phẩm

Trên giao diện quản lý sản phẩm, hệ thống hiển thị thông tin cơ bản của sản phẩm bao gồm ID, tên sản phẩm, thể loại, giá bán và trạng thái Người dùng có thể dễ dàng sửa đổi hoặc xóa từng sản phẩm và thêm mới sản phẩm khi cần thiết.

Trường Đại học Kinh tế Huế c) Giao diện quản lý tin tức

Hình 3.13 Giao diện quản lý tin tức

Trong phần quản lý tin tức và sản phẩm, người dùng sẽ thấy các thông tin cơ bản cùng với các chức năng để thêm, sửa và xóa tin tức Ngoài ra, giao diện quản lý đơn hàng cũng được hiển thị.

Hình 3.14 Giao diện quản lý đơn hàng

Mô tả đơn hàng bao gồm thông tin quan trọng như tên khách hàng, mã đơn hàng, ngày đặt và trạng thái hiện tại của đơn hàng Người dùng có khả năng duyệt hoặc hủy các đơn hàng chưa được xử lý và có thể in đơn hàng khi cần thiết.

Trường Đại học Kinh tế Huế e) Giao diện quản lý người dùng

Hình 3.15 Giao diện quản lý người dùng

Quản lý thông tin cơ bản của người dùng và phân quyền cho tài khoản là những chức năng chính Hệ thống cũng cho phép xem, sửa và xóa thông tin một cách dễ dàng.

Có thể đánh giá hệ thống qua các têu chí sau:

Giao diện website được thiết kế đơn giản nhưng đầy đủ nội dung cần thiết cho người dùng, với bố cục cân đối và cách sắp xếp rõ ràng, khoa học.

Hệ thống Back-end được phát triển trên nền tảng ASP.NET MVC, tận dụng các tính năng và tiện ích của ASP.NET để đảm bảo hiệu suất hoạt động mượt mà và hiệu quả.

Website đã tích hợp các tính năng cần thiết như thanh toán qua ví điện tử và đăng nhập bằng mạng xã hội, mang đến cho người dùng nhiều sự lựa chọn hơn trong việc mua sắm.

Trường Đại học Kinh tế Huế

Ngày đăng: 28/08/2023, 20:52

Nguồn tham khảo

Tài liệu tham khảo Loại Chi tiết
[2] “TTWTO VCCI - (Publications) The White Book on Vietnamese E- Business 2021.” https://wtocenter.vn/chuyen-de/17837-the-white-book-on-vietnamese-e-business-2021 (accessed Oct. 08, 2022) Sách, tạp chí
Tiêu đề: The White Book on Vietnamese E-Business 2021
Tác giả: Vietnam E - Commerce and Digital Economy Agency, Ministry of Industry and Trade
Nhà XB: Center for WTO and International Trade, Vietnam Chamber of Commerce and Industry
Năm: 2021
[3] “Detail.” https://fia.mpi.gov.vn/Detail/CatID/66d4da2f-f9a6-483e-b959-5d5be4b2ed17/NewsID/4a7dd6e8-5b62-4e99-bace-b39dd6aba588 (accessed Oct. 02, 2022) Sách, tạp chí
Tiêu đề: Detail
[4] “Lập trình C# - Ngôn ngữ kiếm bội tiền trong tương lai.” https://codegym.vn/blog/2018/12/22/lap-trinh-c-la-gi/ (accessed Oct. 02, 2022) Sách, tạp chí
Tiêu đề: Lập trình C# - Ngôn ngữ kiếm bội tiền trong tương lai
[5] “C# là gì? Đặc trưng và ưu điểm của ngôn ngữ lập trình C#.” https://bizfly.vn/techblog/c-la-gi.html (accessed Oct. 02, 2022).[6] “Phương phỏp nghiờn cứu lý thuyết ô Tp.”https://thanhpuskin.wordpress.com/2016/12/18/phuong-phap-nghien-cuu-ly-thuyet/(accessed Oct. 02, 2022) Sách, tạp chí
Tiêu đề: C# là gì? Đặc trưng và ưu điểm của ngôn ngữ lập trình C#
Tác giả: Nguyễn Hữu Dũng
Nhà XB: Bizfly
Năm: 2021
[7] “Hãy giới thiệu về phương pháp quan sát.” https://boxhoidap.com/hay- gioi-thieu-ve-phuong-phap-quan-sat (accessed Oct. 02, 2022) Sách, tạp chí
Tiêu đề: Hãy giới thiệu về phương pháp quan sát
[8] “Phương pháp phỏng vấn - Pupil and Students.” https://sites.google.com/site/dominhulsa/the-topic-of-social-workers/nhap-mon-cong-tac-xa-hoi/chuong-ii---ly-thuyet-va-phuong-phap-trong-ctxh/ii---cac-phuong-phap-trong-ctxh/5-phuong-phap-nghien-cuu-trong-ctxh/phuong-phap-phong-van (accessed Oct. 02, 2022) Sách, tạp chí
Tiêu đề: Phương pháp phỏng vấn - Pupil and Students
[9] “Empirical Research - Nghiên cứu thực nghiệm là gì? | DTM Consulting.” https://dtmconsulting.vn/nghien-cuu-thuc-nghiem-la-gi/ (accessed Oct. 02, 2022) Sách, tạp chí
Tiêu đề: Empirical Research - Nghiên cứu thực nghiệm là gì
Tác giả: DTM Consulting
Nhà XB: DTM Consulting
Năm: 2020
[10] “TTDATN-Nguyen Van Phong.pdf.” Accessed: Oct. 28, 2022. [Online]. Available: http://thuvien.vku.udn.vn/bitstream/123456789/1248/1/TTDATN-Nguyen%20Van%20Phong.pdfTrường Đại học Kinh tế Huế Sách, tạp chí
Tiêu đề: TTDATN-Nguyen Van Phong.pdf

HÌNH ẢNH LIÊN QUAN

Hình 1. Tổng quan thương mại điện tử - Xây dựng website bán thiết bị điện tử cho cửa hàng gearnk
Hình 1. Tổng quan thương mại điện tử (Trang 11)
Hình 2.1. Logo cửa hàng GEARNK  2.1.2. Thực trạng áp dụng công nghệ thông tin của cửa hàng GearNK - Xây dựng website bán thiết bị điện tử cho cửa hàng gearnk
Hình 2.1. Logo cửa hàng GEARNK 2.1.2. Thực trạng áp dụng công nghệ thông tin của cửa hàng GearNK (Trang 24)
2.2.5. Sơ đồ Data Flow Diagram – DFD - Xây dựng website bán thiết bị điện tử cho cửa hàng gearnk
2.2.5. Sơ đồ Data Flow Diagram – DFD (Trang 31)
Biểu đồ 2.5. Sơ đồ DFD phía quản trị viên - Xây dựng website bán thiết bị điện tử cho cửa hàng gearnk
i ểu đồ 2.5. Sơ đồ DFD phía quản trị viên (Trang 32)
Biểu đồ 2.6. Sơ đồ DFD phía khách hàng  2.2.5. Phân tích chức năng website - Xây dựng website bán thiết bị điện tử cho cửa hàng gearnk
i ểu đồ 2.6. Sơ đồ DFD phía khách hàng 2.2.5. Phân tích chức năng website (Trang 33)
Bảng NewsTags - Xây dựng website bán thiết bị điện tử cho cửa hàng gearnk
ng NewsTags (Trang 50)
Hình 2.2. Mô hình kết nối - Xây dựng website bán thiết bị điện tử cho cửa hàng gearnk
Hình 2.2. Mô hình kết nối (Trang 54)
Hình 3.2. Giao diện đăng ký - Xây dựng website bán thiết bị điện tử cho cửa hàng gearnk
Hình 3.2. Giao diện đăng ký (Trang 57)
Hình 3.3. Giao diện đăng nhập - Xây dựng website bán thiết bị điện tử cho cửa hàng gearnk
Hình 3.3. Giao diện đăng nhập (Trang 57)
Hình 3.4. Giao diện thông tin tài khoản - Xây dựng website bán thiết bị điện tử cho cửa hàng gearnk
Hình 3.4. Giao diện thông tin tài khoản (Trang 58)
Hình 3.5. Giao diện sản phẩm tổng quát - Xây dựng website bán thiết bị điện tử cho cửa hàng gearnk
Hình 3.5. Giao diện sản phẩm tổng quát (Trang 58)
Hình 3.8. Giao diện giỏ hàng trống - Xây dựng website bán thiết bị điện tử cho cửa hàng gearnk
Hình 3.8. Giao diện giỏ hàng trống (Trang 60)
Hình 3.10. Giao diện đặt hàng - Xây dựng website bán thiết bị điện tử cho cửa hàng gearnk
Hình 3.10. Giao diện đặt hàng (Trang 61)
Hình 3.11. Giao diện quản lý sản phẩm  b) Giao diện quản lý sản phẩm - Xây dựng website bán thiết bị điện tử cho cửa hàng gearnk
Hình 3.11. Giao diện quản lý sản phẩm b) Giao diện quản lý sản phẩm (Trang 62)
Hình 3.13. Giao diện quản lý tin tức - Xây dựng website bán thiết bị điện tử cho cửa hàng gearnk
Hình 3.13. Giao diện quản lý tin tức (Trang 63)

TRÍCH ĐOẠN

TÀI LIỆU CÙNG NGƯỜI DÙNG

TÀI LIỆU LIÊN QUAN

🧩 Sản phẩm bạn có thể quan tâm

w