Tài liệu 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...............................................................................................................................3 II. LỜI CẢM ƠN...............................................................................................................................4 III. PHỤ LỤC......................................................................................................................................5 a. Danh sách bảng................................................................................................................................5 b. Danh sách hình ảnh..........................................................................................................................5 IV. MÔ TẢ NGHIỆP VỤ, CÁC MỤC TIÊU VÀ CÔNG CỤ TRIỂN KHAI.................................6 a. Hoạt động của khách hàng:..............................................................................................................6 b. Hoạt động của quản trị viên:............................................................................................................6 c. Các mục tiêu cần đạt được:..............................................................................................................7 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.......................................................................................................9 d. Sơ đồ usecase quản lý loại sản phẩm...............................................................................................9 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 dữ 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 của admin.................................................................................................20 Trang 1 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 mới...................................................................................................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 2 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 và việc tin học hóa được xem là một trong những yếu tố mang tính quyết định trong hoạt động của các chính phủ, tổ chức, cũng như của các công ty, nó đóng vai trò hết sức quan trọng, có thể tạo ra những bước đột phá mạnh mẽ. Cùng với sự phát triển không ngừng về kỹ thuật máy tính và mạng điện tử, công nghệ thông tin cũng được những công nghệ có đẳng cấp cao và lần lượt chinh phục hết đỉnh cao này đến đỉnh cao khác. Mạng Internet là một trong những sản phẩm có giá trị hết sức lớn lao và ngày càng trở nên một công cụ không thể thiếu, là nền tảng chính cho sự truyền tải, trao đổi thông tin trên toàn cầu. Giờ đây, mọi việc liên quan đến thông tin trở nên thật dễ dàng cho người sử dụng, chỉ cần có một máy tính kết nối internet và một dòng dữ liệu truy tìm thì gần như lập tức. cả thế giới về vấn đề mà bạn đang quan tâm sẽ hiện ra, có đầy đủ thông tin, hình ảnh và thậm chí đôi lúc có cả những âm thanh nếu bạn cần. Bằng internet, chúng ta đã thực hiện được nhiều công việc với tốc độ nhanh hơn và chi phí thấp hơn nhiều so với cách thức truyền thống. Chính điều này, đã thúc đẩy sự khai sinh và phát triển của thương mại điện tử và chính phủ điện tử trên khắp thế giới, làm biến đổi đáng kể bộ mặt văn hóa, nâng cao chất lượng cuộc sống con người. Trong hoạt động sản xuất, kinh doanh, giờ đây, thương mại điện tử đã khẳng định được vai trò xúc tiến và thúc đẩy sự phát triển của doanh nghiệp. Đối với một cửa hàng hay shop, việc quảng bá và giới thiệu đến khách hàng các sản phẩm mới đáp ứng được nhu cầu của khác hàng sẽ là cần thiết. Vậy phải quảng bá thế nào đó là xây dựng được một Website cho cửa hàng của mình quảng bá tất cả các sản phẩm của mình bán. Vì vậy, em đã thực hiện đồ án “XÂY DỰNG WEBSITE BÁN HOA ONLINE” cho một shop bán hoa TSHOP. Trang 3 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 3 năm học tập và rèn luyện tại trường Trường ĐH Sư phạm kỹ thuật Đà Nẵng, được sự chỉ bảo và giảng dạy nhiệt tình của quý thầy cô, đặc biệt là quý thầy cô ngành hệ thống thông tin quản lý đã truyền đạt cho em những kiến thức về lý thuyết và thực hành trong suốt thời gian học ở trường. Cùng với sự nỗ lực của bản thân, em đã hoàn thành luận văn tốt nghiệp của mình. Từ những kết quả đạt được 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 những kiến thức bổ ích trong thời gian qua. Đặc biệt, là cô Nguyễn Thị Hà Quyên đã tận tình hướng dẫn em hoàn thành tốt báo cáo tốt nghiệp này. Do kiến thức còn hạn hẹp nên không tránh khỏi những thiếu sót trong cách hiểu, lỗi trình bày. Em rất mong nhận được sự đóng góp ý kiến của quý thầy cô và các bạn để báo cáo tốt nghiệp đạt được kết quả tốt hơn. Trang 4 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 1 2 3 4 5 Tên bảng Bảng 1. loaisanpham Bảng 2. Bảng sanpham Bảng 3. Bảng hoadonchitiet Bảng 4. Bảng hoadon Bảng 5. Bảng taikhoan b. Danh sách hình ảnh STT 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 Tên ảnh Ảnh 1. Sơ đồ ERD Ảnh 2. Sơ đồ usecase xem sản phẩm Ảnh 3. Sơ đồ usecase quản lý giỏ hàng Ảnh 4. Sơ đồ usecase quản lý loại sản phẩm Ảnh 5. Sơ đồ usecase quản lý sản phẩm Ảnh 6. Sơ đồ usecase quản lý đơn hàng Ảnh 7. Sơ đồ hoạt động đăng ký thành viên Ảnh 8. Sơ đồ hoạt động đặt hàng Ảnh 9. 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 của 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 mới Ảnh 20. Giao diện danh sách sản phẩm Ảnh 21. Giao diện danh sách đặt hàng Trang 5 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 của khách hàng: - Một khách hàng khi tham quan cửa hàng, họ sẽ đặt vấn đề cửa hàng bán những gì, thông tin gì về những mặt hàng được bán,giá cả và hình thức thanh toán.Do đó để đáp ứng những nhu cầu tối thiểu trên, cửa hàng trên mạng phải đảm bảo những thông tin cần thiết và hơn thế nữa là dễ thao tác, mặt hàng khi bán có hình ảnh và kèm theo giá tiền,,thông tin liên quan tới mặt hàng. - Khách hàng có thể vào cửa hàng trên webside để tìm kiếm các sản phẩm cần mua và đặt hàng với cửa hàng.Khách hàng có thể tìm đặt mặt hàng mà mình cần theo tên mặt hàng. - Mỗi khách hàng thêm những mặt hàng vào giỏ mua hàng của mình thì mỗi trang đăng kí sẽ xuất hiện yêu cầu cảu một trang đăng nhập . Nếu đây là lần đầu tiên khách hàng đến với cửa hàng thì sẽ được yê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 và mật khẩu. Khi khách hàng đã đăng nhập thành công thì hệ thống sẽ 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 của mình thì các mặt hàng hiện trong giỏ mua hàng của mình sẽ được chuyển vào đơn đặt hàng để thực hiện đặt hàng với cửa hàng - Sau khi khách hàng đã đặt hàng trên cưa hàng rồi, họ có thể theo dõi đơn hàng của mình để trực tiếp kiểm tra đơn hàng tại trang web của cửa hàng. b. Hoạt động của 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 được danh sách các loại sản phẩm cụ thể ở đây là các loại hoa. Việc xem danh sách này sẽ giúp quản trị viên có cái nhìn tổng quát hơn về các loại sản phẩm mà mình đang kinh doanh. Từ đó, người quản trị viên có thể dễ dàng thay đổi thông tin của loại sản phầm nếu cần. Ngoài ra hệ thống còn cho phép quản trị viên them các loại sản phẩm hoa sau này nếu muốn. - Quản lý danh sách sản phẩm: cửa hàng hoa có rất nhiều sản phẩm hoa vì vậy cần có một bảng danh sách các hoa mà cửa hàng đang kinh doanh để dễ dàng quản lý. Trong danh sách này sẽ bao gồm nhiều thông tin như tên hoa, mô tả hoa, ảnh hoa, giá bán, trạng thái bán, thuộc loại hoa nào. Ngoài ra hệ thống còn cho phép quản trị Trang 6 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. sửa lại thông tin hoa nếu cần. Quản trị còn được phép thêm các thông tin hoa mới về bằng cách vào trang thêm hoa mới. - Quản lý danh sách đơn đặt hàng: sau khi khách hàng đặt hàng trên website thì quản trị viên sẽ thấy các đơn hàng này trên trang quản lý danh sách đơn hàng, thông tin này bao gồm mã đơn hàng, họ tên khách hàng để xác nhận và giao hàng, chi tiết cụ thể đơn hàng đặt những gì, giá trị bao nhiêu. Một tính năng không thể thiếu nữa là quản trị có thể sửa lại trạng thái của đơn hàng như đang chờ xử lý, đang 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, chú thích đầy đủ - Có thể mở rộng được quy mô lớn hơn cho nhiều shop bán hoa. d. Các công cụ triển khai: Chương trình Xamp, bộ gõ mã Sublime text Client: HTML, CSS, Javascript Server: PHP Database: Mysql Trang 7 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 1. Sơ đồ usecase tổng quát b. Sơ đồ usecase xem sản phẩm Ảnh 2. Sơ đồ usecase xem sản phẩm Trang 8 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. Sơ đồ usecase quản lý giỏ hàng Ảnh 3. Sơ đồ usecase quản lý giỏ hàng d. Sơ đồ usecase quản lý loại sản phẩm Ảnh 4. Sơ đồ usecase quản lý loại sản phẩm Trang 9 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 e. Sơ đồ usecase quản lý sản phẩm Ảnh 5. Sơ đồ usecase quản lý sản phẩm f. Sơ đồ usecase quản lý đơn hàng Ảnh 6. Sơ đồ usecase quản lý đơn hàng 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 g. Sơ đồ hoạt động đăng ký thành viên Ảnh 7. 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 8. Sơ đồ hoạt động đặt hàng i. Bảng dữ liệu: STT 1 2 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 1. Bảng loaisanpham idloaisanpham Kiểu dữ liệu Interger STT 1 Tên cột Idsanpham Kiểu dữ liệu Integer 2 Tensanpham Varchar(100) 3 Thongtinsanpha m Anh Giaban Trangthai idloaisanpham Text 4 5 6 7 Ràng buộc Khóa chính 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 chính 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 3. Bảng hoado nchitiet Ràng buộc Khóa chính Text Integer Integer Integer Khóa ngoại Bảng 2. Bảng sanpham STT 1 2 3 4 Tên cột Idhoadonchitiet Kiểu dữ 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 1 2 3 Tên cột Idhoadon Thoigian Hoten_datmua Kiểu dữ liệu Integer Date Varchar(50) Mô tả Mã hóa đơn Thời gian Họ tên đặt mua Địa chỉ đặt mua Số điện thoại đặt mua Trạng thái Mã tài khoản Ràng buộc Khóa chính 4 Text 5 Diachi_datmu a Sdt_datmua Varchar(12) 6 7 Trangthai Idtaikhoan Integer Integer Mô tả Mã tài khoản Tên tài khoản Matkhau Varchar(50) Mật khẩu Phanquyen Integer Phân quyền Hoten Varchar(50) Họ tên Diachi Text Địa chỉ Sdt Varchar(12) Số điện thoại Email Varchar(30) Email Bảng 5. Bảng taikhoan Ràng buộc Khóa chính Khóa ngoại Bảng 4. Bảng hoadon STT 1 2 3 4 5 6 7 8 Tên cột Idtaikhoan Tentaikhoan Kiểu dữ liệu Integer Varchar(50) 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 9. Sơ đồ ERD 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 b. Thiết kế giao diện i. Giao diện trang chủ Ảnh 10. Giao diện trang chủ 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 ii. Giao diện danh mục sản phẩm Ả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 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 iv. Giao diện đăng ký thành viên Ảnh 13. Giao diện trang đăng ký thành viên 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 v. Giao diện liên hệ Ảnh 14. Giao diện trang liên hệ 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 vi. Giao diện đăng nhập của admin Ảnh 15. Giao diện đăng nhập của admin vii. Giao diện trang quản trị Ảnh 16. Giao diện trang quản trị 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