BÁO CÁO BÀI TẬP LỚN HỌC PHẦN LẬP TRÌNH WEB TÊN BÀI TẬP LỚN BIKER SHOP

TRƯỜNG ĐẠI CÔNG NGHỆ ĐÔNG Á KHOA CÔNG NGHỆ THÔNG TIN - BÁO CÁO BÀI TẬP LỚN HỌC PHẦN: LẬP TRÌNH WEB TÊN BÀI TẬP LỚN: BIKER SHOP Sinh viên thực Ngày sinh Lớp: Công Nghệ Thông Tin Khoa Mã sinh viên Giảng viên : : : : : Trịnh Văn Chun 23/10/2001 Khóa: K10 Cơng Nghệ Thơng Tin 197480201232 Đặng Trần Long Bắc Ninh, tháng 11 Năm 2021 TRƯỜNG ĐẠI HỌC CÔNG NGHỆ ĐÔNG Á KHOA CÔNG NGHỆ THÔNG TIN Sinh viên thực hiện: Trịnh Văn Chuyên Ngày sinh: 23/10/2001 Khóa: K10 Lớp: Cơng Nghệ Thơng Tin Ngành: Cơng Nghệ Thơng Tin Tham gia hồn thiện BTL (%) 100% Điểm (Bài tập lớn) Bằng chữ: Bằng số: TÊN BÀI TẬP LỚN: SHOP MOBILE ONLINE Điểm tập lớn: Bằng số: CÁN BỘ CHẤM (Ký ghi rõ họ tên) Bằng chữ: CÁN BỘ CHẤM (Ký ghi rõ họ tên) Bắc Ninh, tháng 11 Năm 2021 MỤC LỤC ĐỊNH NGHĨA VẤN ĐỀ 1.1 Vấn đề trừu tượng 1.2 Hệ thống 1.3 Mục đích trang web 1.4 Ranh giới hệ thống 1.5 Yêu cầu phần cứng phần mềm 1.5.1 Yêu cầu tối thiểu 1.5.2 Yêu cầu đề xuất ĐẶC ĐIỂM KỸ THUẬT YÊU CẦU CỦA KHÁCH HÀNG 2.1 Người sử dụng Hệ thống 2.1.1 Với khách 2.1.2 Với thành viên 2.1.3 Với Admin 2.2 Chức hệ thống 2.2.1 Với khách 2.2.2 Với thành viên 2.2.3 Với Admin THIẾT KẾ HỆ THỐNG 3.1 Sơ đồ mối quan hệ thực thể 3.2 Thiết kế sở liệu 3.3 Sơ đồ trang web 3.4 Các thuật toán BẢNG NHIỆM VỤ KIỂM TRA DANH SÁCH 5.1 Kiểm tra danh sách xác thực 5.2 Danh sách kiểm tra đệ trình GIAO DIỆN WEB Trang 15 28 28 NHẬN XÉT CỦA GIÁO VIÊN ĐỊNH NGHĨA VẤN ĐỀ 1.1 Vấn đề trừu tượng Trong thời đại công nghệ thông tin nay, mà Internet trở nên thân quen dần trở thành công cụ thiếu sống lợi ích Website việc quảng bá sản phẩm thương hiệu công ty vô lớn Xã hội ngày động với việc phát triển thay đổi cách thức mua bán cũ hình thành hình thức mới: thương mại điện tử Tùy lĩnh vực kinh doanh doanh nghiệp mà Website mang lại ích lợi khác Qua trang Web trở thành cửa ngõ để nhà sản xuất tiếp thị sản phẩm đến khách hàng khắp nước Khách hàng không cần đến tận nơi để xem mua điện thoại mà họ cần nữa, thay vào đó, cách nhanh chóng thuận tiện, họ cần vào Web đặt mua những“chú dế” phù hợp với mình… BIKER SHOP cách giới thiệu sản phẩm công nghệ (cụ thể xe đạp), đồng thời phương thức quảng bá hình ảnh sản phẩm cách đầy đủ cộng đồng online, quảng bá không biên giới Mặt khác trang Web giúp tăng số lượng người biết đến thương hiệu, tiếp cận nhiều đối tượng, qua tăng doanh số bán hàng bạn offline online Ngồi với BIKER SHOP bạn cịn giảm đáng kể thời gian chi phí giao dịch chi phí hỗ trợ cho shop Như nêu trên, BIKER SHOP shop bán xe đạp phong phú mẫu mã, nhà cung cấp kiểu dáng thuận lợi cho người dùng lựa chọn Thơng qua trang web khách hàng xem đặt mua xe phong cách, thời trang, cá tính hay đẳng cấp bày bán Với cách bố trí mẫu mã xe cách khoa học, thân thiện, đồng thời cập nhật dòng xe mới, hy vọng trang web đưa đến cho người dùng tiện ích sử dụng 1.2 Hệ thống Thương mại điện tử nói chung mà cụ thể Website thực kênh kinh doanh mới, hiệu kinh tế cho doanh nghiệp Việt Nam Nếu khơng có Website, doanh nghiệp bỏ lỡ nhiều hội tốt khách hàng có tiềm thị trường Với hệ thống tại, khách hàng không cung cấp đầy đủ thông tin cách nhanh chóng tiện lợi, khơng thể giải đáp thắc mắc khách hàng nhanh chóng hiệu Bên cạnh đó, để quảng bá cho shop cho mẫu xei mới, bạn phí cho marketing theo cách thức truyền thống như: chi phí in ấn, gửi tài liệu, chi phí liên lạc, nhân Đối với đơn đặt hàng qua điện thoại xảy nhầm lẫn BIKER SHOP giúp bạn tạo tính chun nghiệp thời đại Tồn cầu hóa, kỹ thuật số, thông tin, kinh tế tri thức - Website ấn tượng, chuyên nghiệp với đầy đủ chức năng, thơng tin, tiện ích để tạo ấn tượng tốt đến cho khách hàng 1.3.1 Mục đích trang Web - Cung cấp cho khách hàng thông tin chi tiết sản phẩm bày bán shop, cập nhật mẫu mã sản phẩm có mặt thị trường - Quảng bá bán mẫu mã xe ưa chuộng Khách hàng đặt mua trang Web - Khách hàng tham khảo thêm phụ kiện kèm theo tương thích với mẫu xe, phù hợp với nhu cầu lứa tuổi khác - Ngoài khách hàng tìm kiếm thêm thơng tin liên quan đến giới xe mẫu mã xe đạp có mặt thị trường, thơng tin chương trình khuyến mại mua hàng 1.3.2 Chức trang Web - Đối với Guest: Khách hàng xem, tìm kiếm mẫu mã điện thoại với phụ kiện kèm theo cập nhật nhận chương trình khuyến mại BIKER SHOP Ngồi khách hàng mua hàng, gửi ý kiến đóng góp cho shop Có thể đăng ký làm thành viên ( muốn ) - Đối với Admin: Quyền Admin quản lý mặt hàng, nhóm hàng, hóa đơn, thành viên, thơng tin phản hồi thống kê đơn đặt hàng theo địa bàn theo thời gian Khơng có quyền mua sản phẩm - Ngoài trang Web hỗ trợ khả tìm kiếm sản phẩm theo tên, hãng sản xuất phụ kiện liên quan Nâng cao chất lượng phục vụ khách hàng giảm đáng kể chi phí theo phương thức truyền thống 1.4 Ranh giới hệ thống - Mặc dù có nhiều lý hấp dẫn để kinh doanh Web vậy, song bên cạnh thương mại trực tuyến số mặt hạn chế : - Sự bảo mật Internet không bảo đảm, thơng tin tài bị tiết lộ - Khách hàng lo lắng nguy nhận hàng chất lượng lo lắng sách trả lại hàng doanh nghiệp -Các hệ thống toán tiền trực tuyến chưa phổ biến gây khó khăn toán, khách hàng phải đến tận nơi chuyển khoản cho doanh nghiệp - Khơng có quán luật thuế, vấn đề pháp lý - Thương mại điện tử khách hàng cịn hình thức mẻ chưa phải phần thiếu sống - Hầu hết mặt hạn chế việc mua bán Web bắt nguồn từ nguyên nhân lĩnh vực thương mại điện tử mẻ Cũng công nghệ khác, cần thời gian để khơng phát triển cơng nghệ mà cịn phát triển kinh nghiệm, chun mơn, văn hóa để sử dụng 1.5 u cầu phần cứng phần mềm 1.5.1 Yêu cầu tối thiểu Hardware Software Server Client - Ram GB or more - Ram 128 MB or more - CPU 2.0GHZ Xeon or more - CPU 1.5 GHZ or more - HDD 40GB or more - Connnect Internet - Connect Internet and LAN - HDD 20 GB or more - Windows Server 2000/Linux - Windows or later - MySQL, PHP - Chrome - IIS/Apache - IE 9.0 or Later - Firefox - Opera - Safari 1.5.2 Yêu cầu đề xuất Hardware Software Server Client - Ram GB or more - Ram GB or more - CPU 2.4 GHZ Xeon or more - CPU 2.0 MHZ or more - HDD 80 GB or more - Connnect Internet and LAN - Connect Internet and LAN - HDD 40 GB or more - Windows Server 2003/ Linux - Windows or later - MySQL, PHP - Chrome - IIS/Apache - IE 9.0 or Later - Open Port: 8888, 3306 - Firefox - Opera - Safari ĐẶC ĐIỂM KỸ THUẬT YÊU CẦU CỦA KHÁCH HÀNG 2.1 Người sử dụng Hệ thống 2.1.1 Với khách _ Có quyền xem, tìm kiếm sản phẩm _ Có thể phản hồi thơng tin _ Có thể lựa chọn đưa sản phẩm vào giỏ hàng _ Đăng ký làm thành viên (nếu muốn) 2.1.2 Với thành viên: _ Có quyền xem, tìm kiếm sản phẩm _ Có quyền phản hồi thơng tin _ Có quyền bình luận sản phẩm _ Được hưởng chương trình khuyến mại shop có _ Mua hàng _ Đăng nhập 2.1.3 Với Admin: _ Cập nhật thông tin thường xuyên _ Quản lý, hỗ trợ khách hàng _ Quản lý hóa đơn, sản phẩm _ Tổng hợp thông tin phản hồi khách hàng 2.2 Chức hệ thống 2.2.1 Với khách - Xem sản phẩm: Description Khách hàng xem chi tiết sản phẩm Input Lựa chọn sản phẩm cần xem Process Tìm kiếm CSDL Output Hiển thị thông tin sản phẩm mà khách hàng muốn xem - Tìm kiếm: Description Khách hàng tìm kiếm sản phẩm form tìm kiếm xây dựng sẵn Website Input Khách hàng nhập từ khóa tìm kiếm Process Hệ thống ghi nhận thực tìm kiếm CSDL tất sản phẩm có chứa từ khóa khách hàng muốn tìm Output Hiển thị thơng tin sản phẩm khách hàng tìm kiếm - Lựa chọn sản phẩm cần mua: Description Khách hàng lựa chọn sản phẩm vào giỏ hàng Input Lựa chọn sản phẩm cần mua Process - Kiểm tra sản phẩm có giỏ hàng - Nếu giỏ hàng có sản phẩm tăng lên “ +1 ”, chưa có Hiển thị tiếp sản phẩm chọn vào giỏ hàng Output Hiển thị thông tin giỏ hàng mà khách hàng lựa chọn - Đăng ký thành viên: Description Khách vãng lai đăng ký làm thành viên thơng qua form xây dựng sẵn Input Đưa vào thông tin cá nhân User, Passwors, Số điện thoại, Câu hỏi bí mật, Địa Email … Process - Kiểm tra User không trùng lặp - Mật phải có ký tự trở lên - Kiểm tra định dạng Email không trùng lặp … - Thêm thông tin khách hàng, mã hóa Password MD5 vào CSDL đúng, khơng yêu cầu nhập lại Output Thông báo tới khách hàng việc đăng ký thành công trở trang đăng ký báo lỗi 2.2.2 Với thành viên: - Member có đầy đủ quyền khách hàng Ngồi Member cịn có quyền sau: - Đăng nhập: Description Đăng nhập vào Website với User Password đăng ký Input Nhập : - User - Password Process Truy xuất kiểm tra tính xác liệu cung cấp CSDL Output Hiển thị thông báo đăng nhập thành công lỗi – phải đăng nhập lại -   Đăng xuất: Description Đăng xuất khỏi Website Input Click vào button “ Đăng xuất ” Website Process - Hủy toàn session người dùng - Đưa trở chức dành cho khách hàng Output Đưa trạng thái khách hàng - Mua hàng: Description Khách hàng đặt mua hàng sau lựa chọn sản phẩm ưng ý Click nút “Thanh toán” để bắt đầu làm thủ tục mua hàng Input Nhập thông tin: Tên người mua, địa chỉ, điện thoại, email, ngày giao, ghichu, phương thức toán, phương thức vận chuyển… Process + Kiểm tra thông tin đăng ký đặt hàng khách hàng: - Nếu chưa đăng nhập yêu cầu Đăng Nhập Đăng Ký - Nếu bạn Đăng nhập chuyển sang form đặt hàng + Thêm cập nhật đơn hàng vào CSDL Output Thông báo sản phẩm đặt mua thành công chưa thành - Gửi Feedback: Description Thành viên gửi ý kiến phản hổi tới Admin Input Nhập vào tiêu đề nội dung ý kiến form thiết kế sẵn Process - Kiểm tra thông tin nhập vào form hợp lệ chưa - Thêm thông tin góp ý, phản hồi khách hàng vào CSDL Output - Thông báo tới khách hàng việc gửi ý kiến phản hồi hoàn tất thất bại 2.2.3 Với Admin: Quyền Admin có thể: - Đăng nhập quản trị: Description Admin đăng nhập vào hệ thống User Password vào form xây dựng sẵn Input Nhập : - User - Password Process Truy xuất kiểm tra tính xác liệu cung cấp CSDL Output - Chuyển đến trang quản trị đăng nhập thành công - Quay lại trang đăng nhập thất bại -   Thay đổi mật khẩu: Description Admin sau đăng nhập thay đổi mật Input Nhập Mật qua form yêu cầu Process - Kiểm tra thơng tin nhập vào có hơp lệ hay không - Kết nối đến CSDL, cập nhật lại mật Admin Output Chuyển đến trang đăng nhập cập nhật thành công - Quản lý tài khoản khách hàng: Description Admin có quyền xem thơng tin khóa/ kích hoạt, xóa tài khoản thành viên Input Chọn lệnh tương ứng tài khoản cần tương tác 10 + Thực thể Khách hàng: 15 + Thực thể Sản phẩm: + Thực thể Thanh toán: 16 + Thực thể Hãng sản xuất: 3.2 Thiết kế sở liệu 3.2.1. Table QuanTri: Tính chất Tên trường Primary key ID TaiKhoan MatKhau 3.2.2 Table KhachHang: Tính chất Tên trường Primary key MaKhachHang Auto-Increment TaiKhoan MatKhau Email TenKhachHang Địa DienThoai TrangThai 3.2.3 Table HoaDon: Tính chất Tên trường Primary key MaHoaDon Auto-Increment Foreign key MaThanhToan Foreign key Kiểu liệu Int varchar Kích cỡ varchar 32 Kiểu liệu Kích cỡ Chú thích Mã khách hàng varchar 32 varchar varchar varchar varchar varchar tinyint 32 30 30 100 15 Tài khoản khách hàng (unique) Mật Email Tên khách hàng Địa Điện thoại Trạng thái Kiểu liệu Kích cỡ 20 int int int MaKhachHang int NgayMuaHang NgayGiaoHang TrangThai date date tinyint Chú thích Mã Quản Trị Tài khoản Quản Trị Mật Chú thích Mã hóa đơn Tham chiếu đến ThanhToan Tham chiếu đến KhachHang Ngày mua hàng Ngày giao hàng Trạng thái hóa đơn: 1-Chưa xử 17 TenKhachHang DiaChi varchar varchar 30 100 DienThoai varchar 15 Email varchar 30 GhiChu varchar 255 Kiểu liệu Kích cỡ 3.2.4 Table PhanHoi: Tính chất Tên trường Primary key MaPhanHoi Auto-Increment MaKhachHang int int NgayPhanHoi int TieuDe NoiDung TraLoiPhanHoi TrangThai varchar text text tinyint 3.2.5 Table HangSanXuat: Tính chất Tên trường Primary key MaHang Auto-Increment TenHang TrangThai 3.2.6 Table SanPham: Tính chất Tên trường Primary key MaSanPham Auto-Increment MaNhomSanPham Kiểu liệu 50 Kích cỡ int varchar 50 tinyint Kiểu liệu Chú thích Tham chiếu đến KhachHang Tham chiếu đến KhachHang Ngày gửi phản hồi Tiêu đề Nội dung Trả lời phản hồi Trạng thái trả lời phản hồi (1: rồi; 0: chưa) Chú thích Mã hãng sản xuất Tên hãng sản xuất 0-Ẩn; 1-Hiện Kích cỡ Chú thích Mã sản phẩm 50 Tham chiếu đến NhomSanPham int int lý; 2-Đang xử lý; 3-Đã xử lý Tên người nhận Địa người nhận Điện thoại người nhận Email người nhận Ghi 18 MaHang int NgayNhap date TenSanPham MoTa SoLuong varchar varchar int GiaSanPham HinhAnh TrangThai int varchar int 200 Kiểu liệu Kích cỡ Chú thích Mã tốn 50 Tên hình thức tốn Trạng Thái 3.2.7 Table ThanhToan: Tính chất Tên trường Primary key MaThanhToan Auto-Increment HinhThucThanhToan 50 255 int varchar TrangThai 3.2.8 Table ChiTietHoaDon: Tính chất Tham chiếu đến HangSanXuat Ngày nhập sản phẩm Tên sản phẩm Mô tả sản phẩm Số lượng sản phẩm Giá sản phẩm Tên hình ảnh Trạng thái sản phẩm tinyint Tên trường Kiểu liệu Kích cỡ Foreign key Primary key AutoIncrement Foreign key MaSanPham int MaHoaDon int SoLuong int GiaSanPham int 3.2.9 Table Binhluan: Tính chất Tên trường Primary key MaBinhLuan Auto-Increment Foreign key MaKhach Foreign key Kiểu liệu int int MaSanPham int Ngaygui int Chú thích Tham chiếu đến MaSanPham Tham chiếu đến MaHoaDon Số lượng sản phẩm đặt mua Giá sản phẩm thời điểm mua Kích cỡ Chú thích Mã bình luận Tham chiếu đến bảng Khach Tham chiếu đến bảng SanPham Ngày gửi bình 19 Noidung varchar 500 Trangthai tinyint luận Nội dung bình luận Nội dung bình luận Mối quan hệ giứa bảng: 3.3 Sơ đồ trang web 3.3.1. Guest: 20 3.3.2. Thành viên: 3.3.3. Admin : 21 3.4 Các thuật toán 3.4.1. Đăng ký: 3.4.2. Đăng nhập: 22 3.4.3. Tìm kiếm: 3.4.4. Thêm sản phẩm: 23 3.4.5. Thêm tin tức: 3.4.6. Phản hồi: 24 3.4.7. Thoát tài khoản người dùng: 25 BẢNG NHIỆM VỤ Công Nghệ Thông Tin STT Công việc Viết DOC - Thiết kế sở liệu - Thiết kế giao diện website - Thiết kế giao diện phía máy chủ - Code thay mật Admin - Code quản lý thành viên - Code quản lý nhóm sản phẩm - Code quản lý nhà sản xuất - Code thêm, sửa, xoá sản phẩm - Code tìm kiếm phía User - Code quản lý thơng tin phản hồi - Code quản lý hóa đơn - Code quản lý tin tức - Thiết kế Slide trình bày - Code đăng ký, đăng nhập đăng xuất, quên mật khẩu, thay đổi mật User - Code phần hiển thị sản phẩm phía User - Nhập liệu - Cập nhập sẩn phẩm Thiết Kế Website Tên thành viên tham gia Trịnh Văn Chuyên Trịnh Văn Chuyên Trịnh Văn Chuyên KIỂM TRA DANH SÁCH 5.1 Kiểm tra danh sách xác thực Option Các trường form không để chống? Dữ liệu nhập phù hợp? Tên đăng nhập khách hàng Có dàng buộc khách hàng,sản phẩm,chi tiết thơng số, hóa đơn, phản hồi… ? 5.2 Danh sách kiểm tra đệ trình STT Particulars Tất form hoạt động? Font tả? Các mầu đựơc sử dụng mầu bản, phổ biến? Các thành phần tạo nên form hoạt động? Dữ liệu vào sai có bị nhắc nhở? Yes Yes Yes Yes No Validate yes yes yes yes NA Comments Yes Yes GIAO DIỆN WEB 26 6.1 Giao diện 6.2 Admin 6.3 Chi tiết sản phẩm 6.4 Xử lí đơn hàng 27 6.5 Bình luận 6.6 Giao diện giỏ hàng 28 29 ... giao dịch chi phí hỗ trợ cho shop Như nêu trên, BIKER SHOP shop bán xe đạp phong phú mẫu mã, nhà cung cấp kiểu dáng thuận lợi cho người dùng lựa chọn Thơng qua trang web khách hàng xem đặt mua... trang Web - Đối với Guest: Khách hàng xem, tìm kiếm mẫu mã điện thoại với phụ kiện kèm theo cập nhật nhận chương trình khuyến mại BIKER SHOP Ngồi khách hàng mua hàng, gửi ý kiến đóng góp cho shop. .. thoại mà họ cần nữa, thay vào đó, cách nhanh chóng thuận tiện, họ cần vào Web đặt mua những“chú dế” phù hợp với mình… BIKER SHOP cách giới thiệu sản phẩm công nghệ (cụ thể xe đạp), đồng thời phương