Xây dựng website bán hàng chuẩn SEO và tích hợp API gửi SMS bằng mã nguồn mở wordpress

LỜI CẢM ƠN Trong thời gian làm đồ án tốt nghiệp, em nhận nhiều giúp đỡ, đóng góp ý kiến bảo nhiệt tình thầy cô, gia đình bạn bè Em xin gửi lời cảm ơn chân thành đến Th.s Dương Thị Quy, giảng viên Bộ môn Kỹ Thuật Phần Mềm – Khoa Công Nghệ Thông Tin – Trường ĐH CNTT&TT người tận tình hướng dẫn, bảo em suốt trình làm đồ án Em xin chân thành cảm ơn thầy cô giáo trường ĐH CNTT&TT nói chung, thầy cô Bộ môn Kỹ Thuật Phần Mềm nói riêng dạy dỗ cho em kiến thức môn đại cương môn chuyên ngành, giúp em có sở lý thuyết vững vàng tạo điều kiện giúp đỡ em suốt trình học tập Em xin chân thành cảm ơn anh Nguyễn Tuấn Sơn, giám đốc Công ty TNHH Hoàng Long Media giúp đỡ tư vấn em thực chương trình đồ án tốt nghiệp Cuối cùng, em xin chân thành cảm ơn gia đình bạn bè, tạo điều kiện, quan tâm, giúp đỡ, động viên em suốt trình học tập hoàn thành đồ án tốt nghiệp Thái Nguyên, ngày 26 tháng 05 năm 2016 Sinh viên thực MAI VĂN TÀI LỜI CAM ĐOAN Em xin cam đoan đồ án tự em nghiên cứu xây dựng dựa kiến thức học trường kinh nghiệm làm thực Cùng hướng dẫn Ths Dương Thị Quy Các nội dung nghiên cứu, kết đề tài trung thực chưa công bố hình thức trước Những kiến thức tài liệu tham khảo ghi rõ mục tài liệu tham khảo Nếu phát có gian lận em xin hoàn toàn chịu trách nhiệm nội dung luận văn Trường đại học CNTT& TT không liên quan đến vi phạm tác quyền, quyền em gây trình thực (nếu có) Thái Nguyên, ngày 26 tháng 05 năm 2016 Sinh viên thực MAI VĂN TÀI MỤC LỤC LỜI CẢM ƠN .1 LỜI CAM ĐOAN MỤC LỤC DANH MỤC HÌNH LỜI NÓI ĐẦU CHƯƠNG 1: CƠ SỞ LÝ THUYẾT 10 1.1 Tìm hiểu mã nguồn mở Wordpress .10 1.1.1 Tổng quan Wordpress 10 1.1.2 Lịch sử .10 1.1.3 Nét bật 10 1.1.4 Cấu trúc trang Wordpress 12 1.1.5 Cài đặt Wordpress WebServer 12 1.2 Giới thiệu Woocommerce 19 1.2.1 Woocommerce gì? 19 1.2.2 Các chức Woocommerce .19 1.2.3 Cài đặt Woocommerce .20 1.3 Website chuẩn SEO .22 1.3.1 Tổng quan Seo .22 1.3.2 Website chuẩn Seo .22 1.4 API gửi SMS 24 1.4.1 Giới thiệu 24 1.4.2 Cơ chế hoạt động .25 1.4.3 Hướng dẫn tích hợp 25 CHƯƠNG 2: KHẢO SÁT VÀ PHÂN TÍCH THIẾT KẾ HỆ THỐNG 27 2.1 Khảo sát hệ thống 27 2.2 Phân tích thiết kế hệ thống 28 2.2.1 Biểu đồ user case hệ thống 28 2.2.2 Biểu đồ trình tự cộng tác 39 2.2.3 Biểu đồ hoạt động 61 2.2.4 Biểu đồ lớp .64 CHƯƠNG 3: CÀI ĐẶT WEBSITE 68 3.1 Giao diện người dùng 68 3.2 Giao diện quản trị 74 3.3 Tích hợp API 78 KẾT LUẬN .80 TÀI LIỆU THAM KHẢO 82 NHẬN XÉT CỦA GIÁO VIÊN HƯỚNG DẪN 83 DANH MỤC HÌNH Hình 1.1- Chạy file xampp.exe 13 Hình 1.2- Nhấn next cài đặt .13 Hình 1.3- Chọn ổ cài đặt 14 Hình 1.4- Nhấn Next tiếp tục cài đặt 14 Hình 1.5 – Quá trình cài đặt Xampp 15 Hình 1.6- Quá trình cài đặt kết thúc 15 Hình 1.7- Khởi động Apache & MySQL 16 Hình 1.8- Tạo sở liệu .17 Hình 1.9- Chọn ngôn ngữ cài đặt .17 Hình 1.10- Điền thông tin website tài khoản quản trị 18 Hình 1.11- Cài đặt thành công 18 Hình 1.12- Giao diện trang chủ 19 Hình 1.13- Kết tìm kiếm Woocomerce 20 Hình 1.14- Quá trình cài đặt Plugin WooCommerces 21 Hình 1.15- Cài đặt thành công 21 Hình 1.16- Kết cài đặt 21 Hình 2.1 - Biểu đồ user case hệ thống 29 Hình 2.2 - Biểu đồ phân rã Use case quản lý thành viên 30 Hình 2.3 - Biểu đồ phân rã Use case quản lý danh mục sản phẩm 30 Hình 2.4 - Biểu đồ phân rã Use case quản lý đơn hàng 31 Hình 2.5 - Biểu đồ phân rã Use case quản lý sản phẩm 31 Hình 2.6 - Biểu đồ phân rã Use case quản lý thành viên 32 Hình 2.7 - Biểu đồ phân rã Use case mua hàng 32 Hình 2.8 - Biểu đồ phân rã Use case quản lý rỏ hàng cho khách hàng 33 Hình 2.9 - Biểu đồ phân rã Use case tìm kiếm 33 Hình 2.10 - Biểu đồ Trình tự cho tác vụ đăng ký thành viên khách hàng .39 Hình 2.11 - Biểu đồ Cộng tác cho tác vụ đăng ký làm thành viên khách hàng 40 Hình 2.12 - Biểu đồ Trình tự cho tác vụ đăng nhập khách hàng 40 Hình 2.13 - Biểu đồ Cộng tác cho tác vụ đăng nhập khách hàng 41 Hình 2.14 - Biểu đồ Trình tự cho tác vụ cập nhật thông tin cá nhân KH 41 Hình 2.15 - Biểu đồ Cộng tác cho tác vụ cập nhật thông tin cá nhân KH 42 Hình 2.16 - Biểu đồ Trình tự cho tác vụ tìm kiếm theo tên sản phẩm .42 Hình 2.17 - Biểu đồ Cộng tác cho tác vụ tìm kiếm theo tên sản phẩm 43 Hình 2.18 - Biểu đồ Trình tự cho tác vụ xem chi tiết sản phẩm 43 Hình 2.19 - Biểu đồ Cộng tác cho tác vụ xem chi tiết sản phẩm .44 Hình 2.20 - Biểu đồ Trình tự cho tác vụ thêm sản phẩm vào giỏ hàng .44 Hình 2.21 - Biểu đồ Cộng tác cho tác vụ thêm sản phẩm vào giỏ hàng 45 Hình 2.22 - Biểu đồ Trình tự cho tác vụ xóa hàng giỏ hàng 45 Hình 2.23 - Biểu đồ Cộng tác cho tác vụ xóa hàng giỏ hàng 46 Hình 2.24 - Biểu đồ Trình tự cho tác vụ cập nhật số lượng giỏ hàng .46 Hình 2.25 - Biểu đồ Cộng tác cho tác vụ cập nhật số lượng giỏ hàng .47 Hình 2.26 - Biểu đồ Trình tự cho tác vụ xem giỏ hàng .47 Hình 2.27 - Biểu đồ Cộng tác cho tác vụ xem giỏ hàng .48 Hình 2.28 - Biểu đồ Trình tự cho tác vụ đặt hàng 48 Hình 2.29 - Biểu đồ Cộng tác cho tác vụ đặt hàng .49 Hình 2.30 - Biểu đồ Trình tự cho tác vụ xem lại đơn đặt hàng 49 Hình 2.31 - Biểu Cộng tác cho tác vụ xem lại đơn đặt hàng .50 Hình 2.32 - Biểu đồ Trình tự cho tác vụ Quản trị viên đăng nhập 50 Hình 2.33 - Biểu đồ Cộng tác cho tác vụ quản trị viên đăng nhập 51 Hình 2.34 - Biểu đồ Trình tự cho tác vụ Thêm danh mục sản phẩm 51 Hình 2.35 - Biểu đồ Cộng tác cho tác vụ Thêm loại sản phẩm 52 Hình 2.36 - Biểu đồ Trình tự cho tác vụ xóa danh mục sản phẩm 52 Hình 2.37 - Biểu đồ Cộng tác cho tác vụ Xóa danh mục sản phẩm 53 Hình 2.38 - Biểu đồ Trình tự cho tác vụ Cập nhật danh mục sản phẩm 53 Hình 2.39 -Biểu đồ Cộng tác cho tác vụ Cập nhật danh mục sản phẩm 54 Hình 2.40 - Biểu đồ Trình tự cho tác vụ Thêm sản phẩm 54 Hình 2.41 - Biểu đồ Cộng tác cho tác vụ Thêm sản phẩm 55 Hình 2.42 - Biểu đồ Trình tự cho tác vụ Xóa sản phẩm 55 Hình 2.43 - Biểu đồ Cộng tác cho tác vụ Xóa sản phẩm 56 Hình 2.44 - Biểu đồ Trình tự cho tác vụ Cập nhật sản phẩm 56 Hình 2.45 - Biểu đồ Cộng tác cho tác vụ Cập nhật sản phẩm 57 Hình 2.46 - Biểu đồ Trình tự cho tác vụ Cập nhật Đơn hàng 57 Hình 2.47 - Biểu đồ Cộng tác cho tác vụ Cập nhật Đơn hàng 58 Hình 2.48 - Biểu đồ Trình tự cho tác vụ Thêm người sử dụng 58 Hình 2.49 - Biểu đồ Cộng tác cho tác vụ Thêm người sử dụng 59 Hình 2.50 - Biểu đồ Trình tự cho tác vụ Xóa người sử dụng 59 Hình 2.51 - Biểu đồ Cộng tác cho tác vụ Xóa người sử dụng 60 Hình 2.52 - Biểu đồ Trình tự cho tác vụ Cập nhật thông tin User .60 Hình 2.53 - Biểu đồ Cộng tác cho tác vụ Cập nhật thông tin User 61 Hình 2.54 - Biểu đồ hoạt động đăng nhập 61 Hình 2.55 - Biểu đồ hoạt động quản lý thành viên .62 Hình 2.56 - Biểu đồ hoạt động quản lý sản phẩm .62 Hình 2.57 - Biểu đồ hoạt động xem chi tiết sản phẩm 63 Hình 2.58 - Biểu đồ hoạt động tìm kiếm 63 Hình 2.59 - Biểu đồ hoạt động mua hàng 64 Hình 2.60 - Biểu đồ lớp cho chức thuộc sản phẩm 64 Hình 2.61 - Biểu đồ lớp cho chức thuộc khách hàng .65 Hình 2.62 - Biểu đồ lớp cho chức thuộc phương thức toán 66 Hình 2.63 - Biểu đồ lớp cho chức thuộc người quản trị 66 Hình 2.64 - Biểu đồ lớp cho chức thuộc đơn hàng 67 Hình 3.1- Giao diện trang chủ chương trình .68 Hình 3.2- View Code web chuẩn Seo 69 Hình 3.3- Trang sản phẩm chứa yếu tố SEO thẻ heading 69 Hình 3.4- Giao diện trang sản phẩm 70 Hình 3.5- Giao diện trang tư vấn .71 Hình 3.6 Giao diện trang liên hệ 72 Hình 3.7- Giao diện trang giỏ hàng 72 Hình 3.8- Giao diện trang đặt hàng & toán .73 Hình 3.9- Giao diện trang đăng ký tài khoản 74 Hình 3.10- Giao diện trang đăng nhập .74 Hình 3.11- Giao diện trang quản trị 75 Hình 3.12- Giao diện trang quản lý danh mục 75 Hình 3.13- Giao diện trang quản lý sản phẩm 76 Hình 3.14- Giao diện trang quản lý đơn hàng 76 Hình 3.15- Giao diện trang thiết lập phương thức toán 77 Hình 3.16- Giao diện trang quản lý viết Tư vấn 77 Hình 3.17- Giao diện trang quản lý thành viên 78 Hình 3.18a- Code tích hợp API 78 Hình 3.20b- Tích hợp mã API website 79 LỜI NÓI ĐẦU Ngày nay, xã hội ngày phát triển có công nghệ thông tin đóng vài trò quan trọng phát triển xã Công nghệ thông tin trở thành nhân tố quan trọng bậc nhất, cầu nối trao đổi thành phần xã hội toàn cầu, lĩnh vực Trong năm gần với phát triển mạnh mẽ công nghệ thông tin Website bán hàng hình thành ngày nhiều, phổ biến rộng rãi toàn giới đáp ứng nhu cầu thương mại – kinh doanh online ngày lớn cá nhân tổ chức, công ty doanh nghiệp không giới mà Việt Nam Hầu hết quan máy nhà nước, công ty, doanh nghiêp, trường học, cửa hàng, chí cá nhân có website riêng cho nhằm quảng bá giới thiệu thông tin, sản phẩm đến với người Bởi không quảng bá sản phẩm, thông tin không biết tới Wordpress mã nguồn mở phát triển vài năm trở lại Việt Nam sau Joomla lĩnh vực website bán hàng dần trở nên phổ biến nhờ đón nhận đánh giá cao từ phía người dùng Với mục đích tìm hiểu mã nguồn mở, Seo Marketing nên em lựa chọn đề tài “Xây dựng website bán hàng chuẩn SEO tích hợp API gửi SMS mã nguồn mở Wordpress” nhằm giúp người bán hàng quảng bá thương hiệu sản phẩm tốt thuận lợi hơn, tăng doanh thu bán hàng mạng internet thông qua website khách hàng không cần vất đến tận nơi mua hàng trước Em xin chân thành cảm ơn! CHƯƠNG 1: CƠ SỞ LÝ THUYẾT 1.1 Tìm hiểu mã nguồn mở Wordpress 1.1.1 Tổng quan Wordpress WordPress hệ thống xuất blog viết ngôn ngữ lập trình PHP sử dụng MySQL database (cơ sở liệu MySQL) WordPress hậu duệ thức b2/cafelog, phát triển Michel Valdrighi Cái tên WordPress đề xuất Christine Selleck, người bạn nhà phát triển Matt Mullenweg 1.1.2 Lịch sử B2/cafelog, thường biết đến với tên đơn giản b2 hay cafelog tiền thân WordPress b2/cafelog theo ước lượng sử dụng khoảng 2000 blog tháng năm 2003 Nó viết ngôn ngữ lập trình PHP để dùng với MySQL Michel Valdrighi, người trở thành nhà phát triển WordPress Mặc dù WordPress hậu duệ thức dự án khác, b2evolution, song song phát triển Vào năm 2004, thời hạn cấp phép gói sản phẩm cạnh tranh Movable Type bị thay đổi Six Apart, nhiều người dùng chuyển sang sử dụng WordPress, tạo nên bước ngoặt lớn phát triển phổ biến WordPress Năm 2007, WordPress giành giải thưởng Packt Open Source CMS Năm 2009 Wordpress dẫn đầu mã nguồn CMS tốt Thống kê năm 2013 cho thấy có đến xấp xỉ 20% trang web nằm top 10 triệu trang web hàng đầu giới sử dụng WordPress Phiên WordPress phiên 4.4.2 1.1.3 Nét bật - Hệ thống Plugin phong phú không ngừng cập nhật, người dùng viết Plugin tích hợp code vào Wordpress - Được phát triển nhiều ngôn ngữ (hỗ trợ tiếng việt) - Cập nhật phiên liên tục, cộng đồng hỗ trợ lớn 10 Website chuẩn Seo thiết kế đạt yêu cầu giao diện thân thiện, tốc độ load đạt tiêu chuẩn [...]... Đầu vào đầu ra hệ thống - Đầu vào: Yếu tố xây dựng lên website chuẩn Seo, thông tin các sản phẩm, API SMS - Đầu ra: Website chuẩn Seo, hiển thị các sản phẩm, gửi thông báo đặt hàng thành công tới khách hàng thông qua SMS 27 2.2 Phân tích và thiết kế hệ thống 2.2.1 Biểu đồ user case của hệ thống  Xác định các tác nhân và use case Tác nhân Use case - Đăng ký thành viên - Đăng nhập thành viên Khách hàng. .. quyết vấn đề nhu cầu website chuẩn SEO cũng như hỗ trợ những người làm marketing, những người không hiểu về code tiết kiệm thời gian quá trình thiết kế và tối ưu hóa code website Đề tài này sẽ xây dựng nên website bán hàng chuẩn SEO thân thiện với người dùng và công cụ tìm kiếm Search Engene, thông báo phản hồi tới khách hàng khi đặt hàng thành công Đảm bảo các chức năng của một website thương mại điện... APIkey và SecretKey, 2 key này sẽ được cấp sau khi bạn đăng ký tài khoản tại eSMS.vn 1.4.3 Hướng dẫn tích hợp Dưới đây là các bước cơ bản nhất để các bạn có thể tích hợp tính năng gửi tin vào hệ thống của mình Bước 1: Tiến hành đăng ký tài khoản tại Website eSMS.vn Bước 2: Sau khi đăng ký xong các bạn tiến hành đăng nhập và vào trang Quản lý Tại đây các bạn chọn vào menu Quản lý API để lấy APIKey và SecretKey... tối ưu website là gặp nhiều khó khăn và mất thời gian Đối với các website chuẩn SEO ngày càng được ưa chuộng và dịch vụ thiết kế website chuẩn SEO được rất nhiều công ty thiết kế web cung cấp đáp ứng nhu cầu của thị trường Các website chuẩn SEO hỗ trợ cho những người làm marketing online thực hiện công việc marketing trở nên dễ dàng và hiệu quả hơn đồng thời tiết kiệm thời gian việc tối ưu hóa website. .. chính: - Khách hàng chọn sản phẩm cần mua - Kích mua hàng - Hệ thống thêm sản phẩm khách hàng mua vào giỏ hàng - Hệ thống hiện thị thông tin giỏ hàng - Khách hàng nhấn nút thanh toán 34 - Khách hàng nhập thông tin cá nhân, sau đó nhấn nút gửi thông tin - Hệ thống lưu thông tin vào hóa đơn mua hàng trong cơ sở dữ liệu - Khách hàng chọn thanh toán qua Nganluong.vn - Hệ thống chuyển giỏ hàng sang Nganluong.vn... phẩm trong giỏ hàng sẽ được cập nhật lại, chọn xóa giỏ hàng thì các sản phẩm trong giỏ hàng sẽ bị xóa hết Nếu khách hàng nhập thông tin cá nhân không hợp lệ thì hệ thống yêu cầu nhập lại  Use case Gửi thông tin phản hồi  Tên Use case : Gửi thông tin phản hồi  Mô tả: Cho phép khách hàng gửi thông tin đánh giá sản phẩm, cách phục vụ của cửa hàng đến cửa hàng  Tiền điều kiện: Vào hệ thống website  Luồng... theme để người dùng lựa chọn - Ngoài việc được áp dụng để xây dựng các Website dạng trang tin tức và Blog, WordPress còn được sử dụng để xây dựng nên các Website thương mại điện tử với mục đích chính là bán hàng Online Tuy nhiên nếu xét trên phương diện này thì WordPress không thực sự nổi trội - Ngoài thống kê số truy nhập của từng ngày cho blog, Wordpress còn thống kê số truy nhập của từng ngày đối với... 15 b) Cài đặt Wordpress trên XAMPP Để cài đặt Wordpress trước tiên cần truy cập địa chỉ https:/ /wordpress. org để download bộ cài đặt về máy tính với phiên bản mới nhất Các bước cài đặt Wordpress như sau: Bước 1: Copy mã nguồn Wordpress vào Localhost Giải nén file vừa download về và copy thư mục wordpress sang thư mục cài đặt XMPP có đường dẫn: B:\xampp\htdocs\ và tiến hành đổi tên ví dụ wordpress thành... - Khách hàng thực hiện thanh toán trên Ngân lượng - Cửa hàng xác nhận thanh toán của khách hàng: + Nếu khách hàng chưa thực hiện thanh toán trên Ngân lượng thì sẽ xóa hóa đơn mua hàng đó trong csdl + Nếu khách hàng đã thanh toán thì cửa hàng tiến hành giao hàng - UC kết thúc  Luồng sự kiện phụ: Nếu khách hàng chọn mua thêm hàng thì hệ thống chuyển về trang chủ, khách hàng chọn cập nhật giỏ hàng thì... webmaster Tools là công cụ dùng hỗ trợ cho các webmaster và SEOer quản lý website, đây là công cụ miễn phí được cung cấp bởi Google - Cho phép người dùng xác nhận website Google Webmaster Tool nhanh chóng dễ dàng 1.4 API gửi SMS 1.4.1 Giới thiệu Nếu Website, hệ thống của bạn đang cần tính năng gửi SMS đến điện thoại chẳng hạn như nhắn mã xác nhận khi đăng ký Website, hay phần mêm quản lý nhân sự cần nhắn tin ... chuẩn SEO tích hợp API gửi SMS mã nguồn mở Wordpress nhằm giúp người bán hàng quảng bá thương hiệu sản phẩm tốt thuận lợi hơn, tăng doanh thu bán hàng mạng internet thông qua website khách hàng không... Đầu vào đầu hệ thống - Đầu vào: Yếu tố xây dựng lên website chuẩn Seo, thông tin sản phẩm, API SMS - Đầu ra: Website chuẩn Seo, hiển thị sản phẩm, gửi thông báo đặt hàng thành công tới khách hàng. .. vực website bán hàng dần trở nên phổ biến nhờ đón nhận đánh giá cao từ phía người dùng Với mục đích tìm hiểu mã nguồn mở, Seo Marketing nên em lựa chọn đề tài Xây dựng website bán hàng chuẩn SEO