đồ án 2 thiết kế trang web bán đồng hồ ngành hệ thống thông tin quản lí

Trang web sẽ cung cấp một danh mục đa dạng các sản phẩm, cho phép người dùng xem thông tin chi tiết về sản phẩm, thêm vào giỏ hàng và tiến hành thanh toán một cách thuận tiện và an toàn.

TRƯỜNG ĐẠI HỌC BÁCH KHOA HÀ NỘI VIỆN TOÁN ỨNG DỤNG VÀ TIN HỌC

ĐỒ ÁN 2

Ngành: H ệ thống thông tin quản lí

Giảng viên: T hầy Nguyễn Huy Trường

Sinh viên thực hiện: Nguyễn Văn Đức – 20195958 Lớp: Hệ thống thông tin quản lý – K64

HÀ NỘI – 2023

ĐÁNH GIÁ QUYỂN ĐỒ ÁN

(Dùng cho giảng viên hướng dẫn)

Tên giảng viên đánh giá:

Họ và tên sinh viên: MSSV:

Tên đồ án:

Chọn các mức điểm phù hợp cho sinh viên trình bày theo các tiêu chí dưới đây:

Rất kém (1); Kém (2); Đ t (3); Gi i (4); Xuạ ỏ ất sắc (5)

1 Nêu rõ tính cấp thiết và quan trọng của đề tài, các vấn đề và các giả thuyết (bao gồm mục đích và tính phù hợp) cũng như

phạm vi ứng dụng của đồ án

1 2 3 4 5

4 Có kết quả mô phỏng/thực nghiệm và trình bày rõ ràng kết quả đạt đư ợc 1 2 3 4 5

Có khả năng phân tích và đánh giá kết quả (15)

5

Kế hoạch làm việc rõ ràng bao gồm mục tiêu và phương pháp

thực hiện dựa trên kết quả nghiên cứu lý thuyết một cách có hệ

thống

1 2 3 4 5

6 Kết quả được trình bày một cách logic và dễ hiểu, tất cả kết quả đều được phân tích và đánh giá thỏa đáng 1 2 3 4 5

7

Trong phần kết luận, tác giả ỉ rõ sự khác biệt (nếu có) giữch a

kết quả đạt được và mục tiêu ban đầu đề ra đồng thời cung cấp

tương lai

1 2 3 4 5

8

Đồ án trình bày đúng mẫu quy định với cấu trúc các chương

logic và đẹp mắt (bảng biểu, hình ảnh rõ ràng, có tiêu đề, được

đánh số ứ tự và được giải thích hay đề cập đến; căn lề ống th th

nhất, có dấu cách sau dấu chấm, dấu phảy v.v.), có mở đầu

chương và kết ận chương, có liệt kê tài liệu tham khảo và có lu

trích dẫn đúng quy định

1 2 3 4 5

9 Kỹ năng viết xuất sắc (cấu trúc câu chuẩn, văn phong khoa học, lập luận logic và có cơ sở, từ vựng sử dụng phù hợp v.v.) 1 2 3 4 5

Thành tựu nghiên cứu khoa học (5) (chọn 1 trong 3 trường hợp)

10a

Có bài báo khoa học được đăng hoặc chấp nhận đăng/Đạt giải

SVNCKH giải 3 cấp Viện trở lên/Có giải thưởng khoa học

phát minh, sáng chế

5

10b

Được báo cáo tại hội đồng cấp Viện trong hội nghị SVNCKH

trong các kỳ thi quốc gia và quốc tế khác về chuyên ngành

(VD: TI contest)

2

Nhận xét khác (về thái độ và tinh thần làm việc của sinh viên)

Ngày: … / … / 20…

Người nhận xét

(Ký và ghi rõ họ tên)

M ỤC LỤC

ĐÁNH GIÁ QUYỂN ĐỒ ÁN 2 Lời mở đầu L ỗi! Th đánh d Āu không được xác đ椃⌀ nh.

II Các yêu c u cầ ủa người dùng L ỗi! Th đánh d Āu không được xác đ椃⌀ nh.

1 Yêu c u v phía h thầ ề ệ ống: Lỗi! Th đ愃Ānh d Āu không đư c x愃Āc đ椃⌀nh

2 Yêu c u phía khách hàngầ Lỗi! Th đ愃Ānh d Āu không đư c x愃Āc đ椃⌀nh

3 Yêu c u chầ ức năng của khách hàng Lỗi! Th đ愃Ānh d Āu không đư c x愃Āc đ椃⌀nh

4 Yêu c u chầ ức năng của người qu n trả ị Lỗi! Th đ愃Ānh d Āu không đư c x愃Āc đ椃⌀nh

III Mô hình thực thể liên k t ế L ỗi! Th đánh d Āu không được xác đ椃⌀ nh.

đ椃⌀nh

đ椃⌀nh

V Sơ đồ dữ liệu quan hệ L ỗi! Th đánh d Āu không được xá đ椃⌀ c nh.

1 Sơ đồ dữ liệu quan hệ L ỗi! Th đánh d Āu không được xác đ椃⌀ nh.

2 Chi ti t các b ng d li u ế ả ữ ệ L ỗi! Th đánh d Āu không được xác đ椃⌀ nh.

3 Giới thi u Laravel ệ L ỗi! Th đánh d Āu không được xác đ椃⌀ nh.

4 Giới thi u PHP ệ L ỗi! Th đánh d Āu không được xác đ椃⌀ nh.

VI M t s hình nh c a trang web ộ ố ả ủ L ỗi! Th đánh d Āu không được xác đ椃⌀ nh.

1 M ột s hình nh trang web ố ả L ỗi! Th đánh d Āu không được xác đ椃⌀ nh.

2 Một vài đoạn source code Lỗi! Th đ愃Ānh d Āu không đư c x愃Āc đ椃⌀nh

VIII Tài liệu tham kh o ả L ỗi! Th đánh d Āu không được xác đ椃⌀ nh.

Mở đầu

Trong bối cảnh ngày càng phát triển của công nghệ thông tin, thị trường mua bán trực tuyến ngày càng trở nên phổ biến và thu hút đông đảo người dùng Điều này tạo ra một cơ hội tiềm năng rất lớn cho các doanh nghiệp và doanh nhân muốn tham gia vào lĩnh vực kinh doanh trực tuyến

Trang web bán hàng đóng vai trò quan trọng trong việc giới thiệu sản phẩm, cung cấp thông tin chi tiết, thu hút khách hàng và thúc đẩy quá trình mua sắm trực tuyến Trong đồ án này, chúng tôi thực hiện việc thiết kế trang web bán hàng nhằm đáp ứng nhu cầu của người dùng

và mang đến trải nghiệm mua sắm trực tuyến tốt nhất

Do thời gian và kiến thức cá nhân có hạn nên bài phân tích còn có nhiều thiếu sót, em rất mong nhận được lời nhận xét cũng như góp ý từ các thầy cô, bạn đọc để chương trình được hoàn thiện hơn

Tại đây, em xin cảm ơn thầy Nguyễn Huy Trường đã hướng dẫn, giúp đỡ em hoàn thành bài viết này

Xin chân thành cảm ơn!

CHƯƠNG 1 TỔNG QUAN V ĐỀ TỀ ÀI

1.1 Lý do chọn đề tài

Kinh doanh trực tuyến đang trở thành xu hướng phổ ến trong thờ ại công nghệ sốbi i đ

Việc mở một trang web bán hàng giúp doanh nghiệp tiếp cận đế hàng triệu người dùng n

trên khắp thế ới, mở rộng phạm vi kinh doanh và tối ưu hóa doanh thu.gi

Người dùng ngày càng tìm kiếm s tiự ện lợi và linh hoạt trong việc mua sắm Một trang web bán hàng được thiết kế tốt cho phép khách hàng dễ dàng tìm kiếm sản phẩm, xem thông tin chi tiết, so sánh giá cả và thực hiện thanh toán một cách nhanh chóng và an toàn Với khả năng tiếp cận đến người dùng trên toàn thế ới, trang web bán hàng có tiềgi m năng kinh doanh không giớ ạn địa lý Điều này giúp doanh nghiệp mở rộng thị trường và i h phát triển kinh doanh quốc tế

Một trang web bán hàng chất lượng và chuyên nghiệp tạo dựng uy tín cho doanh nghiệp

và thương hiệu của họ Điều này giúp khách hàng tin tưởng và hài lòng hơn trong việc mua hàng, từ đó tạo ra lòng trung thành và khách hàng trở lại

T ếhi t kế trang web bán hàng mang lại nhiều lợi ích cho doanh nghiệp, từ ệc tăng doanh vi thu, mở rộng thị trường, đáp ứng nhu cầu của khách hàng đến việc phát triển thương hiệu

và cạnh tranh trong thị trường toàn cầu

1.2 Mục tiêu

Mục tiêu chính của đồ án là xây dựng một trang web bán hàng đơn giản, dễ sử dụng và hấp dẫn với giao diện thân thiện với người dùng Trang web sẽ cung cấp một danh mục đa dạng các sản phẩm, cho phép người dùng xem thông tin chi tiết

về sản phẩm, thêm vào giỏ hàng và tiến hành thanh toán một cách thuận tiện và an toàn

Các mục tiêu cụ thể:

1 Xây dựng giao diện trực quan và dễ sử dụng để thu hút người dùng và nâng cao trải nghiệm của họ khi sử dụng trang web

2 Hiển thị các sản phẩm một cách hấp dẫn với hình ảnh và thông tin chi tiết cụ thể, giúp người dùng có cái nhìn rõ ràng về từng sản phẩm

3 Tối ưu hóa trang web để tăng tốc độ tải trang và cải thiện hiệu suất, giúp trang web hoạt động mượt mà và ổn định trên các thiết bị và mạng internet khác nhau

4 Xây dựng hệ thống giỏ hàng và thanh toán an toàn, đảm bảo thông tin cá nhân và tài khoản của người dùng được bảo mật tuyệt đối

1.2 Phạm vi đồ án

Phạm vi của đồ án sẽ tập trung vào việc thiế ế giao diện trang web bán hàng và các t k tính năng chính liên quan đến việc hiển thị sản phẩm, tìm kiếm, giỏ hàng và thanh toán

Do đó, không bao gồm các yếu tố ức tạp như tích hợp hệ ống quản lý kho, tích ph th điểm thưởng, chương trình khuyến mãi phức tạp và các tính năng cao cấp khác

CHƯƠNG 2 Phân tích yêu cầu và đặc tả chức năng của trang web bán hàng

I Khách hàng

1.1 Yêu cầu phía khách hàng

- Giao diện đẹp thân thiện , phù hợp nghiệp vụ

- Thông tin hiển thị chi tiết

- Chạy ổn định trên các trình duyệt

- Khách hàng xem các thông tin tin tức mới , khuyế mãi trên trang webn

- Khi khách hàng chọn và đặt hàng thì phải hiệ đơn hàng để ách n kh

hàng có thể ập thông tin nh

1.2 Sơ đồ ân cấp chức năng phía khách hàng ph

Chi tiết yêu cầu chứ năng của khách hàng c

Xem sản phẩm

vào các page trên site để xem thông tin

- Đầu vào: Thông tin yêu cầu của khách hàng về sản phẩm

- Xử lý: Khi khách hàng chọn mộ ản phẩt s m bất kì trên page, thông tin mà khách hàng gử ẽ được xử lý, hệ ống sẽ lấy dữ ệu từ cơ sở dữ ệu, gửi lên cho i s th li li khách hàng

- Đầu ra: Thông tin về điện thoại bao gồm tên, hãng sản xuất, màu sắc, kích thước, giá cả, tình trạng …

Xem sản phẩm theo danh mục

- Xử lý: Hệ thống sẽ lựa chọn những sản phẩm theo danh mục , trả về kết quả, hiển

trị cho người dùng xem

- Đầu ra: Thông tin về mặt hàng theo danh mục

Đặt hàng

gửi thông tin đặt hàng thì mặt hàng đó sẽ được gử ến giỏ hàng i đ

- Đầu vào: Thông tin về sản phẩm mà khách hàng muốn mua

việc đó nếu khách hàng chọn lần đầu tiên thì ở giỏ hàng sẽ tạo mới sản phẩm, số

lượng sản phẩm Nếu đã tồn tại m t hàng đó trong giặ ỏ hàng rồi thì số lượng sản

Giỏ hàng

- Cho phép khách hàng xem, điều chỉnh, thêm, xóa mặt hàng mà khách

- Đầu vào: Thông tin của các mặt hàng mà khách hàng đã đặt mua, số lượng sản phẩm mà khách hàng muốn mua

hàng chọn lạ ố ợng và chọn cập nhật thì số ợng củi s lư lư a mặt hàng đó cần được cập nhậ ại, tổng giá cũng cần được tính toán lạt l i Khi khách hàng chọn xóa sản phẩm thì sản phẩm đó phải được xóa khỏi giỏ hàng Khách hàng chọn xóa hế t thì sẽ thông báo không có mặt hàng nào trong giỏ hàng Khách hàng chọn mua tiếp thì sẽ chuyển về trang chủ, chọn đặt hàng thì sẽ chuyển đến trang mua hàng

- Đầu ra: Thông tin về giỏ hàng bao gồm sản phẩm, s lượng, tổng giá ố

Tìm kiếm sản phẩm

từ khóa liên quan đến sản phẩm vào ô tìm kiếm

tên đó với dữ liệu có trong database Nếu tìm thấy kết quả sẽ trả kết quả tìm kiếm

về cho người dùng, nếu không tìm thấy kết quả nào thì hệ ống sẽ gửth i thông báo: “Không tìm thấy kết quả”

II Hệ ống th

2.1 Yêu cầu phía hệ ống th

- Đảm bảo các thông tin về đăng nhập , đăng xuất , đổi mật khẩu , cập nhật thường

xuyên các phản hồ ủa khách hàng i c

- Đảm bảo thông tin cá nhân của khách hàng

- Đảm bảo thông tin về hóa đơn , đơn hàng

2.2 Sơ đồ ân cấp chức năng phía hệ ống ph th

Chi ết yêu cầu chức năng phía hệ ống ti th

Quản l ản phẩí s m

- Quản lý thông tin sản phẩm bao gồm các thuộc tính như tên,

số lượng, giá cả, xuất sứ, chất liệu, phong cách, … Có các chức năng như thêm, xóa, sửa thông tin mặt hàng

- Đầu vào: Thông tin sản phẩm: Tên, xuất xứ, giá cả, tình trạng, kích thước, chất liệu, phong cách, trọng lượng

- Xử lý: Thêm sản phẩm: Khi người quản trị website chọn chức năng thêm sản phẩm, hệ thống sẽ chuyển đến trang thêm sản phẩm Ở trang này người dùng nhập thông tin về sản phẩm sau đó gửi thông tin đã nhập cho hệ thống

- Sửa sản phẩm: Khi người quản trị website chọn chức năng sửa sản phẩm thì thông tin sản phẩm cần sửa sẽ được hệ thống chuyển đến trang sửa sản phẩm Ở trang này người dùng chỉnh sửa thông tin và gửi về cho hệ thống

- Xóa sản phẩm: Người dùng chọn sản phẩm cần xóa, hệ thống sẽ gửi thông tin sản phẩm mà người dùng muốn xóa về database, sản phẩm sẽ được xóa ở database

- Đầu ra: Thông tin sản phẩm sau khi được xử lý

Quản l đơn đặ àng í t h

- Liệt kê các đơn đặt hàng mà khách hàng đã đặt hàng, hiển thị tình trạng đơn hàng

- Đầu vào: Thông tin của đơn hàng bao gồm: Tên khách hàng, nơi nhận hàng, thời gian đặt hàng, giá trị của đơn hàng, tình trạng đơn hàng

- Xử lý: Hệ thống lấy dữ liệu từ cơ sở dữ liệu, hiển thị lên trang đơn đặt hàng

- Người quản trị chọn nhân viên giao hàng, sau đó cập nhật tình trạng đơn hàng,

có thể thêm ghi chú về đơn hàng đó như thời gian mà khách hàng có thể nhận đơn hàng Nếu đơn hàng được cập nhật ở trạng thái đang chuyển mà nhân viên giao hàng chưa được chọn thì hệ thống cảnh báo cho quản trị viên biết là họ chưa chọn nhân viên giao hàng

- Khi người quản trị chọn hủy đơn hàng thì hệ thống sẽ gửi thông tin đơn hàng cần hủy xuống database để hủy đơn hàng Khi chọn xem chi tiết thì sẽ gửi đến trang chi tiết đơn đặt hàng

- Đầu ra: Giá trị, tình trạng đơn hàng

Quản lí ngườ ùng i d

- Quản lý thông tin của người dùng bao gồm thông tin về

tên, tài khoản, mật khẩu cùng các chức năng thêm mới, sửa, xóa người dùng

- Đầu vào: Thông tin người dùng: Tên, tài khoản, mật khẩu

- Xử lý: Khi quản trị viên chọn các chức năng thêm, sửa, xóa người dùng, thông tin mà quản trị viên yêu cầu sẽ được hệ thống gửi xuống database để thực hiện các chức năng đó

- Đầu ra: Thông tin về người dùng sau khi được xử lý

CHƯƠNG 3 Thiế ế hệ t k thống

3.1 S đồ ực thể ơ th liên kết

Thực thể là khái niệm để chỉ một lớp các đôi tượng có cùng đặc tính chung mà người

ta muốn quản lí thông tin của nó Ví dụ : sinh viên , hàng hóa , vật tư …

Để mô tả thông tin về một thực thể , người ta thường dựa vào các đặc tính riêng của thực thể đó Các đặc trưng đó gọi là thuộc tính của thực thể

- Ví dụ : thực thể hàng hóa thì giá trị của các thuộc tính mã hàng hóa, tên hàng hóa, đơn vị tính, đơn giá … là những thông tin mà nhà quản lí cần quan tâm

Có ba kiểu liên kết :

- Một – một

- Một – nhiều

- Nhiều – nhiều

Các bước xây dựng sơ đồ thực thể liên kết :

- Xác định và định danh thực thể

- Xác định các thuộc tính mô tả cho thực thể

- Xác định liên kết giữa các thực thể Sơ đồ thực thể liên kết:

Sơ đồ thực thể liên kết :

Sơ đồ dữ liệu quan hệ

3.2 Chi tiết các bảng

Bảng Admin

Bảng customers

Bảng comment

Bảng order

Bảng order detail

Bảng product

Bảng category product

Bảng img product

Bảng banner

3.3 Các công nghệ và công cụ sử dụng trong quá trình

Visual studio code

Visual Studio Code (VS Code) là một trình soạn thảo mã nguồn mở và miễn phí do

Microsoft phát triển Nó được thiết kế để hỗ trợ các lập trình viên và nhà phát triển

trong việc viết mã và là một trong những công cụ phổ biến nhất trong cộng đồng

lập trình

Tính năng nổi bật : đa nền tảng , hỗ trợ nhiều ngôn ngữ lập trình , cài đặt mở rộng , hỗ trợ Git tích hợp sẵn , gỡ lỗi mạnh mẽ , tùy chỉnh và cấu hình linh ho , giao ạt diện người dùng đơn giản và thân thiện …

Xampp

XAMPP được phát triển nhằm giúp nhà phát triển web và những người mới bắt đầu dễ dàng tạo và thử nghiệm các ứng dụng web trên máy tính cá nhân mà không cần phải cấu hình từng thành phần riêng lẻ Nó giúp giả lập môi trường máy chủ web hoàn chỉnh trên máy tính cá nhân, giúp người dùng có thể phát triển và thử nghiệm các ứng dụng web một cách dễ dàng và nhanh chóng XAMPP có sẵn cho các hệ điều hành phổ biến như Windows, macOS và Linux

Framework laravel

Laravel là một framework web mã nguồn mở được viết bằng PHP, được phát triển bởi Taylor Otwell Laravel cung cấp một cách tiếp cận dễ dàng và mạnh mẽ để phát triển ứng dụng web hiện đại và đáp ứng nhanh chóng Nó là một trong những framework phổ biến nhất trong cộng đồng lập trình PHP và được sử dụng rộng rãi cho việc xây dựng các dự án phần mềm và ứng dụng web

Tính năng nổi bật : cú pháp rõ ràng và dễ hiểu , hệ thống định tuyến , ORM , tích hợp sẵn các thư viện hữu ích , Hệ thống Blade template , tích hợp hệ thống đơn vị kiểm thử …

Trong thiết kế, giao diện người dùng đóng vai trò vô cùng quan trọng, nó mang ý nghĩa truyền tải thông điệp từ người thiết kế, nhà cung cấp dịch vụ, sản phẩm tới người dùng bằng các phương thức lập tình hay xây dựng nội dung để người dùng có thể xem, hiểu và

sử dụng một cách hiệu quả Một trang web có đẹp hay không, bố cục có hợp lý hay không , có thu hút được người đọc hay không đều dựa vào khả năng thiết kế giao diện của các nhà thiết kế Nếu một bản thiết kế không tốt có thể sẽ ảnh hưởng đến sự tương tác của người dùng, dẫn đến việc sử dung không hiệu quả, làm giảm đi giá trị của sản phẩm và những đánh giá không hay từ phía người dùng Thấy được tầm quan trọng của giao diện, dưới đây

là bản trình bày thiết kế giao diện trang web bán đồng hồ

Đăng nhập