Bản word đồ án tốt nghiệp thiết kế website bằng wordpress chuẩn Seo bằng Wordpress và tích hợp API gửi tin nhắn SMS cho khách hàng.Bản word trình bày theo chuẩn báo cáo đồ án công nghệ thông tin thiết kế website phần mềm bán hàng Online
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 LỜI NÓI ĐẦU .4 CHƯƠNG : CƠ SỞ LÝ THUYẾT 1.1 Tìm hiểu mã nguồn mở Wordpress .5 1.4 API gửi SMS 20 1.4.1 Giới thiệu 20 1.4.2 Cơ chế hoạt động .20 1.4.3 Hướng dẫn tích hợp 20 24 Hình 2.1 - Biểu đồ user case hệ thống 24 CHƯƠNG 3: CÀI ĐẶT WEBSITE 61 3.3 Tích hợp API 73 KẾT LUẬN 74 TÀI LIỆU THAM KHẢO .76 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 : 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 - Có hệ thống Theme đồ sộ, nhiều theme chuyên nghiệp có khả SEO tốt - Việc quản lý blog, quản lý viết thuận tiện giống phần mềm thiết kế website chuyên nghiệp - Thể tệp PDF, DOC, Powerpoint nội dung viết Đặc biệt tích hợp sẵn Latex - công cụ soạn thảo công thức toán học, giúp người sử dụng viết công thức toán học blog - WordPress có 23 Widget (ứng dụng tạo thêm) Thống kê số truy nhập blog, Các nhất, Các viết bật nhất, Các comment nhất, Liệt kê chuyên mục, Liệt kê Trang, Danh sách liên kết, Liệt kê số viết tháng Có 79 theme để người dùng lựa chọn - Ngoài việc áp dụng để xây dựng Website dạng trang tin tức Blog, WordPress sử dụng để xây dựng nên Website thương mại điện tử với mục đích bán hàng Online Tuy nhiên xét phương diện WordPress không thực trội - Ngoài thống kê số truy nhập ngày cho blog, Wordpress thống kê số truy nhập ngày viết blog Trên sở chủ blog có định hướng nên viết vấn đề - Các comment duyệt cho đăng, comment có nội dung không phù hợp xóa, cho spam sau IP không gửi comment vào blog - Admin (chủ blog) cho 35 cộng tác viên gửi vào blog, phân quyền cho cộng tác viên theo cấp độ khác Lưu giữ danh sách thành viên ghé thăm trang blog Admin cho đăng qua email vào blog miễn admin cho họ địa email bí mật blog (địa thay đổi lúc nào) - Sao lưu liệu nhằm khôi phục nội dung blog cách dễ dàng chẳng may blog bị hack, cung cấp công cụ chuyển nhà từ blog khác sang blog WordPress - WordPress hỗ trợ GB để lưu trữ tệp hình ảnh văn - Hàng ngày WordPress có thống kê 100 blog tiếng Việt WordPress nhiều người đọc vòng 48 tiếng Nhờ bạn biết thông tin quan trọng diễn 1.1.4 Cấu trúc trang Wordpress Bộ quản trị wordpress gồm phần sau: - Dashboard: Tổng quan quản trị wordpress, bao gồm thông tin tóm tắt website wordpress, viết blog nhanh, số bình luận nhất, từ wordpress.org blog, plugin phổ biến nhất, link đến website bạn + Updates: Hiển thị tất theme plugin có - Posts: Quản lý viết, tag danh mục (category) + All posts: Quản lý tất viết + Add new: Đăng viết + Categories: Quản lý tất danh mục + Tags:Quản lý tất Post Tag + Appearance: Quản lý giao diện + Plugins: Quản lý thành phần mở rộng + Settings: Thiết lập tùy chọn 1.1.5 Cài đặt Wordpress WebServer a) Cài đặt WebServer- Cài đặt XAMPP Để chạy file PHP ta cần phải có WebServer với Apache, MySQL, PHP and Perl, việc cấu hình cài đặt WebServer gặp nhiều khó khăn tốn thời gian Hiện có nhiều phần mềm cấu hình sẳn ứng dụng WebServer Xampp, Wamp,…Trong phần sử dụng WebServer Xampp để phục vụ cho trình chạy thử chương trình XAMPP tích hợp gói phần mềm: Apache (web server), PHP (Ngôn ngữ lập trình web), mySQL (hệ quản trị sở liệu dành cho PHP)… - Các bước cài đặt XAMPP Bước 1: Download XAMPP địa chỉ: http://xampp.joydownload.com/ Bước 2: Chạy file xampp.exe vừa tải để tiến hành cài đặt Hình 1.1- Chạy file xampp.exe Nhấn Next để tiếp tục cài đặt Hình 1.2- Nhấn next cài đặt Chọn ổ cài đặt vài nhấn Next Hình 1.3- Chọn ổ cài đặt Nhấn Next để tiếp tục trình cài đặt Hình 1.4- Nhấn Next tiếp tục cài đặt Quá trình cài đặt diễn Hình 1.5 – Quá trình cài đặt Xampp Nhấn Finish để kết thúc cài đặt Hình 1.6- Quá trình cài đặt kết thúc 10 Cho phép người dùng xem thông tin chi tiết sản phẩm bất kỳ, thêm sản phẩm vào giỏ hàng theo số lượng toán Giao diện chi tiết sản phẩm cho phép người dùng click xem sản phẩm có liên quan danh mục sản phẩm Giao diện thay đổi bố cục body-right Đạt yêu cầu chuẩn Seo: - Title chứa thẻ heading ưu tiên - Thiết lập Breadcrumb thân thiện, điều hướng người dùng qua sản phẩm liên quan, danh mục sản phẩm - Url thân thiện: san-pham/ten-san-pham Giao diện SHOP Hình 3.4- Giao diện trang sản phẩm Hiển thị toàn sản phẩm có SHOP website theo số lượng sản phẩm trang với trang hiển thị 10 sản phẩm sếp theo thời gian đăng sản phẩm 63 Giao diện Tư vấn Hình 3.5- Giao diện trang tư vấn Hiển thị viết tư vấn khách hàng, tư vấn dịch vụ, tư vấn sử dụng sản phẩm website, viết PR, Seo Sử dụng giao diện body-right Đạt website chuẩn Seo: Thẻ heading cho tiêu đề viết 64 Giao diện Liên hệ Hình 3.6 Giao diện trang liên hệ Giao diện trang liên hệ cho phép khách hàng gửi ý kiến phản hồi, đánh giá liên hệ trực tiếp với quản trị viên hệ thống 65 Giao diện Giỏ hàng Hình 3.7- Giao diện trang giỏ hàng Cho phép khách hàng cập nhật lại số lượng sản phẩm cần mua tiến hàng toán 66 Giao diện toán Hình 3.8- Giao diện trang đặt hàng & toán Khách hàng tiến hành đăng nhập để toán cách lựa chọn ba hình thức toán: Chuyển khoản, chi phiếu qua Nganluong.VN 67 Giao diện đăng ký tài khoản Hình 3.9- Giao diện trang đăng ký tài khoản Nếu có tài khoản cần đăng nhập tiến hành mua hàng website Nếu chưa có tài khoản tiến hành đăng ký tài khoản sau thực hoạt động mua hàng, đánh giá sản phẩm website 3.2 Giao diện quản trị Giao diện đăng nhập 68 Hình 3.10- Giao diện trang đăng nhập Giao diện quản trị Hình 3.11- Giao diện trang quản trị Hiển thị bảng tin giới thiệu thông tin website, nhà phát triển, thông tin liên hệ, đơn hàng, tình trạng cửa hàng 69 Giao diện quản lý danh mục sản phẩm Hình 3.12- Giao diện trang quản lý danh mục Giao diện quản lý sản phẩm Hình 3.13- Giao diện trang quản lý sản phẩm Có thể thểm, sửa xóa sản phẩm, chép nhanh, tạo sản phẩm bật 70 Giao diện quản lý đơn hàng Hình 3.14- Giao diện trang quản lý đơn hàng Giao diện thiết lập phương thức toán Hình 3.15- Giao diện trang thiết lập phương thức toán Thiết lập phương thức toán cách chọn Tab loại hình toán chọn Mở chức toán tương ứng 71 Giao diện quản lý viết Tư vấn Hình 3.16- Giao diện trang quản lý viết Tư vấn Cho phép sửa, xóa, chép xem viết theo yêu cầu người quản trị Giao diện quản lý thành viên Hình 3.17- Giao diện trang quản lý thành viên Cho phép thêm thành viên trực tiếp, sửa xóa thành viên, theo dõi lượng thành viên đăng ký, vài trò thành viên 72 3.3 Tích hợp API Hình 3.18a- Code tích hợp API Tạo function send_sms kiểm tra order gửi tin nhắn cho khách hàng đặt mua thành công Hình 3.20b- Tích hợp mã API website Tích hợp API vào website theo hướng dẫn từ Server ESMS 73 KẾT LUẬN Kết đạt Trong khuôn khổ đề tài thực tập tốt nghiệp “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”em đạt số kết sau: - Xây dựng thành công website bán hàng dựa mã nguồn mở Wordpress - Tích hợp toán trực tuyến Nganluong va BaoKim website - Tối ưu hóa Seo website thành công, tích hợp mạng xã hội - Đã phân tích hệ thống theo hướng đối tượng UML, đưa biểu đồ Use case, biểu đồ hoạt động, biểu đồ trình tự - Thiết kế giao diện phù hợp với yêu cầu đề ra, có đầy đủ chức - Thiết kế chức xác nhận Google Webmaster Tool - Tích hợp thành công API gửi SMS phản hồi khách hàng - Thương mại hóa chương trình cho hai khách hàng Những hạn chế chương trình Do thời gian làm đề tài trình độ lực thân nhiều hạn chế nên chương trình em không tránh khỏi thiếu sót số công việc chưa làm như: - Việc biểu diễn thông tin chưa linh hoạt hoàn toàn - Giao diện chưa thực đẹp mắt - Fix cứng số tính hiển thị Vì em mong đóng góp ý kiến nhận xét từ phía thầy cô bạn để website em hoàn thiện hơn, áp dụng rộng rãi vào thực tế Hướng phát triển Hoàn thiện giao diện chức để website chuyên nghiệp loại bỏ số chức fix cứng giúp người dùng tùy chỉnh tốt 74 Một lần em xin chân thành cảm ơn cô Dương Thị Quy theo sát hướng dẫn em hoàn thành đề tài đồ án tốt nghiệp này Em xin chân thành cảm ơn Thái Nguyên 26 tháng 05 năm 2016 Sinh viên thực Mai Văn Tài 75 TÀI LIỆU THAM KHẢO [1] PGS-TS Đặng Minh Ất, Bài giảng phân tích thiết kế hệ thống thông tin, NXB Đại học Kinh tế Quốc Dân, Hà Nội, 2007 [2] Nguyễn Văn Ba,Phân tích thiết kế hệ thống thông tin, NXB Đại học Quốc gia, Hà Nội, 2005 [3] Thạc Bình Cường, Phân tích thiết kế hệ thống thông tin, NXB Khoa học kỹ thuật, 2002 [4] https://hoangluyen.com/ [5] https://www.izwebz.com/ [6] http://stackoverflow.com/ [7] https://codex.wordpress.org/ [8] http://thachpham.com/ [9] http://google.com/ [10] http://vietmoz.com/ [11] http://esms.vn/ 76 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 77