HỌC VIỆN NGÂN HÀNG KHOA HỆ THỐNG THÔNG TIN QUẢN LÝ KHÓA LUẬN TỐT NGHIỆP ĐẠI HỌC ỨNG DỤNG PLUGIN PAGE-BUILDER VÀ WOOCOMMERCE TRÊN NỀN TẢNG WORDPRESS ĐỂ HỖ TRỢ XÂY DỰNG HỆ THỐNG WEBSITE THƯƠNG MẠI ĐIỆN TỬ NGUYỄN HỒNG NHUNG HÀ NỘI, NĂM 2020 HỌC VIỆN NGÂN HÀNG KHOA HỆ THỐNG THƠNG TIN QUẢN LÝ KHĨA LUẬN TỐT NGHIỆP ĐẠI HỌC ỨNG DỤNG PLUGIN PAGE-BUILDER VÀ WOOCOMMERCE TRÊN NỀN TẢNG WORDPRESS ĐỂ HỖ TRỢ XÂY DỰNG HỆ THỐNG WEBSITE THƯƠNG MẠI ĐIỆN TỬ Giáo viên hướng dẫn Th.S Trần Thị Huế Sinh viên thực Nguyễn Hồng Nhung Mã sinh viên 19A4040119 Lớp K19HTTTB Khóa K19 Hệ Đại học quy Hà Nội, tháng 06 /2020 Nguyễn Hồng Nhung - K19HTTTB Page | LỜI CAM KẾT Em cam đoan rằng: Đồ án tốt nghiệp có tên đề tài “Ứng dụng plugin page-builder Woocommerce tảng wordpress để hỗ trợ xây dựng hệ thống website thương mại điện tử” luận văn triển khai cá nhân em hướng dẫn tận tình Giảng viên- Thạc Sĩ Trần Thị Huế Các công bố nội dung trung thực không chép nghiên cứu chưa cơng bố hình thức Em có trích dẫn đầy đủ tài liệu mà em tham khảo, cơng trình ngành nghiên cứu liên quan nước Mọi tham khảo dẫn chứng nguồn gốc rõ ràng Em xin chịu tất trách nhiệm với nội dung đồ án tốt nghiệp Em xin cam kết đạt nêu đề tài khóa luận sản phẩm nghiên cứu tìm hiểu cá nhân em Toàn nội dung đề tài, nội dung trình bày cá nhân hai thu thập từ nhiều đầu tài liệu khác Mọi tài liệu em tham khảo có giải rõ ràng trích dẫn cách hợp pháp Em hồn tồn chịu trách nhiệm hình thức kỷ luật tuân theo quy định lời cam đoan Hà Nội, ngày 13 tháng 06 năm 2020 Sinh viên thực Nguyễn Hồng Nhung Nguyễn Hồng Nhung - K19HTTTB Page | LỜI CẢM ƠN TẮT DANH MỤC CHỮ VIẾT Được nằm danh sách sinh viên thuộc Khoa Hệ thống thông tin quản lý- Học viện ngân hàng làm đồ án tốt nghiệp, thân em tự cảm thấy điều vô vinh dự đáng tự hào Việc triển khai đồ án tốt nghiệp không tạo điều kiện cho thân em có thêm hội đào sâu thêm lần nữa, xếp lại kiến thức kỹ thầy cô truyền đạt khoảng thời gian học tập rèn luyện Khoa Hệ thống thông tin quản lý Hơn q trình tự nghiên cứu hồn thành đồ án tốt nghiệp giúp em có thêm hội nâng cao nhiều kĩ mềm khả tìm kiếm thơng tin, đọc hiểu tài liệu nước ngồi, tự lập kế hoạch thời gian biểu, Trong thời gian tự nghiên cứu, thực hoàn thiện đồ án, em có nhiều quan tâm, dạy tạo điều kiện đến từ thầy, cô giáo Khoa Hệ thống thông tin quản lý, Học viện Ngân hàng Đặc biệt hết quan tâm tận tình, hướng dẫn em chút từ chọn đề tài đến hoàn thiện Thạc sĩ- giảng viên Trần Thị Huế, bên cách Thạc sĩ- thầy Chu Văn Huy để em hồn thiện đồ án tốt nghiệp cách trọn vẹn Mặc dù song kiến thức chun mơn cịn hạn chế bên cạnh thân em cần bổ sung nhiều kinh nghiệm thực tiễn số nội dung nghiên cứu trình bày đồ án cịn điều chưa hồn hảo, cịn cần bổ sung sửa đổi Chính vậy, em mong nhận thêm nhiều góp ý, dạy thầy cô Khoa để đồ án em trở nên hoàn thiện Một lần nữa, em xin chân thành gửi lời cảm ơn trân trọng tới thầy cô làm công tác giảng dạy Khoa Hệ thống thông tin quản lý, Học viện Ngân hàng đặc biệt tới giảng viên trực tiếp hướng dẫn em, Thạc Sĩ Trần Thị Huế sát cánh bên em, tạo điều kiện cho em suốt trình triển khai hồn thành khóa luận tốt nghiệp Hà Nội, ngày 10 tháng 06 năm 2019 Sinh viên STT Chữ viết tắt HTML Nội dung đầy đủ Hypertext Markup Language CSS Cascading Nguyễn Style HồngSheets Nhung PHP General-purpose scripting language UX User experience VR Virtual reality AI Hồng Nhung - K19HTTTB Artificial intelligence Nguyễn Page | IOTs The Internet of things SEO Search engine optimization Nguyễn Hồng Nhung - K19HTTTB Page | DANH MỤC BẢNG BIỂU HÌNH VẼ Chương Hình Sơ đồ phân trang minh họa 16 Hình Minh họa báo giá Website 17 Hình Minh họa kế hoạch triển khai Website 18 Hình Cú pháp chung câu lệnh CSS 26 Hình HTML CSS giao diện Website 26 Hình Tỷ lệ ngơn ngữ lập trình viên sửdụngnăm 2019 .29 Hình Frontend backend 30 Hình Cơ chế hoạt động PHP 32 Hình 10 Cơ sở liệu 33 Chương Hình Sự đa Wordpress 35 Hình 2 Trang Wordpress mẫu 36 Hình Thanh admin bar 36 Hình Giao diện Quản trị Wordpress 36 Hình Vị trí trợ giúp cài đặt hiểnthịmàn hình quản trị .37 Hình Màn hình trợ giúp Wordpress 37 Hình Màn hình thiết lập giao diện chungquản trịtrên Wordpress 37 Hình Giao diện quản trị viết 38 Hình Thư viện Wordpress 38 Hình 10 Quản lý trang Wordpress 38 Hình 11 Quản lý tinh chỉnh giao diện 39 Hình 12 Quản lý gói mở rộng 40 Hình 13 Quản lý người dùng Wordpress 40 Hình 14 Khu vực cài đặt chung Wordpress 41 Hình 15 Elementor 41 Hình 16 Flatsome .42 Hình 17 Woo Commerce 42 Chương Hình Hành trình khách hàng mua hàng 44 Hình Hành trìnhquản lýđơn hàng .44 Hình 3 Hành trìnhquản lýsản phẩm .45 Hình Hành trìnhquản lýdanh mục sản phẩm 45 Hình Hành trìnhquản lýđiều hướng Website 46 Hình Hành trìnhquản lýtài khoản .46 Hình Hành trìnhquản lýkhuyến mại 47 Nguyễn Hồng Nhung - K19HTTTB Page | Hình Hành trình quản lý tài khoản khách hàng 47 Hình Hành trình xem báo cáo thống kê 48 Hình 10 Biểu đồ .1 Biểu đồ ngữ cảnh 48 Hình 11 Biểu đồ .2 Biểu đồ phân rã chức 49 Hình 12 Biểu đồ Biểu đồ luồng liệu mức 59 Hình 13 Biểu đồ Biểu đồ luồng liệu mức 1.0 60 Hình 14 Biều đồ Biểu đồ luồng liệu mức 2.0 60 Hình 15 Biểu đồ Biểu đồ luồng liệu mức 3.0 61 Hình 16 Biểu đồ Biểu đồ luồng liệu mức 4.0 62 Hình 17 Biểu đồ Biểu đồ luồng liệu mức 5.0 63 Hình 18 Biểu đồ Biểu đồ luồng liệu mức 6.0 64 Hình 19 Biều đồ 10 Biểu đồ luồng liệu mức 7.0 65 Hình 20 Biểu đồ 11 Biểu đồ luồng liệu mức 8.0 66 Hình 21 Tệp giải nén Wordpress 67 Hình 22 Các tập giải nén “mã nguồn WordPress 68 Hình 23 Di chuyển mã nguồn Wordpress 68 Hình 24 Chọn ngơn ngữ cài đặt WordPress 69 Hình 25 Bắt đầu tạo Website 70 Hình 26 Tạo sở liệu .70 Hình 27 Cài đặt Website 71 Hình 28 Khởi tạo ban đầu .71 Hình 29 Đăng nhập Wordpress 72 Hình 30 Giao diện Quản trị Wordpress 72 Hình 31 Càiđặt plugins 73 Hình 32 Xem Thông tin Gói mở rộng 73 Hình 33 Càiđặt plugins cách .74 Hình 34 Càiđặt plugins cách .74 Hình 35 Nén tệp website .75 Hình 36 Cơ sở liệu 76 Hình 37 Xuất sở liệu 76 Hình 38 Khởi tạo trang 77 Hình 39 Khới tạo thơng tin ban đầu 78 Hình 40 Tùychỉnhgiaodiện dùng Elementor 78 Hình 41 Tùychỉnhgiaodiện dùng UX builders Flatsome .78 Hình 42 Tùychỉnhgiaodiện chung cách .79 Hình 43 Tùychỉnhgiaodiện chung cách .79 Hình 44 Tùychỉnhgiaodiện chung theo modul .80 Nguyễn Hồng Nhung - K19HTTTB Page | Phần 2: Hình 47 Trang chủ phần Nguyễn Hồng Nhung - K19HTTTB Page | 82 b, Trang Danh sách Sản phẩm Hình 48 Danh sách sản phẩm Nguyễn Hồng Nhung - K19HTTTB Page | 83 c, Trang chi tiết sản phẩm d, Trang Giỏ hàng V/SA PayPat stripe Bnivtfii1 Copyright 2020 © UX Themes Chát lượng uy tín hàng đâu 102.800.000,Ođ Đồng giá: 40.000,0d √⅛n chuyên đến Ha Noi Ha Noi Đổi dịs chi 102.840.000, Ođ Nhân cưới khắc têr ⅝000000.0d B.OOO.OOO.Ođ Hình 49 Trang chi tiết sản phẩm Nguyễn Hồng Nhung - K19HTTTB Page | 84 Hình 50 Trang giỏ hàng Nguyễn Hồng Nhung - K19HTTTB Page | 85 Copyright 2020 © UX Themes V/SA PayPat stripe Bnivtfii1 Chát lượng uy tín hàng đãu _ f,e,Trang TrangĐặt Thanh hàng toán thành công Ve Dim Trăn Liên he Ξ Đẵng kỹ nhận tin f El V DIMTRẲN 7gg⅛τ DIMTR ""lικv AN Qj TRANG sức VÀN G TA V TRANG sức CƯỚI ĐÁ QUÝ PHONGTHilY TRANG sức VÀN G TA V TRANG sức CƯỚI ĐÁ QUÝ PHONG THỦY TRANG sức KIM CƯƠNG TAI KHOẢN GIQ HÀNG /ữ,ođ pɔ TRANG SỨC KIM CƯƠNG Bạn có mâ ưu đài? An vào để nhập mã Thông tin chuyền khoản ngân hàng Cảm ơn bạn Đơn hàng bạn nhận Nguyen THÔNG TINHong THANHNhung: TỐN CỦA299 BẠN •ĐƠN MãHÀNG đơn hàng: • Ngắn hàng: VP Bank TẾn* Hộ* PHẨM •SẢN Ngày: 21 Tháng Sáu, 2020 TẠM TÍNH • Số tài khồn: 175312439 Ngun nhung • Email: nhungnhw@gmail.com khun tai bạc đính da X • Tổng cộng: 200.840.000,Qđ 4.800.000,Od BIC VPBKVNVX TỄn công ty (tuỳ chọn) Chi HVNH tiết đơn hàng TỔNG • Phương thức tốn: Chuyển khỗn ngân hãng Nhấn kim cưohg X 196.000.000,0đ SẢN PHẨM Country / Region ’ khuyên tai bạc đính đá X Tạm tinh 200.800.000.0d 196.000.000,ođ Việt NhấnNam kim cương * Giao hàng Dons giá: 40.000.0d 2∞.8∞.O∞nd Tóng 200.840.000.0d 4.800.000,Od Tổng số phụ: Địa * Giao nhận hàng: Ha Noi Phương thức toán: 40.000,Ođ qua Oorg giã Chuyển khoản ngân hàng 200.840.000,04 Tổng cộng: Mã bưu điện (tuỳ chọn) Thụt tốn vảo tãí khồn ngân hàng chúng tơi Vui lịng sử dụng Mã đon hảng bạn phần Nội dung toán -Đon hàng đưoc giao sau tiên chuyến IOOOOO Địa chi toán TInh/Thành phỗ* Địa chi giao hàng Nguyen Ha Noi nhung HVNH Ha Noi Nguyen nhung HVNH Ha Noi Ha Noi SỂ điện thoại * Ha Noi 0796203988 0796203988 ® Chuyển khoán ngân hàng O Trá tiền mật nhận háng ĐẠT HÀNG Thõrg tin ca nhàn cứa bạn cê Zii dựng đế xử lý đon hárg tang trối nghiệm cử dụng Svebcite cho c⅛c mục đích cụ thể khác đâ mỏ tẻ nhungnhw@gmail.com Địa email ■ nhungnhw@griail.com Q Giao hàng tới địa chi khác? Tên’ TlM KlỄM SÀN PHẴM Ho * Nguyen Tên công ty (tuỳ chọn) HVNH Country / Region ■ Việt Nam Địa chí * Ha Noi Mã bưu điện (tuỳ chộn) IOOOOO Tlnh / Thành phế ■ Ha Noi Ghl đơn hàng (tuỷ chọn) Ghi vè đơn hàng, vi dụ: thời gian hay chi dân địa điểm giao hàng chì tiết _J Hình 51 Trang tốn Nguyễn Hồng Nhung - K19HTTTB Page | 86 Hình 52 Trang đặt hàng thành công Nguyễn Hồng Nhung - K19HTTTB Page | 87 g, Trang Thông tin tài khoản Ve Dim Trăn Liên he Ξ Đẵng kỹ nhận tin f El V i⅛"