Tài liệu 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 sự hướng của thầy cô giáo trong bộ môn Khoa Học Máy Tính và dưới sự hướng dẫn trực tiếp, tận tình của cô Nguyễn Hiền Trinh đã cung cấp cho em những thông tin cần thiết cùng với việc phân tích các 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 một thời gian khảo sát, thiết kế và xây dựng website, đến nay nội dung của đề tài cơ bản đã hoàn thành. Mặc dù đã có sự cố gắng và được sự giúp đỡ tận tình của thầy cô, nhưng do thời gian và kinh nghiệm thực tế còn nhiều hạn chế nên em không tránh khỏi những thiếu sót nên sản phẩm chưa được thiết kế một cách khoa học, chưa mang tính chuyên nghiệp. Sản phẩm tuy đã đáp ứng được yêu cầu của đề tài tuy nhiên vẫn cần phải chỉnh nhiều hơn để sản phẩm được hoàn thiện một cách thẩm mỹ nhất. Vì vậy em rất mong có được sự đóng góp của thầy cô trong Khoa Công Nghệ Thông Tin, cũng như ý kiến đóng góp của các bạn để chương trình của em được hoàn thiện hơn. Một lần nữa em xin chân thành cảm ơn sự hướng dẫn tận tình của cô Nguyễn Hiền Trinh đã giúp đỡ nhiệt tình để em hoàn thành đề tài này. Em xin chân thành cảm ơn ! Sinh viên Nguyễn Thị Hạnh 1 LỜI CAM ĐOAN Em xin cam đoan rằng đây là bài đồ án tốt nghiệp của em, được sự 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 và kết quả trong đề tài này là trung thực và có em cũng có tham khảo từ các báo cáo thực tập, đồ án khác trước đây. Nếu có bất kỳ sự gian lận nào 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 2 MỤC LỤC LỜI CẢM ƠN........................................................................................................................ 1 LỜI CAM ĐOAN .................................................................................................................. 2 LỜI MỞ ĐẦU ....................................................................................................................... 7 CHƯƠNG 1. CƠ SỞ LÝ THUYẾT VÀ CÔNG CỤ THỰC HIỆN......................................... 9 1.1. Một số ngôn ngữ và công nghệ được sử dụng trong đề tài................................. 9 1.1.1. Ngôn ngữ HTML..................................................................................................... 9 1.1.2. Ngôn ngữ Javascript ................................................................................................ 9 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 về PrestaShop................................................................................ 16 1.2.1. Đặc điểm của PrestaShop .....................................................................................17 1.2.2. Cài đặt PrestaShop................................................................................................20 1.2.3. Nâng cấp và gỡ cài đặt...........................................................................................21 CHƯƠNG 2. KHẢO SÁT VÀ PHÂN TÍCH THIẾT KẾ HỆ THỐNG................................. 22 2.1. Khảo sát hiện trạng ........................................................................................ 22 2.1.1. Giới thiệu chung về cửa hàng “Hoa Tươi Miền Bắc”...........................................22 2.1.2. Ưu và nhược điểm của 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ủa công ty cần xây dựng một trang web............................. 23 2.2.1. Thực trạng của công việc giới thiệu sản phẩm và bán hàng của 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 đối với hệ thống ................................................................. 24 2.3.1. Yêu cầu chi tiết đối với 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 của khách hàng .....................................................................25 2.4.2. Quy trình thực hiện quản trị hệ thống của nhân viên quản trị ...............................26 2.4.3. Biểu đồ UseCase....................................................................................................26 3 2.4.4. Biểu đồ trình tự và cộng tác...................................................................................38 2.4.5. Biểu đồ lớp ............................................................................................................52 2.4.6. Thiết kế cơ sở dữ liệu ............................................................................................53 CHƯƠNG 3. XÂY DỰNG WEBSITE BÁN HOA ................................................................ 58 3.1. Đặt vấn đề ........................................................................................................ 58 3.2. Giải pháp và hình thức áp dụng....................................................................... 58 3.3. Giao diện website.............................................................................................. 59 3.4. Một số trang quản lý của admin và sản phẩm ...................................................... 60 KẾT LUẬN ......................................................................................................................... 67 TÀI LIỆU THAM KHẢO.................................................................................................... 68 4 DANH MỤC BẢNG Hình 1.1 Cấu trúc thư mục của bootstrap ................................................................... 14 Hình 1.2: Ví dụ về Bootstrap ..................................................................................... 15 Hình 1.3: Ví dụ về 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 năng quản lý thông tin cá nhân ................................ 28 Hình 2.3: Biểu đồ UC cho chức năng xem giỏ hàng................................................... 28 Hình 2.4: Biểu đồ UC cho chức năng thanh 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 năng quản lý khách hàng.......................................... 30 Hình 2.7: Biểu đồ UC cho chức năng quản lý các danh mục sản phẩm. ..................... 30 Hình 2.8: Biểu đồ UC cho chức năng 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 thanh toán. ......................................................... 45 Hình 2.22: Biểu đồ cộng tác cho UC thanh 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 5 Hình 2.27: Biểu đồ trình tự cho UC quản lý các 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 cá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 cá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 6 LỜI MỞ ĐẦU Không kể tới những đóng góp to lớn mà ngành công nghệ thông tin đã làm được cho lĩnh vực nghiên cứu khoa học kỹ thuật, mà chúng ta có thể nhìn thấy luôn những đóng góp thiết thực mà nó mang lại trong đời sống xã hội của con người. Với chiếc máy tính cá nhân của mình, chỉ với vài thao tác đơn giản, thậm chí là một cú click chuột, bạn có thể đọc báo, xem phim, nghe đài, hay mua sắm,…có thể nói cả thế giới thông tin gần như hiện ra trước mắt bạn. Cùng với sự phát triển của nền kinh tế, con người ngày càng bộn bề với trăm nghìn công việc, chúng ta không có nhiều thời gian cho việc tìm kiếm, chọn lựa mua sắm những món quà cho mình và Người Thân, đơn giản chỉ là những bó hoa thôi nhưng cũng làm cho chúng ta cảm thấy cuộc sống nhẹ nhàng vui vẻ, cảm giác thanh thản, quên đi những mệt mỏi trông công việc hằng ngày. Mỗi con người đã không ít lần phải suy nghĩ, băn khoăn khi muốn tặng cho ai đó một món quà sao cho độc đáo mới lạ và quan trọng là phải mang nhiều ý nghĩa, các bạn sẽ nghĩ đến những bó hoa, đó là những bó hoa được bó khéo léo đẹp mắt, tuy không phải món quà có giá trị cao nhất nhưng hoa luôn là món quà thể hiện được sự quan tâm, tình cảm yêu quý của người tặng đến với người nhận . Hoa là sự tinh tế trang trọng trong các nhà hàng, khách sạn hay cơ quan công sở, hoa còn là niềm vui đôi lứa trong các lễ cưới, là sự cảm thông chia buồn trong đám tang, là sự trang trọng lich sự trong các lễ khai trương, các cuộc họp, hội nghị…Xuất phát từ những suy nghĩ đó, em muốn xây dựng một website chuyên cung cấp các sản phẩm về hoa phục vụ cho cuộc sông hằng ngày, quà tặng, cung cấp hoa định kỳ cho nhà hàng, khách sạn hay cơ quan doanh nghiệp. Mong rằng sẽ mang những sắc hoa tươi thắm nhất, những món quà ý nghĩa nhất đến với người thân yêu của bạn trên khắp mọi miền, khoảng cách về không gian và thời gian không còn là vấn đề nữa. Hiện nay đã có rất nhiều các website nổi tiếng, uy tín phục vụ cho người sử dụng, có thể kể đến như 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, thì điều đầu tiên họ cần đến là một website chất lượng, với một hệ thống thông tin được thiết kế tốt, giao diện đẹp, bắt mắt với khách hàng, cũng như là người xem, dễ sử dụng và an toàn… 7 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 những kiến thức mình đã học, xây dựng được một trang web có tính thực tiễn, đồng thời củng cố và nâng cao kiến thức, kỹ năng, bổ sung kinh nghiệm thực tế. Mục tiêu chính của đề 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 các loại hoa tại của hàng Hoa tươi miền Bắc. - Tiết kiệm thời gian, chi phí một cách đáng kể thông qua những thông tin phù hợp nhất với nhu cầu bạn đọc và khách hàng. Với đề tài này, em muốn được những bạn đọc, khách hàng, được biết thêm về những loại hoa, ý nghĩa của các loại hoa một cách đầy đủ thông tin hơn và thú vị hơn. 8 CHƯƠNG 1 CƠ SỞ LÝ THUYẾT VÀ CÔNG CỤ THỰC HIỆN 1.1. Một số ngôn ngữ và công nghệ được sử dụng trong đề tài 1.1.1. Ngôn ngữ HTML HTML (viết tắt từ HyperText Markup Language) là một ngôn ngữ đánh dấu siêu văn bản, được thiết kế ra để xây dựng các trang web. Siêu văn bản (HyperText): liên kết siêu văn bản là một từ hay một câu trong trang Web dùng để chỉ đến trang Web khác. Khi nhấn chuột lên một trong các liên kết này, trình duyệt web (như Netscape Navigator hoặc Internet Explorer) sẽ đưa đến trang Web kia mà không cần hỏi. Vì những liên kết siêu văn bản này thật sự là tính năng đặc trưng của World Wide Web, các trang Web thường được biết như là những tài liệu siêu văn bản. Đánh dấu (Markup): là các chỉ dẫn chi tiết về kiểu dáng được ghi trên bản viết tay để xếp chữ in, hay đó là các lệnh chi tiết về kiểu dáng được đánh vào tài liệu văn bản để đưa lên WWW. Cấu trúc của một tài liệu HTML Dưới đây là cấu trúc cơ bản của một trang web định dạng HTML: