WEBSITE CỬA HÀNG BÁN CÀ PHÊ.TS.NGUYỄN ANH TUẤN.

1 ĐẠI HỌC ĐÀ NẴNG KHOA CÔNG NGHỆ THÔNG TIN VÀ TRUYỀN THÔNG ĐỒ ÁN CƠ SỞ ĐỀ TÀI: WEBSITE CỬA HÀNG BÁN CÀ PHÊ Sinh viên thực : Trần Công Minh Giảng viên hướng dẫn : TS Nguyễn Anh Tuấn Lớp : 18IT4 Đà nẵng, tháng 12 năm 2019 ĐẠI HỌC ĐÀ NẴNG KHOA CÔNG NGHỆ THÔNG TIN VÀ TRUYỀN THÔNG ĐỒ ÁN CƠ SỞ WEBSITE CỬA HÀNG BÁN CÀ PHÊ Đà Nẵng, tháng 12 năm 2019 MỞ ĐẦU Với phát triển nhảy vọt công nghệ thông tin nay, Internet ngày giữ vai trò quan trọng lĩnh vực khoa học kĩ thuật đời sống Dĩ nhiên bạn nghe nói nhiều Internet, nói cách đơn giản, Internet tập hợp máy tính nối kết với nhau, mạng máy tính tồn cầu mà kết nối máy PC họ Với mạng Internet, tin học thật tạo nên cách mạng trao đổi thơng tin lĩnh vực văn hóa, xã hội, trị, kinh tế Trong thời đại ngày nay, thời đại mà “người người làm Web, nhà nhà làm Web” việc có Website để quảng bá cơng ty hay Website cá nhân khơng cịn điều xa xỉ Thơng qua Website khách hàng lựa chọn sản phẩm mà cần cách nhanh chóng hiệu Với cơng nghệ Word Wide Web, hay gọi Web giúp bạn đưa thơng tin mong muốn lên mạng Internet cho người xem cách dễ dàng với công cụ ngôn ngữ lập trình khác Sự đời ngơn ngữ lập trình cho phép xây dựng trang Web đáp ứng yêu cầu người sử dụng PHP (Personal Home Page) kịch phía trình chủ (Server Script) cho phép xây dựng trang Web sở liệu Với nhiều ưu điểm bật mà PHP MySQL nhiều người sử dụng Với lí đó, hướng dẫn giúp đỡ thầy Nguyễn Anh Tuấn, em chọn đề tài “Xây dựng Website cửa hàng bán cà phê” làm đề tài cho đồ án Cơ Sở/Chuyên Ngành LỜI CẢM ƠN Trong trình thực đồ án em nhận giúp đỡ bảo tận tình thầy, cô giáo, Em xin chân thành cảm ơn thầy Nguyễn Anh Tuấn hướng dẫn trình làm đồ án Tuy nhiên, thời gian hạn hẹp, nỗ lực đồ án khó tránh khỏi thiếu sót Em mong nhận thơng cảm, lời góp ý bảo tận tình q Thầy Cơ bạn Em xin chân thành cám ơn bạn sinh viên khoa Công nghệ thông tin , bạn lớp ủng hộ, giúp đỡ, chia sẻ kiến thức, kinh nghiệm tài liệu trình học tập thực đề tài NHẬN XÉT …………………………………………………………………………………… …………………………………………………………………………………… …………………………………………………………………………………… …………………………………………………………………………………… …………………………………………………………………………………… …………………………………………………………………………………… …………………………………………………………………………………… …………………………………………………………………………………… …………………………………………………………………………………… …………………………………………………………………………………… …………………………………………………………………………………… …………………………………………………………………………………… …………………………………………………………………………………… …………………………………………………………………………………… …………………………………………………………………………………… NHẬN XÉT (Của giảng viên hướng dẫn) …………………………………………………………………………………… …………………………………………………………………………………… …………………………………………………………………………………… …………………………………………………………………………………… …………………………………………………………………………………… ……………………………………………………… MỤC LỤC Trang Chương Giới thiệu .11 1.1 Tổng quan .11 1.2 Các ngôn ngữ , công cụ xây dựng ứng dụng 11 1.3 Chức hệ thống .13 1.4 Yêu cầu hệ thống 13 1.5 Tổng quát hệ thống .13 Chương Phân tích thiết kế hệ thống .15 2.1 Các chức website 15 2.2 Chức phía người quản trị website backend 18 2.3 Sơ đồ use case 20 2.4 Thiết kế bảng sở liệu .23 Chương Triển khai xây dựng ứng dụng .26 3.1 Giao diện 26 3.2 Giao diện trang sản phẩm .27 3.3 Giao diện trang liên hệ 28 3.4 Giao diện quản trị đơn hàng 28 Chương Kết Luận 29 Kết 29 Hạn chế 29 Hướng phát triển 29 DANH MỤC HÌNH Trang Hình 1.2 Sơ đồ phân cấp chức frontend 16 Hình 2.2 Sơ đồ phân cấp chức phía backend .18 Hình 3.2 Sơ đồ use case khách hàng 20 Hình 4.2 Sơ đồ use case nhân viên 20 Hình 5.2 Sơ đồ use case admin 21 Hình 6.3 Giao diện trang chủ .25 Hình 7.3 Giao diện trang sản phẩm 26 Hình 8.3 Giao diện trang liên hệ 27 Hình 9.3 Giao diện trang quản trị đơn hàng .27 DANH MỤC CÁC BẢNG Trang Bảng Danh mục cụm từ viết tắt 10 Bảng Chức phía Frontend 15 Bảng Chức phía backend 18 Bảng Danh mục bảng sở liệu 23 Bảng Bảng tbl_category 23 Bảng Bảng tbl_oder 24 Bảng Bảng tbl_post 24 Bảng Bảng tbl_Product 25 Bảng Bảng tbl_user 25 10 DANH MỤC CỤM TỪ VIẾT TẮT STT Cụm từ Cơ sở liệu Hypertext Preprocessor Cascading Style Sheet language Hypertext Markup language Viết tắt CSDL PHP CSS HTML Bảng Danh mục cụm từ viết tắt 10 15 Xem sản phẩm Người xem xem thông tin sản phẩm bao gồm: tên sản phẩm, giá cả, tình trạng cịn hay hết Đặt hàng Chức cho phép khách hàng duyệt sản phẩm trang web nhấn nút đặt hàng sản phẩm chọn Giỏ hàng Cho phép khách hàng xem, điều chỉnh sản phẩm chọn tính tổng giá sản phẩm đặt mua Tìm kiếm sản Khách hàng nhập thơng tin vào tìm kiếm để tìm phẩm kiếm sản phẩm Bảng Chức phía Frontend Chi tiết chức phía front-end - Xem sản phẩm: Khách hàng truy cập vào địa website url, chọn vào page site để xem thông tin  Đầu vào: Thông tin yêu cầu khách hàng sản phẩm  Xử lý: Khi khách hàng chọn sản phẩm page thông tin mà khách hàng gửi xử lý, hệ thống lấy liệu từ sở liệu, gửi lên cho khách hàng  Đầu ra: Thông tin sản phẩm bao gồm tên sản phẩm , kích thước, giá cả, tình trạng cịn hay hết - Đặt hàng: Cho phép khách hàng duyệt sản phẩm trang web Khi khách hàng gửi thông tin đặt hàng mặt hàng gửi đến giỏ hàng  Đầu vào: Thông tin sản phẩm mà khác hàng muốn mua  Xử lý: Khi khách hàng chọn sản phẩm muốn mua, phiên làm việc khách hàng chọn giỏ tạo sản phẩm số 15 16 lượng Nếu tồn sản phẩm giỏ số lượng sản phẩm tăng lên  Đầu ra: Thơng tin sản phẩm lưu giỏ hàng - Giỏ hàng: Cho phép khách hàng xem, điều chỉnh, thêm, xóa sản phẩm mà khách hàng đặt mua Có chức tính tổng giá trị đơn hàng  Đầu vào: Thơng tin sản phẩm mà khác hàng đặt mua, số lượng sản phẩm mà khách hàng muốn mua  Xử lý: khách hàng thay đổi số lượng sản phẩm muốn mua Khi thay đổi số lượng giỏ cập nhật lại khách hàng xóa hết giỏ hàng thông báo giỏ trống Khi khách hàng click” tiếp tục mua hàng ” chuyển đến trang chủ để tiếp tục lựa chọn sản phẩm vào giỏ  Đầu ra: Thơng tin giỏ hàng bao gồm sản phẩm, số lượng, tổng giá - Tìm kiếm: Khách hàng xem thơng tin sản phẩm theo loại vd: coffee, cocktail,…  Đầu vào: Loại sản phẩm  Xử lý: Hệ thống chọn lọc sản phẩm có loại sau hiển thị hình  Đầu ra: Thơng tin sản phẩm khách hàng muốn tìm kiếm 2.1.2 Sơ đồ phân cấp chức phía Frontend 16 Hình 1.2 Sơ đồ phân cấp chức frontend 17 2.2 Chức phía người quản trị website backend STT Chức Mơ tả Quản lý thơng tin hình ảnh sản phẩm, người Quản lý sản phẩm quản trị thêm ảnh cho sản phẩm, nhập lời giới thiệu vd: hương vị, giá cả,xuất sứ,… Quản lý loại sản phẩm Quản lý thông tin danh mục sản phẩm bao gồm chức thêm sửa xóa danh mục sản phẩm Quản lý đơn hàng Thống kê đơn đặt hàng khách hàng, xem tình trạng đơn đặt hàng : giao hàng , chi tiết đơn đặt hàng Chi tiết đơn đặt hàng Hiển thị thông tin chi tiết đơn đặt hàng: tên khách hàng , sản phẩm đặt, tên nhân viên giao hàng Bảng Chức phía backend Chi tiết chức phía backend - Quản lý sản phẩm: Quản trị viên thêm sửa xóa sản phẩm  Đầu vào: Thông tin sản phẩm mà quản trị viên muốn thay đổi  Xử lý: Khi quản trị viên thay đổi sản phẩm hệ thống xử lý, lấy liệu từ sở liệu sau hiển thị cho người quản trị xem nội dung mà họ thay đổi  Đầu ra: Các sản phẩm thêm sửa xóa, - Quản lý loại sản phẩm: Quản trị viên thêm sửa xóa loại sản phẩm  Đầu vào: Thông tin sản phẩm mà quản trị viên muốn thay đổi 17 18  Xử lý: Khi quản trị viên thay đổi loại sản phẩm, hệ thống xử lý lấy liệu từ sở liệu sau hiển thị cho người quản trị xem nội dung mà họ thay đổi  Đầu ra: Thông tin loại sản phẩm thêm - Chi tiết đơn đặt hàng: Quản trị viên xác nhận đơn hàng từ hệ thống  Đầu vào: Thông tin chi tiết đơn hàng  Xử lý: Khi tiếp nhận đơn hàng từ hệ thống Quản trị viên triển khai xác nhận cho tiến hành công tác giao hàng  Đầu ra: Tiến hành giao hàng 2.2.1 Sơ đồ phân cấp chức phía backend Hình 2.2 Sơ đồ phân cấp chức phía backend 18 19 2.3 Sơ đồ use case 2.3.1 Xác định actor a Khách hàng - Là người trực tiếp mua sản phẩm - Tương tác với trang sản phẩm hệ thống b Quản lý (Admin) - Là người trực tiếp bán hàng - Thêm xóa sửa danh mục sản phẩm - Thêm xóa sửa sản phẩm - Thêm xóa sửa tin tức - Xem duyệt xóa đơn hàng c Nhân viên - Thêm sửa xóa sản phẩm - Xem duyệt đơn hàng 2.3.2 Chức website - Nhóm chức xem thông tin: xem thông tin giỏ hàng, xem thơng tin - sản phẩm Nhóm chức quản lý thông tin: quản lý danh sách thành viên, quản - lý tin tức sản phẩm Nhóm chức nhập, xuất hàng cập nhật thông tin lên website Nhóm chức mua hàng tiếp nhận xử lý đơn hàng 2.3.3.Sơ đồ use case - Use case khách hàng 19 20 Hình 3.2 Sơ đồ use case khách hàng - Use case nhân viên Hình 4.2 Sơ đồ use case nhân viên - Use case quản trị viên (admin) 20 21 Hình 5.2 Sơ đồ use case admin 21 22 Chương 2.4 Thiết kế bảng sở liệu - Danh mục bảng sở liệu STT Tên Bảng Diễn Giải Tbl_category Bảng thể loại Tbl_oder Bảng đơn đặt hàng Tbl_post Bảng tin tức Tbl_product Bảng sản phẩm Tbl_user Bảng quản trị viên Bảng Danh mục bảng sở liệu Bảng tbl_category - STT Tên trường Kiểu liệu Khóa Id Int(11) Khóa Title Varchar(100) Content Varchar(500) Bảng Bảng tbl_category 22 23 Bảng tbl_oder - STT Tên trường Kiểu liệu Khóa Id Int(11) Khóa diachi Varchar(200) Idproduct Int(11) soluong Int(11) Tongtien float Ten khachhang 10 email phone note hinhthuc Varchar(50) Varchar(20) Varchar(10) Varchar(500) Varchar(100) Bảng Bảng tbl_oder Bảng tbl_post - STT Tên trường Kiểu liệu Khóa Id Int(11) Khóa title Text content Text image Varchar(100) Bảng Bảng tbl_post 23 24 Bảng tbl_Product - STT Tên trường Kiểu liệu Khóa Id Int(11) Khóa name Varchar(100) masp Varchar(50) price float image Varchar(100) category Varchar(100) chitiet text soluong Int(255) Bảng Bảng tbl_Product Bảng tbl_user - STT Tên trường Kiểu Khóa Liệu username Varchar(30) name Char(50) email Varchar (200) phone Varchar(10) address Varchar (200) password Varchar(10) Khóa Bảng Bảng tbl_user 24 25 Chương Triển khai xây dựng ứng dụng 4.1 Giao diện Hình 6.3 Giao diện trang chủ Giao diện trang chủ : giao diện trang chủ website cửa hàng bán cà phê, nơi thể tất tin tức sản phẩm cửa hàng mở bán 25 26 4.2 Giao diện trang sản phẩm Hình 7.3 Giao diện trang sản phẩm Khi khách hàng click vào sản phẩm trang chi tiết sản phẩm xuất hiện, show cho khách biết tên thông số mô tả loại sản phẩm 26 27 4.3 Giao diện trang liên hệ Hình 8.3 Giao diện trang liên hệ 27 28 4.4 Giao diện quản trị đơn hàng Hình 9.3 Giao diện trang quản trị đơn hàng Chương Kết Luận Kết Sau trình tìm hiểu thực đồ án tốt nghiệp, em tự nhận thấy đạt số kết sau: - Củng cố kiến thức, ngôn ngữ, cơng cụ, tảng lập trình web Ứng dụng cơng nghệ q trình thiết kế website Xây dựng giao diện website bán cà phê tương đối hoàn thiện Hoàn thành hệ thống website giới thiệu, mua bán sản phẩm cà phê Hạn chế Vì thời gian kiến thức hạn hẹp nên đồ án tồn số hạn chế: - Chưa áp dụng nhiều cơng cụ hỗ trợ nên cịn thiếu sót vài chức - giao diện chưa đẹp Một số modul chưa hoàn chỉnh Quá trình đặt hàng số chức chưa hoàn thiện Hướng phát triển Trong thời gian tới em dự định phát triển đề tài theo số hướng sau: - Hồn thiện đầy đủ chức cịn lại 28 29 Phát triển website để đưa vào sử dụng thương mại 29