Báo cáo môn học đồ án chuyên ngành xây dựng website bán hải sản ốc tươi sống

TRƯỜNG ĐẠI HỌC THỦ DẦU MỘT VIỆN KỸ THUẬT - CÔNG NGHỆ BÁO CÁO MÔN HỌC ĐỒ ÁN CHUYÊN NGÀNH XÂY DỰNG WEBSITE BÁN HẢI SẢN - ỐC TƯƠI SỐNG GVHD: Th.S NGUYỄN HỮU VĨNH SVTH: NGUYỄN PHI HÙNG MSSV: 1824801030033 LỚP: D18PM01 BI NH DƯƠNG – 07/2021 0 TRƯỜNG ĐẠI HỌC THỦ DẦU MỘT KHOA KỸ THUẬT – CÔNG NGHỆ BÁO CÁO MÔN HỌC ĐỒ ÁN CHUYÊN NGÀNH XÂY DỰNG WEBSITE BÁN HẢI SẢN - ỐC TƯƠI SỐNG GVHD: Th.S NGUYỄN HỮU VĨNH SVTH: NGUYỄN PHI HÙNG MSSV: 1824801030033 LỚP: D18PM01 BI NH DƯƠNG – 07/2021 0 Tóm Tắt Nội Dung Đồ Án Nội dung đồ án xây dựng website “ bán hải sản-ốc tươi sống” có chức cần thiết khách hàng đăng ký tài khoản đăng nhập vào website, tìm kiếm xem tin tức – viết Đối với khách hàng đăng nhập xem thơng tin tài khoản, mua hàng Người quản trị, thơng qua website quản lý tình hình cửa hàng như: thêm sản phẩm , duyệt đơn hàng qua đưa chiến lược kinh doanh tương lai Một yêu cầu quan trọng website “ bán hải sản-ốc tươi sống ” hệ thống phải xử lý nhanh xác mà cịn phải có giao diện bắt mắt thu hút khách hàng Do em định sử dụng ngôn ngữ PHP làm ngôn ngữ xử lý logic; HTML, CSS JavaScript ngôn ngữ dùng để thiết kế giao diện Trên yêu cầu hệ thống khuôn khổ đồ án Tuy hệ thống đáp ứng chức website bán hàng cỡ nhỏ, thích hợp cho kinh doanh bán lẻ theo cá nhân hộ gia đình, tương lai em tiếp tục phát triển hệ thống thành website thương mại với nhiều hàng hóa đa dạng , đáp ứng với nhu cầu thị trường Bình Dương ngày 21 tháng 07 năm 2021 Sinh viên thực Hùng Nguyễn Phi Hùng 0 MỤC LỤC CHƯƠNG KHẢO SÁT HIỆN TRẠNG 1.1 Đặt vấn đề 1.2 Website bán hàng thủy hải sản-ốc 1.3 Mu c tiêu va chưc chinh cu a hệ thô ng 1.4 Định hướng giải vấn đề 1.5 Tóm tắt sở lý thuyết 1.5.1 Ngơn ngữ lập trình PHP 1.5.2 HTML, CSS JavaScript 13 1.5.3 Môi trường phát triển ưng du ng 14 CHƯƠNG PHÂN TÍCH VÀ THIẾT KẾ HỆ THỐNG 16 2.1 Các yêu cầu đặt cho hệ thô ng 16 2.2 Các tác nhân cua hệ thô ng 16 2.3 Biểu đồ UseCase cu a hệ thô ng 16 2.3.1 Biểu đồ UseCase tổng quát 17 2.4 Các chưc chinh cua hệ thô ng 17 2.4.1 Chưc đăng ký 17 2.4.2 Chưc đăng nhập 19 2.4.3 Chưc mua xóa sản phẩm khỏi giỏ hàng 22 2.4.4 Chưc thêm sản phẩm 25 2.4.5 Chưc Xóa sản phẩm 27 2.4.6 Chưc Sửa sản phẩm 29 2.4.7 Chưc xác nhận đơn ha ng 30 2.5 Thiết kế sở liệu 32 2.5.1 Các bảng sở liệu 32 2.5.2 Lược đồ quan hệ cua bảng 35 CHƯƠNG XÂY DỰNG CHƯƠNG TRI NH 36 3.1 Giao diện website 36 3.1.1 Giao diện sơ trang 36 3.1.2 Giao diện sô chưc 41 0 3.2 Kết luận 45 CHƯƠNG KẾT LUẬN 46 4.1 Những kết đạt 46 4.2 Kết chưa đạt 46 4.3 Định hướng phát triển tương lai 46 TÀI LIỆU THAM KHẢO 47 0 DANH MỤC HÌNH VẼ Hình Hình Hình Hình Hình Hình Hình Hình Hình Hình Hình Hình Hình Hình Hình Hình Hình Hình Hình Hình Hình Hình Hình Hình Hình Hình Hình Hình Hình 1:Biều đồ UseCase tổng quát 17 2:Biểu đồ UseCase đăng ký 18 3:Biểu đồ chức đăng ký 19 4:Biểu đồ UseCase đăng nhập 20 5:Biểu đồ chức đăng nhập 21 6:Biểu đồ use case giỏ hàng 22 7:Biểu đồ chức xóa sản phẩm khỏi giỏ hàng 24 8:Biểu đồ chức mua sản phẩm 24 9:Biểu đồ UseCase thêm sản phẩm 25 10:Biểu đồ hoạt động chức thêm sản phẩm 26 11:Biểu đồ UseCase xóa sản phẩm 27 12:Biểu đồ hoạt động chức xóa sản phẩm 28 13:Biểu đồ UseCase sửa sản phẩm 29 14: Biểu đồ hoạt động chức xóa sản phẩm 30 15:Biểu đồ UseCase xác nhận đơn hàng 31 16: Biểu đồ chức xác nhận đơn hàng 32 17 :Biểu đồ quan hệ bảng sở liệu 35 18:Giao diện trang chủ 36 19:Giao diện trang quản trị website bán hải sản-ốc 37 20:Giao diện trang sản phẩm 38 21:Trang thông tin cá nhân 39 22:Giao diện trang chi tiết sản phẩm 40 23:Giao diện trang đăng nhập hệ thống 41 24:Giao diện trang đăng ký hệ thống 41 25:Giao diện trang giỏ hàng 42 26:Giao diện trang quản lý sản phẩm 43 27:Giao diện chức thêm sản phẩm 43 28:Giao diện chức quản lý đơn hàng 44 29:Giao diện chức quản lý Danh Mục 44 0 DANH MỤC BẢNG BIỂU Bảng Bảng Bảng Bảng Bảng Bảng Bảng Bảng Bảng Bảng Bảng Bảng : Bảng đặc tả UseCase đăng ký 18 2: Bảng đặc tả UseCase đăng nhập 20 : Bảng đặc tả UseCase giỏ hàng 23 : Bảng đặc tả UseCase quản lý sản phẩm 25 5: Bảng đặc tả UseCase xóa sản phẩm 27 6: Bảng đặc tả UseCase sửa sản phẩm 29 7: B ảng đặc tả UseCase xác nhận đơn hàng 31 : Cấu trúc liệu bảng taikhoan 32 9: Cấu trúc liệu bảng sanpham 33 10 : Cấu trúc liệu bảng danhmuc 33 11: Cấu trúc liệu bảng chi tiet hoa don 34 12: Cấu trúc liệu bảng hoadon 34 0 CHƯƠNG KHẢO SÁT HIỆN TRẠNG Nội dung: Trong chương , em tìm hiểu nhu cầu, thực trạng việc mua bán hải sản ốc tìm hiểu cách xây dụng quản lý website bán hàng… Từ đưa mục tiêu chức chinh  hệ thống, đưa hướng giải vấn đề đặt ra, định hướng giải pháp cơng nghệ tóm tắt sở lý thuyết 1.1 Đặt vấn đề Thuỷ hải sản-ốc ăn u thích người, nhà, nay, thị trường bn bán thuỷ hải sản có nhiều doanh nghiệp,cá nhân, cửa hàng “mọc lên”, cạnh tranh phát triển Chính thế, để doanh nghiệp phát triển, bạn cần nghĩ nhiều cách để thu hút khách hàng mua sắm cửa hàng Một cách kinh doanh qua web bán thuỷ sản-ốc online Để theo kịp xu hướng công nghệ nay, doanh nghiệp nên tự xây dựng nên thương hiệu cách xây dựng trang web cửa hàng thuỷ hải sản online Trong thời đại công nghệ kỹ thuật số nở rộ nay, chắn nhiều người muốn đặt hàng trực tuyến đến tận cửa hàng thuỷ sản, chợ, siêu thị, để mua Họ cần tốn vài phút thao tác để chọn mua ăn thích, sau nhấn đặt hàng gọi điện sản phẩm nhanh chóng giao tận nơi mà đảm bảo chất lượng ngon giá hợp lý Với tiện lợi thương mại điện tử trực tuyến, doanh nghiệp,cá nhân,cửa hàng nhanh chóng thiết kế website cửa hàng thuỷ hải sản online để dễ dàng tiếp cận với nhiều khách hàng hơn, tiện lợi cho người mua lẫn người bán Đồng thời giúp tăng doanh số, lợi nhuận cho doanh nghiệp buôn bán thuỷ hải sản Trên sở đó, đồ án chuyên ngành em thực đề tài “Xây dưng website bán điện thoại Mobile Shop” nhằm giải nhu cầu quảng bá kinh doanh sản phẩm 1.2 Website bán hàng thủy hải sản-ốc Các trang web kinh doanh có vai trị kênh phân phối hàng hóa chủ lực cửa hàng, doanh nghiệp Khác với kinh doanh truyền thống, kinh doanh online không bị hạn chế nhiều mặt không gian thời gian Như tiếp cận nhiều nguồn khách hàng địa điểm khác nhau, thực đơn đặt trước, toán online,… 0 1.3 Mc tiêu va chư c chinh cua hệ thơ ng Để có website bán hàng online hẳn giao diện trang web điều vô quan trọng, giao diện cần phải thân thiện với máy tinh  thiết bị di động, dễ sử dụng, bắt mắt hướng đến thị hiếu cảm nhận khách hàng Bên cạnh đó, website cần phải có tốc độ xử lý nhanh, xác, hiệu tiện lợi cho người mua người bán - chủ website Website cần có chức trang bán hàng : Người mua đăng ki đăng nhập vào hệ thống để quản lý tài khoản, giỏ hàng, đơn hàng, tương tác với hệ thống đánh giá, bình luận hay gửi tin nhắn, tạo viết thu hút khách hàng, quản lý sản phẩm kho, quản lý đơn hàng, thông kê doanh số bán hàng 1.4 Định hướng giải vấn đề Dựa sở mục tiêu chức hệ thống, với thời gian làm việc trực tiếp với ngôn ngữ PHP đồng ý thầy TS.Nguyễn Hữu Vĩnh, em định sử dụng ngơn ngữ PHP ngơn ngữ sử lý logic hệ thống Kết hợp với số ngôn ngữ HTML, CSS, Javascript để thiết kế giaodiện Với việc sử dụng ngơn ngữ lập trình phổ biến tiện ích mạng xã hội kèm theo chứng minh tính hiệu qua website lớn, em tự tin khảng định hệ thống đáp ứng hồn tồn u cầu đặt 1.5 Tóm tắt sở lý thuyết 1.5.1 Ngơn ngữ lập trình PHP 1.5.1.1 Giới thiệu PHP viết tắt từ “PHP: Hypertext Preprocessor”, ngơn ngữ lập trình kịch hay loại mã lệnh chủ yếu dùng để phát triển ứng dụng viết cho máy chủ, mã nguồn mở, mục tiêu ngơn ngữ cho phép nhà phát triển viết trang web động cách nhanh chóng Nó phù hợp để phát triển web dễ dàng nhúng vào trang HTML Do tối ưu hóa cho ứng dụng web, tốc độ nhanh, nhỏ gọn, cú pháp giống C Java, dễ học thời gian xây dựng sản phẩm tương đối ngắn so với ngơn ngữ khác nên PHP nhanh chóng trở thành ngơn ngữ lập trình web phổ biến giới 0 1.5.1.2 Lịch sử hình thành phát triển PHP phát triển từ sản phẩm có tên PHP/FI Rasmus Lerdorf tạo năm 1994, ban đầu xem tập đơn giản mã kịch Perl để theo dõi tình hình truy cập đến sơ yếu lý lịch ông mạng Vào tháng 11 năm 1997, PHP/FI 2.0 thức cơng bố, sau thời gian dài công bố dạng beta Nhưng khơng lâu sau đó, thay alpha PHP 3.0 – phiên cho thấy hình ảnh gần gũi với phiên PHP mà biết ngày PHP 3.0 chinh thức công bố vào tháng năm 1998, sau thời gian tháng cộng đồng kiểm nghiệm PHP 3.0 Andi Gutmans Zeev Suraski tạo sau viết lại hoàn toàn mã nguồn trước Lý mà họđã tạo phiên họ nhận thấy PHP/FI 2.0 yếu việcphát triển ứng dụng thương mại điện tử mà họ xúc tiến dự án trường đại học Một sức mạnh lớn PHP 3.0 tính mở rộng mạnh mẽ Ngồi khả cung cấp cho người dùng cuối sở hạ tầng chặt chẽ dùng cho nhiều sở liệu, giao thức API khác nhau, tinh mở rộng PHP 3.0 thu hút nhiều nhà phát triển thamgia đề xuất mô đun mở rộng Tháng năm 2000, gần năm sau PHP 3.0 đời, phiên PHP 4.0 thức cơng bố Ngồi tốc độ xử lý cải thiện nhiều, PHP 4.0 đem đến tinh chủ yếu khác gồm có hỗ trợ nhiều máy chủ Web hơn, hỗ trợ phiên làm việc HTTP, tạo đệm thông tin đầu ra, nhiều cách xử lý thông tin người sử dụng nhập vào bảo mật cung cấp vài cấu trúc ngôn ngữ Với PHP 4, số nhà phát triển dùng PHP lên đến hàng trăm nghìn hàng triệu site công bố cài đặt PHP, chiếm khoảng 20% số tên miền mạng Internet Sau thành công PHP 4.0, ngày 13 tháng năm 2004 PHP 5.0 chinh thức mắt sau thời gian dài tung kiểm tra thử bao gồm Beta, RC Mặc dù coi phiên sản xuất PHP 5.0 số lỗi đáng kể lỗi xác thực HTTP Ngày 14 tháng năm 2005, PHP 5.1 10 0 2.5.1.2 Bẳng sản phẩm (sanpham) Bảng sản phẩm bảng lưu trữ thông tin sản phẩm bao gồm: tên sản phẩm, mã sản phẩm, ảnh hiển thị thơng tin cấu hình sản phẩm STT Tên Trường id_SP name_SP gia_SP image_SP Kiểu DữLiệu Mơ Tả Khóa bảng Tên sản phẩm Int(20) Varchar(200) Giá sản phẩm Ảnh sản phẩm hiển thị Khóa ngoại mã danh id_DanhMuc Int(20) mục mota_SP Text Mô tả sản phẩm Ngày nhập create_at Datetime Ngày chỉnh sửa update_at Datetime Bảng 9;Cấu trúc liệu bảng sanpham Decimal(10,0) Text 2.5.1.3 Bảng danh mục sản phẩm (danhmuc) Bảng danh mục sản phẩm lưu trữ loại sản phẩm : hải sản , ốc , nước … Để người dùng dẽ dàng tìm loại sản phẩm ưa thích STT Tên Trường Id_DanhMuc Name_Danh Muc Created_at Update_at Kiểu Dữ Liệu Int(20) Varchar(50) Mô Tả Khóa bảng Tên danh mục Ngày tạo Datatime Ngày cập nhật Bảng 10 : Cấu trúc liệu bảng danhmuc Datatime 2.5.1.4 Bảng chi tiết hóa đơn (chi tiet hoa don) Bảng chi tiết hóa đơn lưu trữ chi tiết thơng tin hóa đơn Giúp quản trị viên dễ dàng xác nhận đơn hàng STT Kiểu Dữ Liệu Tên Trường id_ChiTietHD Int(11) Id_HD Int(20) Ten_SP Ten_DanhMuc Varchar(20 0) Varchar Mô Tả Khóa bảng Khóa ngoại liên kết với bảng hoadon Tên sản phẩm Tên danh mục 33 0 Decimal(1 Giá tiền sản phẩm 0,0) NgayMua Datetime Ngày mua sản phẩm Bảng 11:Cấu trúc liệu bảng chi tiet hoa don Gia 2.5.1.5 Bảng hóa đơn (hoadon) Bảng đơn hàng bảng lưu trữ thông tin đơn hàng người dùng bao gồm thông tin cá nhân phương thức toán STT Kiểu Dữ Liệu Int(20) Int(20) Int(20) Int(11) Decima l(10,0) Int(20) Dateti me Varcha r(50) Tên Trường Id_HD Id_Sp Id_DanhMuc Id_KhachHang Gia_SP SoLuong Update_at TrangThai Mô Tả Khóa bảng Id sản phẩm Id danh mục Id khách hàng Giá sản phẩm Số lượng sản phẩm Ngày cập nhật Trạng thái đơn hàng( xác nhận , chưa xác nhận) Bảng 12: Cấu trúc liệu bảng hoadon 34 0 2.5.2 Lược đồ quan hệ cua bảng Hình 17 :Biểu đồ quan hệ bảng sở liệu 35 0 CHƯƠNG XÂY DỰNG CHƯƠNG TRI NH 3.1 Giao diện website - 3.1.1 Giao diện sơ trang 3.1.1.1 Giao diện trang chủ Trang hiển thị tất sản phẩm , hiển thị tin tức sản phẩm Hình 18:Giao diện trang chủ 36 0 3.1.1.2 Giao diện trang quản trị Hình 19:Giao diện trang quản trị website bán hải sản-ốc - Trang quản lý sản phẩm có trang nhỏ :  Quản lý Danh Mục  Quản lý Sản Phẩm  Quản lý đơn hàng  Về trang chủ  Thoát - Các chức trang :  Quản lý danh mục: có chức thêm danh mục, sửa , xóa danh mục  Quản lý sản phẩm : có chức thêm sản phẩm , sửa, xóa sản phẩm  Quản lý đơn hàng : có chức xác nhận đơn hàng  Về trang chủ : chuyển admin trang chủ  Thoát : đăng xuất admin khỏi trang web - Chỉ có admin vô trang quản lý 37 0 - 3.1.1.3 Giao diện trang Hải Sản Trang sản phẩm có danh mục hải sản Trang có chức tìm kiếm cho phép người dùng tìm kiếm sản phẩm muốn tìm - Mọi người dùng truy cập vào trang mà khơng cần phải đăng nhập Hình 20:Giao diện trang sản phẩm 38 0 - 3.1.1.4 Giao diện trang thông tin cá nhân Trang hiển thị thông tin cá nhân người dùng Trang có chức : Hình 21:Trang thơng tin cá nhân - 3.1.1.5 Giao diện trang chi tiết sản phẩm Trang chi tiết thông tin : giá , hình ảnh, số lượng, thơng tin khác sản phẩm Trang có chức năng: mua , tăng giảm số lượng , thoát 39 0 Hình 22:Giao diện trang chi tiết sản phẩm 40 0 - 3.1.2 Giao diện sô chư c 3.1.2.1 Giao diện chức đăng nhập Trang có chức : đăng nhập , đăng ký Khi người dùng nhập sai tên đăng nhập thông báo “tên đăng nhập không tồn vui lòng đăng nhập lại Khi người dùng nhập sai mật thơng báo “sai mật , vui lịng nhập lại” Hình 23:Giao diện trang đăng nhập hệ thống 3.1.2.2 Giao diện chức đăng ký - Khi người dùng đăng ký thành cơng hệ thống chuyển người dùng đến trang đăng nhập để người dùng đăng nhập lại lần để người dùng nhớ tài khoản mật Hình 24:Giao diện trang đăng ký hệ thống 41 0 - 3.1.2.3 Giao diện chức giỏ hàng Trang hiển thị lên sản phẩm mà bạn mua sản phẩm mà bạn thêm vào giỏ hàng Hình 25:Giao diện trang giỏ hàng 42 0 3.1.2.4 Giao diện chức quản lý sản phẩm Hình 3.1 Giao diện trang chỉnh sửa viết Hình 26:Giao diện trang quản lý sản phẩm Hình 27:Giao diện chức thêm sản phẩm 43 0 3.1.2.5 Giao diện chức quản lý đơn hàng Hình 28:Giao diện chức quản lý đơn hàng 3.1.2.6 Giao diện chức quản lý Danh Mục Hình 29:Giao diện chức quản lý Danh Mục 44 0 3.2 Kết luận Qua nội dung chương 3, em trình bày kết xây dựng website số hình ảnh giao diện website, giao diện chức hiệu chạy thực tế môi trường thực Trong chương 4, chương cuối em đưa kết luận tổng quát kết đạt định hướng phát triển dự án tương lai 45 0 CHƯƠNG KẾT LUẬN 4.1 Những kết đạt Sau thời gian tìm hiểu website bán hải sản Đảo hải sản, GHESONG.VN, CHOHAISANONLINE.VN số tài liệu trực tuyến xây dựng website bán hàng PHP, từ em thực đề tài “Thiết kế website bán hải sản - ốc ” với kết đạt sau: - Về chức năng: hệ thống website hoàn thiệt hầu hết chức là: người dùng tạo tài khoản, đăng nhập sử dụng chức hệ thống, xem sản phẩm, thêm sản phẩm vào giỏ hàng, … Người quản trị nắm bắt tình trạng đơn hàng - Về giao diện: hệ thống phát triển giao diện tương đối đẹp, bắt mắt, bố cục gọn gàng cho người dùng Bên cạnh giao diện cịn cung cấp cho người dùng đầy đủ thông tin, chức tiện dụng hệ thống sử lý hiệu ứng đẹp mắt - Về hiệu năng: hệ thống có hiệu tạm chấp nhận mức đưa vào thực tế phải làm thêm - Về kiến thức kỹ năng: thông qua đồ án em mở mang nhiều kiến thức ngôn ngữ lập trình PHP 4.2 Kết chưa đạt Song song với kết đạt bên hệ thống cịn nhiều thiếu sót nhiều mặt là: - Về chức năng: chức tốn chưa hồn thiện, cịn thiếu nhiều danh mục cho sản phẩm - Về giao diện: thân thiện với người sử dụng chưa đẹp mắt phù hợp với đại đa số người dùng - Về bảo mật: hệ thống phát triển mức độ bảo mật 4.3 Định hướng phát triển tương lai Trong tương lai, định hướng phát triển thêm em tiếp tục hoàn thiện phát triển thêm chức mức Website này.Thêm thuật toán website trở thành website thông minh : gợi ý sản phẩm mua kèm cho khách hàng… Bên cạnh em tiếp tục phát triển thêm chức là: hỗ trợ đa ngôn ngữ, theo dõi sản phẩm, thông báo thời gian thực, hệ thống nhắn tin trả lời tự động, hệ thống phân phối giao hàng theo khu vực để đảm bảo tiết kiệm thời gian tri phí giao hàng(Logistics) Việc cải thiện hiệu vô quan trọng tương lai mà lượng người dùng liệu ngày nhiều nên Giải pháp tương lai tối ưu lại toàn câu truy vẫn, thiết kế lại toàn sở liệu, giao diện loại bỏ bớt hiệu ứng không cần thiết 46 0 TÀI LIỆU THAM KHẢO [1] Giáo án PHP MySQL Trang Hiepsiit.com [2] "PHP Wikipedia," https://en.wikipedia.org/wiki/PHP [3] "HTML Wikipedia," https://en.wikipedia.org/wiki/HTML [4] "CSS Wikipedia," https://en.wikipedia.org/wiki/Cascading_Style_Sheets [5] "JavaScript Wikipedia," https://en.wikipedia.org/wiki/JavaScript 47 0 ...TRƯỜNG ĐẠI HỌC THỦ DẦU MỘT KHOA KỸ THUẬT – CÔNG NGHỆ BÁO CÁO MÔN HỌC ĐỒ ÁN CHUYÊN NGÀNH XÂY DỰNG WEBSITE BÁN HẢI SẢN - ỐC TƯƠI SỐNG GVHD: Th.S NGUYỄN HỮU VĨNH SVTH:... gian tìm hiểu website bán hải sản Đảo hải sản, GHESONG.VN, CHOHAISANONLINE.VN số tài liệu trực tuyến xây dựng website bán hàng PHP, từ em thực đề tài “Thiết kế website bán hải sản - ốc ” với kết... thuỷ hải sản Trên sở đó, đồ án chuyên ngành em thực đề tài ? ?Xây dưng website bán điện thoại Mobile Shop” nhằm giải nhu cầu quảng bá kinh doanh sản phẩm 1.2 Website bán hàng thủy hải sản- ốc Các