Xây dựng Plugin bán vé trên Magento 2

Header Page of 16 TRƯỜNG ĐẠI HỌC BÁCH KHOA HÀ NỘI VIỆN CÔNG NGHỆ THÔNG TIN VÀ TRUYỀN THÔNG ──────── * ─────── ĐỒ ÁN TỐT NGHIỆP ĐẠI HỌC NGÀNH CÔNG NGHỆ THÔNG TIN XÂY DỰNG PLUGIN BÁN VÉ TRÊN MAGENTO Sinh viên thực : ……………… Lớp : CNTT&TT 1.2 – K56 Giáo viên hướng dẫn : ThS.Bành Thị Quỳnh Mai HÀ NỘI, 2016 Footer Page of 16 Header Page of 16 PHIẾU GIAO NHIỆM VỤ ĐỒ ÁN TỐT NGHIỆP Thông tin sinh viên Họ tên sinh viên: …………… Điện thoại liên lạc: Email: Lớp: CNTT&TT 1.2 – K56 Hệ đào tạo: Đại học quy Đồ án tốt nghiệp thực tại: Hà Nội Thời gian làm ĐATN: Từ tháng 02/2016 đến tháng 05/2016 Mục đích nội dung ĐATN Tìm hiểu mã nguồn mở Magento tiến hành xây dựng plugin phục vụ bán vé cho magento Các nhiệm vụ cụ thể ĐATN  Tìm hiểu kiến thức mã nguồn mở Magento  So sánh điểm bật mã nguồn mở Magento so với mã nguồn mở Magento 1.x trước  Xây dựng plugin bán vé  Nhận xét kết đạt đề xuất hướng phát triển Lời cam đoan sinh viên: Các kết nêu ĐATN trung thực, chép toàn văn công trình khác Hà Nội, ngày 23 tháng 12 năm 2016 Tác giả ĐATN Xác nhận giáo viên hướng dẫn mức độ hoàn thành ĐATN cho phép bảo vệ: Hà Nội, ngày tháng năm Footer Page of 16 Header Page of 16 Giáo viên hướng dẫn ThS.Bành Thị Quỳnh Mai Footer Page of 16 Header Page of 16 MỤC LỤC LỜI CẢM ƠN DANH MỤC VIẾT TẮT ĐẶT VẤN ĐỀ CHƯƠNG I: CỞ SỞ LÍ THUYẾT Tổng quan thương mại điện tử 1.1 Khái niệm 1.2 Đặc điểm thương mại điện tử khác với thương mại thông thường 1.3 Ứng dụng thực tiễn đời sống Mã nguồn mở Magento 2.1 Lịch sử đời phát triển 2.2 Các thay đổi magento so với magento 1.x 2.3 Cấu trúc website làm Magento 15 2.4 Đặc điểm bật Magento 16 Giới thiệu công nghệ sử dụng 17 3.1 Ngôn ngữ lập trình PHP 17 3.2 Giới thiệu MySql 5.6 17 3.3 Giới thiệu Zend Framework 1.x 18 3.4 Giới thiệu HTML CSS 18 3.5 Giới thiệu hoạt động Magento 19 CHƯƠNG II: PHÂN TÍCH NHIỆM VỤ VÀ LỰA CHỌN GIẢI PHÁP 20 Phân tích nhiệm vụ 20 1.1 Phía người dùng 20 1.2 Phía quản trị viên 20 Phân tích chức website 21 2.1 Phía người dùng 21 Footer Page of 16 Header Page of 16 2.2 Phía quản trị viên 21 Lựa chọn giải pháp 22 3.1 Giải pháp .22 3.2 Môi trường phát triển 22 3.3 Công cụ phát triển 23 CHƯƠNG III: XÂY DỰNG CHỨC NĂNG BÁN VÉ TRÊN WEBSITE 24 Phân tích chức 24 1.1 Chức mua hàng online 24 1.2 Chức toán online 24 1.3 Chức đăng nhập, đăng kí quản lí thông tin cá nhân 24 1.5 Chức tìm kiếm 25 1.6 Chức lọc sản phẩm 25 1.7 Giao diện tương thích với loại thiết bị .25 1.8 Chức quản lý sản phẩm 26 1.9 Chức quản lý khách hàng 27 1.10 Chức quản lý nhóm khách hàng 27 1.11 Chức Pnăng quản lý đơn hàng 27 1.12 Chức thống kê 28 1.13 Chức phân quyền 28 Biểu đồ Use Case tổng quát 28 Biểu đồ 30 3.1.Biểu đồ xem sản phẩm 30 3.2.Biểu đồ đăng nhập tài khoản khách hàng 31 3.3 Biểu đồ tìm kiếm sản phẩm .32 3.4 Biểu đồ lọc sản phẩm 33 3.5 Biểu đồ mua hàng .34 Footer Page of 16 Header Page of 16 3.6 Biểu đồ toán 35 3.7 Biểu đồ thêm sản phẩm .36 3.8 Biểu đồ cập nhật thông tin khách hàng 37 3.9 Biểu đồ cập nhật thông tin đơn hàng 38 Biểu đồ lớp 39 4.1 Lớp Product 40 4.2 Lớp Category 41 4.3.Lớp Customer 42 4.4.Lớp Order .43 4.5 Lớp Admin 44 CHƯƠNG IV: XÂY DỰNG PLUGIN HỖ TRỢ ĐẶT VÉ 46 Plugin Magenest Ticket 46 1.1 Giới thiệu plugin 46 1.2 Biểu đồ lớp liệu 47 Kết Qủa Đạt Được 51 3.1 Phần Backend .52 CHƯƠNG V: TRIỂN KHAI VÀ THỬ NGHIỆM ỨNG DỤNG 62 Môi trường triển khai 62 Mục tiêu đặt hàng thành công gửi mã code cho người dung 62 CHƯƠNG VI: KẾT LUẬN 65 Các kết đạt 65 1.1 Ưu điểm .65 1.2 Nhược điểm 65 Hướng phát triển tương lai 65 TÀI LIỆU THAM KHẢO 66 Footer Page of 16 Header Page of 16 DANH MỤC HÌNH VẼ Hình 1: Cấu trúc thư mục 10 Hình 2: Bảng đăng nhập 11 Hình 3: Trang chủ 12 Hình 4: Chọn nhóm sản phẩm 13 Hình 5: Cài đặt thiết lập nâng cao 13 Hình 6: Cài đặt 14 Hình 7: Danh mục quản trị 15 Hình 8:Bảng database 16 Hình 9: Biểu đồ use case tổng quát 29 Hình 10: Biều đồ chi tiết sản phẩm 31 Hình 11: Biều đồ đăng nhập tài khoản khách hàng 32 Hình 12: Biều đồ tìm kiếm sản phẩm 33 Hình 13: Biều đồ chức lọc sản phẩm 34 Hình 14: Biều đồ chức mua hàng 35 Hình 15: Biều đồ chức toán 36 Hình 16: Biểu đồ thêm sản phẩm 37 Hình 17: Biểu đồ tính cập nhật thông tin khách hàng 38 Hình 18: Biều đồ chức cập nhật đơn hàng 39 Hình 19: Biểu đồ liên kết sở liệu 47 Hình 20: Chức tạo Event Ticket Product 52 Hình 21: Giao diện tạo vé 53 Hình 22 : Cấu hình vé plugin 54 Hình 23: Cấu hình background vé để gửi cho khách 54 Footer Page of 16 Header Page of 16 Hình 24: Cấu hình trường vé để gửi cho khách 54 Hình 25: Cấu hình cho plugin 55 Hình 26: Các chức plugin 55 Hình 27: Chức tạo địa điểm tổ chức 56 Hình 28: Giao diện insert ,edit kiện 56 Hình 29: Chức xem kiện tạo 57 Hình 30: Bảng chi tiết event 57 Hình 31 :Kiểm tra order 58 Hình 32: Chức xem vé check vé sử dụng hay chưa sử dụng 58 Hình 33 : Trang mua sản phẩm khách hàng xem 59 Hình 34 : Hình ảnh vé in gửi vào mail cho khách 59 Hình 35: Hình ảnh trang thông tin khách hàng 60 Hình 36: Vé khách 60 Hình 37: Thông tin order 61 Hình 38: Thông tin sản phẩm 63 Hình 39: Khi chọn vé vào giỏ có thông báo toán 63 Hình 40: Email gửi kèm theo vé 64 Footer Page of 16 Header Page of 16 DANH MỤC BẢNG Bảng 1: Bảng chi tiết lớp product 41 Bảng 2: Bảng chi tiết lớp category 41 Bảng 3: Bảng chi tiết lớp Customer 42 Bảng 4: Bảng chi tiết lớp Order 44 Bảng 5: Bảng chi tiết lớp Admin 45 Bảng 6: Chi tiết Magenest_Ticket_Event 48 Bảng 7: Bảng chi tiết lớp Magenest Ticket Eventoption 48 Bảng 8: Bảng chi tiết Magenest_Ticket_Eventoption_Date 48 Bảng 9: Bảng chi tiết Magenest_Ticket_Eventoption_Session 49 Bảng 10: Bảng chi tiết Magenest_Ticket_Eventoption_Type 50 Bảng 11: Bảng chi tiết Magenest_Ticket_Location 50 Bảng 12: Bảng Chi tiết Magenest_Ticket_Ticket 51 Footer Page of 16 Header Page 10 of 16 LỜI CẢM ƠN Để có ngày hôm nay, lời xin chân thành cảm ơn bố mẹ tạo điều kiện cho ăn học, trưởng thành ngày hôm Em xin gửi lời cảm ơn sâu sắc tới cô giáo – ThS Bành Thị Quỳnh Mai bảo, giúp đỡ, tạo điều kiện cho em hoàn thành tốt đồ án Cuối em xin cám ơn toàn thể thầy cô bạn bè bảo, giúp đỡ em tận tính suốt năm tháng theo học mái trường Bách Khoa thân yêu Hà Nội, ngày 18 tháng 12 năm 2016 Sinh viên thực hiện: Footer Page 10 of 16 Header Page 61 of 16 +Khách hàng chọn địa điểm, sau chọn địa điểm yêu liệu gửi tới trung tâm Sau trung tâm điều khiển trả kết hình ngày có kiện địa điểm +Khách hàng chọn thời gian tổ chức.Dữ liệu chuyển trung tâm sau trả lại kết giao diện thời gian có kiện theo +Khách hàng chọn số lượng vé cho type sau book session now liệu chuyển trung tâm điều khiển.Hệ thông xử lý trả thông tin sản phẩm khách mua giỏ hàng Kết Qủa Đạt Được 3.1 Phần Backend -Phần Backend chia làm phần : Tạo sản phẩm dành riêng cho việc bán vé quản lý vé +Người quản lý có loại sản phẩm riêng dành cho bán vé Hình 20: Chức tạo Event Ticket Product Footer Page 61 of 16 52 Header Page 62 of 16 + Giao diện tạo vé Hình 21: Giao diện tạo vé + Chức riêng sử dụng tạo sản phẩm vé Footer Page 62 of 16 53 Header Page 63 of 16 Hình 22 : Cấu hình vé plugin + Cập nhật background thông số để in vé cho khách Hình 23: Cấu hình background vé để gửi cho khách Hình 24: Cấu hình trường vé để gửi cho khách Footer Page 63 of 16 54 Header Page 64 of 16 + Cấu hình cách tạo mã code email map Hình 25: Cấu hình cho plugin + Plugin hỗ trợ chức tạo địa điểm,cấu hình kiện chi tiết Hình 26: Các chức plugin Footer Page 64 of 16 55 Header Page 65 of 16 Hình 27: Chức tạo địa điểm tổ chức Hình 28: Giao diện insert ,edit kiện Footer Page 65 of 16 56 Header Page 66 of 16 Hình 29: Chức xem kiện tạo Hình 30: Bảng chi tiết event Footer Page 66 of 16 57 Header Page 67 of 16 + Kiểm tra order duyệt order thay đổi thông số order Hình 31 :Kiểm tra order Hình 32: Chức xem vé check vé sử dụng hay chưa sử dụng 3.2 Phần Frontend -Khách hàng mua biết thông tin chi tiết sản phẩm ngày nơi diễn chọn sản phẩm theo ngày địa điểm Footer Page 67 of 16 58 Header Page 68 of 16 Hình 33 : Trang mua sản phẩm khách hàng xem -Khi đặt hàng thành công khách hàng nhận hình ảnh phiếu Hình 34 : Hình ảnh vé in gửi vào mail cho khách Footer Page 68 of 16 59 Header Page 69 of 16 -Trong quản lý tài khoản khách hàng xem vé địa điểm khách sử dụng vé Hình 35: Hình ảnh trang thông tin khách hàng Hình 36: Vé khách Footer Page 69 of 16 60 Header Page 70 of 16 Hình 37: Thông tin order Footer Page 70 of 16 61 Header Page 71 of 16 CHƯƠNG V: TRIỂN KHAI VÀ THỬ NGHIỆM ỨNG DỤNG Môi trường triển khai - Trang web phát triển ngôn ngữ PHP 5, HTML 5, CSS 3, Javascript - Sử dụng VPS phục vụ cho nhu cầu thử nghiệm - Hệ điều hành sử dụng Ubuntu 14.04 Mục tiêu đặt hàng thành công gửi mã code cho người dung -Khi khách xem sản phẩm thông tin chi tiết sản phẩm,ngày giờ,địa điểm Footer Page 71 of 16 62 Header Page 72 of 16 Hình 38: Thông tin sản phẩm -Khi chọn ngày xong,thì xuất tương ứng,với ngày hết thời gian không cho khách chọn Hình 39: Khi chọn vé vào giỏ có thông báo toán Footer Page 72 of 16 63 Header Page 73 of 16 -Sau khách toán người quản lý đồng ý có email gửi Hình 40: Email gửi kèm theo vé Footer Page 73 of 16 64 Header Page 74 of 16 CHƯƠNG VI: KẾT LUẬN Các kết đạt 1.1 Ưu điểm Đồ án hoàn thành mục tiêu đề ban đầu sau: - Sử dụng thành công mã nguồn magento - Hệ thống chạy ổn định với tốc độ nhanh so với magento 1.x - Plugin đặt vé có giao diện thân thiện, dễ sử dụng phù hợp với người dùng 1.2 Nhược điểm - Giao diện Plugin đơn giản - Chưa tối ưu liên kết điện thoại web Hướng phát triển tương lai - Hiện đồ án hoàn thành chức là: tạo event,gửi mail tính tổng tiền in vé - Trong tương lai, xây dựng thêm số chức năng: + Em tích hợp kiểm tra vé điện thoại tự động check vé dung vé chưa dung Footer Page 74 of 16 65 Header Page 75 of 16 TÀI LIỆU THAM KHẢO [1] http://php.net/ [2] http://jquery.com/ [3] http://www.w3schools.com/css/DEFAULT.asp [4] http://www.w3schools.com/json/ [5] http://vnmage.com/gioi-thieu-magento-2/ [6] https://www.magentovietnam.com/threads/gioi-thieu-su-khac-nhau- giua-magento1-va-magento2.4493/ [7] https://alanstorm.com/ [8] http://devdocs.magento.com/?_ga=1.130122635.52618895.1463323605 [9] Đỗ Quang Hưng - “Xây dựng ứng dụng bán đá quí trang sức tảng website” – Trường đại học Bách Khoa Hà Nội, 20015 Footer Page 75 of 16 66 ... 22 3.3 Công cụ phát triển 23 CHƯƠNG III: XÂY DỰNG CHỨC NĂNG BÁN VÉ TRÊN WEBSITE 24 Phân tích chức 24 1.1 Chức mua hàng online 24 1 .2 Chức toán online 24 ... “ Xây dựng plugin bán vé magento 2 Nhu cầu thực tế Với đồ án này, em xin trình bày chi tiết phân tích, thiết kế xây dựng ứng dụng bán vé tảng mã nguồn mở Magento Thông tin lấy từ trang web bán. .. 21 2. 1 Phía người dùng 21 Footer Page of 16 Header Page of 16 2. 2 Phía quản trị viên 21 Lựa chọn giải pháp 22 3.1 Giải pháp .22 3 .2 Môi