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

<b>TRƯỜNG ĐẠI HỌC TÀI NGUYÊN VÀ MÔI TRƯỜNG HÀ NỘIKHOA CÔNG NGHỆ THÔNG TIN</b>

<b>BÁO CÁO BÀI TẬP LỚN</b>

<b>ĐỀ TÀI: WEBSITE BÁN BÌNH NƯỚC GIỮ NHIỆTNhóm thực hiện: Nhóm 4.</b>

<b>Sinh viên thực hiện</b>

Trương Huy Hồng 21111060168

Nguyễn Viết Thăng Long 21111060268

<b>Giảng viên hướng dẫn: Trần Thắng</b>

<b>Tên học phần: Phát triển ứng dụng trên nền Web.Mã học phần: CTKH2516.</b>

<b>Hà Nội, ngày 30 tháng 10 năm 2023.</b>

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

<i><b>1.2. Đối với người quản trị...5</b></i>

<b>CHƯƠNG 2. PHÂN TÍCH THIẾT KẾ HỆ THỐNG...6</b>

<b>2.1. Các chức năng của website:...6</b>

<b>2.2. Use case tổng quát:...7</b>

<b>2.3. Thiết kế cơ sở dữ liệu:...7</b>

<b>CHƯƠNG 3 XÂY DỰNG WEBSITE BÁN THIẾT BỊ CHƠI GAME CHO PC</b>: ...11

<b>3.1. Môi trường làm việc:...11</b>

<b>3.2. Thiết kế giao diện phầm mềm...11</b>

<b>3.2.1. Kết nối tới cơ sở dữ liệu MySQL...11</b>

<b>3.2.2. Thiết kế giao diện Đăng nhập...11</b>

<b>3.2.3. Thiết kế giao diện Trang chủ...12</b>

<b>3.2.4. Thiết kế giao diện quản lý...13</b>

<b>3.2.5. Thiết kế giao diện quản lý sản phẩm:...15</b>

<b>3.2.6. Thiết kế giao diện quản lý danh mục sản phẩm:...16</b>

<b>3.2.7. Thiết kế giao diện quản lý người dùng:...19</b>

<b>3.2.8. Thiết kế giao diện Quản lý đơn hàng:...21</b>

<b>TÀI LIỆU THAM KHẢO...24</b>

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

<b>DANH MỤC HÌNH ẢNH</b>

Hình 1. Sơ đồ use case tổng quát...7

Hình 2. Các bảng tạo cơ sở dữ liệu...7

Hình 10. Code minh họa kết nối sơ sở dữ liệu SQL...11

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

Hình 12. Code minh họa 1...12

Hình 13. Giao diện trang chủ...12

Hình 14. Code minh họa 2...13

Hình 15. Giao diện quản lý...13

Hình 16. Code minh họa 3...14

Hình 17. Giao diện quản lý sản phẩm...15

Hình 18. Code minh họa 4...15

Hình 19. Code minh họa 5...16

Hình 20. Giao diện quản lý danh mục sản phẩm...16

Hình 21. Code minh họa 6...17

Hình 22. Code minh họa 7...17

Hình 23. Code minh họa 8...18

Hình 24. Code minh họa 9...18

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

Hình 26. Code minh họa 10...19

Hình 27. Code minh họa 11...20

Hình 28. Code minh họa 12...20

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

Hình 30. Code minh họa 13...21

Hình 31. Code minh họa 14...22

Hình 32. Code minh họa 15...22

Hình 33. Code minh họa 16...23

Hình 34. Code minh họa 17...23

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

<b>MỞ ĐẦU</b>

Phát triển web là kiểu lập trình phổ biến và quan trọng nhất trong các hoạt động phát triển cơ bản hàng ngày. Có thể được sử dụng cho tất cả các loại ứng dụng web: từ một trang web tĩnh và đơn giản cho đến một trang web động với một ứng dụng được trang bị đầy đủ chức năng.

Ngày nay với sự phát triển không ngừng của các ngành khoa học kỹ thuật Công nghệ thông tin cũng khơng nằm ngồi vịng xốy phát triển đó. Cùng với sự phát triển mạnh mẽ của các ngành khoa học kỹ thuật khác, Cơng nghệ thơng tin đã có những ứng dụng to lớn trong hầu hết các lĩnh vực của đời sống. Đây là một ngành khoa học mũi nhọn ảnh hưởng trực tiếp đến đời sống xã hội.

Trong bất cứ lĩnh vực nào, thương mại điện tử cũng có ưu thế, nó khơng chỉ làm giảm thời gian mà cịn giảm chi phí cho mọi vấn đề giao dịch của con người. Việc kinh doanh qua mạng không chỉ đáp ứng nhu cầu của con người mà còn giúp người sử dụng so sánh giá ở nhiều nơi để mua được mặt hàng ưng ý với giá cả hợp lý. Với kiến thức đã học và thời gian thực tế, chúng em lựa chọn đề tài: “ Xây dựng trang web bán thiết bị chơi game cho PC” trong khuôn khổ bài tập lớn môn Phát triển ứng dụng trên nền web.

Đây là ứng dụng thực tế khá hay, tuy không phải là mới nhưng do kinh nghiệm của chúng em chưa nhiều và còn nhiều hạn chế cũng như sai sót mong thầy và các bạn đóng góp ý kiến để đề tài được hồn thiện hơn.

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

<b>CHƯƠNG 1. TỔNG QUAN BÀI TOÁNMục tiêu hệ thống:</b>

<i><b>1.1. Đối với khách hàng</b></i>

<small>- Cung cấp cho khách hàng chức năng đưa ra những ý kiến về các sản phẩm</small> thông qua facebook, email và đường dây nóng. Đây có thể coi là những công cụ tư vấn khách quan nhất giúp người mua có thể chọn cho mình sản phẩm ưng ý nhất.

- Cùng với chức năng đặt mua và hình thức thanh toán nhanh nhất, website sẽ tiết kiệm rất nhiều thời gian cho việc chọn và mua. Việc mua và bán sẽ thuận tiện hơn chỉ với một click chuột.

<small>- Website cung cấp nguồn thông tin về sản phẩm rõ nguồn gốc, xuất sứ. Đảm</small> bảo chất lượng tất cả các mặt hàng.

<small>- Chức năng tìm kiếm sản phẩm cũng giúp khách hàng có lựa chọn thuận tiện,</small> nhanh chóng để mua được sản phẩm mình cần nhanh nhất.

<i><b>1.2. Đối với người quản trị</b></i>

- Có thể dễ dàng cập nhật những sản phẩm hot, bán chạy nhất theo xu hướng khách hàng.

- Dễ dàng quản lý sản phẩm, danh mục sản phẩm.

- Dễ dàng tìm kiếm được thơng tin khách hàng, thông tin sản phẩm. - Cập nhật được trạng thái đơn hàng.

- Tạo báo cáo thống kê, đưa ra danh sách các mặt hàng bán chạy.

- Phải có cơ chế đăng nhập để xác định người có quyền hạn mới có thể đăng nhập vào hệ thống quản trị của website.

- Quản lý, cập nhật trạng thái được danh sách tài khoản khách hàng. - Có thể phân quyền người dùng.

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

<b>CHƯƠNG 2. PHÂN TÍCH THIẾT KẾ HỆ THỐNG2.1. Các chức năng của website:</b>

<b>2.1.1. Đối với người dùng có tài khoản:</b>

- Xem thơng tin sản phẩm - Thêm sản phẩm vào giỏ hàng - Xem thông tin đơn hàng - Tìm kiếm sản phẩm - Thanh tốn

- Đăng nhập, đăng xuất

<b>2.1.2. Đối với admin:</b>

- Đăng nhập, đăng xuất trong phẩn quản trị

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

<b>2.2. Use case tổng quát:</b>

<small>Hình 1. Sơ đồ use case tổng quát.</small>

<b>2.3. Thiết kế cơ sở dữ liệu:</b>

Cơ sở dữ liệu gồm 7 bảng: tbl_admin, tbl_cart_detail, tbl_dangky, tbl_danhmuc, tbl_giohang, tbl_sanpham, tbl_shipping.

<small>Hình 2. Các bảng tạo cơ sở dữ liệu.</small>

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

<small>Hình 3. Bảng tbl_admin</small>

<small>Hình 4. Bảng tbl_cart_detail</small>

<small>Hình 5. Bảng tbl_dangky</small>

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

<small>Hình 6. Bảng tbl_danhmuc</small>

<small>Hình 7. Bảng tbl_giohang</small>

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

<small>Hình 8. Bảng tbl_sanpham</small>

<small>Hình 9. Bảng tbl_shipping</small>

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

<b>CHƯƠNG 3 XÂY DỰNG WEBSITE BÁN THIẾT BỊ CHƠI GAME CHO PC</b>:

<b>3.1. Môi trường làm việc:</b>

- Sản phẩm được thiết kế trên phần mềm Visual Studio Code.

- Cở sơ dữ liệu được xây dựng và lưu trữ trong phần mềm PHP MyAdmin. - Chạy trên môi trường XAMPP Control Panel.

<b>3.2. Thiết kế giao diện phầm mềm3.2.1. Kết nối tới cơ sở dữ liệu MySQL</b>

<small>Hình 10. Code minh họa kết nối sơ sở dữ liệu SQL</small>

<b>3.2.2. Thiết kế giao diện Đăng nhập</b>

<small>Hình 11. Giao diện đăng nhập</small>

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

Mô tả: Người quản trị muốn truy cập vào hệ thống thì phải đăng nhập. Người quản trị điều tên đăng nhập, mật khẩu. Nếu <b>username password sai</b>, hoặc trống thì sẽ hiện thơng báo cảnh báo. Nếu đúng thì sẽ chuyển về trang chủ hệ thống.

<small>Hình 12. Code minh họa 1.</small>

<b>3.2.3. Thiết kế giao diện Trang chủ</b>

<small>Hình 13. Giao diện trang chủ.</small>

Mơ tả: Giao diện trang chủ sẽ hiển thị thanh menu, có tác dụng điều

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

<small>Hình 14. Code minh họa 2.</small>

<b>3.2.4. Thiết kế giao diện quản lý</b>

<small>Hình 15. Giao diện quản lý.</small>

Mơ tả: Giao diện thực hiện việc quản lí dịch vụ gồm quản lý sản phẩm, quản lý người dùng, tạo mới, cập nhập và xóa thơng tin của các thiết bị chơi game.

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

<small>Hình 16. Code minh họa 3.</small>

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

<b>3.2.5. Thiết kế giao diện quản lý sản phẩm:</b>

<small>Hình 17. Giao diện quản lý sản phẩm.</small>

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

<small>Hình 19. Code minh họa 5</small>

<b>3.2.6. Thiết kế giao diện quản lý danh mục sản phẩm:</b>

<small>Hình 20. Giao diện quản lý danh mục sản phẩm</small>

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

<small>Hình 21. Code minh họa 6</small>

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

<small>Hình 23. Code minh họa 8</small>

<small>Hình 24. Code minh họa 9</small>

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

<b>3.2.7. Thiết kế giao diện quản lý người dùng:</b>

<small>Hình 25. Giao diện quản lý người dùng</small>

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

<small>Hình 27. Code minh họa 11</small>

<small>Hình 28. Code minh họa 12</small>

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

<b>3.2.8. Thiết kế giao diện Quản lý đơn hàng:</b>

<small>Hình 29. Giao diện quản lý đơn hàng</small>

<small>Hình 30. Code minh họa 13</small>

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

<small>Hình 31. Code minh họa 14</small>

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

<small>Hình 33. Code minh họa 16</small>

<small>Hình 34. Code minh họa 17</small>

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

<b>TÀI LIỆU THAM KHẢO</b>

Tiếng Việt

1. Nguyễn Văn Ba, Phân Tích Thiết Kế Các Hệ Thống Thơng Tin Quản Lý, Nhà xuất bản Khoa Học Kỹ Thuật, 2002.

2. Nguyễn Trường Sinh, Sử dụng PHP & MySQL thiết kế web động, Nhà Xuất

</div>