Khóa luận tốt nghiệp: Xây dựng website bán quần áo nam bằng WordPress - CNTT

Khóa luận tốt nghiệp CNTT đề tài Xây dựng website bán quần áo nam bằng WordPress. Tài liệu cung cấp đầy đủ nội dung, phân tích hệ thống và giao diện.

• Tác giả: Nguyễn Tiến Hùng
• Người hướng dẫn: Th.s Bùi Thị Hương
• Trường học: Trường Đại Học Hải Phòng
• Chuyên ngành: Công Nghệ Thông Tin
• Đề tài: Xây Dựng Website Bán Quần Áo Nam Bằng WordPress
• Loại tài liệu: Đồ Án Tốt Nghiệp
• Năm xuất bản: 2024
• Địa điểm: Hải Phòng

Tóm tắt

I. Tổng Quan Về WordPress Và WooCommerce Trong Xây Dựng Website Bán Quần Áo Nam

WordPress là một nền tảng quản lý nội dung mạnh mẽ được sử dụng rộng rãi để xây dựng các website thương mại điện tử. Khi kết hợp với WooCommerce, WordPress trở thành một giải pháp hoàn hảo cho việc kinh doanh bán quần áo nam online. Kiến trúc WordPress dựa trên cơ sở dữ liệu MySQL và PHP, cho phép quản lý sản phẩm, người dùng và đơn hàng một cách hiệu quả. Ưu điểm của WordPress bao gồm tính linh hoạt, dễ sử dụng, và có hàng ngàn plugin hỗ trợ. Tuy nhiên, cần có kiến thức cơ bản về quản lý website để tối ưu hóa hiệu suất.

1.1. Giới Thiệu Về Nền Tảng WordPress

WordPress là hệ thống quản lý nội dung được xây dựng trên công nghệ PHP và MySQL. Mã nguồn mở của WordPress cho phép các nhà phát triển tuỳ chỉnh hoàn toàn. Đây là lựa chọn phổ biến cho các website bán hàng vì khả năng mở rộng cao. Kiến trúc WordPress bao gồm các plugin, theme, và widget tạo nên sự linh hoạt.

1.2. WooCommerce Và Các Tính Năng Chính

WooCommerce là plugin thương mại điện tử mạnh mẽ cho WordPress, cung cấp các tính năng quản lý sản phẩm, giỏ hàng, và thanh toán. Nó hỗ trợ quản lý inventory, tính toán thuế và phí vận chuyển, cùng nhiều phương thức thanh toán khác nhau. WooCommerce giúp tạo nên trải nghiệm mua sắm tốt cho khách hàng.

1.3. Ưu Điểm Sử Dụng WordPress Cho Website Bán Quần Áo Nam

WordPress cung cấp giao diện quản lý dễ sử dụng cho quản trị viên website. Seo-friendly là ưu điểm lớn giúp tăng xếp hạng tìm kiếm. Với WooCommerce, bạn có thể quản lý hàng rải rác quần áo nam, theo dõi đơn hàng, và phân tích doanh số bán hàng hiệu quả.

II. Phân Tích Thiết Kế Hệ Thống Website Bán Quần Áo Nam

Thiết kế hệ thống website bán quần áo nam đòi hỏi phân tích kỹ các use case và biểu đồ tuần tự. Mục đích xây dựng website là tạo nên một nền tảng thương mại điện tử hiệu quả cho phép khách hàng duyệt, tìm kiếm và mua quần áo nam trực tuyến. Mục tiêu chính bao gồm cải thiện trải nghiệm người dùng, tăng doanh số bán hàng, và quản lý tài khoản khách hàng một cách tổ chức. Biểu đồ UseCase phân rã các chức năng chính theo ba tác nhân: Guest (khách), User (người dùng đã đăng ký), và Admin (quản trị viên).

2.1. Mục Đích Và Mục Tiêu Xây Dựng Website

Mục đích chính là tạo một shop online bán quần áo nam chuyên nghiệp. Mục tiêu bao gồm: cung cấp trải nghiệm mua sắm tốt, hỗ trợ thanh toán online, quản lý kho hàng hiệu quả, và xây dựng khách hàng trung thành. Website cần hỗ trợ tìm kiếm sản phẩm nhanh chóng.

2.2. Các Tác Nhân Và Chức Năng Chính Trong Hệ Thống

Tác nhân Guest có thể xem sản phẩm và đăng ký tài khoản. Tác nhân User có khả năng đăng nhập, mua hàng, quản lý giỏ hàng, và theo dõi đơn hàng. Tác nhân Admin có quyền quản lý sản phẩm, đơn hàng, người dùng, doanh thu, và kho hàng.

2.3. Sơ Đồ Tuần Tự Các Chức Năng Cơ Bản

Sơ đồ tuần tự mô tả allarrow các bước thực hiện chức năng. Chức năng đăng nhập yêu cầu xác thực người dùng. Chức năng tìm kiếm cho phép lọc sản phẩm theo điều kiện. Chức năng mua hàng bao gồm thêm vào giỏ và thanh toán.

III. Thiết Kế Giao Diện Người Dùng Cho Website Bán Quần Áo Nam

Thiết kế giao diện website bán quần áo nam cần tập trung vào trải nghiệm người dùng (UX) và giao diện người dùng (UI). Trang chủ phải hiển thị các sản phẩm nổi bật và danh mục quần áo nam một cách thu hút. Giao diện đăng nhập/đăng ký cần đơn giản và an toàn. Trang sản phẩm phải hiển thị hình ảnh sản phẩm, giá, mô tả chi tiết, và đánh giá khách hàng. Giỏ hàng cho phép khách hàng xem, chỉnh sửa số lượng và xóa sản phẩm. Trang thanh toán cần có thông tin vận chuyển, phương thức thanh toán và tính toán giá tối sau.

3.1. Giao Diện Trang Chủ Và Danh Mục Sản Phẩm

Trang chủ là điểm đầu tiên tương tác với khách. Nên hiển thị slider sản phẩm hot, danh mục quần áo nam rõ ràng, và khuyến mãi đặc biệt. Thiết kế responsive giúp website hoạt động tốt trên thiết bị di động và máy tính để bàn.

3.2. Giao Diện Giỏ Hàng Và Thanh Toán

Giỏ hàng hiển thị chi tiết sản phẩm đã chọn, giá cả, số lượng, và tổng cộng. Trang thanh toán yêu cầu thông tin giao hàng, địa chỉ nhận hàng, phương thức thanh toán. Cần hỗ trợ thanh toán online an toàn.

3.3. Bảng Điều Khiển Quản Trị Admin

Bảng điều khiển Admin cung cấp thống kê doanh số, quản lý sản phẩm, quản lý đơn hàng, quản lý người dùng, quản lý kho hàng, quản lý phiếu giảm giá, và tính thuế. Giao diện phải user-friendly để dễ quản lý.

IV. Quy Trình Cài Đặt Và Triển Khai Website Sử Dụng WordPress

Quy trình cài đặt website bán quần áo nam bằng WordPress bao gồm nhiều bước quan trọng. Đầu tiên, cần cài đặt Xampp để tạo môi trường localhost phục vụ phát triển. Cài đặt WordPress từ tệp cơ sở dữ liệu MySQL. Cài đặt WooCommerce từ kho plugin WordPress. Cấu hình các trang mặc định như trang cửa hàng, giỏ hàng, và thanh toán. Thiết kế theme hoặc sử dụng theme có sẵn phù hợp với bán quần áo nam. Sau đó, tạo sản phẩm, thiết lập phương thức thanh toán, cài đặt phí vận chuyển, tạo danh mục sản phẩm. Cuối cùng, kiểm tra chức năng toàn bộ trước khi triển khai lên server production.

4.1. Cài Đặt Môi Trường Phát Triển Với Xampp

Xampp cung cấp Apache, MySQL, PHP trên máy tính cá nhân. Cài đặt Xampp rất đơn giản, chỉ cần tải từ trang chính thức. Sau cài đặt, khởi động Apache và MySQL từ bảng điều khiển Xampp. Tạo cơ sở dữ liệu MySQL cho WordPress.

4.2. Cài Đặt WordPress Và Các Plugin Cần Thiết

Tải WordPress từ wordpress.org và giải nén vào thư mục htdocs của Xampp. Chạy trình cài đặt và điền thông tin cơ sở dữ liệu. Cài đặt WooCommerce từ mục plugin. Cài đặt các plugin bổ sung như SEO, bảo mật, và backup.

4.3. Cấu Hình Theme Và Tùy Chỉnh Website

Chọn theme WordPress phù hợp với thương mại điện tử. Tuỳ chỉnh màu sắc, logo, thông tin liên hệ. Cấu hình WooCommerce bao gồm tiền tệ, vùng địa lý, phương thức thanh toán. Tạo menu và tổ chức cấu trúc website.

Trích đoạn nội dung tài liệu

CHƯƠNG 1: TỔNG QUAN VỀ WORDPRESS 1. Giới thiệu chung về Wordpress. WordPress là một phần mềm nguồn mở được viết bằng ngôn ngữ lập trình website PHP 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 bởi tác giả Matt Mullenweg và Mike Little.

WordPress là một mã nguồn mở bằng ngôn ngữ PHP để hỗ trợ tạo blog cá nhân, và nó được rất nhiều người sử dụng ủng hộ về tính dễ sử dụng, nhiều tính năng hữu ích. Qua thời gian, số lượng người sử dụng tăng lên, các cộng tác viên là những lập trình viên cũng tham gia đông đảo để phát triển mã nguồn WordPress có thêm những tính năng tuyệt vời. Và cho đến thời điểm 2015, WordPress đã được xem như là một hệ quản trị nội dung vượt trội để hỗ trợ người dùng tạo ra nhiều thể loại website khác nhau như blog, 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 website có độ phức tạp cao như đặt phòng khách sạn, thuê xe, đăng dự án bất động sản,v v. Hầu như mọi hình thức website với quy mô nhỏ và vừa đều có thể triển khai trên nền tảng WordPress.

* Những Thành tựu của Wordpress Khi tìm hiểu về WordPress, bạn sẽ thật tự hào khi biết rằng mã nguồn mà các bạn đang tìm hiểu ngay sau đây có những thành tựu rất vượt bậc và là một mã nguồn CMS mở phổ biến nhất hành tinh. Để kiểm chứng điều đó, các bạn cần biết là: • Trên thế giới, có khoảng 25 bài viết được đăng lên các website sử dụng WordPress mỗi giây. • Số lượng website làm bằng WordPress chiếm 23% tổng số lượng website trên thế giới. • Trong số 100% các website sử dụng mã nguồn CMS, WordPress chiếm 60%.

• Phiên bản WordPress 4.0 đạt hơn 16 triệu lượt tải chỉ sau khoảng hai tháng. WordPress đã được dịch sang 52 ngôn ngữ khác nhau. Tuy nhiên lại chưa có phiên bản tiếng Việt chính thức, nhưng bạn có thể Việt hóa dễ dàng bằng cách 2 tìm bài trên blog với từ khóa “Việt hóa WordPress“. Có hơn 80 chương trình họp mặt về WordPress được tổ chức vào năm 2014.

Mã nguồn WordPress hiện đang có khoảng 785 lập trình viên cùng hợp tác phát triển. Chỉ tính các giao diện (hay còn gọi là theme) miễn phí trên thư viện WordPress.700 themes khác nhau. Kiến trúc Wordpress. Bộ quản trị Wordpress gồm các phần như 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.

Posts • Posts: Quản lý bài viết, tag và danh mục (category). • Updates: Hiển thị tất cả các theme và plugin có bản mới. • All posts: Quản lý tất cả các bài viết. • Add new: Đăng bài viết mới.

• Categories: Quản lý tất cả các danh mục. • Tags: Quản lý tất cả các Post Tag. • Appearance: Quản lý giao diện Hình 3. Appearance 4 • Plugins: Quản lý các thành phần mở rộng.

• Settings: Thiết lập các tùy chọn. Ưu điểm và nhược điểm 1. Ưu điểm • Nhiều plugin và theme. • Dễ tùy biến.

• Nhiều cộng đồng hỗ trợ. • Dễ cài đặt, sử dụng và quản lý. • Nhẹ và tốn ít tài nguyên. • Nhiều Theme Framework hỗ trợ (Genesis, Thesis, Gantry,.) • Hỗ trợ SEO (Search Engine Optimized) rất tốt.

Nhược điểm • Nhiều hàm có sẵn khó nắm bắt. • Theme đẹp hầu hết phải trả phí. • Để custom WordPress đẹp thì phải biết kiến thức tốt về web. • Mức độ an ninh chưa tốt.

Hoạt động của mã nguồn Wordpress 1. Các dữ liệu làm việc thế nào? Trong mã nguồn WordPress, nó đã được lập trình nhiều tính năng giúp bản thân nó có thể tương tác với cơ sở dữ liệu (database) như MySQL để giúp người sử dụng có thể lưu trữ dữ liệu mềm trên website. Tất cả các dữ liệu mềm được lưu trữ vào database sẽ bao gồm các nội dung văn bản được nhập vào website, các thiết lập (vì các thiết lập sẽ lưu dưới dạng một kiểu dữ liệu) và một số dữ liệu khác. Nếu vào xem database thông qua phpMyAdmin hoặc các ứng dụng tương tự, sẽ thấy WordPress có nhiều bảng dữ liệu để chứa các dữ liệu được lưu vào.

Bảng dữ liệu được lưu trên Wordpress 1.5 Giới thiệu về Woocommerce: Woocommerce là một plugin miễn phí được sử dụng để tạo một trang thương mại điện tử cỡ nhỏ tốt nhất hiện nay trong WordPress. Nó cũng như bao plugin khác là bổ sung chức năng vào website nhưng nó sẽ bổ sung gần như toàn diện các chức năng mà một trang bán hàng đơn giản cần có. Woocommerce sẽ có các chức năng chính như: • Tạo sản phẩm với định dạng thông thường, sản phẩm có thuộc tính, sản phẩm affiliate và sản phẩm kỹ thuật số (có thể tải về). • Hỗ trợ một số hình thức thanh toán online như PayPal, Credit Card, CoD, Cash và sẽ càng nhiều hơn khi cài thêm plugin hỗ trợ cho riêng nó.

6 • Hỗ trợ tự tính thuế sản phẩm hoặc thuế theo đơn hàng. • Hỗ trợ tự tính giá chuyển phát, có rất nhiều loại tính giá chuyển phát và sẽ đa dạng hơn khi cài thêm plugin như có thể tính giá chuyển phát dựa theo cân nặng, kích thước, tỉnh thành,… • Trang quản lý đơn hàng chuyên nghiệp, lọc đơn hàng thông qua từng trạng thái. • Hỗ trợ template hiển thị riêng để có thể tự cấu hình lại template hiển thị phần shop và sản phẩm, cái này rất có lợi cho lập trình viên. • Có sẵn nhiều theme và extension (plugin mở rộng) để biến thành trang shop chuyên nghiệp.

• Và hàng tá các chức năng hay ho khác nữa. Như vậy với các tính năng kể trên, Woocommerce có thể lựa chọn cho những ai cần làm một trang shop đơn giản ngay trên website WordPress của mình để giới thiệu sản phẩm và cho phép khách đặt hàng trực tuyến để bán hàng tiện lợi hơn. • Các trang trong Woocommerce: Mặc định sau khi cài xong Woocommerce, bạn vào phần quản lý trang (Pages) sẽ thấy có một số trang mặc định mà Woocommerce tự tạo ra để có thể sử dụng các chức năng cần thiết trên trang bán hàng. Các trang mặc định của Woocommerce Hình 7.

Thiết lập trang của hàng 8 Hình 8. Thiết lập lại các trang bị mất 1.6 XAMPP Một trong những thành phần quan trọng của wordpress là máy ảo Xampp. Sử dụng Wordpress dùng máy ảo Xampp được thiết kế để bảo đảm rằng đa ứng dụng có thể chạy mượt mà trên nền tảng website. Phần mềm XAMPP được ứng dụng để xây dựng và phát triển các website theo ngôn ngữ PHP.

Sử dụng để nghiên cứu, phát triển website thông qua Localhost của máy tính cá nhân. Được các lập trình viên sử dụng trong nhiều tình huống như học tập, thử nghiệm lập trình website, nghiên cứu nâng cấp website. Các Plugins thiết yếu cho Wordpress: • Woocommere • Wp-mega-menu – Chỉnh sủa giao diện menu • Css-hero 4.0 – Chỉnh sửa toàn bộ page • Nextgen-gallery – Thư viện ảnh, video • Revslider – Trình chuyển tự động ảnh • Wp-livechat – Chat trực tiếp trên website 9 Hướng dẫn cài đặt Xampp: Hình 9. Cài đặt Xampp Hình 10.

Chọn các mục muốn cái đặt 10 Hình 11. Chọn ổ đĩa cài đặt Hình 12. Chọn ngôn ngữ ứng dụng 11 Hình 13. Giao diện Xampp - Cách đổi cổng mạng cho Localhost Mặc định Localhost sẽ sử dụng cổng 80, bởi vì khi bạn gõ tên miền như http://localhost thì tức là nó đã sử dụng cổng 80 để đọc các dữ liệu web trong localhost.

Tuy nhiên nếu như bạn đã dùng cổng 80 cho một ứng dụng khác, hoặc đơn giản là không khởi động Apache được thì bạn nên thiết lập cho Apache trong Localhost sử dụng một cổng khác, như 8080 chẳng hạn. Sau khi đổi xong thì bạn phải truy cập vào website với tên miền http://localhost:8080 thay vì chỉ là http://localhost. Để đổi cổng, mở bảng điều khiển XAMPP lên và chọn nút Config của Apache, sau đó chọn Apache (httpd. Cách đổi cổng Sau đó tìm dòng: Hình 15.

Cách đổi cổng 13 Đổi thành: Hình 16. Cách đổi cổng Sau đó Stop cái Apache và Start lại rồi thử truy cập vào localhost theo đường dẫn http://localhost:8080, nếu truy cập được thì đã làm thành công. Và cũng nên lưu ý rằng, sau khi đổi cổng thì mỗi khi truy cập bạn phải sử dụng đường dẫn có kèm theo số cổng vừa đổi sang vì mặc định nếu không điền thì nó sẽ sử dụng cổng 80. Nếu có sử dụng tên miền ảo như hướng dẫn ở trên thì cũng nên sửa lại file C:\xampp\apache\conf\extra\httpd-vhost.conf cho nó sử dụng port 80 thay vì 8080.

14 CHƯƠNG 2: PHÂN TÍCH THIẾT KẾ HỆ THỐNG 2. Mục đích xây dựng website Ngày nay, việc áp dụng website vào trong phát triển kinh doanh của cửa hàng trở lên phổ biến và hiệu quả, trong đó ngành thời trang cũng được sử dụng nhiều để giới thiệu và quảng bá sản phẩm của cửa hàng. Việc lên mạng tìm kiếm và mua sắm trở lên khá quen thuộc với mọi người hiện nay. Do vậy, em quyết định thực hiện đề tài này với mong muốn đưa được nhiều sự lựa chọn cho khách hàng và phát triển cửa hàng lên quy mô lớn hơn.2 Mục tiêu xây dựng website - Xây dựng nên một website bán hàng online.

- Giúp quảng bá thương hiệu của cửa hàng nhằm thu hút người tiêu dung đến với của hàng. - Thông tin về sản phẩm sẽ luôn được cập nhật. - Giúp người tiêu dung có thể dễ dàng tìm thấy sản phẩm mà họ muốn một cách dễ dàng mà không phải đến cửa hàng. - Giúp chủ của hàng có thể nắm bắt được tình hình kinh doanh của cửa hàng mình một cách chính xác.

Biểu đồ Usecase của hệ thống 2. Các tác nhân của hệ thống • Guest: là người truy cập website nhưng chưa đăng nhập. Mục đích của hệ thống hướng đến tác nhân này chỉ nhằm mục đích quảng bá cho website. Do đó, tác nhân này chỉ có các chức năng cơ bản như: tìm kiếm, xem sảm phẩm, thêm sản phẩm vào giỏ hàng, mua hàng và đăng kí tài khoản.

• User: là những người dùng đã đăng nhập vào hệ thống. Tác nhân này là mục đích chính mà hệ thống hướng tới do đó ngoài các chức năng cơ bản mà Guest được sử dụng thì còn được sử dụng thêm nhiều chức năng nâng cao khác, như là: quản trị tài khoản, đánh giá – bình luận về 1 bài viết hay sản phẩm. Hơn nữa những 15 tác nhân này còn có thể nhận được thông báo từ hệ thống về tình trạng đơn hàng, chương trình khuyến mại mới nhất, tri ân khách hàng. • Admin: là tác nhân giữ vai trò chính trong hệ thống website.