Tài liệu Phát triển plug in trong wordpress cho phép chia sẻ bài viết trên mạng xã hội

ĐẠI HỌC QUỐC GIA THÀNH PHỐ HỒ CHÍ MINH TRƯỜNG ĐẠI HỌC KHOA HỌC XÃ HỘI VÀ NHÂN VĂN ĐỖ THỊ KIM LINH 1556100037 PHÁT TRIỂN PLUG-IN TRONG WORDPRESS CHO PHÉP CHIA SẺ BÀI VIẾT TRÊN MẠNG XÃ HỘI ĐỀ TÀI NCKH CẤP TRƯỜNG CHUYÊN NGÀNH QUẢN TRỊ THÔNG TIN Tp. Hồ Chí Minh, 2018 ĐẠI HỌC QUỐC GIA THÀNH PHỐ HỒ CHÍ MINH TRƯỜNG ĐẠI HỌC KHOA HỌC XÃ HỘI VÀ NHÂN VĂN ĐỖ THỊ KIM LINH 1556100037 PHÁT TRIỂN PLUG-IN TRONG WORDPRESS CHO PHÉP CHIA SẺ BÀI VIẾT TRÊN MẠNG XÃ HỘI Chuyên ngành: Quản Trị Thông Tin BÁO CÁO ĐỀ TÀI NCKH CẤP TRƯỜNG NGÀNH QUẢN TRỊ THÔNG TIN NGƯỜI HƯỚNG DẪN KHOA HỌC: NGUYỄN TẤN CÔNG Tp. Hồ Chí Minh, 2018 NHẬN XÉT CỦA GIÁO VIÊN HƯỚNG DẪN ……………………………………………………………………………… ……………………………………………………………………………… ……………………………………………………………………………… ……………………………………………………………………………… ……………………………………………………………………………… ……………………………………………………………………………… ……………………………………………………………………………… ……………………………………………………………………………… ……………………………………………………………………………… ……………………………………………………………………………… ……………………………………………………………………………… ……………………………………………………………………………… ……………………………………………………………………………… ……………………………………………………………………………… Khóa luận đáp ứng yêu cầu của đề tài NCKH cấp trường chuyên ngành quản trị thông tin học. Tp.HCM, ngày …… tháng …… năm 2018 Giáo viên hướng dẫn i NHẬN XÉT CỦA GIÁO VIÊN PHAN BIÊN ̣ ……………………………………………………………………………… ……………………………………………………………………………… ……………………………………………………………………………… ……………………………………………………………………………… ……………………………………………………………………………… ……………………………………………………………………………… ……………………………………………………………………………… ……………………………………………………………………………… ……………………………………………………………………………… ……………………………………………………………………………… ……………………………………………………………………………… ……………………………………………………………………………… ……………………………………………………………………………… ……………………………………………………………………………… Khóa luận đáp ứng yêu cầu của đề tài NCKH cấp trường chuyên ngành quản trị thông tin học. Tp.HCM, ngày …… tháng …… năm 2018 Giáo viên phản iê ̣n ii LỜI CÁM ƠN Chúng em xin chân thành cảm ơn Khoa Thư Viện – Thông Tin Học, trường Đại Học Khoa Học Xã Hội Và Nhận Văn Tp. HCM đã tạo điều kiện tốt cho chúng em thực hiện đề tài này. Bên cạnh đó, chúng em cũng xin gửi lời cảm ơn sâu sắc đến quý Thầy Cô trong Khoa đã tận tình giảng dạy, củng cố kiến thức chuyên môn cho chúng em. Đặt iệt, chúng em xin cảm ơn người hướng dẫn trực tiếp: Thầy Nguyễn Tấn Công.Với sự chỉ ảo tận tình và kiên nhẫn của Thầy đã giúp đỡ chúng em hoàn thành đề tài NCKH và có thêm nhiều hiểu iết ổ ích trong quá trình nghiên cứu và học tập. Chúng em xin gửi lời cảm ơn đến gia đình, ạn è đã ủng hộ, động viên và chia sẻ những khó khăn trong quá trình nghiên cứu và thực hiện đề tài. Chúng em đã cố gắng hoàn thành đề tài NCKH trong khả năng cho phép, nhưng chắc chắn sẽ không tránh khỏi những thiếu sót, kính mong sự thông cảm và tận tình chỉ ảo của quý thầy cô và các ạn. Sinh viên thực hiện Đỗ Thị Kim Linh iii ĐỀ CƯƠNG CHI TIẾT Tên Đề Tài: Phát triển plug-in trong wordpress cho phép chia sẻ ài viết trên mạng xã hội. Giáo viên hướng dẫn: Nguyễn Tấn Công Thời gian thực hiện: từ ngày 12/06/2017 đến ngày 01/4/2018. Sinh viên thực hiện: Đỗ Thị Kim Linh (1556100037) Loại đề tài: Phân tích thiết kế hệ thống, chọn giải pháp và xây dựng ứng dụng. Nội Dung Đề Tài: – Tìm hiểu mô hình thương mại diện tử – Tìm hiểu mã nguồn mở Wordpress và các phân hệ của Wordpress – Triển khai xây dựng ứng dụng thương mại điện tử trên mô hình thương mại điện tử dựa trên mã nguồn mở Wordpress – Chỉ dừng lại ở phát triển plug-in trong wordpress cho phép chia sẻ ài viết trên mạng xã hội, không phát triển rộng hơn Kế Hoạch Thực Hiện: STT Nội dung Thời gian bắt đầu Thời gian kết thúc 1 Xác định đề tài 28/05/2017 01/06/2017 2 Tra cứu các tài liệu cần thiết 02/06/2017 25/07/2017 3 Xây dựng đề cương 26/07/2017 03/08/2017 4 Lập kế hoạch nghiên cứu 04/08/2017 25/09/2017 5 Thu thập và xử lý thông tin 26/09/2017 26/11/2017 6 Cài đặt nền tảng we site trên localhost, thiết lập các chức năng we site 27/11/2017 05/12/2017 iv 7 Xây dựng we site 06/12/2017 25/01/2018 8 Cài đặt, thiết lập giỏ hàng 26/01/2018 24/02/2018 9 Viết áo cáo đồ án 25/02/2018 15/03/2018 Xác nhận của GVHD Ngày 15 tháng 04 năm2018 Sinh Viên Thực hiện Nguyễn Tấn Công Đỗ Thị Kim Linh MỤC LỤ v LỜI CÁM ƠN...................................................................................................iii ĐỀ CƯƠNG CHI TIẾT....................................................................................iv MỤC LỤC.........................................................................................................vi BANG MÔ TA CÁC THUẬT NGỮ.................................................................x DANH MỤC CÁC HÌNH.................................................................................xi DANH MỤC CÁC BANG..............................................................................xiii TÓM TẮT ĐỒ ÁN..........................................................................................xiv Chương 1 Giới thiệu tổng quan........................................................................1 1.1. Su hướng quản á thông tin trên mạng xã hội.....................................1 1.2. Mục tiêu và nội dung đề tài.................................................................4 1.3. Phạm vi, chức năng, đối tượng của đề tài............................................4 1.4. Ý nghĩa thực tiễn của đề tài.................................................................5 Chương 2 Khảo sát và đặc tả hệ thống.............................................................6 2.1. Giới thiệu về dự án..............................................................................6 2.2. Mô hình dự án xây dựng we site Đầm đẹp trên nền tảng Wordpress CMS ............................................................................................................. 7 2.3. Đặc tả chi tiết đề tài.............................................................................8 2.3.1. Các thành phần và hoạt động trong hệ thống we site Đầm đẹp. 8 2.3.2. Phân hệ người dùng hệ thông.....................................................9 2.3.3. Phân hệ chức năng của hệ thống..............................................10 2.4. Đặc tính kỹ thuật thiết kế và lập trình................................................12 2.5. Kết luận.............................................................................................13 vi Chương 3 Nền tảng Wordpress.......................................................................14 3.1. Thương mại điện tử...........................................................................14 3.1.1. Khái niệm về thương mại điện tử.............................................14 3.1.2. Hình thức giao dịch của thương mại điện tử............................15 3.1.3. Đặc điểm thương mại điện tử...................................................15 3.1.4. Quy trình thanh toán................................................................16 3.2. Hệ quản trị nội dung we Wordpress.................................................17 3.2.1. Ưu điểm của Wordpress...........................................................18 3.2.2. Các ước xây dựng we site Wordpress CMS..........................19 3.2.3. Câu trúc cơ sở dữ liệu của Wordpress......................................19 3.3. Ngôn ngữ lập trình we PHP.............................................................21 3.3.1. Nền tảng PHP...........................................................................21 3.3.2. Sự hoạt động của PHP.............................................................22 3.3.1. Quá trình cài đặt We server Apache cho PHP.........................22 3.4. Nền tảng ngôn ngữ SQL và hệ quản trị CSDL..................................24 3.4.1. Khái niệm ngôn ngữ truy vấn SQL..........................................24 3.4.2. Tại sao phải sử dụng SQL........................................................24 3.4.3. Chức năng của SQL.................................................................24 3.5. Cài đặt Wordpress trên localhost và trực tuyến................................24 3.5.1. Lựa chọn tên miền và thuê hosting..........................................25 3.5.2. Cài đặt Wordpress CMS trên local host...................................27 3.5.3. Cài đặt Wordpress CMS trực tuyến.........................................27 3.6. Kết luận.............................................................................................28 vii Chương 4 Sử dụng Plugin để mở rộng tính năng chia sẻ mạng xã hội của Wordpress..............................................................................................................29 4.1. Plugin cơ ản được sử dụng trong Wordpress...................................29 4.2. Plugin chia sẻ ài viết trên các trang mạng xã hội.............................31 4.2.1. Plugin JetPack..........................................................................31 4.2.2. Plugin Face ook Like Box Widget..........................................33 4.2.3. Một số plugin chia sẽ mạng xã hội nổi tiếng khác...................33 4.3. Một số kỹ thuật tùy chỉnh khác cho Wordpress.................................38 4.3.1. Tùy chỉnh Theme trong Wordpress..........................................38 4.3.1. Tích hợp thương mại điện tử ởi plugin Woocommerce..........39 4.4. Kết luận.............................................................................................40 Chương 5 Kết quả thực nghiệm......................................................................41 5.1. Ứng dụng We site đầm đẹp...............................................................41 5.2. Một số hình ảnh kết quả của We site đầm đẹp..................................41 5.2.1. Trang quản trị We site sử dụng ởi Admin.............................41 5.2.2. Màn hình quản lý cửa hàng......................................................42 5.2.3. Màn hình hiển thị giao diện we isite Đầm đẹp........................44 5.2.4. Chuyên mục hàng hóa..............................................................45 5.2.5. Màn hình thao tác chia sẻ thông tin lên mạng xã hội...............46 5.2.1. Màn hình xem chi tiết sản phẩm..............................................47 5.2.1. Màn hình giỏ hàng và đặt mua sản phẩm.................................48 5.2.1. Màn hình xem thông tin đặt hàng của người quản trị...............49 5.3. Kết luận.............................................................................................50 viii Chương 6 Kết luận và kiến nghị.....................................................................51 6.1. Kết quả đạt được................................................................................51 6.2. Hướng phát triển của đề tài................................................................52 DANH MỤC TÀI LIỆU THAM KHAO........................................................54 ix BANG MÔ TA CÁC THUẬT NGỮ STT Thuật ngữ tiếng Anh Thuật ngữ tiếng Việt 1 Server Máy chủ 2 Client Máy khách 3 Plug-in Mô-dun chức năng tích hợp mở rộng 4 Social Networking Mạng xạ hội 5 Online Marketing Quảng á trực tuyến 6 E-Commerce Thương mại điện tử 7 Data ase (DB) Cơ sở dự liệu (CSDL) 8 Content Management System Hệ quản trị nội dung trang we (CMS) 9 Administrator (Admin) Người quản trị hệ thống 10 Theme Giao diện trang we x DANH MỤC CÁC HÌ Hình 1.1 – Logo Wordpress.................................................................................3 Hình 2.1 – Dự án we site dầm đẹp......................................................................7 Hình 2.2 – Mô hình hoạt động của hệ thống........................................................7 Hình 3.1 – Mã nguồn cấu hình CSDL cho Wordpress.......................................19 Hình 3.2 – Cấu trúc ảng chứa thông số cấu hình Wordpress............................21 Hình 3.1 – Quy trình hoạt động của PHP...........................................................22 Hình 3.2 – [Star Apache và MySQL].................................................................22 Hình 3.3 – [Cài đặt thành công].........................................................................23 Hình 4.1 – Trang quản lý plugin chia sẻ mạng xa hội JetPack...........................32 Hình 4.2 – Plugin Monarch................................................................................34 Hình 4.3 – Plugin Kiwi......................................................................................35 Hình 4.4 – Plugin Warfare Social......................................................................36 Hình 4.5 – Plugin Ultimate Social Deux............................................................37 Hình 4.6 – DC Simple Share Button..................................................................37 Hình 5.1 – Trang quản trị của Admin................................................................42 Hình 5.2 – Trang quản lý mua án của plugin Woocommerce..........................43 Hình 5.3 – Giao diện trang chủ cho khách hàng.................................................44 Hình 5.4 – Trang danh mục hàng hóa................................................................45 Hình 5.5 – Share trên Google.............................................................................46 Hình 5.6 – Share trên Twitter.............................................................................46 Hình 5.7 – Chi tiết sản phẩm đầm ody.............................................................47 Hình 5.8 – Hiển thị đặt hàng sản phẩm .............................................................48 xi Hình 5.9 – Hiển thị giỏ hàng .............................................................................48 Hình 5.10 – Hiển thị thanh toán ........................................................................49 Hình 5.11 – Hiển thị đơn đặt hàng ....................................................................49 xii DANH MỤC CÁC BANGY Bảng 2.1 – Những công cụ sử dụng để phát triển Wordpress .......................13 Bảng 3.1 – Các hình thức giao dịch thương mại điện tử................................15 xiii TÓM TẮT ĐỀ TÀI Báo cáo đề tài trình ày những nội dung chúng tôi đã tìm hiểu được và thực hiện xây dựng we site thương mại điện tử Đầm đẹp trên nền tảng Wordpress. Các ước thực hiện ao gồm: Thực hiện khảo sát đặc tả yêu cầu để nắm rõ các yêu cầu về mô hình xây dựng we site Đầm đẹp cũng như các diễn giải chi tiết để phân tích làm rõ vấn đề cần nghiên cứu và thực hiện, sau đó tìm hiểu về Wordpress. Dựa trên kết quả phân tích và hiểu iết sau khi tìm hiểu Wordpress chung tôi tiến hành xây dựng và chương 5 là kết quả của chúng tôi đã thực hiện xây dưng we site thienthanh.org chạy trên môi trường localhost và host. Luận văn ao gồm 6 chương, nội dung chính từng chương như sau: Chương 1: Giới thiệu tổng quan Chương 1 trình ày những vấn đề tổng quan về đồ án xây dựng we site thương mại điện tử trên nền tảng Wordpress như: lý do chọn đề tài, phạm vi - chức năng – đối tượng của đề tại, ý nghĩa thực tiễn và nội dung tổng quát từng chương. Chương 2: Khảo sát và đặc tả hệ thống Chương 2 với những nội dụng giới thiệu về we site thương mại thương mại điện tử thienthanh.org với các yêu cầu được dặc tả tổng quát đến chi tiết. Hệ thống we site được phân chia thành 4 phân hệ chính, với các yêu cầu và chức năng khác năng khác nhau đảm ảo hoạt động we site diễn ra tối ưu. Chương 3: Phân tích và thiết kế hệ thống Từ những vấn đề được trình ày rõ ràng ở chương 1 và chương 2, chương 3 diễn giải các yêu cầu được đặc tả thành các lược đồ cụ thể và diễn giải chi tiết ý nghĩa của các hoạt động diễn ra trong hệ thống we site. Phần này gồm các sơ đồ: usecase, lược đồ tuần tự, lược đồ trạng thái, lược đồ lớp. Chương 4: Nền tảng lý thuyết và kỹ thuật áp dụng Nội dung này chúng tôi trình ày các phương pháp cũng như kỹ thuật chúng tôi đề xuất cho việc xây dựng hệ thống: nền tảng Wordpress, các ước xây dựng we site, các hoạt động trên trang quản trị và sử dụng we site đã xây dựng Chương 5: Kết quả thực nghiệm Với những nội dung chúng tôi đã tìm hiểu, nghiên cứu và thực hiện, chương này chúng tôi trình ày kết quả thực nghiệm we site thienthanh.org ao gồm các nội dung: hướng dẫn cài đặt đồ án, các kết quả đạt được và kết luận. Chương 6: Kết luận và kiến nghị Chương này trình ày về các kết quả đạt được của hệ thống đề xuất, những mặt hạn chế còn gặp phải và hướng phát triển của đề tài trong tương lai. xiv Chương 1 Giới thiệu tổng quan  Nội dung chương này trình bày sơ lược nhu cầu giải quyết vấn đề xây dựng website thương mại điện tử trên nền tảng Wordpress . Đồng thời, trình bày về lý do chọn đề tài, phạm vi - chức năng – đối tượng của đề tại, ý nghĩa thực tiễn và nội dung tổng quát từng chương. 1.1. Xu hướng quảng bá thông tin trên mạng xã hội We site - Sản phẩm của hoạt động trí tuệ nhân tạo, mang đến những trải nghiệm thú vị cho người dùng trong quá trình tương tác với nguồn tài nguyên vô tận từ internet. We site đã được ứng dụng rộng rãi trong mọi lĩnh vực kinh doanh, giáo dục, văn hóa, giải trí, … với nhiều mục đích, nhiệm vụ, chức năng khác nhau nắm giữ một vai trò vô cùng quan trọng trong đời sống xã hội thông tin. Hiện nay những we site được xây dựng với mục đích mua – án, giới thiệu, trưng ày sản phẩm… trong hoạt động kinh doanh của thị trường thương mại điện ngày càng nhiều và có xu hướng tăng đã đáp ứng một lượng không nhỏ trong việc đáp ứng nhu cầu mua sắm và lựa chọn sản phẩm của người tiêu dùng. Trong những năm vừa qua, thị trường thương mại điện tử và nhu cầu thông tin ngày càng phát triển. Vì vậy, mỗi doanh nghiệp thành đạt đều trang ị cho mình một hay nhiều we site thương mại điện tử, thông tin để quảng á, phát triển doanh thu hằng năm. We site có vai trò rất quan trọng đến hoạt động kinh doanh của 1 doanh nghiệp. Tính đến nay, một số Start up thương mại điện tử hàng đầu thế giới có thể kể đến như: – Coca-cola-france.fr: Coca-cola là we site cung cấp thông tin có được đông đảo người dùng tin cậy và sử dụng để cập nhật cũng như chia sẻ những thông tin liên quan đến thức uống mới của Coca-cola cũng như đánh giá về các thức uống đó. – Edition.cnn.com: CNN là trang we chuyên kênh truyền hình tin tức, CNN luôn cập nhật tới khán giả những ản tin kịp thời và nóng hổi nhất. We site này nhằm phục vụ cho khoảng 24 trạm phóng viên thường trú ở nước ngoài và 9 trạm phóng viên thường trú ở trong nước luôn luôn kịp thời cập nhật thông tin, vì thế we site CNN được xem là một trong những we site tin tức có độ uy tín hàng đầu trong làng truyền thông thế giới. – Bbcamerica.com: BCC America là một we site tin tức giải trí ao gồm những nội dung: lịch sử tự nhiên, phim ảnh, khoa học viễn tưởng và phim truyền hình. Rất nhiều nội dung trên trang we chủ yếu là về chương trình truyền hình gồm nhiều thể loại khác nhau. Ngoài ra, thông tin trong we site có độ ao phủ rất lớn, có rất nhiều nội dung video dưới nhiều hình thức từ log, chương trình truyền hình cho đến các kiến thức về kinh doanh giải trí. Trong cộng đồng thương mại điện tử trực tuyến, họ thường sử dụng một số giải pháp có sẵn để xây dựng các ứng dụng we nhanh tích hợp thương mại điện tử, và Wordpress là một trong nhưng phần mềm rất được ưa chuộng trong lĩnh vực này. Wordpress CMS là một phần mềm nguồn mở (Open Source Software) được viết ằng ngôn ngữ lập trình we site PHP (Hypertext Preprocessor) và sử dụng hệ quản trị cơ sở dữ liệu MySQL. Wordpress được ra mắt lần đầu tiên vào ngày 27/5/2003 ởi tác giả Matt Mullenweg và Mike Little. Hiện nay Wordpress được sở hữu và phát triển ởi công ty Automattic có trụ sở tại San Francisco, California thuộc hợp chủng quốc Hoa Kỳ. Năm 2015, Wordpress đã được xem như là một hệ quản trị 2 nội dung (CMS – Content Management System) vượt trội để hỗ trợ người dùng tạo ra nhiều thể loại we site khác nhau như blog các nhân, website tin tức/tạp chí, giới thiệu doanh nghiệp, bán hàng – thương mại điện tử, thậm chí với các loại we site có độ phức tạp cao như đặt phòng khách sạn, thuê xe, dự án ất động sản, ngân hàng thanh toán… Hình 1.1 – Logo Wordpress. Theo như đánh giá của cộng đồng mã nguồn mở, Wordpress là ứng cử viên hàng đầu được lựa chọn trong danh sách các CMS để xây dựng các ứng dụng we liên quan đến quản trị nội dung We cũng như việc tích hợp thương mai điện tử. Và sau đây là một số ưu điểm vượt trội của Wordpress CMS: Dễ sử dụng: Giao diện trực quan và thao tác thực hiện đơn giản; Được công đồng hỗ trợ đông đảo: CMS phổ iến khắp thế giới và nhận được sự hỗ trợ từ cộng đồng người sử dụng Wordpress từ các diễn đàn, nhà phát triển… Hỗ trợ các gói giao diện; Hỗ trợ gói giao diện tính phí và không tính phí; Giao diện thuộc nhiều lĩnh vực khác nhau; Hỗ trợ customize (tính phí); Thay đổi diện mạo we site dễ dàng; Hỗ trợ các plugin cần thiết cho we site, dễ dàng cài đặt và sử dụng các plugin này; Hỗ trợ nhiều ngôn ngữ khác nhau trên toàn thế giới và đặc iệt có hổ trợ ngôn ngữ tiếng Việt; Tối ưu hóa SEO cho we site dễ dàng. 3 Với những ý nghĩa thực tiễn của thương mại điện tử và ưu điểm mạnh mẽ trên của Wordpress thì nhóm em đã quyết định chọn đề tài “Phát triển plug-in trong wordpress cho phép chia sẻ ài viết trên mạng xã hội”. Sử dụng nền tảng Wordpress để xây dựng we site thương mại điện tử với các tính năng sẵn có và phát triển plugin đáp ứng yêu cầu về hoạt động Content Marketing . 1.2. Mục tiêu và nội dung đề tài Phát triển plug-in trong wordpress cho phép chia sẻ ài viết trên mạng xã hội đảm ảo hai yêu cầu: đơn giản và hiệu quả. We site tập trung vào tùy chỉnh, thiết kế và vận hành hiệu quả các chức năng plug-in của Wordpress để chia sẻ ài viết trên mạng xã hội. 1.3. Phạm vi, chức năng, đối tượng của đề tài We site thương mại điện tử án hàng Đầm đẹp dựa trên nền tảng Wordpress CMS thực hiện các hoạt động kinh doanh hàng hóa. Để đáp ứng cho việc phát triển Wordpress CMS thì hệ thống phải đáp ứng đủ một số phần mềm nền tảng và sau đây là danh sách các phần mềm nền tảng:      Apache Webserver: là chương trình máy chủ http chạy trên các hệ điều hành: Unix, Microsoft Windows, Novell Netware,… Apache là một phần miền tự do và miễn phí. PHP: là một ngôn ngữ lập trình kịch ản được sử dụng để phát triển các ứng dụng viết cho máy chủ, mã nguồn mở được sử dụng cho nhiều dụ án we và được dử dụng phổ iến trên khắp thế giới. Hệ quản trị CSDL MySQL: là hệ quản trị tư do nguồn mở phổ iến trên khắp thế giới, được các nhà phát triển sử dụng trong việc phát triển các ứng dụng và tin dùng. Với các đặc điểm như: tốc độ cao, ổn định, dễ sử dụng, hoat động linh hoạt trên nhiều hệ điều hành. Mã nguồn Wordpress: Wordpress sử dụng mã nguồn mở PHP và cơ sở dữ liệu mySql. Wordpress giúp cho việc xây dụng we site trở nên dễ dàng hơn, để download mã nguồn mở Wrodpress truy cập tại Wordpress.org Sublime Text 3, NotePad++: là môi trường iên tập và chỉnh sửa mã nguồn tiện dụng cho việc chỉnh sửa các đoạn code và update nội dung nhanh chóng, hiệu quả. 4