Báo cáo bài tập lớn đề tài tìm hiểu famework express áp dụng xây dựng website bán khóa học online

Trang 1 TRƯỜNG ĐẠI HỌC CÔNG NGHIỆP HÀ NỘIKHOA CÔNG NGHỆ THÔNG TINBÁO CÁO BÀI TẬP LỚNHỌC PHẦN: THỰC TẬP CHUYÊN NGÀNH KỸ THUẬTPHẦN MỀMĐỀ TÀITÌM HIỂU FAMEWORK EXPRESS ÁP DỤNG XÂY DỰNGWEBSIT

TRƯỜNG ĐẠI HỌC CÔNG NGHIỆP HÀ NỘI

KHOA CÔNG NGHỆ THÔNG TIN

BÁO CÁO BÀI TẬP LỚN HỌC PHẦN: THỰC TẬP CHUYÊN NGÀNH KỸ THUẬT

PHẦN MỀM

ĐỀ TÀI TÌM HIỂU FAMEWORK EXPRESS ÁP DỤNG XÂY DỰNG

WEBSITE BÁN KHÓA HỌC ONLINE

Giảng viên hướng

dẫn:

Nguyễn Thái Cường

Thành Viên: Đinh Khắc Tuấn

Hoàng Văn Vương Phạm Quang Khải Nguyễn Bá Hoàng

2020605847 2020602011 2020605724 2020601315

Hà Nội, tháng 03 năm 2023

MỤC LỤC

MỤC LỤC 2

PHỤ LỤC HÌNH ẢNH 4

PHỤ LỤC BẢNG 5

LỜI CẢM ƠN 6

MỞ ĐẦU 7

PHẦN 1: GIỚI THIỆU CHUNG VỀ ĐỀ TÀI 8

1.1 Giới thiệu chung 8

1.2 Lý do chọn đề tài và các công nghệ sử dụng 8

1.3 Hệ thống đề nghị 8

1.4 Công nghệ và các công cụ sử dụng 9

1.4.1 Các công cụ sử dụng 9

1.4.2 Quy trình và mô hình sử dụng 9

1.5 Tổng quan cơ sở lý thuyết 9

PHẦN 2: KẾT QUẢ NGHIÊN CỨU 12

2.1 Giới hiệu chung 12

2.1.1 Kiến trúc phần mềm 12

2.1.2 Mô tả bài toán 13

2.2 Phân tích thiết kế hệ thống 14

2.2.1 Khảo sát hệ thống 14

2.2.2 thiết kế giao diện 21

2.2.3 Đặc tả yêu cầu phần mềm 26

2.3 Thực hiện bài toán 39

2.3.1 Trang chủ 39

2.3.2 Trang Đăng ký 39

2.3.3 Trang Đăng Nhập 40

2.3.4 Xem Chi Tiết Sản Phẩm 41

2.3.5 Trang Giỏ Hàng 41

2.3.6 Trang Thanh Toán 42

2.3.7 Trang Quản Lý Người Dùng (User) 42

2.3.8 Trang Quản Trị (Admin) 43

2.3.9 Trang Quản Lý Người Dùng (Admin) 43

2.3.10 Trang Quản Lý Khóa Học (Admin) 43

2.3.11 Trang Quản Lý Danh Sách Tài Khoản Hệ thống (Admin) 44

2.3.12 Trang Tạo Mới Khóa Học (Admin) 44

2.4 Kiểm thử chức năng hệ thống 44

2.4.1 Kiểm thử chức năng phía khách hàng 44

2.4.2 Kiểm thử chức năng phía người quản trị 46

2.5 Hướng dẫn cài đặt 47

2.5.1 Cài đặt môi trường 47

2.5.2 Cài đặt Cơ sở dữ liệu 47

2.5.3 Kết nối Cơ sở dữ liệu 48

2.5.4 Chạy ứng dụng 48

PHẦN 3: KẾT LUẬN 49

TÀI LIỆU THAM KHẢO 50

PHỤ LỤC HÌNH ẢN

Hình 2.1 Mô hình MVC 12

Hình 2.2 Biểu đồ khảo sát việc học trực tuyến 16

Hình 2.3 Biểu đồ khảo sát mua khóa học trước đây 17

Hình 2.4 Biểu đồ khảo sát dự định mua khóa học 17

Hình 2.5 Biểu đồ khảo sát thanh toán bằng thẻ tín dụng 18

Hình 2.6 Biểu đồ khảo sát độ tin cậy chất lượng khóa học 18

Hình 2.7 Biểu đồ khảo sát việc giới thiệu khóa học cho mọi người 19

Hình 2.8 Biểu đồ khảo sát nhu cầu nhận thông tin khóa học 19

Hình 2.9 Tổng hợp câu trả lời 19

Hình 2.10 Thiết kế giao diện trang chủ 21

Hình 2.11 Thiết kế giao diện đăng ký 21

Hình 2.12 Thiết kế giao diện đăng nhập 22

Hình 2.13 Thiết kế giao diện xem chi tiết sản phẩm 22

Hình 2.14 Thiết kế giao diện quản lý tài khoản 23

Hình 2.15 Thiết kế giao diện quản lý tài khoản(admin) 24

Hình 2.16 Thiết kế giao diện quản lý tài khoản(user) 24

Hình 2.17 Thiết kế giao diện quản lý khóa học 25

Hình 2.18 Thiết kế giao diện quản lý hệ thống 25

Hình 2.19 sơ đồ use case tổng quát 26

Hình 2.20 Sơ đồ phân rã use case khách hàng chưa có tài khoản 27

Hình 2.21 Sơ đồ phân rã use case khách hàng có tài khoản 27

Hình 2.22 Sơ đồ phân rã use case người quản trị 28

Hình 2.23 Các bảng cơ sở dữ liệu 35

Hình 2.24 Bảng người dùng 36

Hình 2.25 Bảng khóa học 36

Hình 2.26 Bảng giỏ hàng 37

Hình 2.27 Bảng yêu cầu 37

Hình 2.28 Bảng chi tiết yêu cầu 38

Hình 2.29 bảng danh sách yêu cầu 38

Hình 2.30 Giao diện trang chủ 39

Hình 2.31 Giao diện trang đăng ký 39

Hình 2.32 Giao diện trang đăng nhập 40

Hình 2.33 Giao diện trang xem chi tiết sản phẩm 41

Hình 2.34 Giao diện trang giỏ hàng 41

Hình 2.35 Giao diện trang thanh toán 42

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

Hình 2.37 Giao diện trang quản trị(admin) 43

Hình 2.38 Giao diện trang quản lý người dùng(admin) 43

Hình 2.39 Giao diện trang quản lý khóa học(admin) 43

Hình 2.40 Giao diện trang quản lý danh sách tài khoản hệ thống(admin) 44

Hình 2.41 Giao diện trang tạo khóa học(admin) 44

Hình 2.42 giao diện MongoDB 47

Hình 2.43 Đoạn code kết nối tới cơ sở dữ liệu 48 PHỤ LỤC BẢN

Bảng 2.1 khảo sát online 14

Bảng 2.2 phiếu điều tra về việc sử dụng website bán khóa học online 16

Bảng 2.3 Mô tả use case đăng ký 29

Bảng 2.4 Mô tả use case đăng nhập 29

Bảng 2.5 Mô tả use case xem trang chủ 30

Bảng 2.6 Mô tả use case thêm vào giỏ hàng 31

Bảng 2.7 Mô tả use casexem giỏ hàng 31

Bảng 2.8 Mô tả use case đặt hàng 32

Bảng 2.9 Mô tả use case xem tình trạng đơn hàng 32

Bảng 2.10 Mô tả use case quản lý khách hàng 33

Bảng 2.11 Mô tả use case quản lý tài khoản(admin) 34

Bảng 2.12 Mô tả use case quản lý sản phẩm 34

Bảng 2.13 kiểm thử phía khách hàng 46

Bảng 2.14 kiểm thử phía người quản trị 47

LỜI CẢM ƠN

Đối với một sinh viên trường Đại học Công nghiệp Hà Nội, bài tập lớn là minh chứng cho thành quả xuyên suốt các kì học vừa qua Nó vừa giúp chúng em củng cố kiến thức cũng như giúp em cải thiện các kĩ năng còn thiếu Nhóm em xin gửi lời cảm ơn đến trường Đại học Công nghiệp Hà Nội, khoa Công nghệ thông tin đã tạo điều kiện cho em được học tập và được làm bài tập lớn Chúng

em xin chân thành cảm ơn thầy cô trong khoa Công nghệ thông tin đã đã giảng dạy với tất cả tâm huyết, truyền dạy cho chúng em tất cả những tri thức quý báu của mình để chúng em có thể vững bước tiếp trên con đường lập nghiệp của

mình Nhóm 07 chúng em xin chân thành cảm ơn đến giảng viên Nguyễn Thái

Cường Trong suốt quá trình nghiên cứu, thực hiện bài tập lớn cô đã luôn giúp

đỡ, hướng dẫn tận tình để chúng em có thể hoàn thành bài tập lớn đầu tiên này.Chúng em đã cố gắng hoàn thiện báo cáo bài tập lớn một cách tốt nhất trong khảnăng của mình, tuy nhiên không thể tránh được những thiếu sót Chúng em rất mong nhận được sự góp ý của các cô và các bạn để bài tập lớn này của chúng

em được hoàn thiện hơn

Lời cuối cùng chúng em xin chúc thầy cô luôn dồi dào sức khỏe, luôn vui vẻ và thành công trong cuộc sống!

Chúng em xin chân thành cảm ơn!

MỞ ĐẦU

Ngày nay, công nghệ ngày càng phát triển mạnh mẽ Do vậy, nhu cầu học tập và nâng cao kỹ năng qua các khóa học online cũng ngày càng tăng cao Khóa học online là một hình thức học tập tiện lợi, linh hoạt và hiệu quả cho nhiều đối tượng

Nhóm 07 chúng em đã nắm bắt thời cơ và đã cùng nhau lên ý tưởng, từ đó đã thống nhất được chủ đề đó là cùng nhau xây dựng một website bán khóa học để giúp người dạy có thể chia sẻ kiến thức và kinh nghiệm cũng như giúp người học có thể tìm kiếm và lựa chọn các khóa học phù hợp với nhu cầu của mình Website bán khóa học là xu thế tất yếu hiện nay, khi người học có nhu cầu học một kỹ năng nào đó họ đều có xu hướng tìm kiếm thông tin khóa học trên các công cụ tìm kiếm Website bán khóa học là giải pháp hiệu quả giúp người dạy tiếp cận được với nhiều người học hơn, tăng doanh thu và uy tín cho bản thân và

tổ chức So với việc tổ chức các lớp học truyền thống, chi phí đầu tư cơ sở vật chất, chi phí thuê nhân viên giảng dạy, chi phí quản lý và điều hành cao, các chi phí phát sinh khác thì việc sở hữu một website bán khóa học rẻ và hiệu quả hơn hẳn Với website bán khóa học phạm vi người học của người dạy sẽ được mở rộng hơn bao giờ hết Nếu tổ chức một lớp học truyền thống thì người học sẽ bị giới hạn trong một phạm vi địa lý nhất định nhưng với internet, mức độ phủ sóng sẽ lan truyền rất nhanh Với dịch vụ giao hàng toàn quốc có thể phục vụ người học ở mọi nơi với thời gian nhanh nhất có thể Với những phương thức quảng cáo, tiếp thị trực tuyến, uy tín của người dạy sẽ có mức độ lan tỏa vô cùnglớn Không những vậy, người dạy cũng dễ dàng với các công việc quản lý như quản lý khóa học, quản lý doanh thu, quản lý phản hồi, thống kê báo cáo, v.v

PHẦN 1: GIỚI THIỆU CHUNG VỀ ĐỀ TÀI1.1 Giới thiệu chung

Trước sự phát triển vượt bậc của công nghệ số, thương mại điện tử đã trở thành một xu hướng không thể bỏ qua trong kinh doanh Người tiêu dùng ngày càng ưa chuộng mua bán sản phẩm qua ứng dụng trực tuyến và trên website Tuy nhiên, cần phải nhìn thực tế rằng, tại Việt Nam, xu thế mua bán trực tuyến chưa thể lấn át và thay thế hoàn toàn việc học tập trực tiếp Trong thời gian tới, nếu sự kết hợp tốt học tập trực tuyến và học tập trực tiếp sẽ là nền tảng để các cánhân và tổ chức nâng cao kỹ năng và kiến thức bền vững Đặc biệt là lĩnh vực giáo dục mà đặc biệt là các khóa học online về ngoại ngữ, kinh doanh, thiết kế…thì mua bán trực tuyến chính là giải pháp hiệu quả nhất cho người dạy và người học với mong muốn tiết kiệm chi phí và thời gian nhờ nguồn khách hàng rộng lớn trên Internet

Sỡ hữu một website trưng bày bán khóa học chính là giải pháp tốt nhất hiện giờ

1.2 Lý do chọn đề tài và các công nghệ sử dụng

Hiện nay, nhu cầu học tập online đã trở nên rất phổ biến và tiện lợi Khóa học online cũng là một mặt hàng rất được ưa chuộng bởi nhiều người muốn nâng cao kỹ năng và kiến thức Tuy nhiên một số tổ chức giáo dục truyền thống vẫn chưa áp dụng công nghệ vào giảng dạy, dẫn đến tình trạng giảm hấp dẫn cũng như hiệu quả Do vậy nhóm em quyết định tạo một website để thuận tiện cho người dạy cũng như người học

1.3 Hệ thống đề nghị

- Dễ dàng cho việc quản lý cũng như thống kê

- Tiện lợi, năng suất

- Giao diện thân thiện, dễ dàng sử dụng

 Nhóm em quyết định sẽ xây dựng website bán khóa học để giải quyết các vấn đề trên.

1.4 Công nghệ và các công cụ sử dụng.

1.4.1 Các công cụ sử dụng

 Công cụ phần mềm phát triển website:

o Visual studio code

Xây dựng Website dựa vào mô hình MVC (Model-View-Controller)

1.5 Tổng quan cơ sở lý thuyết

 HTML là viết tắt của HyperText Markup Language, là ngôn ngữ lập trình

cơ bản để xây dựng các trang web Nó được sử dụng để định dạng và cấu trúc nội dung trên trang web, bao gồm định dạng chữ, hình ảnh, liên kết

và các phần tử khác HTML được sử dụng chủ yếu trong cả front-end và back-end của các ứng dụng web Nó là một phần không thể thiếu trong việc xây dựng bất kỳ trang web nào Các phiên bản HTML mới được pháttriển để cải tiến và nâng cao tính năng và khả năng tương tác của trang web

 CSS (Cascading Style Sheets) là một ngôn ngữ được sử dụng để định dạng và trang trí trang web CSS được sử dụng để tạo ra một bố cục hấp dẫn và trang trí trang web bằng cách áp dụng các kiểu và định dạng cho các phần tử của trang web như văn bản, hình ảnh, bảng, mục đích, đường viền, nền, v.v CSS có thể giúp tăng khả năng tương tác của trang web và cải thiện trải nghiệm người dùng Ngoài ra, CSS còn giúp tiết kiệm tài nguyên và giảm thời gian tải trang web, đồng thời làm cho trang web dễ bảo trì và nâng cấp

 JavaScript là một ngôn ngữ lập trình phía client-side được sử dụng để tạo

ra các trang web tương tác Nó cho phép lập trình viên tương tác với các phần tử HTML, CSS và động cơ JavaScript của trình duyệt JavaScript có thể thực hiện nhiều thao tác như kiểm tra hợp lệ của dữ liệu, kiểm tra yêu cầu của khách hàng, hiển thị các thông báo cảnh báo, v.v JavaScript cũng

có thể được sử dụng trong các ứng dụng di động và đa nền tảng Nó được

hỗ trợ bởi hầu hết các trình duyệt hiện đại và có thể được sử dụng để tạo

ra các ứng dụng web phức tạp

 SCSS là viết tắt của Sassy CSS, một ngôn ngữ định dạng tệp CSS tiên tiến Nó cung cấp các tính năng động, chia sẻ code và giảm thiểu mã CSS.SCSS cung cấp cho người phát triển nhiều tính năng ưu việt bao gồm biến, nested, mixins và inheritance Điều này giúp tăng năng suất, đọc và bảo trì dự án của bạn SCSS được biên dịch thành CSS truyền thống để cóthể dễ dàng tích hợp vào các dự án web

 Node.js là một nền tảng phát triển cho ứng dụ web được xây dựng dựa trên mã nguồn mở và chạy trên môi trường JavaScript Node.js cho phép các nhà phát triển sử dụng JavaScript để viết cả phía client và server-side cho các ứng dụng web, thay vì phải sử dụng nhiều ngôn ngữ khác nhau.Node.js sử dụng mô hình hướng sự kiện (event-driven) và không chặn đầuvào/đầu ra để xử lý các yêu cầu trên server Với cách thức hoạt động này, Node.js cho phép xử lý nu yêu cầu của người dùng trong cùng thời điểm

mà không gây ra tình trạng bị chặn (blocking) khi truy xuất cơ sở dữ liệu hay tương tác với các API khác

 Express.js (hay còn gọi là Express) là một framework cho phép xây dựngcác ứng dụng web bằng Node.js Express cung cấp một kiến trúc đơn giản

và mô-đun hóa các tính năng, giúp người phát triển đơn giản hóa việc thiết kế và xây dựng ứng dụng web

 Mongodb là một hệ thống cơ sở dữ liệu NoSQL, nó là một hệ thống đa luồng, có khả năng phân tán và hoạt động trên nhiều nền tảng khác nhau Mongodb được phát triển bởi công ty 10gen và được phát hành lần đầu

vào năm 2009 Mongodb sử dụng mô hình lưu trữ dạng tài liệu, cho phép truy vấn dữ liệu rất nhanh chóng và linh hoạt Nó còn hỗ trợ đầy đủ các tính năng của một hệ quản trị cơ sở dữ liệu, bao gồm các tính năng bảo mật, sao lưu dữ liệu và khôi phục dữ liệu Mongodb được sử dụng rộng rãi trong các ứng dụng web, mobile và Internet of Things (IoT).

PHẦN 2: KẾT QUẢ NGHIÊN CỨU2.1 Giới hiệu chung

2.1.1 Kiến trúc phần mềm

Sử dụng mô hình 3 lớp MVC

MVC là viết tắt của Model – View – Controller, mô hình phần mềm này được tạo ra giúp xây và quản lý dự án phần mềm có hệ thống hơn Mô hình này đang được sử dụng rỗng rãi nhất hiện nay

Hình 2.1 Mô hình MVC

Trong đó:

Model: có nhiệm vụ thao tác trực tiếp với cơ sở dữ liệu, nó sẽ chứa

các hàm, các phương thức để truy vấn vào cơ sở dữ liệu

View: có nhiệm vụ nhận dữ liệu từ Controller và hiển thị dữ liệu ra

màn hình Dữ liệu hiển thị ra sẽ phụ thuộc vào Controller

Controller: là trung gian giữa Model và View, có nhiệm vụ lấy yêu

cầu từ khách hàng sau đó gửi và lấy dữ liệu từ Model và trả dữ liệu về Controller

Ưu và nhược điểm:

Ưu điểm:

- Trình tự rõ ràng

- Thuận tiện cho việc quản lý, bảo trì, nâng cấp

Nhược điểm:

- Cồng kềnh, tốn thời gian trong việc phát triển dự án nhỏ

- Khá là khó hiểu cho người mới tiếp cận

2.1.2 Mô tả bài toán

- Khi khách hàng có nhu cầu đặt mua hoặc xem danh sách các khóa học thì có thể đặt hoặc vào Website để thực hiện

Website sẽ hiển danh mục khóa học, khách hàng có thể lựa chọn khóa học để xem hoặc mua

Khi khách hàng lựa chọn sản phẩm trong danh sách sản phẩm khách hàng có thểxem chi tiết các sản phẩm ( khách hàng không cần đăng nhập)

Mỗi khách hàng muốn mua hàng thì phải là thành viên và đã đăng ký thành côngtrên Website Khách hàng cần đăng nhập để mua

Sản phẩm đã được thêm vào giỏ hàng, nếu khách hàng không ưng ý có thể xóa khỏi giỏ hàng

Khi khách hàng muốn đặt mua thì có thể nhấn vào nút đặt hàng ở trong phần giỏhàng và điền thông tin cá nhân Khách hàng có thể lựa chọn các phương thức thanh toán như: thanh toán khi nhận hàng hoặc thanh toán trực tiếp

Khách hàng có thể xem tình trạng đơn hàng của mình bằng cách nhấn vào tên khách hàng

Người quản trị có thể xem, thêm, sửa, xóa sản phẩm

Người quản trị có thể xem các đơn hàng từ đó có thể duyệt đơn hoặc hủy đơn.Người quản trị có thể xem danh sách các người dùng đã đăng ký với hệ thống,

từ đó có thể xóa người dùng

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

2.2.1 Khảo sát hệ thống

2.2.1.1 Khảo sát online

Thành viên Nội dung khảo sát Thời gian Đúng giờ

Đinh Khắc Tuấn + Lợi ích khi sử dụng

phần mềm quản lý bán khóa học online

30 phút 

Nguyễn Bá Hoàng + Bảo hành, bảo trì 15 phút 

Bảng 2.1 khảo sát online

2.2.1.2: Khảo sát qua Google Form

Phương pháp điều tra

PHIẾU ĐIỀU TRA VỀ VIỆC SỬ DỤNG WEBSITE BÁN KHÓA

HỌC ONLINE

Câu 1: Bạn có quan tâm đến việc

học trực tuyến?

A: Có B: Không

Câu 2: Bạn đã từng mua khóa học

trực tuyến trước đây chưa?

A: CóB: Không

Câu 3: Bạn có dự định mua khóa

học trực tuyến trong thời gian sắp

tới không?

A: CóB: Không

Câu 4: Bạn thường dùng điện thoại

di động để truy cập vào website để

mua khóa học trực tuyến không?

A: CóB: Không

Câu 5: Bạn có tin tưởng vào chất

lượng của các khóa học trực tuyến

không?

A: CóB: Không

Câu 6: Bạn có sẵn sàng thanh toán

bằng thẻ tín dụng để mua khóa học

trực tuyến không?

A: CóB: Không

Câu 7: Bạn sẵn sàng giới thiệu

website bán khóa học trực tuyến

của chúng tôi cho bạn bè và người

thân không?

A: CóB: Không

Câu 8: Bạn có mong muốn được A: Có

nhận thông tin về các khóa học trực

tuyến mới nhất của chúng tôi

không?

B: Không

Câu 9: Khách hàng thường sử dụng

kiểu thanh toán nào khi mua hàng?

Trả lời: (câu hỏi mở)

Câu 10: Khách hàng có đánh giá gì

về giao diện của website?

Trả lời: (câu hỏi mở)

Câu 11: Khoản đầu tư cho một

website là bao nhiêu?

Trả lời: (câu hỏi mở)

Bảng 2.2 phiếu điều tra về việc sử dụng website bán khóa học online

Link google form :ZIt15jyAoneM5Jr9XOnnGUenI/viewform?edit_requested=true

https://docs.google.com/forms/d/1HSibvxmqRkNhSJsyw-Kết quả khảo sát

Biểu đồ

Hình 2.2 Biểu đồ khảo sát việc học trực tuyến

Hình 2.3 Biểu đồ khảo sát mua khóa học trước đây

Hình 2.4 Biểu đồ khảo sát dự định mua khóa học

Hình 2.5 Biểu đồ khảo sát thanh toán bằng thẻ tín dụng

Hình 2.6 Biểu đồ khảo sát độ tin cậy chất lượng khóa học

Hình 2.7 Biểu đồ khảo sát việc giới thiệu khóa học cho mọi người

Hình 2.8 Biểu đồ khảo sát nhu cầu nhận thông tin khóa học

=> nhu cầu học tập online rất cao nhưng vì 1 số lý do khách quan nên cần phải

có một website khóa học miễn phí , tổng hợp và chắt lọc giúp cho người học đi đúng lộ trình , đây đủ kiến thức

2.2.1.2 Khảo sát chi tiết

2.2.1.2.1 Hoạt động của hệ thống

Hệ thống website là hệ thống thương mại điện tử và có các chức năng sau:

Người sử dụng có thể tạo tài khoản và đăng nhập trên hệ thống và đăng xuất.Người sử dụng có thể tìm kiếm khóa học, xem các khóa học , mua khóa họcNgười sử dụng có thể thêm khóa học vào giỏ hàng và xem các khóa học trong giỏ hàng của mình

Người sủ dụng có thể quản lý thông tin cá nhân

2.2.1.2.2 Yêu cầu chức năng

- Đăng xuất

- Đăng nhập

- Quản lý tài khoản

- Chọn một khóa học

- Thanh toán khóa học

2.2.1.2.3 Yêu cầu phi chức năng

- Giao diện thân thiện, mượt mà, dễ sử dụng

d Xem chi tiết sản phẩm

Hình 2.13 Thiết kế giao diện xem chi tiết sản phẩm

e Quản lý tài khoản

Hình 2.14 Thiết kế giao diện quản lý tài khoản

f Quản lý giỏ hàng

2.2.2.2 Phía quản trị

a Quản lý Tài khoản (admin)

Hình 2.15 Thiết kế giao diện quản lý tài khoản(admin)

b Quản lý tài khoản (user)

Hình 2.16 Thiết kế giao diện quản lý tài khoản(user)