* Đối với khách hàng - Hệ ống đưa ra chi tiết thông tin cho từ sản phẩm cây cảnh mà khách th nghàng muốn xem - Thêm nhữ cây cảnh khách hàng phân vân yêu thích vào giỏ hàng.ng - Ngoài ra
Trang 1TRƯỜNG ĐẠI HỌC ĐIỆN LỰC
KHOA CÔNG NGHỆ THÔNG TIN
BÁO CÁO CHUYÊN ĐỀ HỌC PHẦN PHẦN MỀ M MÃ NGUỒN MỠ
ĐỀ TÀI :
QUẢN LÝ WEBSITE BÁN CÂY HOA ĐÁ CẢ NH GREENSTORE
Sinh viên thực hiện : LÊ VĂN MẠNH
: NGUYỄN HỮU TIẾN Giảng viên hướng dẫn : PHẠM ĐỨC HỒNG
Hà Nội, tháng năm 2023 12
Trang 3M C L CỤ Ụ
CHƯƠNG 1 : ới thiệ về website bán hoa đá cảnh GreenStoreGi u 1
1.1 Lý do ọn ch đề tài 1
1.2 Giới thiệu website bán hoa đá cảnh greenStore 1
1.3 Mục đích 2
CHƯƠNG 2: ới tGi hiệu về ầm mềm mã nguồn mỡ Wordprerssph 3
2.1 Giới thiệu về mã nguồn mỡ 3
2.2 Mã nguồn mở Wordpress 5
2.2.1 Mã nguồn mở Wordpress là gì ? 5
2.2.2 Lịch sử hình thành của Wordpress 6
2.2.3 Những thành tựu của Wordpress 6
2.2.4 Lý do bạn nên sử dụng Wordpress 7
Chương 3 Cài đặt website bán cây hoa đá cảnh GreenStore 9
3.1 Cài đặt phần mềm Xampp 9
3.2 Tạo database bằng phpMyAdmin 12
3.3 Hướng dẫn cài đặt Wordpress và kết nối database 14
3.4 Kết quả đạt được 19
3.4.1 Giao diện trang chủ 19
3.4.4 Giao diện trang thông tin 23
3.4.5 Giao diện trang Liên hệ 25
3.4.6 Giao diện giỏ hàng 26
3.4.6 Giao diện thông tin cá nhân 26
Tổng kết và đánh giá 27
Trang 4
DANH MỤC HÌNH ẢNH
Hình 1.1 Logo mã nguồn mỡ Wordpress 5
Hình 3.1 Màn hình wellcome của Xampp 9
Hình 3.2 Màn hình set-up Select Components– .10
Hình 3.3 Màn hình set-up – Installation folder 10
Hình 3.4 Hoàn thành cài đặt Xampp 11
Hình 3.5 Khởi động Apache và MySql 12
Hình 3.6 Giao diện phpMyAdmin .13
Hình 3.7 Cài đặt thư mục Wordpress 14
Hình 3.8 Màn hình chào mừng Wordpress 15
Hình 3.9 Cài đặt cấu hình databas .16
Hình 3.10 Đăng nhập Wordpress .17
Hình 3.11 Trang quản trị Admin .18
Hình 3.12 Giao diện trang chủ .19
Hình 3.13 Giao diện trang chủ .19
Hình 3.14 Giao diện trang chủ .20
Hình 3.15 Giao diện trang chủ 20
Hình 3.16 Giao diện trang chủ. .21
Hình 3.17 Giao diện trang sản phẩm .21
Hình 3.18 Giao diện trang sản phẩm 22
Hình 3.19 Giao diện trang sản phẩm 22
Hình 3.20 Giao diện trang sản phẩm 23
Hình 3.21 Giao diện trang sản phẩm 23
Hình 3.22 Giao diện trang sản phẩm 24
Trang 5Hình 3.23 Giao diện trang sản phẩm 24 Hình 3.24 Giao diện trang liên hệ 25 Hình 3.25 Giao diện trang liên hệ 25 Hình 3.26 Giao diện trang ỏ hàng 26gi Hình 3 Giao diện trang khách hàng 2627
Trang 7
LỜI MỞ ĐẦU
Ngày nay, ứng dụng công nghệ thông tin và việc tin học hóa được xem là một trong những yếu tố mang tính quyết định trong hoạt động của các chính phủ, tổ chức,cũng như của các công ty, nó đóng vai trò hết sức quan trọng, có thể tạo ra những bước đột phá mạnh mẽ Cùng với sự phát triển không ngừng về kỹ thuật máy tính và mạng điện tử, công nghệ thông tin cũng được những công nghệ có đẳng cấp cao và lần lượt chinh phục hết đỉnh cao này đến đỉnh cao khác
Bằng Internet, chúng ta đã thực hiện được nhiều công việc với tốc độ nhanh hơn
và chi phí thấp hơn nhiều so với cách thức truyền thống Chính điều này, đã thúc đẩy
sự khai sinh và phát triển của thương mại điện tử và chính phủ điện tử trên khắp thế giới, làm biến đổi đáng kể bộ mặt văn hóa, nâng cao chất lượng cuộc sống con người Trong hoạt động sản xuất, kinh doanh, giờ đây, thương mại điện tử đã khẳng định được vai trò xúc tiến và thúc đẩy sự phát triển của doanh nghiệp Đối với một cửa hàng hay shop, việc quảng bá và giới thiệu đến khách hàng các sản phẩm mới đáp ứng được nhu cầu của khác hàng sẽ là cần thiết Vậy phải quảng bá thế nào đó là xây dựng được một Website cho cửa hàng của mình quảng bá tất cả các sản phẩm của mình bán Vì vậy, em đã thực hiện đồ án “XÂY DỰNG WEBSITE BÁN CÂY HOA
ĐÁ CẢNH GREENSTORE Người chủ cửa hàng đưa các sản phẩm đó lên website của mình và quản lý bằng website đó Khách hàng có thể đặt mua hàng trên website
mà không cần đến cửa hàng Chủ cửa hàng sẽ gửi sản phẩm cho khách hàng khi nhận được tiền
Với sự hướng dẫn tận tình của thầy PHẠM ĐỨC HỒNG em đã hoàn thành bài báo cáo đồ án này Tuy đã cố gắng hết sức tìm hiểu, phân tích thiết kế và cài đặt hệ thống nhưng chắc rằng không tránh khỏi những thiếu sót Em rất mong nhận được
sự thông cảm và góp ý của quý Thầy cô Em xin chân thành cảm ơn
Trang 8
CHƯƠNG 1 : :Giới thiệu v website bán hoa ề đá ảnh GreenStore c1.1 Lý do chọn đề tài
Cuộc sống chúng ta đang bước vào kỹ nguyên hiện đại và nhu cầu về tinh thần của con người cũng từ đấy mà nâng lên Trong số đó thì thú vui chăm sóc cây cảnh cũng đang rất được sản lùng và phát triển khiến cho nhu cầu tuyển chọn lựa của các nhà chơi cây cảnh ngày càng tăng Nhưng hiện tại có rất ít các trang web bán cây cảnh hoa đá trên cả nước,cũng như là mẫu mã và số lượng hạn chế Nắm bắt thời cơ đó chúng em đã cùng nhau phát triển và tạo ra một trang web bán cây hoa đá cảnh với mẫu mã và lựa chọn đa dạng dể dùng và nhiề tính năng ưu việu t hỗ
trợ nhanh chóng đáp ứng như cầu của mọi người từ giá rẻ tới hạng sang
* Đối với khách hàng
- Hệ ống đưa ra chi tiết thông tin cho từ sản phẩm cây cảnh mà khách th nghàng muốn xem
- Thêm nhữ cây cảnh khách hàng phân vân yêu thích vào giỏ hàng.ng
- Ngoài ra khách hàng có thể đóng góp, đưa ra ý kiến, bình luận trên website
* Đối với quản trị
- Hệ ống giúp người quản trị, nhân viên cập nhật thông tin nhanh chóngth
- Đơn hàng của khách cũng như dữ ệu được đưa về hệ li thống
- Dễ dàng quản lý, sử dụng website, kiểm kê đơn hàng chính xác, rõ ràng, bảo mật thông tin khách hàng
1.2 Gi i thi u website bán ớ ệ hoa đá cảnh greenStore
Lợi ích đầu tiên khi sở hữu một website bán hoa đá cảnh online đó chính là tiếp cận khách hàng tiềm năng Dù khách hàng ở bất cứ đâu, chỉ cần có mạng internet là
có thể tìm thấy website bán cây hoa đá cảnh của bạn, biết đến sản phẩm bạn đang
Trang 9kinh doanh Từ đó, chắc chắn rằng lượng khách hàng của bạn sẽ tăng lên đáng kể Sản phẩm củ bạn sẻ ợc nhiều người biết đến khi nói đếa đư n Internet
Đối với website bán hàng, các chức năng tiện ích bán hàng của website cũng là một yếu tố cần thiết đến việc thu hút khách hàng Do đó, khi thiết kế website cần chú
ý đến các chức năng trên website, phải làm sao hữu dụng với người dụng và người quản trị thì việc kinh doanh mới đạt hiệu quả
1.3 Mục đích
- Tìm hi u ph n m n mã ngu n m ể ầ ề ồ ỡ và cài đặt thành công
- Làm ch ủ phần m m mã ngu n m ề ồ ỡ
- Được trãi nghi m và rút kinh nghi m qua d án th c tệ ệ ự ự ế
- Xây d ng các tài li u cho d ự ệ ự án cách tường minh và đầy đủ
- Kiểm soát được các vấn đề xãy ra
- Hoàn thi n s n ph m , kệ ả ẩ ết thúc bài t p thành công ậ
Trang 10
CHƯƠNG 2: Giới thiệu v ề phầm m m mã ngu n m Wordprerss ề ồ ỡ 2.1 Giới thiệu về mã nguồn mỡ
ần mềm mã nguồn mở (Open Source)là những phần mềm được cung cấPh p dưới cả dạng mã và nguồn, không chỉ là miễn phí về giá mua mà chủ yếu là miễn phí
về bản quyền: người dùng có quyền sửa đổi, cải tiến, phát triển, nâng cấp theo một
số nguyên tắc chung quy định trong giấy phép phần mền mã nguồn mở mà không cần xin phép ai, điều mà họ không được phép làm đối với các phần mềm nguồn đóng Nhà cung cấp phần mềm nguồn mở có quyền yêu cầu người dùng trả một số chi phí về các dịch vụ như: bảo hành, huấn luyện, nâng cấp, tư vấn, vv… là những dịch
vụ ực sự để ục vụ th ph người dùng, nhưng không được bán các sản phẩm nguồn mở
vì nó là tài sản của trí tuệ chung, không phả là tài sản riêng của một nhà cung cấi p nào
• Ưu điểm của phần mền mã nguồn mở:
ần mềm được sao chép hoàn toàn miễn phí, tự do sử dụng chương trình cho Phmọi mục đích, tự do để nghiên cứu cấu trúc của chương trình, chỉnh sửa phù hợp với nhu cầu, truy cập vào mã nguồn, tự do phân phối lại các phiên bản cho nhiều người,
tự do cải tiến chương trình và phát hành những bản cải tiến vì mục đích công cộng.Hầu như các sản phẩm Open source đều có khả năng bảo mật tuyệt vời khi một vết nứt được tìm thấy nó thường được trám nhanh hơn so với các phần mềm có bản quyền
Các hệ ống Open Source nhất là hệ thông UNIX thường linh hoạt hơn đếth n khó tin nỗ Bởi vì chúng được xây dựng nhiều khồi thống nhất và được miêu tả căn
kẽ, rất dễ để bạn thay đổi nhiều phần của hệ thống có giao diện tương tự Có một số cộng đồng hỗ trợ lớn và không bị ụ ph thuộ vào công ty nào
• Cơ hội kinh doanh ?
Open Source đã được chấp nhận trong các công ty lơn Nhiều hợp đồn lớn đã được chấp nhận phần mền Open Source,chảng hạn như IBM, Oracle và Sun Thậm chí Microsort đã phải lưu tâm tới Open Source như đối thủ to lớn
Trang 11Với Open Source việc phân phối và phát triển là một phương pháp lâu dài để tạo ra phần mềm ,người mua được cung cấp giải pháp phần mềm lần những dòng mã
có giấy phép Open Source Hơn nữa các doanh nghiệp vừa và nhỏ cũng sẻ ợc ưa đưchuông phần mềm Open Source hơn
Hiện nay đã có một số tổ chức dự định sử dụng Open Source để xây dựng nhân
tố cốt lõi của hệ thông từ hệ ều hành, cơ sở dữ ệu, ứng dụng web và server đếđi li n các hệ thông các hệ ống quản trị nọi dung và nhiều sản phẩm phầm mềm kinh thdoanh hệ ống của mình th
Mặc dù con đường đề free sortware khẳng định được vị trí vẫn còn dài nhưng đánh chứ ý là OpenSource đã giành khoảng 70% thị trường ứng dụng Web và dường như con số này vẫn tiếp tục tăng hàng năm
• Nhược điểm của mã nguồn mở:
Hỗ ợ và bảo trì: Một số ần mềm mã nguồn mở có thể thiếu hỗ ợ chuyên tr ph trnghiệp so với các sản phẩm có tính chất thương mại Điều này đặc biệt đúng khi bạn cần hỗ ợ kỹ thuật hoặc bảo trì đối với mộ ứng dụng quan trọtr t ng
Bảo mật: Mặc dù có cộng đồng lớn hỗ trợ kiểm tra và bảo mật, nhưng việc phát hiện và sửa lỗi bảo mậ không phải lúc nào cũng nhanh chóng Mã nguồn mở có thể t trở nên mục tiêu cho các lỗ hổng bảo mật nếu không được cập nhật đều đặn Tính tương thích: Đôi khi, phần mềm mã nguồn mở không tương thích hoàn toàn với các hệ ống hoặth c ứng dụng khác, đặc biệt là khi phải tích hợp với các giải pháp thương mại hoặc hệ ống đóng.th
Quy mô và ứng dụng chuyên sâu: Trong một số trường hợp, phần mềm mã nguồn mở có thể không phù hợp cho các ứng dụng lớn, quy mô cao hoặc yêu cầu các tính năng đặc biệt
Tài nguyên và chi phí: Mặc dù phần mềm mã nguồn mở thường miễn phí, nhưng việc triển khai, tùy chỉnh và hỗ ợ có thể đòi hỏi tài nguyên và chi phí trkhông nhỏ
Trang 12Thay đổi và ổn định: Mã nguồn mở thường có sự thay đổi liên tục, điều này có thể tạo ra sự không ổn định hoặc yêu cầu bạn cập nhật và thích nghi liên tục với cá phiên bản mới
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ố ợng người sử dụng tăng lên, các cộng tác viên là những lậ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 viết bài này là 2015, WordPress đã được xem như là một hệ ản trị nội dung (qu CMS – Content Management System 2) vượt
trội để hỗ ợ người dùng tạo ra nhiều thể ại website khác nhau như blog, website tr lotin 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ó độ ức tạp cao như đặt phòng khách sạn, thuê xe, đăng dự án phbất động sản,…vâng…vâng…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ả WordPress.ng
Hình 1.1 Logo mã nguồn mở Wordpress
Trang 132.2.2 Lịch sử hình thành của Wordpress
WordPress được tạo ra năm 2003 bởi 2 lập trình viên, Matt Mullenweg và Mike Little Họ bắt đầu xây dựng một nền tảng blogging trên mộ ứng dụng đã bị ừng t nghoạt động là b2/cafeblog Không lâu sau dự án đó bị bỏ rơi, họ quyết định fork nó và tiếp tục phát t ển riêng ri
Họ phát hành phiên bản đầu tiên của WordPress (WordPress 1.0) vào tháng Một năm 2004 Nó rất khác so với hệ ản trị nội dung bây giờ vì giờ bạn thấy nó có rấqu t nhiều tính năng Tuy nhiên, trước đây nó chỉ có vài tính năng chính mà chúng ta vẫn dùng tới tận bây giờ, như là WordPress editor, cài đặt dễ dàng, sử dụng permanent link đẹp, hệ ản trị qu người dùng, quản lý bình luận, vâng vâng
Từ 2004, WordPress đã trải qua nhiều đợt biến đổi lớn Ngày nay, dự án WordPress được tiếp tục phát triển, quản lý và vận hành bởi một công động mã nguồn
mở với hàng ngàn thành viên riêng Họ làm việc từ xa, nhiều người là tình nguyện viên, họ gặp gỡ trong một buổi hội thảo gọi là WordCamp WordPress vẫn đang trên
đà phát triển và phiên bản mới thường được phát hành mỗi 2, 3 tháng Mỗi phiên bản đều có thêm tính năng mới và cập nhật bảo mật
2.2.3 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ế ới, có khoảng 25 bài viết được đăng lên các website sử dụgi ng WordPress mỗi giây
- Số lượng website làm bằng WordPress chiếm 27% 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 sang169 ngôn ngữkhác nhau, bao gồm phiên bản Tiếng Việt được dịch đầy đủ
Trang 14- 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
2.2.4 Lý do bạn nên sử dụng Wordpress
* Dễ sử dụng
WordPress được phát triển nhằm phục vụ đối tượng người dùng phổ thông,
không có nhiều kiến thức về lập trình website nâng cao Các thao tác trong WordPress rất đơn giản, giao diện quản trị ực quan tr giúp bạn có thể nắm rõ cơ cấu quản lý một website WordPress trong thời gian ngắn Về cách cài đặt lại càng dễ hơn, bạn có thể tự cài đặt một website WordPress trên host (máy chủ) riêng của mình
và tự vận hành nó sau vài cú click Bạn đang lo lắng cách cài đặt thế nào, host là gì?
Không sao, các phần tiếp theo của serie học WordPress căn bản của mình đã có nói rất chi tiết
* Cộng đồng hỗ ợ ng đảo tr đô
Là một mã nguồn CMS mở ổ ến nhất thế ới, điều này cũng có nghĩa là ph bi gibạn sẽ ợc cộng đồng người sử dụng WordPress hỗ ợ bạn các khó khăn gặp phảđư tr i trong quá trình sử dụng Nếu bạn có khả năng tiếng Anh tốt, bạn có thể dễ dàng tìm câu trả lời cho vấn đề bạn đang gặp phải trên Google chỉ với vài từ khóa tìm kiếm
* Nhiều gói giao diện có sẵn
Tuy WordPress rất dễ sử dụng, nhưng việc tự tay thiết kế một giao diện website cho mình dựa trên WordPress không hề đơn giản và vẫn cần một kiến thức chuyên môn nhất định Tuy nhiên bạn không cần qua lo lắng về ều này, bởi vì hệ đi thống giao diện (bao gồm trả phí lẫn miễn phí) dành cho WordPress cực kỳ phong phú và bạn có thể sử dụng chỉ với vài cú click
Nếu bạn chưa tin vào các giao diện làm sẵn dành cho WordPress đẹp như thế nào, hãy ghé thử ThemeForest, MyThemeShop, Theme-Junkies,…Hoặc bạn có thể xem các giao diện WordPress miễn phí tại thư viện WordPress.Org
* Nhiều plugin hỗ trợ
Trang 15Plugin mở rộng nghĩa là một thành phần cài đặt thêm vào WordPress để giúp
nó có thêm nhiều tính năng cần thiết, ví dụ bạn cần tính năng làm trang bán hàng cho WordPress thì cài thêm plugin WooCommerce chẳng hạn Với lợi thế là người sử dụng đông đảo, nên thư viện plugin của WordPress cũng cực kỳ phong phú lẫn trả phí và miễn phí, hầu hết các tính năng thông dụng bạn đều có thẻ tìm thấy thông qua plugin
* Dễ phát triển cho lập trình viên
Nếu bạn là một người có am hiểu về ệc làm website như thành thạo HTML, viCSS, PHP thì có thể dễ dàng mở rộng website WordPress của bạn ra với rất nhiều tính năng vô cùng có ích Cách phát triển cũng rất đơn giản vì WordPress là một mã nguồn mở nên bạn có thể dễ dàng hiểu được cách hoạt động của nó và phát triển thêm các tính năng
Với hàng nghìn hàm (function) có sẵn của nó, bạn có thể thoải mái sử dụng, bạn cũng có thể thay đổi cấu trúc của một hàm với filter hook và hầu như quy trình làm việc của một lập trình viên chuyên nghiệp có thể ứng dụng dễ dàng vào WordPress
* Hỗ ợ tr nhiều ngôn ngữ
Mã nguồn WordPress hiện tại có rất nhiều gói ngôn ngữ đi kèm, bao gồm tiếng Việt Mặc dù trong mỗi giao diện hay plugin đều có ngôn ngữ riêng nhưng bạn có thể dễ dàng tự dịch lại nó với các phần mềm hỗ trợ
* Có thể làm nhiều loại ngôn ngữ
Dùng WordPress không có nghĩa là bạn chỉ có thể làm blog cá nhân, mà bạn có thể biến website mình thành một trang bán hàng, một website giới thiệu công ty, một
tờ tạp chí online bằng việc sử dụng kết hợp các theme và plugin với nhau Tuy nhiên
để làm được, bạn nên chắc chắn là đã hiểu được WordPress chứ đừng vội một bước lên mây để ận các cảm giác thất vọng vì độ ức tạp của nó.nh ph
Trang 16Chương 3 Cài đặ t website bán cây hoa đá cảnh GreenStore 3.1 Cài đặt phần mềm Xampp
Download Xampp và cài đặt:
Trang 17Sau khi màn hình Welcome của setup hiện ra thì chọ "Next" Tại màn hình n này chọn các ứng dụng kèm theo của bộ Xampp, có thể bỏ ững phần không cầnh n thiết
Chọn thư mục để cài đặt, chứa thư mục Xampp, thường để mặc định C:\xampp
Hình 3.3 Màn hình set- up – Installation folder