Đồ án Xây dựng Website bán hàng Condom Bằng WordPress

Nội dung text: Đồ án Xây dựng Website bán hàng Condom Bằng WordPress

1. “Đồ án tốt nghiệp” GVHD: Nguyễn Thị Hạnh LỜI CẢM ƠN Trong thời gian làm đồ án tốt nghiệp, em đã nhận được nhiều sự giúp đỡ, đóng góp ý kiến và chỉ bảo nhiệt tình của thầy cô, gia đình và bạn bè. Em xin gửi lời cảm ơn chân thành đến Th.s Nguyễn Thị Hạnh, giảng viên Khoa Học Máy Tính – Trường Đại Học Công Nghệ Thông Tin Và Truyền Thông Việt-Hàn người đã tận tình hướng dẫn, chỉ bảo em trong suốt quá trình làm khoá luận. Em cũng xin chân thành cảm ơn các thầy cô giáo trong trường Trường Đại Học Công Nghệ Thông Tin Và Truyền Thông Việt-Hàn nói chung, các thầy cô trong Bộ môn Khoa Học Máy Tính nói riêng đã dạy dỗ cho em kiến thức về các môn đại cương cũng như các môn chuyên ngành, giúp em có được cơ sở lý thuyết vững vàng và tạo điều kiện giúp đỡ em trong suốt quá trình học tập. Với điều kiện thời gian cũng như kinh nghiệm còn hạn chế của một học viên, bài báo cáo này không thể tránh được những thiếu sót. Em rất mong nhận được sự chỉ bảo, đóng góp ý kiến của các quý thầy cô để tôi có điều kiện bổ sung, nâng cao ý thức của mình, phục vụ tốt hơn công tác thực tế sau này. Em xin chân thành cảm ơn! SVTH: Đổ Minh Vàng 1
2. “Đồ án tốt nghiệp” GVHD: Nguyễn Thị Hạnh Mở Đầu 1. Tính cấp thiết của đề tài Ngày nay xã hội phát triển dẫn đến nhiều hệ lụy một trong những hệ lụy lớn nhất là tới tâm sinh lý giới trẻ nói riêng và mọi người nói chung. Theo thống kê của Tổng cục Dân số - Kế hoạch hóa gia đình, tỷ lệ phá thai ở lứa tuổi vị thành niên trong cả nước đang ở mức báo động với 250.000 - 300.000 ca mỗi năm. Các chuyên gia cũng cảnh báo về những hậu quả khôn lường khi nạo phá thai ở độ tuổi này. Với sự phát triển tâm sinh lý và việc còn chưa ý thức được mối nguy hại này, mà số lượng ngày càng tăng. Một phần các bạn ý thức được nhưng sự e ngại, ngại ngùng khi nhắc đến phòng tránh thai như bao cao su, thuốc ngừa thai an toàn, dẫn đến hệ lụy này. Với mục tiêu giảm thiểu sự e ngại của mọi người để không dẫn đến sự việc nêu trên. Em xin xây dựng Website Condom với tiêu chí : an toàn, chất lượng, giảm sự ngại ngùng đến việc tình dục,tiện lợi. Sử dụng các từ nói tránh nói giảm, hình ảnh tính chất 2D vui nhộn, hài hước để tăng mọi người đến với sản phẩm một cách tự tin. 2. Mục tiêu nguyên cứu Nguyên cứu về WordPress. Tìm hiểu về Seo đưa Website đến với người dùng. 3. Đối tượng và phạm vi nguyên cứu Đối tượng: o WordPress. o Bao cao su và một số sản phẩm phòng the. o SEO sản phẩm. Phạm vi: o WordPress. o Digital. 4. Phương pháp nguyên cứu Khảo sát tình trạng tình dục của giới trẻ. Tâm sinh lý của giới trẻ về tình dục. Các tệ nạn về tình dục hiện nay. Chất lượng bao cao su. SVTH: Đổ Minh Vàng 2
3. “Đồ án tốt nghiệp” GVHD: Nguyễn Thị Hạnh 5. Ý nghĩa thực tiễn và khoa học Khoa hoc: o Hiểu biết thêm về công cụ WordPress o Hiểu thêm về cách thực tạo ra một trang Website hoàn chỉnh. Thực tiển : o Đưa đến người dùng một cách tiện lợi nhất về bao cao su. o Giảm thiểu được tình trạng phức tạp hiện nay về tình dục. o Giúp được một phần về tình trạng e dè/ ngại ngùng về Bao cao su. Chương 1 Giới thiệu WordPress và một số công cụ liên quan. 1.1 Giới thiệu WordPress WordPress là một hệ thống xuất bản blog viết bằng ngôn ngữ lập trình PHP và sử dụng MySQL database (cơ sở dữ liệu MySQL). WordPress là hậu duệ chính thức của b2/cafelog, được phát triển bởi Michel Valdrighi. Cái tên WordPress được đề xuất bởi Christine Selleck, một người bạn của nhà phát triển chính Matt Mullenweg. Phiên bản mới nhất của WordPress là phiên bản 5.5, phát hành ngày 11 tháng 08 năm 2020. Nó được phát hành dưới Giấy phép Tài liệu Tự do GNU. 1.1.1 Tổng quan WordPress được biết đến như một CMS miễn phí nhưng tốt, dễ sử dụng và phổ biến nhất trên thế giới. Các so sánh đều cho thấy người dùng sử dụng CMS này cho việc lập các trang web cá nhân đến các trang báo điện tử đồ sộ nhất như CNN, Dow Jones, Wall Street Journal sử dụng WordPress. Thống kê năm 2019 cho thấy có đến xấp xỉ 33.8% các trang web nằm trong top 10 triệu trang web hàng đầu thế giới đang sử dụng WordPress. 1.1.2 Lịch sử SVTH: Đổ Minh Vàng 3
4. “Đồ án tốt nghiệp” GVHD: Nguyễn Thị Hạnh b2/cafelog, thường được biết đến với cái tên đơn giản hơn là b2 hay cafelog là tiền thân của WordPress. b2/cafelog theo ước lượng đã được sử dụng ở khoảng 2000 blog trong tháng 5 năm 2003. Nó cũng được viết bằng ngôn ngữ lập trình PHP để dùng với MySQL bởi Michel Valdrighi, người đã trở thành nhà phát triển chính của WordPress hiện nay. Mặc dù WordPress là hậu duệ chính thức nhưng một dự án khác, b2evolution, cũng đang được song song phát triển. Vào năm 2004, thời hạn cấp phép của gói sản phẩm cạnh tranh Movable Type bị thay đổi bởi Six Apart, và rất nhiều người dùng của nó chuyển sang sử dụng WordPress, tạo nên một bước ngoặt lớn trong sự phát triển và phổ biến của WordPress. Năm 2007, WordPress giành giải thưởng Packt Open Source CMS. Năm 2009. WordPress dẫn đầu về mã nguồn CMS tốt nhất. Vào ngày 06 tháng 12 năm 2018, WordPress ra mắt phiên bản 5.0 với cải tiến lớn, giới thiệu Trình soạn thảo block mang tên Gutenberg giúp tùy chỉnh bố cục bài viết phong phú và phức tạp hơn. Có nhiều cuộc tranh cãi về sự ra mắt của Gutenberg, bao gồm cả phong trào tách riêng đến từ nhiều lập trình viên không muốn sử dụng tính năng này. 1.1.3 Nét nổi bật Hệ thống Plugin phong phú và không ngừng cập nhật, ngoài ra người dùng có thể viết Plugin hoặc tích hợp code vào Wordpress. Được phát triển bằng nhiều ngôn ngữ (hỗ trợ tiếng việt). Cập nhật phiên bả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ả năng SEO tốt. Việc quản lý blog, quản lý các bài viết rất thuận tiện giống như các phần mềm thiết kế website chuyên nghiệp. Thể hiện các tệp PDF, DOC, Powerpoint ngay trên nội dung bài 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 có thể viết công thức toán học ngay trên blog. WordPress có 23 Widget (ứng dụng tạo thêm) như Thống kê số truy nhập blog, Các bài mới nhất, Các bài viết nổi bật nhất, Các comment mới nhất, Liệt kê các chuyên mục, Liệt kê các Trang, Danh sách các liên kết, Liệt kê số bài viết trong từng tháng Có 79 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 (Plugin Woocommerce). 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. SVTH: Đổ Minh Vàng 4
5. “Đồ án tốt nghiệp” GVHD: Nguyễn Thị Hạnh 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 mỗi bài viết của blog. Trên cơ sở đó chủ blog sẽ có định hướng nên viết vấn đề gì tiếp theo. Các comment có thể duyệt rồi mới cho đăng, comment nào có nội dung không phù hợp có thể xóa, nếu cho là spam thì sau này IP đó không có thể gửi comment vào blog được nữa. Admin (chủ blog) có thể cho 35 cộng tác viên gửi bài vào blog, có thể phân quyền cho các cộng tác viên theo các cấp độ khác nhau. Lưu giữ danh sách thành viên đã ghé thăm trang blog. Admin cũng có thể cho bất kỳ ai đăng bài qua email vào blog miễn là admin cho họ một địa chỉ email bí mật của blog (địa chỉ này có thể thay đổi bất kỳ lúc nào). Sao lưu dữ liệu nhằm khôi phục nội dung blog một cách dễ dàng nếu chẳng may blog bị hack, và cung cấp công cụ chuyển nhà từ các blog khác sang blog WordPress. WordPress hỗ trợ 3 GB để lưu trữ các tệp hình ảnh và văn bản. Hàng ngày WordPress có thống kê 100 bài trên các blog tiếng Việt của WordPress được nhiều người đọc nhất trong vòng 48 tiếng. Nhờ đó bạn biết được các thông tin quan trọng nhất đang diễn ra. 1.1.4 Đối tượng sử dụng Có hai đối tượng chính sử dụng WordPress: Những người hiểu biết cơ bản về sử dụng, bao gồm cài đặt WordPress, sử dụng giao diện và plugin có sẵn để tùy biến phục vụ mục đích của mình, xuất bản web. Thường là những người làm blog, marketing, Những người có kiến thức về lập trình, có khả năng can thiệp và bổ sung/mở rộng tính năng của WordPress. Sử dụng tốt và thuần thục hơn các khả năng mở rộng của WordPress. Họ có thể là các công ty thiết kế website WordPress hoặc các lập trình viên. 1.1.5 Cấu trúc của một trang WordPress Bộ quản trị wordpress gồm các phần sau: Dashboard: Tổng quan về quản trị wordpress, bao gồm thông tin tóm tắt về website wordpress, viết blog nhanh, một số bình luận mới nhất, bài từ wordpress.org blog, plugin mới và phổ biến nhất, và link đến website của bạn. SVTH: Đổ Minh Vàng 5
6. “Đồ án tốt nghiệp” GVHD: Nguyễn Thị Hạnh o Updates: Hiển thị tất cả các theme và plugin có bản mới vào phép nâng cấp trực tiếp. Posts: Quản lý bài viết, tag và danh mục (category). o All posts: Quản lý tất cả các bài viết. o Add new: Đăng bài viết mới. o Categories: Quản lý tất cả các danh mục. o Tags:Quản lý tất cả các Post Tag. Appearance: Quản lý giao diện. o Themes: Thêm mới và quản lý giao diện o Customize: Tùy chỉnh giao diện o Widgets: Thêm tiện ích. o Menu: Quản lý menu Plugins: Quản lý các thành phần mở rộng. o Installed Plugins: Những thành phần mở rộng đã cài đặt. o Add new: cài đặt mới Tools: Các công cụ nhập/xuất nội dung. Settings: Thiết lập các tùy chọn. o Genetal: Cài đặt chung o Writing Settings: Cài đặt bài viết o Reading Settings: Cài đặt đọc o Discussion Settings: Cài đặt bình luận o Media Settings: Cài đặt media như ảnh video o Permalink Settings: Cài đặt đường dẫn tĩnh 1.2 Cài đặt WordpPress trên Localohost với Xampp. 1.1.1 Localhost Là gì. Localhost có nghĩa là một máy chủ hoạt động trên chính máy tính của bạn. Với việc cài đặt nhiều ứng dụng hỗ trợ khác nhau, giúp bạn tạo ra một môi trường giống như hosting có thể chạy source code của WordPress trên máy tính của bạn. Giống như Hosting, bạn cần những ứng dụng và phần mêm sau: Web server, Apache. PHP. MySQL. PHPMyAdmin. SVTH: Đổ Minh Vàng 6
7. “Đồ án tốt nghiệp” GVHD: Nguyễn Thị Hạnh 1.1.2 Cách Thức Localhost hoạt động. Sau khi cặt đặt được Local host, và khởi động Apache rồi thì bạn có thể truy cập vào địa chỉ hoặc Có một lưu ý nữa là bạn phải kích hoạt các ứng dụng đi kèm khi chạy localhost ( Mở bảng điều khiển Cpanel). 1.1.3 Hướng dẫn cách cài đặt Lovalhost. Đầu tiền cần download và cài đặt phần mềm XAMPP. XAMPP là phần mềm rất phổ biến, miễn phí và luôn có các bản cập nhật liên tục, hỗ trợ hầu hết các hệ điều hành Windows, Linux, Mact. Vậy mình khuyên các bạn sử dụng XAMPP Các bạn bấm vào link này để download: Ngay ô đầu tiên bạn có thể tháy XAPP for Windows, đây là bản cho Windows. Sau khi tải về bấm cài đặt. Sẽ một bảng thông báo xuất hiện Nếu bạn kích hoạt User Account Control (UAC) thì một vài chắc năng của XAMPP có thể bị hạn. Nên cảnh báo này yêu cầu bạn bỏ kích hoạt UAC Bấm Next để tiến hành cài đặt: Giữ nguyên và bấm Next. Tiếp theo chọn đường dẫn để cài đặt. Bạn cứ giữ nguyên là tốt nhân Bỏ tích ô “Learn more about Bitnami for XAMPP”. Đợi phần mềm tiến hành cài đặt là xong. Và bấm Finish là đã cài đặt thành công XAMPP Lựa chọn ngôn ngữ, và bảng điều khiển XAMPP sẽ tự khởi động Mở trình duyệt web gõ vào thanh địa chỉ hoặc Một trang giới thiệu sẽ xuất hiện Ở đây bạn có thể thấy trên thanh menu FAQs ( Câu hỏi thường gặp), HOW-TO Guides ( Hướng dẫn cách làm), phpMyAdmin Bạn có thể tạ o cơ sở dữ liệu tại phpMyAdmin SVTH: Đổ Minh Vàng 7
8. “Đồ án tốt nghiệp” GVHD: Nguyễn Thị Hạnh Bạn cần hiểu rõ cách thức hoạt động của localhost như một hosting thông thường vậy. Hosting là một nơi để lưu trữ website của bạn, thì localhost cũng vậy nó lưu trữ blog hay website của bạn vào một thư mục trên máy tinh của bạn. Ví dụ: ở đây mình tạo một thư mục motnoi với đường dẫn C:xampp/htdocs/motnoi. Đây chính là thư mục chứ website của bạn ( hay còn gọi là thư mục gốc) Để kiểm tra hãy thử copy-paste bất kì một file nào vào thư mục C:xampp/htdocs/motnoi SVTH: Đổ Minh Vàng 8
9. “Đồ án tốt nghiệp” GVHD: Nguyễn Thị Hạnh Hình localhost đã hoạt động tốt. 1.1.4 Tạo cơ sở dữ liệu Mysql Bạn có thể làm luôn tại bước này, hoặc sau này khi cài đặt WordPress. Mình sẽ hướng dẫn tạo MySQL ở bước này luôn Một cơ sở dữ liệu luôn bao gồm: . Tên của database: . Tên user database: . Mật khẩu user database: . Database host: Truy cập đường dẫn: Để tiến hành tạo cơ sở dữ liệu SVTH: Đổ Minh Vàng 9
10. “Đồ án tốt nghiệp” GVHD: Nguyễn Thị Hạnh Chọn cơ sở dữ liệu ở góc trái Với localhost không cần tạo user cho database. Điền những thông tin sau là được: . Tên user database: root. . Password: Bỏ trống. Điền tên cơ sở dữ liệu, ở đây mình đặt tên là motnoi, ô bên cạnh utf8_unicode_ci và bấm Tạo Tạo cơ sở dữ liệu SVTH: Đổ Minh Vàng 10
11. “Đồ án tốt nghiệp” GVHD: Nguyễn Thị Hạnh Tạo thành công bên trái sẽ xuất hiện tên cơ sở dữ liệu. Như vậy là bạn đã cài đặt xong Localhost với XAMPP thành công. 1.1.5 Cài đặt WordPress. 1.1.5.1 Bước 1: Tải file mã nguồn mở từ WordPress.org Giống như cài đặt WordPress trên hosting, bước đầu tiên đó là download source code của WordPress trên trang: wordpress.org Download WordPress trên trang: wordpress.org Tải file zip đó về giải nén vào thư mục C:xampp/htdocs/motnoi( file bạn vừa đặt tên ở trên). Sẽ thấy một file tên là: wordpress. Trong file này chứa tất cả mã nguồn mở của wordpress: wp-admin, wp-content, wp-includes, wp-config-sample.php SVTH: Đổ Minh Vàng 11
12. “Đồ án tốt nghiệp” GVHD: Nguyễn Thị Hạnh 1.1.5.2 Bước 2: Copy tất cả các file mã nguồn WordPress về local Bây giờ để cài đặt wordpress với đường dẫn: Thì bạn cần copy tất cả file trong thư mục wordpress về thư mục motnoi. ( đường dẫn C:xampp/htdocs/motnoi) 1.1.5.3 Bước 3: Tạo cơ sở dữ liệu( Database) trên Localhost Để cài đặt wordpress trên localhost. Bạn cần tạo một cơ sở dữ liệu để MySQL có thể chạy, bước này mình đã hướng dẫn ở bước trên. Nếu quên thì kéo lên trên nhé. 1.1.5.4 Bước 4: Cài đặt WordPress. Tiếp theo truy cập http:/localhost/motnoi/ để tiến hành cài đặt wordpres ( nhớ luôn khởi động Apache và MySQL). Sẽ xuất hiện một màn hình giao diện sau, bạn chỉ cần chọn ngôn ngữ cài đặt và bấm continue. Ở đây mình chọn English Cài đặt WordPress. SVTH: Đổ Minh Vàng 12
13. “Đồ án tốt nghiệp” GVHD: Nguyễn Thị Hạnh Tiếp sẽ có một thông báo nếu bạn chưa đổi tên wp-config-sample.php thành wp- config.php. Bấm Let’s go để tiến hành điền thông tin database: Điền đầy đủ thông tin rồi bấm Sumbmit. Tiếp tục bấm Run the install để cài đặt tiếp. Database Name: tên cơ sở dữ liệu tạo ở trên Username: root Database Host: localhost Table Prefix: wp_ ( bạn có thể đỗi tiền tố này thành gì tùy ý bạn) SVTH: Đổ Minh Vàng 13
14. “Đồ án tốt nghiệp” GVHD: Nguyễn Thị Hạnh Điền nốt thông tin như: Site Title, Username, Password, Email và bấm Install WordPress. Đây là kết quả thành công sau khi bạn cài đặt WordPress trên localhost. SVTH: Đổ Minh Vàng 14
15. “Đồ án tốt nghiệp” GVHD: Nguyễn Thị Hạnh Đường dẫn truy cập vào trang quản trị là: SVTH: Đổ Minh Vàng 15
16. “Đồ án tốt nghiệp” GVHD: Nguyễn Thị Hạnh Chương 2: Phân tích và thiết kế hệ thống 2.1 Đặc tả yêu cầu Trang Web hỗ trợ người dùng mua bán sản phẩm condom. Nhưng với mục tiêu an toàn, bí mật, giảm thiểu độ nhạy cảm. Người dùng xem, mua, thanh toán sản phẩm. Người dùng sẽ được Đăng Nhập/Đăng xuất để mua sản phẩm, xem thông tin cá nhân của mình. Sẽ được hổ trợ một cách trực tiếp với giao diện tiện lợi. Các Admin quản lý được sản phẩm, số lượng, đơn hàng Cập nhập thông tin sản phẩm. thông tin khách hàng một cách nhanh nhất, tiện lợi. 2.1.1 Yêu cầu chức năng Khách hàng: o Cung cấp thông tin. o Chức năng tìm kiếm. o Chức năng giỏ hàng. o Thanh toán trực tiếp. o Hỗ trợ trực tuyến/ Chát online. o Đăng nhập/ Đăng xuất. Admin: o Quản lý kho hàng. o Quản lý đơn hàng. o Quản lý thông tin khách hàng. o Hổ trợ khách hàng. 2.1.2 Yêu cầu phi chức năng. Giao diện Website đẹp mắt, thân thiện với người dụng. Hình ảnh sản phẩm chất lượng. Tương thích với các thiết bị di động thông minh như iphone,ipad và một số loại Smartphone. Tốc độ tải trang nhanh chóng. 2.2 Khảo sát và thiết kế hệ thống. 2.2.1 Xác định Actor: - Khách hàng. - Admin( người quản trị hệ thống. SVTH: Đổ Minh Vàng 16
17. “Đồ án tốt nghiệp” GVHD: Nguyễn Thị Hạnh SVTH: Đổ Minh Vàng 17
18. “Đồ án tốt nghiệp” GVHD: Nguyễn Thị Hạnh 2.2.2 Xác định các Use Case: - Khách hàng : o Xem danh sách sản phẩm. o Xem chi tiết sản phẩm. o Xem sản phẩm theo từng danh mục. o Tìm kiếm. o Thêm sản phẩm vào giỏ hàng. o Thanh toán. o Xem giỏ hàng. o Cập nhập giỏ hàng. o Đánh giá sản phẩm. o Đăng nhập, đăng ký. o Xem thông tin tài khoản. o Thay đổi thông tin tài khoản. - Admin : o Quản lý danh sách sản phẩm. o Quản lý danh mục sản phẩm, xuất xứ sản phẩm. o Tìm kiếm sản phẩm theo từ khóa. o Quản lý đơn hàng. o Xem thông tin khách hàng. o Quản lý slider. o Đăng nhập đăng xuất. SVTH: Đổ Minh Vàng 18
19. “Đồ án tốt nghiệp” GVHD: Nguyễn Thị Hạnh 2.3 Biểu đồ USES- CASE. 2.3.1 Xây dựng biểu đồ Usecase: Hình 2.3.1 Biểu đồ usecase tổng quát. SVTH: Đổ Minh Vàng 19
20. “Đồ án tốt nghiệp” GVHD: Nguyễn Thị Hạnh 2.3.2 Mô tả Usecase: Khách hàng: Hình 2.3.2 Biểu đồ Usecase khách hàng. SVTH: Đổ Minh Vàng 20
21. “Đồ án tốt nghiệp” GVHD: Nguyễn Thị Hạnh Hình 2.3.3 Quản lý giỏ hàng SVTH: Đổ Minh Vàng 21
22. “Đồ án tốt nghiệp” GVHD: Nguyễn Thị Hạnh Admin: Hình 2.3.4 Biểu đồ Usecase Admin. SVTH: Đổ Minh Vàng 22
23. “Đồ án tốt nghiệp” GVHD: Nguyễn Thị Hạnh Hình 2.3.5 Biểu đồ quản lý sản phẩm Hình 2.3.6 Biểu đồ quản lý danh mục sản phẩm. SVTH: Đổ Minh Vàng 23
24. “Đồ án tốt nghiệp” GVHD: Nguyễn Thị Hạnh Hình 2.3.7 Biểu đồ quản lý từ khóa sản phẩm. 2.3.3 Mô tả Cơ sở dữ liệu Một số cơ sở dữ liệu của Mysql Một số cơ sở dữ liệu của Mysql SVTH: Đổ Minh Vàng 24
25. “Đồ án tốt nghiệp” GVHD: Nguyễn Thị Hạnh Từ điển dữ liệu. Wp_user Thuộc tính Kiểu dữ liệu Diễn giải Id Bigint(20) Id( khóa chính) User_login Varchar(60) Tài khoản User_pass Varchar(255) Mật khẩu User_nickname Varchar(50) Tên tài khoản User_email Varchar(100) Tên email User_registered Datetime Display_name Varchar(50) Hiển thị tên Wp_wooconment_payn Thuộc tính Kiểu dữ Diễn giải emt_token liệu Token_id Bidint(20) Id(khóa chính) Gateway_id Varchar Token text User_id bigint Khóa ngoại Type Varchar(2 0) Is_default Tinyint Wp_comments Thuộc tính Kiểu dữ liệu Diễn giải Comment_id String Id(khóa chính) Comment_post_id String Khóa ngoại Conment_athor String Tên SVTH: Đổ Minh Vàng 25
26. “Đồ án tốt nghiệp” GVHD: Nguyễn Thị Hạnh Wp_Wc_oder_stats Thuộc tính Kiểu dữ liệu Diễn giải Oder_id String Tên Parent_id bigint Date_created datetime status Varchar(200) Tax_total double Wp_Wc_product_meta Thuộc tính Kiểu dữ liệu Diễn giải _lookup Product-id Bigint Khóa chính Sku Varchar Min_price tinyint Max_price Tinyint Onsale tinyint SVTH: Đổ Minh Vàng 26
27. “Đồ án tốt nghiệp” GVHD: Nguyễn Thị Hạnh Chương 3 Xây dựng chương trình 3.1 Giao diện trang người dùng. Hình 3.1 Trang chủ hiển thị. SVTH: Đổ Minh Vàng 27
28. “Đồ án tốt nghiệp” GVHD: Nguyễn Thị Hạnh SVTH: Đổ Minh Vàng 28
29. “Đồ án tốt nghiệp” GVHD: Nguyễn Thị Hạnh Hình 3.1.2 chi tiết sản phẩm. SVTH: Đổ Minh Vàng 29
30. “Đồ án tốt nghiệp” GVHD: Nguyễn Thị Hạnh Hình 3.1.3 Trang giỏ hàng. SVTH: Đổ Minh Vàng 30
31. “Đồ án tốt nghiệp” GVHD: Nguyễn Thị Hạnh SVTH: Đổ Minh Vàng 31
32. “Đồ án tốt nghiệp” GVHD: Nguyễn Thị Hạnh Hình 3.1.4 Trang thanh toán. Hình 3.1.4 Trang thanh toán. SVTH: Đổ Minh Vàng 32
33. “Đồ án tốt nghiệp” GVHD: Nguyễn Thị Hạnh Hình 3.1.6 Trang tài khoản. SVTH: Đổ Minh Vàng 33
34. “Đồ án tốt nghiệp” GVHD: Nguyễn Thị Hạnh 3.2 Giao diện quản trị. Hình 3.2.1 Trang đăng nhập cho Admin. Hình 3.2.2 Trang chủ Admin. SVTH: Đổ Minh Vàng 34
35. “Đồ án tốt nghiệp” GVHD: Nguyễn Thị Hạnh Hình 3.2.3 Trang quản lý sản phẩm. Hình 3.2.4 Trang quản lý danh mục sản phẩm. SVTH: Đổ Minh Vàng 35
36. “Đồ án tốt nghiệp” GVHD: Nguyễn Thị Hạnh Hình 3.2.5 Trang quản lý từ khóa. Hình 3.2.6 Trang quản lý giao diện. SVTH: Đổ Minh Vàng 36
37. “Đồ án tốt nghiệp” GVHD: Nguyễn Thị Hạnh Hình 3.2.7 Trang quản lý Plugin. Hình 3.2.8 Trang quản lý tài khoản. SVTH: Đổ Minh Vàng 37
38. “Đồ án tốt nghiệp” GVHD: Nguyễn Thị Hạnh Hình 3.2.9 Trang đơn hàng. SVTH: Đổ Minh Vàng 38
39. “Đồ án tốt nghiệp” GVHD: Nguyễn Thị Hạnh Hình 3.2.10 Trang giao diện bằng điện thoại. SVTH: Đổ Minh Vàng 39
40. “Đồ án tốt nghiệp” GVHD: Nguyễn Thị Hạnh 3.3 Các Plugin được sử dụng. Age Verification : Là xác minh độ tuổi cho WordPress. Thêm cửa sổ bật lên vào trang web của bạn và xác minh tuổi của khách truy cập trước khi cho phép họ xem nội dung của bạn. Hình 3.3.1 Age Verification. Easy WP SMTP : Easy WP SMTP cho phép bạn định cấu hình và gửi tất cả các email gửi đi qua máy chủ SMTP. Điều này sẽ ngăn không cho email của bạn đi vào thư mục rác / thư rác của người nhận. Hình 3.3.2 Easy WP SMTP. SVTH: Đổ Minh Vàng 40
41. “Đồ án tốt nghiệp” GVHD: Nguyễn Thị Hạnh Easy Google Fonts : Một cách đơn giản và dễ dàng để thêm phông chữ google tùy chỉnh vào bất kỳ chủ đề WordPress nào mà không cần mã hóa. Plugin này tích hợp với WordPress Customizer để bạn có thể xem trước các phông chữ google trên trang web của mình trong thời gian thực. Nó tương thích với bất kỳ chủ đề nào. Hình 3.3.3 Easy Google Fonts. Facebook For WooCommerce : Đây là plugin Facebook chính thức cho WooCommerce kết nối trang web WooCommerce của bạn với Facebook. Với plugin này, bạn có thể cài đặt pixel Facebook, tải lên danh mục cửa hàng trực tuyến và tạo cửa hàng trên trang Facebook của mình, cho phép bạn dễ dàng chạy quảng cáo động. Hình 3.3.4 Facebook For WooCommerce. SVTH: Đổ Minh Vàng 41
42. “Đồ án tốt nghiệp” GVHD: Nguyễn Thị Hạnh Mailchimp for WooCommerce : Tham gia cùng 17 triệu khách hàng sử dụng Mailchimp, nền tảng tự động hóa tiếp thị lớn nhất thế giới, để phát triển chiến lược tiếp thị thương mại điện tử của họ. Với tích hợp Mailchimp chính thức cho WooCommerce, khách hàng của bạn và dữ liệu mua hàng của họ được tự động đồng bộ hóa với tài khoản Mailchimp của bạn, giúp bạn dễ dàng gửi các chiến dịch được nhắm mục tiêu, tự động theo dõi khách hàng sau khi mua hàng, giới thiệu sản phẩm, khôi phục các giỏ hàng bị bỏ rơi và đo lường ROI nỗ lực tiếp thị của bạn. Và nó hoàn toàn miễn phí. Hình 3.3.5 Mailchimp For WooCommerece. SVTH: Đổ Minh Vàng 42
43. “Đồ án tốt nghiệp” GVHD: Nguyễn Thị Hạnh Nextend Social Login : Nextend Social Login là một plugin WordPress chuyên nghiệp, dễ sử dụng và miễn phí. Nó cho phép khách truy cập đăng ký và đăng nhập vào trang web của bạn bằng hồ sơ xã hội của họ(Facebook, Google, Twitter, v.v.) thay vì buộc họ phải dành thời gian quý báu để điền vào biểu mẫu đăng ký mặc định. Bên cạnh đó, họ không cần phải đợi email xác thực hoặc theo dõi tên người dùng và mật khẩu của mình nữa. Hình 3.3.6 Nextend Social Login. NotificationX : Bạn muốn tạo uy tín tức thì cho doanh nghiệp của mình và tăng tỷ lệ chuyển đổi ngay lập tức? 97% trong tổng số khách truy cập trang web của bạn không mua sản phẩm do thiếu sự tin tưởng và uy tín. Nhận thành công ngay lập tức với Thông báo bật lên bán hàng WooCommerce ! SVTH: Đổ Minh Vàng 43
44. “Đồ án tốt nghiệp” GVHD: Nguyễn Thị Hạnh Hình 3.3.7 NotificationX WooCommerce : WooCommerce là giải pháp Thương mại điện tử nguồn mở phổ biến nhất thế giới .Nền tảng cốt lõi của chúng tôi là miễn phí, linh hoạt và được cộng đồng toàn cầu khuếch đại. Quyền tự do của nguồn mở có nghĩa là bạn có toàn quyền sở hữu vĩnh viễn đối với nội dung và dữ liệu của cửa hàng.Cho dù bạn đang khởi động một công việc kinh doanh, bán lẻ trực tuyến truyền thống hay phát triển các trang web cho khách hàng, hãy sử dụng WooCommerce cho một cửa hàng kết hợp mạnh mẽ giữa nội dung và thương mại. Hình 3.3.8 WooCommerce SVTH: Đổ Minh Vàng 44
45. “Đồ án tốt nghiệp” GVHD: Nguyễn Thị Hạnh Kết luận và hướng phát triển Kết luận Đề Tài “Xây dựng Website bán hàng Condom Bằng WordPress” cũng phát triển từ thực tế hiện nay nhằm tạo ra nền tảng bán hàng uy tín và vì khách hàng. Mặc dù đã có nhiều cố gắng, tìm hiểu các kiến thức đã học, kết hợp tra cứu các tài liệu trên mạng nhưng do hạn chế về thời gian, khả năng và kinh nghiệm nên không tránh những thiếu sót nhất định nên đề tài hoàn thành ở mức độ như sau: Tìm hiểu về Web bằng Wordpress.Mysql . Áp dụng các kiến thức đã học về đồ họa 2d (Ai), chỉnh sửa ảnh (Photoshop) Tiếp cận Trang web đến với khách hàng Trên Fb. Áp dụng được nhu cầu và mục tiêu vào đề tài Hướng phát triển Xây dựng trang web đến với khách hàng một cách tiện lợi an toàn và đảm bảo an toàn thông tin cá nhân. Tiếp cận thanh toán bằng Internet bank một cách nhanh chóng. Phát triển được số lượng sản phẩm và nhà đầu tư. SVTH: Đổ Minh Vàng 45
46. “Đồ án tốt nghiệp” GVHD: Nguyễn Thị Hạnh Tài liệu tham khảo 1) 2) 3) 4) 5) tang-kich-thuoc-duong-vat-tot-nhat-2021 6) 7) 8) 9) SVTH: Đổ Minh Vàng 46