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

<span class="text_page_counter">Trang 1</span><div class="page_container" data-page="1">

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

<b>ĐỒ ÁN 2 </b>

<b>Ngành: Hệ thống thơng tin quản lí </b>

Giảng viên: Thầ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

</div><span class="text_page_counter">Trang 2</span><div class="page_container" data-page="2">

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: ...

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

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

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

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

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

</div><span class="text_page_counter">Trang 3</span><div class="page_container" data-page="3">

Đượ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)

<b>Người nhận xét </b>

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

</div><span class="text_page_counter">Trang 4</span><div class="page_container" data-page="4">

<b>MỤC LỤC</b>

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

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

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 ... ế <b>Lỗi! Th đánh d Āu không được xác đ椃⌀nh.</b>

đ椃⌀nh.

đ椃⌀nh.

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

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

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

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

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

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

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

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 ... ả <b>Lỗi! Th đánh d Āu không được xác đ椃⌀nh.</b>

</div><span class="text_page_counter">Trang 5</span><div class="page_container" data-page="5">

<b> </b>

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 hồ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

</div><span class="text_page_counter">Trang 6</span><div class="page_container" data-page="6">

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 tồ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 hphá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 vithu, 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.

4. Xây dựng hệ thống giỏ hàng và thanh tốn an tồ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 ktí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 tố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

</div><span class="text_page_counter">Trang 7</span><div class="page_container" data-page="7">

- 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 nh1.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

<b>Xem sản phẩm </b>

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 likhá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.

</div><span class="text_page_counter">Trang 8</span><div class="page_container" data-page="8">

- Đầ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 tố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

</div><span class="text_page_counter">Trang 9</span><div class="page_container" data-page="9">

Chi ết yêu cầu chức năng phía hệ ống ti thQuả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ý.

</div><span class="text_page_counter">Trang 10</span><div class="page_container" data-page="10">

- 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 :

</div><span class="text_page_counter">Trang 11</span><div class="page_container" data-page="11">

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

3.2 Chi tiết các bảng Bảng Admin

</div><span class="text_page_counter">Trang 14</span><div class="page_container" data-page="14">

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 hồ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

</div>