Xây dựng website bán hoa cho cửa hàng hoa tươi miền bắc

LỜI CẢM ƠN Em xin cảm ơn hướng thầy cô giáo môn Khoa Học Máy Tính hướng dẫn trực tiếp, tận tình cô Nguyễn Hiền Trinh cung cấp cho em thông tin cần thiết với việc phân tích yêu cầu thực tế, em xây dựng hoàn thành chương trình “Xây dựng website bán hoa cho cửa hàng Hoa Tươi Miền Bắc” Qua thời gian khảo sát, thiết kế xây dựng website, đến nội dung đề tài hoàn thành Mặc dù có cố gắng giúp đỡ tận tình thầy cô, thời gian kinh nghiệm thực tế nhiều hạn chế nên em không tránh khỏi thiếu sót nên sản phẩm chưa thiết kế cách khoa học, chưa mang tính chuyên nghiệp Sản phẩm đáp ứng yêu cầu đề tài nhiên cần phải chỉnh nhiều để sản phẩm hoàn thiện cách thẩm mỹ Vì em mong có đóng góp thầy cô Khoa Công Nghệ Thông Tin, ý kiến đóng góp bạn để chương trình em hoàn thiện Một lần em xin chân thành cảm ơn hướng dẫn tận tình cô Nguyễn Hiền Trinh giúp đỡ nhiệt tình để em hoàn thành đề tài Em xin chân thành cảm ơn ! Sinh viên Nguyễn Thị Hạnh LỜI CAM ĐOAN Em xin cam đoan đồ án tốt nghiệp em, hướng dẫn từ Giáo viên Th.S Thầy Lê Hoàng Hiệp – Giảng viên trường Đại Học Công Nghệ Thông Tin Và Truyền Thông Thái Nguyên, Đại Học Thái Nguyên Các nội dung nghiên cứu kết đề tài trung thực có em có tham khảo từ báo cáo thực tập, đồ án khác trước Nếu có gian lận em xin hoàn toàn chịu trách nhiệm trước Hội đồng Em xin trân thành cảm ơn! Thái Nguyên, ngày 20 tháng 05 năm 2016 Sinh viên Lê Thanh Tùng MỤC LỤC LỜI CẢM ƠN LỜI CAM ĐOAN LỜI MỞ ĐẦU CHƯƠNG CƠ SỞ LÝ THUYẾT VÀ CÔNG CỤ THỰC HIỆN 1.1 Một số ngôn ngữ công nghệ sử dụng đề tài 1.1.1 Ngôn ngữ HTML 1.1.2 Ngôn ngữ Javascript 1.1.3 Ngôn ngữ PHP 10 1.1.4 Hệ quản trị CSDL MySQL 13 1.1.5 Công nghệ Responsive Boostrap 14 1.2 Giới thiệu PrestaShop 16 1.2.1 Đặc điểm PrestaShop .17 1.2.2 Cài đặt PrestaShop 20 1.2.3 Nâng cấp gỡ cài đặt 21 CHƯƠNG KHẢO SÁT VÀ PHÂN TÍCH THIẾT KẾ HỆ THỐNG 22 2.1 Khảo sát trạng 22 2.1.1 Giới thiệu chung cửa hàng “Hoa Tươi Miền Bắc” 22 2.1.2 Ưu nhược điểm phương pháp quản lý cũ 22 2.1.3 Khảo sát quy trình nghiệp vụ .23 2.2 Nhu cầu cấp thiết công ty cần xây dựng trang web 23 2.2.1 Thực trạng công việc giới thiệu sản phẩm bán hàng cửa hang 23 2.2.2 Tính cấp thiết cần xây dựng website cho cửa hàng .24 2.3 Yêu cầu hệ thống hệ thống 24 2.3.1 Yêu cầu chi tiết website 25 2.3.2 Đối với người truy cập vào website 25 2.3.3 Đối với người quản trị 25 2.4 Phân tích hệ thống 25 2.4.1 Quy trình mua hàng khách hàng .25 2.4.2 Quy trình thực quản trị hệ thống nhân viên quản trị .26 2.4.3 Biểu đồ UseCase 26 2.4.4 Biểu đồ trình tự cộng tác 38 2.4.5 Biểu đồ lớp 52 2.4.6 Thiết kế sở liệu 53 CHƯƠNG XÂY DỰNG WEBSITE BÁN HOA 58 3.1 Đặt vấn đề 58 3.2 Giải pháp hình thức áp dụng 58 3.3 Giao diện website 59 3.4 Một số trang quản lý admin sản phẩm 60 KẾT LUẬN 67 TÀI LIỆU THAM KHẢO 68 DANH MỤC BẢNG Hình 1.1 Cấu trúc thư mục bootstrap 14 Hình 1.2: Ví dụ Bootstrap 15 Hình 1.3: Ví dụ Bootstrap 16 Hình 1.4: Giải thưởng giành cho mã nguồn mở 18 Hình 2.1: Biểu đồ UC cho tác nhân khách hàng 28 Hình 2.2: Biểu đồ UC cho chức quản lý thông tin cá nhân 28 Hình 2.3: Biểu đồ UC cho chức xem giỏ hàng 28 Hình 2.4: Biểu đồ UC cho chức toán 29 Hình 2.5: Biểu đồ UC cho tác nhân người quản lý 29 Hình 2.6: Biểu đồ UC cho chức quản lý khách hàng 30 Hình 2.7: Biểu đồ UC cho chức quản lý danh mục sản phẩm 30 Hình 2.8: Biểu đồ UC cho chức quản lý đơn hàng 30 Hình 2.9: Biểu đồ trình tự cho UC đăng kí 38 Hình 2.10: Biểu đồ cộng tác cho UC đăng kí 38 Hình 2.11: Biểu đồ trình tự cho UC đăng nhập 39 Hình 2.12: Biểu đồ cộng tác cho UC đăng nhập 40 Hình 2.13: Biểu đồ trình tự cho UC tìm kiếm 41 Hình 2.14: Biểu đồ cộng tác cho UC tìm kiếm 41 Hình 2.15: Biểu đồ trình tự cho UC xem thông tin sản phẩm 42 Hình 2.16: Biểu đồ cộng tác cho UC xem thông tin sản phẩm 42 Hình 2.17: Biểu đồ trình tự cho UC xem giỏ hàng 43 Hình 2.18: Biểu đồ cộng tác cho UC xem giỏ hàng 43 Hình 2.19: Biểu đồ trình tự cho UC mua sản phẩm 44 Hình 2.20: Biểu đồ cộng tác cho UC mua sản phẩm 44 Hình 2.21: Biểu đồ trình tự cho UC toán 45 Hình 2.22: Biểu đồ cộng tác cho UC toán 45 Hình 2.23: Biểu đồ trình tự cho UC cập nhật thông tin cá nhân 46 Hình 2.24: Biểu đồ cộng tác cho UC cập nhật thông tin cá nhân 46 Hình 2.25: Biểu đồ trình tự cho UC quản lý khách hàng 47 Hình 2.26: Biểu đồ cộng tác cho UC quản lý khách hàng 48 Hình 2.27: Biểu đồ trình tự cho UC quản lý danh mục sản phẩm 48 Hình 2.28: Biểu đồ cộng tác cho UC quản lý danh mục sản phẩm 49 Hình 2.29: Biểu đồ trình tự cho UC quản lý hóa đơn hàng 49 Hình 2.30: Biểu đồ cộng tác cho UC quản lý hóa đơn hàng 50 Hình 2.31: Biểu đồ trình tự cho UC quản lý liên hệ 50 Hình 2.32: Biểu đồ cộng tác cho UC quản lý liên hệ 51 Hình 2.33: Biểu đồ lớp 52 Hình 2.34: Sơ đồ quan hệ thực thể 57 Hình 3.1: Giao diện website 59 Hình 3.2: Trang quản trị admin 60 Hình 3.3: Danh mục loại hoa 61 Hình 3.4:Trang quản lí hóa đơn đặt hàng 62 Hình 3.5: Trang quản lí khách hàng 63 Hình 3.6: Trang quản lí sản phẩm 64 Hình 3.7: Trang sửa sản phẩm 65 Hình 3.8: Chi tiết sản phẩm 66 LỜI MỞ ĐẦU Không kể tới đóng góp to lớn mà ngành công nghệ thông tin làm cho lĩnh vực nghiên cứu khoa học kỹ thuật, mà nhìn thấy đóng góp thiết thực mà mang lại đời sống xã hội người Với máy tính cá nhân mình, với vài thao tác đơn giản, chí cú click chuột, bạn đọc báo, xem phim, nghe đài, hay mua sắm,…có thể nói giới thông tin gần trước mắt bạn Cùng với phát triển kinh tế, người ngày bộn bề với trăm nghìn công việc, nhiều thời gian cho việc tìm kiếm, chọn lựa mua sắm quà cho Người Thân, đơn giản bó hoa làm cho cảm thấy sống nhẹ nhàng vui vẻ, cảm giác thản, quên mệt mỏi trông công việc ngày Mỗi người không lần phải suy nghĩ, băn khoăn muốn tặng cho quà cho độc đáo lạ quan trọng phải mang nhiều ý nghĩa, bạn nghĩ đến bó hoa, bó hoa bó khéo léo đẹp mắt, quà có giá trị cao hoa quà thể quan tâm, tình cảm yêu quý người tặng đến với người nhận Hoa tinh tế trang trọng nhà hàng, khách sạn hay quan công sở, hoa niềm vui đôi lứa lễ cưới, cảm thông chia buồn đám tang, trang trọng lich lễ khai trương, họp, hội nghị…Xuất phát từ suy nghĩ đó, em muốn xây dựng website chuyên cung cấp sản phẩm hoa phục vụ cho sông ngày, quà tặng, cung cấp hoa định kỳ cho nhà hàng, khách sạn hay quan doanh nghiệp Mong mang sắc hoa tươi thắm nhất, quà ý nghĩa đến với người thân yêu bạn khắp miền, khoảng cách không gian thời gian không vấn đề Hiện có nhiều website tiếng, uy tín phục vụ cho người sử dụng, kể đến dienhoa.com, hay dienhoaviet.com, hoayeuthuong.com,…Các cá nhân, tổ chức, công ty,…muốn tiến hành quảng bá hay bán hoa trực tuyến, điều họ cần đến website chất lượng, với hệ thống thông tin thiết kế tốt, giao diện đẹp, bắt mắt với khách hàng, người xem, dễ sử dụng an toàn… Với đề tài “Xây dựng website bán hoa cho cửa hàng Hoa Tươi Miền Bắc” em mong muốn vận dụng kiến thức học, xây dựng trang web có tính thực tiễn, đồng thời củng cố nâng cao kiến thức, kỹ năng, bổ sung kinh nghiệm thực tế Mục tiêu đề tài: - Củng cố kiến thức - Bước đầu xây dựng website bán hoa trực tuyến nhằm quảng bá rộng rãi loại hoa hàng Hoa tươi miền Bắc - Tiết kiệm thời gian, chi phí cách đáng kể thông qua thông tin phù hợp với nhu cầu bạn đọc khách hàng Với đề tài này, em muốn bạn đọc, khách hàng, biết thêm loại hoa, ý nghĩa loại hoa cách đầy đủ thông tin thú vị CHƯƠNG CƠ SỞ LÝ THUYẾT VÀ CÔNG CỤ THỰC HIỆN 1.1 Một số ngôn ngữ công nghệ sử dụng đề tài 1.1.1 Ngôn ngữ HTML HTML (viết tắt từ HyperText Markup Language) ngôn ngữ đánh dấu siêu văn bản, thiết kế để xây dựng trang web Siêu văn (HyperText): liên kết siêu văn từ hay câu trang Web dùng để đến trang Web khác Khi nhấn chuột lên liên kết này, trình duyệt web (như Netscape Navigator Internet Explorer) đưa đến trang Web mà không cần hỏi Vì liên kết siêu văn thật tính đặc trưng World Wide Web, trang Web thường biết tài liệu siêu văn Đánh dấu (Markup): dẫn chi tiết kiểu dáng ghi viết tay để xếp chữ in, lệnh chi tiết kiểu dáng đánh vào tài liệu văn để đưa lên WWW Cấu trúc tài liệu HTML Dưới cấu trúc trang web định dạng HTML: tên trang Các thẻ tiêu đề khác Văn thẻ trang Web 1.1.2 Ngôn ngữ Javascript JavaScript ngôn ngữ lập trình kịch dựa đối tượng phát triển từ ý niệm nguyên mẫu.Ngôn ngữ dùng rộng rãi cho trang web, dùng để tạo khả viết script sử dụng đối tượng nằm sẵn ứng dụng Giống Java, JavaScript có cú pháp tương tự C, gần với Self Java .js phần mở rộng thường dùng cho tập tin mã nguồn JavaScript Javascript ngôn ngữ dạng script gắn với file HTML Nó không biên dịch mà chương trình duyệt diễn dịch.Không giống Java phải chuyển thành mã để trình duyệt biên dịch, trình duyệt đọc Javascript dạng mã nguồn Chính vậy, ta dễ dàng học Javascript qua ví dụ ta thấy cách sử dụng Javascript trang web Javascript có khả đáp ứng kiện tải hay loại bỏ form.Khả cho phép Javascript trở thành ngôn ngữ script động Giống với HTML Java, Javascript thiết kế độc lập với hệ điều hành.Nó chạy hệ điều hành có hỗ trọ Javascript Ngoài ra, Javascript giống Java khía cạnh an ninh đọc viết vào file người dùng Cũng giống C, JavaScript xử lý xuất/nhập (input/output) riêng.Trong C sử dụng thư viện xuất/nhập chuẩn, JavaScript dựa vào phần mềm ngôn ngữ gắn vào để thực xuất/nhập Hiện nay, JavaScript sử dụng nhiều việc thiết kế trang web động số hiệu ứng hình ảnh thông qua DOM Ngoài ra, JavaScript dùng để thực số tác vụ thực với HTML kiểm tra thông tin nhập vào, tự động thay đổi hình ảnh, Ở Việt Nam, JavaScript ứng dụng để làm gõ tiếng Việt Tuy nhiên, trình duyệt áp dụng JavaScript khác không tuân theo chuẩn W3C DOM, nhiều trường hợp lập trình viên phải viết nhiều phiên đoạn mã nguồn để hoạt động nhiều trình duyệt 1.1.3 Ngôn ngữ PHP PHP (viết tắt hồi quy "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ở, dùng cho mục đích tổng quát Nó thích hợp với 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 10  Bảng comment: Danh sách bình luận thành viên Tên trường Kiểu Kích thước Giải thích id_comment Int 11 Mã bình luận id_product Int 11 Mã sản phẩm id_customer Int 11 Mã thành viên detail_customer Varchar 255 Nội dung bình luận date_comment Date Ngày bình luận  Bảng contact: Lưu thông tin liên hệ cửa hàng Tên trường Kiểu Kích thước Giải thích id_contact Int 11 Mã thông tin name_contact Varchar 255 Tên tiêu đề address Varchar 255 Địa phone Varchar 14 Điện thoại email Varchar 255 Địa email detail Longtext Nội dung 55  Bảng introduce: Thông tin giới thiệu cửa hàng Tên trường Kiểu Kích thước Giải thích id_introduce Int 11 Mã thông tin name_introduce Varchar 255 Tên tiêu đề detail_introduce Longtext photo Varchar 255 Ảnh cửa hàng photo1 Varchar 255 Ảnh cửa hàng photo2 Varchar 255 Ảnh cửa hàng Nội dung  Bảng sale: Lưu thông tin khuyến mại cửa hàng Tên trường Kiểu Kích thước Giải thích id_sale Int 11 Mã khuyến mại name_sale Varchar 255 Tên đợt khuyến mại detail Longtext photo Varchar post_date Date Chi tiết 255 ảnh Ngày đăng 56 2.4.6.2 Sơ đồ quan hệ thực thể Hình 2.34: Sơ đồ quan hệ thực thể 57 CHƯƠNG XÂY DỰNG WEBSITE BÁN HOA 3.1 Đặt vấn đề Hiện giới việc cập nhật thông tin sản phẩm ngày thiếu, để phục vụ cho việc người sử dụng thương mại điện tử vào để làm cho trình tìm kiếm thông tin thuận tiện, giúp cho người giảm bớt chi phí lại, thời gian…, người nhà ngồi trước máy tính xem thông tin nhiều sản phẩm mà đến tận cửa hàng Nếu thương mại điện tử người phải đến tận nơi để xem tìm nhiều thời gian, công sức mà không hiệu Như vậy, việc áp dụng thương mại điện tử giúp cho người sử dụng khách hàng giảm nhiều chi phí Yêu cầu đặt làm để đạt hiệu trên, áp dụng nào, giải pháp đưa gì? 3.2 Giải pháp hình thức áp dụng Xây dựng website với số chức : quản lý sản phẩm, thông tin sản phẩm, tìm kiếm sản phẩm, việc xây dựng thông tin sản phẩm phải xác, rõ ràng, dễ hiểu Quản trị viên thường xuyên đăng nhập vào trang web để điều khiển quản lý công việc chung 58 3.3 Giao diện website Hình 3.1: Giao diện website 59 3.4 Một số trang quản lý admin sản phẩm  Trang quản trị Admin Hình 3.2: Trang quản trị admin 60  Danh mục loại hoa Hình 3.3: Danh mục loại hoa 61  Quản lí hóa đơn đặt hàng Hình 3.4:Trang quản lí hóa đơn đặt hàng 62  Quản lí khách hàng Hình 3.5: Trang quản lí khách hàng 63  Quản lí sản phẩm Hình 3.6: Trang quản lí sản phẩm 64  Sửa sản phẩm Hình 3.7: Trang sửa sản phẩm 65  Chi tiết sản phẩm Hình 3.8: Chi tiết sản phẩm 66 KẾT LUẬN Trong thời gian làm thực tập tốt nghiệp, quan tâm giúp đỡ bảo tận tình cô Nguyễn Hiền Trinh em hoàn thành chương trình Dựa mục đích nhiệm vụ đề tài “Thực hành mã nguồn mở prestashop, ứng dụng thiết kế xây dựng demo website bán hoa cửa hàng Hoa tươi miền Bắc” em tìm hiểu thiết kế xây dựng demo website với mục đích giới thiệu, quảng bá cho cửa hàng, thực hành vận dụng kiến thức học vào để thiết kế website cho hàng Hoa tươi miền Bắc,… Qua trình thực đề tài em đạt kết sau: Tìm hiểu khảo sát loại hoa cửa hàng Hoa tươi miền Bắc Phân tích hệ thống, đưa biểu đồ User Case tương ứng với trường hợp sử dụng Tìm hiểu biết sử dụng phần mềm mã nguồn mở Prestashop Ứng dụng HTML CSS, Prestashop vào việc thiết kế, xây dựng website giới thiệu, quảng bá loại hoa hàng Hoa tươi miền Bắc Tìm hiểu sở lý thuyết, nghiên cứu thực hành mã nguồn mở Prestashop Hướng phát triển thời gian tiếp theo: Xây dựng thêm số modul giúp cho website thêm trực quan, dễ sử dụng thân thiện với người dùng Nâng cao vấn đề bảo mật cổng thông tin Tối ưu hóa công cụ tìm kiếm cho website Sau cùng, lần em xin chân thành cảm ơn hướng dẫn tận tình cô Nguyễn Hiền Trinh giúp đỡ nhiệt tình để em hoàn thành đề tài Em xin chân thành cảm ơn! 67 TÀI LIỆU THAM KHẢO [1] Đặng Văn Đức, Phân tích thiết kế hương đối tượng UML, NXB giáo dục, 2002 [2] ChuVăn Hoành, Giáo trình thiết kế website [3] Trường Đại Học CNTT Và Truyền Thông Thái Nguyên, Giáo trình phát triển phần mềm mã nguồn mở, 2010 [4] Prestashop documentation : http://doc.prestashop.com [5] Smarty Documentation, http://www.smarty.net/documentation [6] PHP Documentation, http://php.net/manual [7] Bootstrap Documentation, http://getbootstrap.com/ [8] W3Schools, http://www.w3schools.com/ [9] JQuery Documentation, http://jquery.com/ [10] http://dienhoa.com 68 NHẬN XÉT CỦA GIÁO VIÊN HƯỚNG DẪN ………………………………………………………………………………………… ……………………………………………………………………………………… ………………………………………………………………………………………… ……………………………………………………………………………………… ………………………………………………………………………………………… ……………………………………………………………………………………… ………………………………………………………………………………………… ……………………………………………………………………………………… ………………………………………………………………………………………… ……………………………………………………………………………………… ………………………………………………………………………………………… ……………………………………………………………………………………… ………………………………………………………………………………………… ……………………………………………………………………………………… ………………………………………………………………………………………… ……………………………………………………………………………………… ………………………………………………………………………………………… ……………………………………………………………………………………… ………………………………………………………………………………………… ……………………………………………………………………………………… Thái Nguyên, Ngày…… tháng….…năm 2016 Giáo Viên Hướng Dẫn 69 ... đầu xây dựng website bán hoa trực tuyến nhằm quảng bá rộng rãi loại hoa hàng Hoa tươi miền Bắc - Tiết kiệm thời gian, chi phí cách đáng kể thông qua thông tin phù hợp với nhu cầu bạn đọc khách hàng. .. người xem, dễ sử dụng an toàn… Với đề tài Xây dựng website bán hoa cho cửa hàng Hoa Tươi Miền Bắc em mong muốn vận dụng kiến thức học, xây dựng trang web có tính thực tiễn, đồng thời củng cố nâng... THIẾT KẾ HỆ THỐNG 2.1 Khảo sát trạng 2.1.1 Giới thiệu chung cửa hàng Hoa Tươi Miền Bắc  Tên, địa doanh nghiệp Tên hàng: Hoa Tươi Miền Bắc Địa chỉ: 145 Xã Đàn,Ô chợ Dừa, Đống Đa Hà Nội Điện thoại