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.. Và cho đến thời điểm 20
Trang 1TRƯỜNG ĐẠI HỌC KIÊN GIANG KHOA THÔNG TIN & TRUYỀN THÔNG
SINH VIÊN THỰC HIỆN: KIM KHA
THIẾT KẾ WEBSITE BÁN MÁY TÍNH BẰNG
WORDPESS
BÁO CÁO NIÊN LUẬN NGÀNH: CÔNG NGHỆ THÔNG TIN
MÃ SỐ NGÀNH: 7480201
Kiên Giang – tháng 11 năm 2023
Trang 2TRƯỜNG ĐẠI HỌC KIÊN GIANG
KHOA THÔNG TIN & TRUYỀN THÔNG
SINH VIÊN THỰC HIỆN: KIM KHA
MÃ SỐ SINH VIÊN: 21072006088
THIẾT KẾ WEBSITE BÁN HÀNG THỜI
TRANG BẰNG WORDPESS
BÁO CÁO NIÊN LUẬN NGÀNH: CÔNG NGHỆ THÔNG TIN
MÃ SỐ NGÀNH: 7480201
GIẢNG VIÊN HƯỚNG DẪN:
ThS CHÂU NGỌC NHUNG
Kiên Giang – tháng 11 năm 2023
Trang 3Chương I: TỔNG QUAN VỀ CÔNG CỤ VÀ MỤC TIÊU ĐỀ TÀI 5
1.1 Giới thiệu chung về Wordpress 5
1.1.1 Giới thiệu chung về đề tài Wordpress 6
1.1.2 Mục đích và ý nghĩa chọn đề tài 6
1.2 Giới thiệu Woocommerce: 7
1.2.1 Woocommerce 7
1.2.2 Giới thiệu chung 8
1.2.3 Lợi ích của Woocomerce 8
1.3 Giới thiệu Elementor 9
1.3.1 Elementor 9
1.3.2 Điểm nổi bật của elementor 9
1.4 Chức năng thêm sản phẩm 9
1.4.1 Nhậm thông tin sản phẩm muốn thêm 9
1.4.2 Tính năng giỏ hàng và thanh toán 11
Chương II : TỔNG QUAN ĐỀ TÀI VÀ CÁC CHỨC NĂNG 12
2.1 Phương pháp nghiên cứu 12
Chương III: TỔNG KẾT 12
3.1 Tổng quan đề tài 12
3.2 Tổng kết đề tài 13
Trang 4Lời Cảm Ơn
Cảm ơn cô Nhung,Trong thời gian làm đề tài niên luận, em đã nhận được nhiều sự giúp đở, đóng góp cũng như góp ý và sự chỉ bảo nhiệt tình của thầy cô và bạn bè
Em xin gửi lời cảm ơn chân thành đến cô CHÂU NGỌC NHUNG , giảng viên khoa công nghệ thông tin – Trường đại học Kiên Giang , người đã tận tình hướng dẫn, chỉ bảo em trong suốt thời gian nghiên cứu đề tài
Em cũng xin chân thành cảm ơn các thầy cô giáo trong Trường đại học Kiên
Giang nói chung, các thầy cô trong Bộ môn Công Nghệ Thông Tin 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 !
Trang 5Chương I: TỔNG QUAN VỀ CÔNG CỤ VÀ MỤC TIÊU ĐỀ TÀI
1.1Giới thiệu chung về Wordpress.
WordPress là một phần mềm nguồn mở (Open Source Software) được viết bằng ngôn ngữ lập trình website 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 bởi tác giả Matt Mullenweg và Mike Little Hiện nay WordPress được sở hữu và phát triển bởi công ty Automattic có trụ sở tại San Francisco, California thuộc hợp chủng quốc Hoa Kỳ 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 (CMS – Content Management System) 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 như thế không có nghĩa là WordPress chỉ thích hợp với các
dự án nhỏ, mà hiện nay có tới khoảng 25% website trong danh sách 100 website lớn nhất thế giới sử dụng mã nguồn WordPress Ví dụ như trang tạp chí TechCrunch, Mashable, CNN, BBC America, Variety, Sony Music, MTV News, Bata, Quartz,… rất nhiều không thể kể hết được 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 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.org thì đã có hơn 2.700 themes khác nhau *Hoạt động của mã nguồn Wordpress: Các dữ liệu làm việc thế nào? Trong mã nguồn WordPress, nó đã được
Trang 6lậ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
Các plugin mà bạn đang kích hoạt trong website sẽ được tải ra ngay sau khi mã nguồn WordPress khởi động xong Bởi vì các tính năng trong WordPress Core được
sử dụng trong plugin thường sẽ được gắn vào hookinit (bạn tạm thời hiểu nó là một điểm neo để kích hoạt kịch bản nào đó) nên nó sẽ load ngay sau khi WordPress khởi động là vậy
1.1.1 Giới thiệu chung về đề tài Wordpress
Như chúng ta thấy trong thị trường hiện nay việc cạnh tranh về kinh doanh ngày càng trở nên quyết liệt và hầu hết những nhà kinh doanh, những công ty lớn đều rất chú tâm đến việc làm thỏa mãn khách hàng một cách tốt nhất
So với kinh doanh truyền thống thì kinh doanh bằng phương pháp bán hàng online chi phí thấp hơn, hiệu quả đạt cao hơn Hơn thế nửa, với lợi ích của công nghệ internet nên việc truyền tải thông tin về sản phẩm nhanh chóng, thuận tiện Kết hợp với bộ phận giao hàng tận nơi, là thông qua bưu điện và ngân hàng thanh toán tiền, càng tăng thêm lợi nhuận dể loại hình này phát triển
Biết được những nhu cầu đó chương trình “ Xây dựng website bán hàng thới trang” được xây dựng trên nền tảng Wordpress nhằm để đáp ứng cho mọi người tiêu dùng trên toàn quốc và thông qua hệ thống Website này họ có thể đăt mua các mặt hàng thời trang hay các sản phẩm cần thiết khác
Cửa hàng thời trang bằng wordpress là một web bán hàng online phù hợp với thời đại hiện đại hóa hiện nay Có tác dụng quan trọng trong việc phát triển kinh tế trong thời đại 4.0, cải thiện kinh tế nhanh chóng bằng cách bán hàng online hợp lý và tiện lợi Vì vậy hình thức phát triển kinh tế qua việc bán hàng online bằng các website bán hàng là nhân tố quyết định sự hiệu quả của cac hoạt động doanh nghiệp, nhằm nâng cao chất lượng đời sống, tăng năng suất lao động, tiết kiệm vật liệu và giảm được chi phí một cách hiệu quả
Do đó, với sự ra đời các Website bán hàng thời trang qua mạng, mọi người
có thể mua mọi thứ hàng hóa mọi lúc mọi nơi mà không cần phải tới nơi để mua Trên thế giới có rất nhiều Website bán hàng trực tiếp nhưng vẫn chưa được phổ biến rộng rãi Và khái niệm thương mại điện tử còn khá xa lạ Trước thực tế đó em
đã chọn đề tài xây dựng “Website bán hàng thời trang bằng Wordpress” cho đề tài niên luận của mình
Trang 71.1.2 Mục đích và ý nghĩa chọn đề tài
Khảo sát hệ thống thông tin” Thương mại điện tử” theo yêu cầu của cá nhân, cơ quan, công ty, Việc bán hàng đòi hỏi cần phải có tư duy, đầu óc kinh doanh và khả năng nhạy bén nắm bắt thị trường Một cửa hàng bán các mặt hàng không cần nhiều nhân viên, khách hàng không cần trực tiếp đến mua hàng mà có thể tại nhà và vài cái click chuột thì có thể có được sản phẩm mình cần
Việc tạo ra một Website thương mại điện tử bán hàng trực tiếp sẽ gặp nhiều khó khăn trong việc bảo mật thông tin, cũng như uy tín đến khách hàng
WordPress là một phần mềm nguồn mở (Open Source Software) được viết bằng ngôn ngữ lập trình website 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 bởi tác giả Matt Mullenweg và Mike Little Giúp bạn thực hiện các website một cách nhanh chóng và dể dàng Là hệ thống quản trị nội dung mã nguồn mở số một thế giới hiện nay Linh hoạt, đơn giản, thanh nhã, tính tùy biến rất cao và cực kỳ mạnh
mẽ đó là những gì nói về Wordpress Được sử dụng ở trên toàn thế giới từ những trang web đơn giản cho đến những ứng dụng phức tạp Việc cài đặt Wordpress! Rất dể dàng đơn giản trong việc quản lý và đáng tin cậy
Xây dựng được một website “ Bán hàng thời trang” tương đối hoàn chỉnh , phục vụ một cách hiệu quả cho người dùng dựa trên việc sử dụng phần mềm Wordpress Đồng thời thiết kế giao diện trang web đẹp và thân thiện với người dùng
1.2 Giới thiệu Woocommerce:
1.2.1 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ó
• 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
Trang 8• 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
1.2.2 Giới thiệu chung
Trước tiên bạn tìm Plugin tên Woocommerce trong Dashboard và cài plugin tên WooCommerce – excelling eCommerce rồi cài sau đó kích hoạt nó
Sau đó cài đặt các chức năng cơ bản như : Cửa hàng, Giỏ hàng, Tài khoảng
và Thanh toán có Woocommerce
Các trang chính mà cửa hàng thời trang của đề tài mình là:
Trang chủ : Là trang chính của cửa hang, trang hiển thị đầy đủ các thông tin
cần thiết và demo hang hóa của trang đồng thời là trang chính để liên kết đến các trang khác
Trang đăng nhập: Là trang dùng để đăng nhập cho người dung cũng như
admin để truy cập vào trang chính hay trang admin của cửa hang
Cửa hàng: Trang này sẽ hiển thị các sản phẩm mới nhất trên website Thanh toán: Trang thanh toán đơn hàng, hay còn gọi là trang Checkout.
1.2.3 Lợi ích của Woocomerce
Giá cả là yếu tố quan trọng để các doanh nghiệp lựa chọn nền tảng khi triển khai thương mại điện tử Những nền tảng phổ biến trên thị trường hiện nay có mức giá từ miễn phí đến vài nghìn USD một năm, điều này càng giúp WooCommerce trở nên nổi bật và được doanh nghiệp ưu ái lựa chọn vì plugin này cho phép tải và cài đặt hoàn toàn miễn phí
Vì vậy, bất kỳ doanh nghiệp nào cũng có thể tận dụng các tính năng của WooCommerce mà không phải cam kết bằng các hợp đồng hỗ trợ đắt tiền hoặc giấy phép sử dụng phần mềm
WooCommerce là một plugin mã nguồn mở được xây dựng trên CMS WordPress vì vậy người dùng có toàn quyền kiểm soát và dễ dàng tùy chỉnh website thương mại điện tử theo yêu cầu đặc thù của doanh nghiệp
Ngoài việc nền tảng này phù hợp với đa dạng loại hình doanh nghiệp phục
vụ cho nhiều phân khúc khách hàng khác nhau thì WooCommerce còn cung cấp khả năng mở rộng về lâu dài, giúp doanh nghiệp thuộc mọi quy mô linh hoạt hơn trong việc triển khai thương mại điện tử
Trang 9Việc tích hợp liền mạch giữa WooCommerce và WordPress mang đến nhiều lợi ích cho plugin này vì sự sẵn có của cộng đồng WordPress rộng lớn trong nhiều năm nay WooCommerce có thể sử dụng hệ sinh thái khổng lồ của nền tảng
từ plugins, themes, bản chỉ dẫn và nhiều giá trị khác mà không tồn tại bất kỳ nơi nào khác
1.3Giới thiệu Elementor
1.3.1 Elementor
Elementor là một plugin trình tạo trang WordPress phổ biến, nó giúp bạn dễ dàng tạo ra các trang đẹp mắt trên WordPress chỉ bằng những thao tác kéo thả đơn giản
Nói cách khác, khi sử dụng Elementor vào thiết kế Web bạn sẽ không cần phải nhắc tới khái niệm viết code.Về cơ bản Elementor là một plugin WordPress vì vậy điều cần thiết để nó hoạt động bạn cần cài đặt và kích hoạt nó trên giao diện quản trị WordPress
Tiếp theo, do được phát triển với mục đích tạo trang vì vậy bạn cần đi đến giao diện soạn thảo pages để khởi động trình tạo trang elementor.Không như những page builder lỗi thời khi nó chỉ hiện các block lên cho bạn thiết kế và cần phải chuyển đổi giao diện để xem kết quả thực
Thay vào đó Elementor dẫn bạn trực tiếp đến giao diện thiết kế front-end hay còn gọi là giao diện người dùng Vì vậy, những gì bạn thấy được trong lúc thiết kế cũng là những gì người dùng thấy được khi truy cập
Nhiệm vụ khó khăn nhất của bạn chỉ cần kéo các tiện ích từ thanh công cụ thả vào màn hình thiết kế sau đó chỉnh sửa theo ý muốn của bạn
1.3.2 Điểm nổi bật của elementor
Mặc dù chỉ mới ra mắt vào khoảng giữa năm 2016 cho đến nay nhưng Elementor đã được sự quan tâm đông đảo người dùng WordPress từ người mới đến các chuyên gia hàng đầu về Web
Không phải đơn thuần mà họ đạt được điều này, lý do nằm ở những tính năng vượt trội mà Elementor đem lại
Vì vậy bây giờ hãy cùng mình khám phá các tính năng nổi bật làm nên tên tuổi của thương hiệu này
1.4Chức năng thêm sản phẩm
1.4.1 Nhậm thông tin sản phẩm muốn thêm
Để thêm một sản phẩm, bạn vào Sản phẩm -> Thêm mới
Trang 10Tại đây bạn hãy nhập thông tin sản phẩm bạn muốn thêm như: Tên sản phẩm, mô tả sản phẩm, hình ảnh, giá bán thường và giá khuyến mãi đồng thời phân loại sản phẩm của bạn và tạo các từ khóa tìm kiếm sản phẩm liên quan
Khi đã nhập đầy đủ các thông tin trên bạn hãy ấn vào nút Đăng để cập nhật sản phẩm lên trang của cửa hàng
Trang 11Và cuối cùng khi đăng sản phẩm lên cửa hang đừng quên kiểm tra thử trang sản phẩm xem sản phẩm mình vừa mới cập nhật đã được cập nhật trên trang của cửa hang hay chưa
1.4.2 Tính năng giỏ hàng và thanh toán
Khi bạn đã tìm thấy được món hàng bạn định mua hãy ấn vào sản phẩm đó và ấn thêm vào giỏ hàng, khi đó giỏ hàng sẽ cập nhật sản phẩm vào đó