Đang tải... (xem toàn văn)
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 tr
Trang 1TRƯỜNG ĐẠI HỌC TÀI NGUYÊN VÀ MÔI TRƯỜNG HÀ NỘIKHOA CÔNG NGHỆ THÔNG TIN
BÁO CÁO BÀI TẬP LỚN
ĐỀ TÀI: WEBSITE BÁN BÌNH NƯỚC GIỮ NHIỆTNhóm thực hiện: Nhóm 4.
Sinh viên thực hiện
Trương Huy Hoàng 21111060168
Nguyễn Viết Thăng Long 21111060268
Giảng viên hướng dẫn: Trần Thắng
Tên học phần: Phát triển ứng dụng trên nền Web.Mã học phần: CTKH2516.
Hà Nội, ngày 30 tháng 10 năm 2023.
Trang 21.2 Đối với người quản trị 5
CHƯƠNG 2 PHÂN TÍCH THIẾT KẾ HỆ THỐNG 6
2.1 Các chức năng của website: 6
2.2 Use case tổng quát: 7
2.3 Thiết kế cơ sở dữ liệu: 7
CHƯƠNG 3 XÂY DỰNG WEBSITE BÁN THIẾT BỊ CHƠI GAME CHO PC: .11
3.1 Môi trường làm việc: 11
3.2 Thiết kế giao diện phầm mềm 11
3.2.1 Kết nối tới cơ sở dữ liệu MySQL 11
3.2.2 Thiết kế giao diện Đăng nhập 11
3.2.3 Thiết kế giao diện Trang chủ 12
3.2.4 Thiết kế giao diện quản lý 13
3.2.5 Thiết kế giao diện quản lý sản phẩm: 15
3.2.6 Thiết kế giao diện quản lý danh mục sản phẩm: 16
3.2.7 Thiết kế giao diện quản lý người dùng: 19
3.2.8 Thiết kế giao diện Quản lý đơn hàng: 21
TÀI LIỆU THAM KHẢO 24
Trang 3DANH MỤC HÌNH ẢNH
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
Trang 4MỞ ĐẦU
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 ngoài vòng xoá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 hoàn thiện hơn.
Trang 5CHƯƠNG 1 TỔNG QUAN BÀI TOÁNMục tiêu hệ thống:
1.1 Đối với khách hàng
- 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 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.
- Website cung cấp nguồn thông tin về sản phẩm rõ nguồn gốc, xuất sứ Đảm bảo chất lượng tất cả các mặt hàng.
- 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, nhanh chóng để mua được sản phẩm mình cần nhanh nhất.
1.2 Đối với người quản trị
- 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.
Trang 6CHƯƠNG 2 PHÂN TÍCH THIẾT KẾ HỆ THỐNG2.1 Các chức năng của website:
2.1.1 Đối với người dùng có tài khoản:
- 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 toán
- Đăng nhập, đăng xuất
2.1.2 Đối với admin:
- Đăng nhập, đăng xuất trong phẩn quản trị
Trang 72.2 Use case tổng quát:
Hình 1 Sơ đồ use case tổng quát.
2.3 Thiết kế cơ sở dữ liệu:
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.
Hình 2 Các bảng tạo cơ sở dữ liệu.
Trang 8Hình 3 Bảng tbl_admin
Hình 4 Bảng tbl_cart_detail
Hình 5 Bảng tbl_dangky
Trang 9Hình 6 Bảng tbl_danhmuc
Hình 7 Bảng tbl_giohang
Trang 10Hình 8 Bảng tbl_sanpham
Hình 9 Bảng tbl_shipping
Trang 11CHƯƠNG 3 XÂY DỰNG WEBSITE BÁN THIẾT BỊ CHƠI GAME CHO PC:
3.1 Môi trường làm việc:
- 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.
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
Hình 10 Code minh họa kết nối sơ sở dữ liệu SQL
3.2.2 Thiết kế giao diện Đăng nhập
Hình 11 Giao diện đăng nhập
Trang 12Mô 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 username password sai, 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.
Hình 12 Code minh họa 1.
3.2.3 Thiết kế giao diện Trang chủ
Hình 13 Giao diện trang chủ.
Mô tả: Giao diện trang chủ sẽ hiển thị thanh menu, có tác dụng điều
Trang 13Hình 14 Code minh họa 2.
3.2.4 Thiết kế giao diện quản lý
Hình 15 Giao diện quản lý.
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.
Trang 14Hình 16 Code minh họa 3.
Trang 153.2.5 Thiết kế giao diện quản lý sản phẩm:
Hình 17 Giao diện quản lý sản phẩm.
Trang 16Hình 19 Code minh họa 5
3.2.6 Thiết kế giao diện quản lý danh mục sản phẩm:
Hình 20 Giao diện quản lý danh mục sản phẩm
Trang 17Hình 21 Code minh họa 6
Trang 18Hình 23 Code minh họa 8
Hình 24 Code minh họa 9
Trang 193.2.7 Thiết kế giao diện quản lý người dùng:
Hình 25 Giao diện quản lý người dùng
Trang 20Hình 27 Code minh họa 11
Hình 28 Code minh họa 12
Trang 213.2.8 Thiết kế giao diện Quản lý đơn hàng:
Hình 29 Giao diện quản lý đơn hàng
Hình 30 Code minh họa 13
Trang 22Hình 31 Code minh họa 14
Trang 23Hình 33 Code minh họa 16
Hình 34 Code minh họa 17
Trang 24TÀI LIỆU THAM KHẢO
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