Xây dựng website bán hoa online cho tshop

Đồ án tốt nghiệp - Đề tài: xây dựng website bán hoa MỤC LỤC I LỜI MỞ ĐẦU II LỜI CẢM ƠN III PHỤ LỤC a Danh sách bảng b Danh sách hình ảnh IV MÔ TẢ NGHIỆP VỤ, CÁC MỤC TIÊU VÀ CÔNG CỤ TRIỂN KHAI a Hoạt động khách hàng: b Hoạt động quản trị viên: c Các mục tiêu cần đạt được: d Các công cụ triển khai: .7 V PHÂN TÍCH HỆ THỐNG .8 a Sơ đồ usecase tổng quát .8 b Sơ đồ usecase xem sản phẩm .8 c Sơ đồ usecase quản lý giỏ hàng d Sơ đồ usecase quản lý loại sản phẩm e Sơ đồ usecase quản lý sản phẩm 10 f Sơ đồ usecase quản lý đơn hàng 10 g Sơ đồ hoạt động đăng ký thành viên .11 h Sơ đồ hoạt động đặt hàng 12 i Bảng liệu: 13 VI THIẾT KẾ .15 a Sơ đồ ERD 15 b Thiết kế giao diện .16 i Giao diện trang chủ 16 ii Giao diện danh mục sản phẩm 17 iii Giao diện đăng nhập 17 iv Giao diện đăng ký thành viên 18 v Giao diện liên hệ 19 vi Giao diện đăng nhập admin 20 Trang Sinh viên thực hiện: Hồ Thanh Tài - Lớp: 16HQ1 - Trường ĐH Sư Phạm Kỹ Thuật Đà Nẵng Đồ án tốt nghiệp - Đề tài: xây dựng website bán hoa vii Giao diện trang quản trị .20 viii Giao diện thêm loại sản phẩm .21 ix Giao diện xem danh sách loại sản phẩm .21 x Giao diện thêm sản phẩm 22 xi Giao diện danh sách sản phẩm 23 xii Giao diện danh sách đặt hàng 24 VII KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN 25 a Kết luận 25 b Hướng phát triển 25 Trang Sinh viên thực hiện: Hồ Thanh Tài - Lớp: 16HQ1 - Trường ĐH Sư Phạm Kỹ Thuật Đà Nẵng Đồ án tốt nghiệp - Đề tài: xây dựng website bán hoa I LỜI MỞ ĐẦU Ngày nay, ứng dụng cơng nghệ thơng tin việc tin học hóa xem yếu tố mang tính định hoạt động phủ, tổ chức, cơng ty, đóng vai trò quan trọng, tạo bước đột phá mạnh mẽ Cùng với phát triển không ngừng kỹ thuật máy tính mạng điện tử, cơng nghệ thơng tin cơng nghệ có đẳng cấp cao chinh phục hết đỉnh cao đến đỉnh cao khác Mạng Internet sản phẩm có giá trị lớn lao ngày trở nên công cụ thiếu, tảng cho truyền tải, trao đổi thơng tin tồn cầu Giờ đây, việc liên quan đến thông tin trở nên thật dễ dàng cho người sử dụng, cần có máy tính kết nối internet dòng liệu truy tìm gần giới vấn đề mà bạn quan tâm ra, có đầy đủ thơng tin, hình ảnh chí đơi lúc có âm bạn cần Bằng internet, thực nhiều công việc với tốc độ nhanh chi phí thấp nhiều so với cách thức truyền thống Chính điều này, thúc đẩy khai sinh phát triển thương mại điện tử phủ điện tử khắp giới, làm biến đổi đáng kể mặt văn hóa, nâng cao chất lượng sống người Trong hoạt động sản xuất, kinh doanh, đây, thương mại điện tử khẳng định vai trò xúc tiến thúc đẩy phát triển doanh nghiệp Đối với cửa hàng hay shop, việc quảng bá giới thiệu đến khách hàng sản phẩm đáp ứng nhu cầu khác hàng cần thiết Vậy phải quảng bá xây dựng Website cho cửa hàng quảng bá tất sản phẩm bán Vì vậy, em thực đồ án “XÂY DỰNG WEBSITE BÁN HOA ONLINE” cho shop bán hoa TSHOP Trang Sinh viên thực hiện: Hồ Thanh Tài - Lớp: 16HQ1 - Trường ĐH Sư Phạm Kỹ Thuật Đà Nẵng Đồ án tốt nghiệp - Đề tài: xây dựng website bán hoa II LỜI CẢM ƠN Qua năm học tập rèn luyện trường Trường ĐH Sư phạm kỹ thuật Đà Nẵng, bảo giảng dạy nhiệt tình q thầy cơ, đặc biệt quý thầy cô ngành hệ thống thông tin quản lý truyền đạt cho em kiến thức lý thuyết thực hành suốt thời gian học trường Cùng với nỗ lực thân, em hoàn thành luận văn tốt nghiệp Từ kết đạt này, em xin chân thành cám ơn: Quý thầy cô trường Trường ĐH Sư phạm kỹ thuật Đà Nẵng, truyền đạt cho em kiến thức bổ ích thời gian qua Đặc biệt, cô Nguyễn Thị Hà Quyên tận tình hướng dẫn em hồn thành tốt báo cáo tốt nghiệp Do kiến thức hạn hẹp nên khơng tránh khỏi thiếu sót cách hiểu, lỗi trình bày Em mong nhận đóng góp ý kiến quý thầy cô bạn để báo cáo tốt nghiệp đạt kết tốt Trang Sinh viên thực hiện: Hồ Thanh Tài - Lớp: 16HQ1 - Trường ĐH Sư Phạm Kỹ Thuật Đà Nẵng Đồ án tốt nghiệp - Đề tài: xây dựng website bán hoa III PHỤ LỤC a Danh sách bảng Stt Tên bảng Bảng loaisanpham Bảng Bảng sanpham Bảng Bảng hoadonchitiet Bảng Bảng hoadon Bảng Bảng taikhoan b Danh sách hình ảnh STT 10 11 12 13 14 15 16 17 18 19 20 21 Tên ảnh Ảnh Sơ đồ ERD Ảnh Sơ đồ usecase xem sản phẩm Ảnh Sơ đồ usecase quản lý giỏ hàng Ảnh Sơ đồ usecase quản lý loại sản phẩm Ảnh Sơ đồ usecase quản lý sản phẩm Ảnh Sơ đồ usecase quản lý đơn hàng Ảnh Sơ đồ hoạt động đăng ký thành viên Ảnh Sơ đồ hoạt động đặt hàng Ảnh Sơ đồ ERD Ảnh 10 Giao diện trang chủ Ảnh 11 Giao diện trang danh mục sản phẩm Ảnh 12 Giao diện trang đăng nhập Ảnh 13 Giao diện trang đăng ký thành viên Ảnh 14 Giao diện trang liên hệ Ảnh 15 Giao diện đăng nhập admin Ảnh 16 Giao diện trang quản trị Ảnh 17 Giao diện thêm loại sản phẩm Ảnh 18 Giao diện xem danh sách loại sản phẩm Ảnh 19 Giao diện thêm sản phẩm Ảnh 20 Giao diện danh sách sản phẩm Ảnh 21 Giao diện danh sách đặt hàng Trang Sinh viên thực hiện: Hồ Thanh Tài - Lớp: 16HQ1 - Trường ĐH Sư Phạm Kỹ Thuật Đà Nẵng Đồ án tốt nghiệp - Đề tài: xây dựng website bán hoa IV MÔ TẢ NGHIỆP VỤ, CÁC MỤC TIÊU VÀ CÔNG CỤ TRIỂN KHAI a Hoạt động khách hàng: - Một khách hàng tham quan cửa hàng, họ đặt vấn đề cửa hàng bán gì, thơng tin mặt hàng bán,giá hình thức tốn.Do để đáp ứng nhu cầu tối thiểu trên, cửa hàng mạng phải đảm bảo thông tin cần thiết dễ thao tác, mặt hàng bán có hình ảnh kèm theo giá tiền,,thông tin liên quan tới mặt hàng - Khách hàng vào cửa hàng webside để tìm kiếm sản phẩm cần mua đặt hàng với cửa hàng.Khách hàng tìm đặt mặt hàng mà cần theo tên mặt hàng - Mỗi khách hàng thêm mặt hàng vào giỏ mua hàng trang đăng kí xuất yêu cầu cảu trang đăng nhập Nếu lần khách hàng đến với cửa hàng u cầu nhập thơng tin để đăng kí tài khoản bao gồm : họ tên,thông tin địa chỉ, email mật Khi khách hàng đăng nhập thành công hệ thống mở cho khách hàng thêm vào giỏ hàng - Khi khách hàng sẵn sàng hoàn thành đơn hàng mặt hàng giỏ mua hàng chuyển vào đơn đặt hàng để thực đặt hàng với cửa hàng - Sau khách hàng đặt hàng cưa hàng rồi, họ theo dõi đơn hàng để trực tiếp kiểm tra đơn hàng trang web cửa hàng b Hoạt động quản trị viên: - Quản lý danh sách loại sản phẩm: cho phép quản trị viên xem danh sách loại sản phẩm cụ thể loại hoa Việc xem danh sách giúp quản trị viên có nhìn tổng qt loại sản phẩm mà kinh doanh Từ đó, người quản trị viên dễ dàng thay đổi thơng tin loại sản phầm cần Ngoài hệ thống cho phép quản trị viên them loại sản phẩm hoa sau muốn - Quản lý danh sách sản phẩm: cửa hàng hoa có nhiều sản phẩm hoa cần có bảng danh sách hoa mà cửa hàng kinh doanh để dễ dàng quản lý Trong danh sách bao gồm nhiều thông tin tên hoa, mô tả hoa, ảnh hoa, giá bán, trạng thái bán, thuộc loại hoa Ngồi hệ thống cho phép quản trị sửa lại thơng tin hoa cần Quản trị phép thêm thông tin hoa cách vào trang thêm hoa Trang Sinh viên thực hiện: Hồ Thanh Tài - Lớp: 16HQ1 - Trường ĐH Sư Phạm Kỹ Thuật Đà Nẵng Đồ án tốt nghiệp - Đề tài: xây dựng website bán hoa c - Quản lý danh sách đơn đặt hàng: sau khách hàng đặt hàng website quản trị viên thấy đơn hàng trang quản lý danh sách đơn hàng, thông tin bao gồm mã đơn hàng, họ tên khách hàng để xác nhận giao hàng, chi tiết cụ thể đơn hàng đặt gì, giá trị Một tính khơng thể thiếu quản trị sửa lại trạng thái đơn hàng chờ xử lý, giao hàng, giao hàng, giao hàng thất bại, hoàn trả Các mục tiêu cần đạt được: - Giao diện đẹp, thân thiện người dùng - Tốc độ website nhanh - Bảo mật, không bị hack - Dễ thao tác cho người dùng - Mã code dễ đọc, thích đầy đủ - Có thể mở rộng quy mơ lớn cho nhiều shop bán hoa d Các công cụ triển khai: Chương trình Xamp, gõ mã Sublime text Client: HTML, CSS, Javascript Server: PHP Database: Mysql Trang Sinh viên thực hiện: Hồ Thanh Tài - Lớp: 16HQ1 - Trường ĐH Sư Phạm Kỹ Thuật Đà Nẵng Đồ án tốt nghiệp - Đề tài: xây dựng website bán hoa V PHÂN TÍCH HỆ THỐNG a Sơ đồ usecase tổng quát Ảnh Sơ đồ usecase tổng quát b Sơ đồ usecase xem sản phẩm Ảnh Sơ đồ usecase xem sản phẩm c Sơ đồ usecase quản lý giỏ hàng Trang Sinh viên thực hiện: Hồ Thanh Tài - Lớp: 16HQ1 - Trường ĐH Sư Phạm Kỹ Thuật Đà Nẵng Đồ án tốt nghiệp - Đề tài: xây dựng website bán hoa Ảnh Sơ đồ usecase quản lý giỏ hàng d Sơ đồ usecase quản lý loại sản phẩm Ảnh Sơ đồ usecase quản lý loại sản phẩm e Sơ đồ usecase quản lý sản phẩm Trang Sinh viên thực hiện: Hồ Thanh Tài - Lớp: 16HQ1 - Trường ĐH Sư Phạm Kỹ Thuật Đà Nẵng Đồ án tốt nghiệp - Đề tài: xây dựng website bán hoa Ảnh Sơ đồ usecase quản lý sản phẩm f Sơ đồ usecase quản lý đơn hàng Ảnh Sơ đồ usecase quản lý đơn hàng g Sơ đồ hoạt động đăng ký thành viên Trang 10 Sinh viên thực hiện: Hồ Thanh Tài - Lớp: 16HQ1 - Trường ĐH Sư Phạm Kỹ Thuật Đà Nẵng Đồ án tốt nghiệp - Đề tài: xây dựng website bán hoa Ảnh Sơ đồ hoạt động đăng ký thành viên Trang 11 Sinh viên thực hiện: Hồ Thanh Tài - Lớp: 16HQ1 - Trường ĐH Sư Phạm Kỹ Thuật Đà Nẵng Đồ án tốt nghiệp - Đề tài: xây dựng website bán hoa h Sơ đồ hoạt động đặt hàng Trang 12 Sinh viên thực hiện: Hồ Thanh Tài - Lớp: 16HQ1 - Trường ĐH Sư Phạm Kỹ Thuật Đà Nẵng Đồ án tốt nghiệp - Đề tài: xây dựng website bán hoa Ảnh Sơ đồ hoạt động đặt hàng i Bảng liệu: STT Tên cột Mô tả Mã loại sản phẩm tenloaisanpham Varchar(50) Tên loại sản phẩm Bảng Bảng loaisanpham idloaisanpham Kiểu liệu Interger STT Tên cột Idsanpham Kiểu liệu Integer Tensanpham Varchar(100) Thongtinsanpha m Anh Giaban Trangthai idloaisanpham Text Ràng buộc Khóa Mơ tả Mã sản phẩm Tên sản phẩm Thông tin sản phẩm Ảnh Giá bán Trạng thái Mã loại sản phẩm Ràng buộc Khóa Mơ tả Mã hóa đơn chi tiết Idhoadon Integer Mã hóa đơn Idsanpham Integer Mã sản phẩm Soluongmua Integer Số lượng mua Bảng Bảng hoado nchitiet Ràng buộc Khóa Text Integer Integer Integer Khóa ngoại Bảng Bảng sanpham STT Tên cột Idhoadonchitiet Kiểu liệu Integer Khóa ngoại Khóa ngoại Trang 13 Sinh viên thực hiện: Hồ Thanh Tài - Lớp: 16HQ1 - Trường ĐH Sư Phạm Kỹ Thuật Đà Nẵng Đồ án tốt nghiệp - Đề tài: xây dựng website bán hoa STT STT Tên cột Idhoadon Thoigian Hoten_datmua Kiểu liệu Integer Date Varchar(50) Mơ tả Mã hóa đơn Thời gian Họ tên đặt mua Diachi_datmu Text Địa đặt a mua Sdt_datmua Varchar(12) Số điện thoại đặt mua Trangthai Integer Trạng thái Idtaikhoan Integer Mã tài khoản Bảng Bảng hoadon Ràng buộc Khóa Tên cột Idtaikhoan Tentaikhoan Ràng buộc Khóa Kiểu liệu Integer Varchar(50) Mô tả Mã tài khoản Tên tài khoản Matkhau Varchar(50) Mật Phanquyen Integer Phân quyền Hoten Varchar(50) Họ tên Diachi Text Địa Sdt Varchar(12) Số điện thoại Email Varchar(30) Email Bảng Bảng taikhoan Khóa ngoại Trang 14 Sinh viên thực hiện: Hồ Thanh Tài - Lớp: 16HQ1 - Trường ĐH Sư Phạm Kỹ Thuật Đà Nẵng Đồ án tốt nghiệp - Đề tài: xây dựng website bán hoa VI THIẾT KẾ a Sơ đồ ERD Ảnh Sơ đồ ERD b Thiết kế giao diện i Giao diện trang chủ Trang 15 Sinh viên thực hiện: Hồ Thanh Tài - Lớp: 16HQ1 - Trường ĐH Sư Phạm Kỹ Thuật Đà Nẵng Đồ án tốt nghiệp - Đề tài: xây dựng website bán hoa Ảnh 10 Giao diện trang chủ ii Giao diện danh mục sản phẩm Trang 16 Sinh viên thực hiện: Hồ Thanh Tài - Lớp: 16HQ1 - Trường ĐH Sư Phạm Kỹ Thuật Đà Nẵng Đồ án tốt nghiệp - Đề tài: xây dựng website bán hoa Ảnh 11 Giao diện trang danh mục sản phẩm iii Giao diện đăng nhập Ảnh 12 Giao diện trang đăng nhập iv Giao diện đăng ký thành viên Trang 17 Sinh viên thực hiện: Hồ Thanh Tài - Lớp: 16HQ1 - Trường ĐH Sư Phạm Kỹ Thuật Đà Nẵng Đồ án tốt nghiệp - Đề tài: xây dựng website bán hoa Ảnh 13 Giao diện trang đăng ký thành viên v Giao diện liên hệ Trang 18 Sinh viên thực hiện: Hồ Thanh Tài - Lớp: 16HQ1 - Trường ĐH Sư Phạm Kỹ Thuật Đà Nẵng Đồ án tốt nghiệp - Đề tài: xây dựng website bán hoa Ảnh 14 Giao diện trang liên hệ vi Giao diện đăng nhập admin Trang 19 Sinh viên thực hiện: Hồ Thanh Tài - Lớp: 16HQ1 - Trường ĐH Sư Phạm Kỹ Thuật Đà Nẵng Đồ án tốt nghiệp - Đề tài: xây dựng website bán hoa Ảnh 15 Giao diện đăng nhập admin vii Giao diện trang quản trị Ảnh 16 Giao diện trang quản trị viii Giao diện thêm loại sản phẩm Trang 20 Sinh viên thực hiện: Hồ Thanh Tài - Lớp: 16HQ1 - Trường ĐH Sư Phạm Kỹ Thuật Đà Nẵng Đồ án tốt nghiệp - Đề tài: xây dựng website bán hoa Ảnh 17 Giao diện thêm loại sản phẩm ix Giao diện xem danh sách loại sản phẩm Ảnh 18 Giao diện xem danh sách loại sản phẩm x Giao diện thêm sản phẩm Trang 21 Sinh viên thực hiện: Hồ Thanh Tài - Lớp: 16HQ1 - Trường ĐH Sư Phạm Kỹ Thuật Đà Nẵng Đồ án tốt nghiệp - Đề tài: xây dựng website bán hoa Ảnh 19 Giao diện thêm sản phẩm xi Giao diện danh sách sản phẩm Trang 22 Sinh viên thực hiện: Hồ Thanh Tài - Lớp: 16HQ1 - Trường ĐH Sư Phạm Kỹ Thuật Đà Nẵng Đồ án tốt nghiệp - Đề tài: xây dựng website bán hoa Ảnh 20 Giao diện danh sách sản phẩm xii Giao diện danh sách đặt hàng Trang 23 Sinh viên thực hiện: Hồ Thanh Tài - Lớp: 16HQ1 - Trường ĐH Sư Phạm Kỹ Thuật Đà Nẵng Đồ án tốt nghiệp - Đề tài: xây dựng website bán hoa Ảnh 21 Giao diện danh sách đặt hàng Trang 24 Sinh viên thực hiện: Hồ Thanh Tài - Lớp: 16HQ1 - Trường ĐH Sư Phạm Kỹ Thuật Đà Nẵng Đồ án tốt nghiệp - Đề tài: xây dựng website bán hoa VII KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN a Kết luận Sau hoàn tất websie, em rút nhiều kinh nghiệm việc quản lý thời gian cần phải lên kế hoạch chi tiết để cơng việc hồn thành tiến độ Thứ hai, dự án giúp chúng em hiểu giai đoạn phân tích thiết kế hệ thống:  Khảo sát: tiến hành đến cửa hàng để thu thập tài liệu, phương thức bán hàng, yêu cầu cửa hàng cần xây dựng  Phân tích: phân tích yêu cầu, vẽ biểu đồ usecase, biểu đồ hoạt động,  Thiết kế: thiết kế cở sở liệu vật lý mysql với bảng ràng buộc mối quan hệ chặt chẽ với Thiết kế giao diện sử dụng html,css,javascript… để tạo giao diện bắt mắt  Xây dựng: viết mã chức thêm, sửa, xóa, hiển thị chức nâng cao khác  Cài đặt: tiến hành cài đặt website hosting thật  Bảo trì phát triển: khắc phục lỗi phát sinh trình sử dụng website nâng cấp hệ thống yêu cầu b Hướng phát triển  Nâng cấp giao diện responsive, co giãn với thiết bị  Thêm lọc tìm kiếm sản phẩm nâng cao  Tổ chức lại code theo mơ hình MVC  Rà sốt khắc phục lại lỗi bảo mật website  Thêm chức quản lý nhà cung cấp  Cho phép toán online qua nhiều cổng toán  Cho phép đặt nhiều hoa khác vào bó giỏ theo ý muốn khách hàng  Tích hợp chức tự động tính giá tiền ship hàng  Chuyển website lên VPS để tăng tốc độ truy cập website Trang 25 Sinh viên thực hiện: Hồ Thanh Tài - Lớp: 16HQ1 - Trường ĐH Sư Phạm Kỹ Thuật Đà Nẵng ... hàng cần thiết Vậy phải quảng bá xây dựng Website cho cửa hàng quảng bá tất sản phẩm bán Vì vậy, em thực đồ án “XÂY DỰNG WEBSITE BÁN HOA ONLINE cho shop bán hoa TSHOP Trang Sinh viên thực hiện:... tin tên hoa, mô tả hoa, ảnh hoa, giá bán, trạng thái bán, thuộc loại hoa Ngồi hệ thống cho phép quản trị sửa lại thông tin hoa cần Quản trị phép thêm thơng tin hoa cách vào trang thêm hoa Trang... nghiệp - Đề tài: xây dựng website bán hoa III PHỤ LỤC a Danh sách bảng Stt Tên bảng Bảng loaisanpham Bảng Bảng sanpham Bảng Bảng hoadonchitiet Bảng Bảng hoadon Bảng Bảng taikhoan b Danh sách