Đồ án tốt nghiệp – Thiết kế website bán quần áo bằng WordPress

TRƯỜNG ĐẠI HỌC VINH
KHOA CÔNG NGHỆ THÔNG TIN
--------------------------

VÕ QUỐC DŨNG

BÁO CÁO
ĐỒ ÁN TỐT NGHIỆP ĐẠI HỌC
Tên đồ án:

THIẾT KẾ WEBSITE BÁN QUẦN ÁO
BẰNG WORDPRESS

Nghệ An, tháng 05 năm 2016

Sinh Viên: Võ Quốc Dũng - Lớp: 52K2 - MSSV:1151073723

Page 1


Đồ án tốt nghiệp – Thiết kế website bán quần áo bằng WordPress

TRƯỜNG ĐẠI HỌC VINH
KHOA CÔNG NGHỆ THÔNG TIN
--------------------------

BÁO CÁO
ĐỒ ÁN TỐT NGHIỆP ĐẠI HỌC
Tên đồ án:

THIẾT KẾ WEBSITE BÁN BÁN QUẦN ÁO
BẰNG WORDPRESS

Sinh viên thực hiện:

Võ Quốc Dũng
Mã sinh viên: 1151073723
Lớp:

52K2-CNTT

Giáo viên hướng dẫn: ThS. Phạm Thị Thu Hiền

Nghệ An, tháng 05

Sinh Viên: Võ Quốc Dũng - Lớp: 52K2 - MSSV:1151073723

Page 2


Đồ án tốt nghiệp – Thiết kế website bán quần áo bằng WordPress
MỤC LỤC

LỜI CẢM ƠN ........................................................................................................... 5
LỜI NÓI ĐẦU .......................................................................................................... 6
PHẦN MỞ ĐẦU ....................................................................................................... 7


Lý do chọn đề tài ........................................................................................... 7




Mục tiêu của đề tài ........................................................................................ 7



Cách tiếp cận đề tài ....................................................................................... 8



Nội dung của đề tài ....................................................................................... 8



Yêu cầu của đề tài ......................................................................................... 8

CHƢƠNG 1: TÌM HIỂU VỀ WORDPRESS ...................................................... 10
1.1. Khái niệm về WordPress ................................................................................ 10
1.2. Các tính năng cơ bản của WordPress. ............................................................ 10
1.3. Cấu trúc cơ bản của bộ quản trị WordPress ................................................... 11
1.4. Những thành tựu của Wordpress.................................................................... 11
1.5. Những lý do nên chọn Wordpress .................................................................. 12
1.6. Những hiểu lầm về Wordpress ....................................................................... 13
1.7. Cài đặt Wordpress .......................................................................................... 13
CHƢƠNG 2: KHẢO SÁT VÀ PHÂN TÍCH THIẾT KẾ HỆ THỐNG ............ 16
2.1. Chức năng ...................................................................................................... 16
2.2. Yêu cầu đặt ra. ................................................................................................ 16
2.3. Mô tả hệ thống ............................................................................................... 17
2.4. Phân tích chức năng ....................................................................................... 18

2.5. Mơ hình luồng dữ liệu. ................................................................................... 20

Sinh Viên: Võ Quốc Dũng - Lớp: 52K2 - MSSV:1151073723

Page 3


Đồ án tốt nghiệp – Thiết kế website bán quần áo bằng WordPress
CHƢƠNG 3: THIẾT KẾ WEBSITE BÁN QUẦN ÁO BẰNG WORDPRESS 23
3.1 Giao diện ......................................................................................................... 23
3.2. Cài đặt trang chủ ............................................................................................ 25
3.3. Thiết lập chung ............................................................................................... 27
3.4. Thiết lập tiêu đề đầu trang .............................................................................. 29
3.5. Thiết lập trang chủ ......................................................................................... 30
3.6. Mạng xã hội.................................................................................................... 32
3.7. Thiết lập kiểu chữ ........................................................................................... 33
3.8. Thiết lập biểu tượng đối tác thanh toán.......................................................... 34
3.9. Thiết lập Menu ............................................................................................... 34
3.10. Widgets ........................................................................................................ 36
KẾT LUẬN ............................................................................................................. 38


Kết quả đạt được............................................................................................. 38



Hạn chế ........................................................................................................... 38




Hướng khắc phục và phát triển đề tài ............................................................. 38

TÀI LIỆU THAM KHẢO...................................................................................... 40

Sinh Viên: Võ Quốc Dũng - Lớp: 52K2 - MSSV:1151073723

Page 4


Đồ án tốt nghiệp – Thiết kế website bán quần áo bằng WordPress

LỜI CẢM ƠN
Lời đầu tiên cho phép em gửi lời cảm ơn sâu sắc tới toàn thể các thầy cô giáo
trong khoa Công nghệ Thông tin – Đại học Vinh, những người đã hết mình truyền
đạt cho chúng em những kiến thức quý báu và bổ ích trong suốt năm học vừa qua.
Để hoàn thành được đồ án này, đặc biệt em xin được bày tỏ sự cảm động và xin
chân thành cảm ơn giáo viên hướng dẫn Cô ThS. Phạm Thị Thu Hiền, người trực
tiếp hướng dẫn, chỉ bảo em trong suốt quá trình học tập và nghiên cứu để hoàn
thành đồ án này.
Cuối cùng xin được biết ơn sự động viên của gia đình và sự giúp đỡ tận tình của
bạn bè trong suốt quá trình học tập, nghiên cứu để hoàn thành đồ án.
Mặc dù đã cố gắng nỗ lực thực hiện đề tài với quyết tâm cao nhưng chắc hẳn đề
tài không thể tránh khỏi những thiếu sót. Em rất mong nhận được những ý kiến
đóng góp ý kiến của thầy cơ và các bạn để đề tài của chúng em ngày càng hoàn
thiện và hướng tới áp dụng thực tế hơn.
Em xin chân thành cảm ơn!
Vinh, ngày 19 tháng 05 năm 2016.
Sinh viên
Võ Quốc Dũng


Sinh Viên: Võ Quốc Dũng - Lớp: 52K2 - MSSV:1151073723

Page 5


Đồ án tốt nghiệp – Thiết kế website bán quần áo bằng WordPress

LỜI NĨI ĐẦ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, v.v… 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. Mạng Internet là một trong những sản phẩm có
giá trị hết sức lớn lao và ngày càng trở nên một công cụ khơng thể thiếu, là nền tảng
chính cho sự truyền tải, trao đổi thơng tin trên tồn cầu.
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 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ử làm biến đổi đáng kể về 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ách hàng là rất cần thiết. Vậy 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 “ THIẾT KẾ WEBSITE BÁN QUẦN ÁO
BẰNG WORDPRESS” cho cửa hàng QD FASHION SHOP.

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.
Với sự hướng dẫn tận tình của Cơ giáo Phạm Thị Thu Hiền em đã hoàn thành
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 q Thầy cơ.
Em xin chân thành cảm ơn!

Sinh Viên: Võ Quốc Dũng - Lớp: 52K2 - MSSV:1151073723

Page 6


Đồ án tốt nghiệp – Thiết kế website bán quần áo bằng WordPress
PHẦN MỞ ĐẦU
 Lý do chọn đề tài
Trong xã hội ngày nay, việc ứng dụng công nghệ thông tin vào đời sống thực
tiễn khơng cịn là một cơng việc mới mẻ. Công nghệ thông tin đã xâm nhập vào đời
sống của toàn xã hội, nhu cầu thu nhận, lưu trữ và xử lý thông tin ngày càng cao.
Đặc biệt là trong lĩnh vực quản lý kinh tế, tin học đã góp phần tạo ra sự thay đổi
nhanh chóng cho bộ mặt xã hội. Nhất là khi việc tin học hóa vào cơng tác quản lý,
bán hàng là một trong những yêu cầu cần thiết đối với các doanh nghiệp hiện nay.
Từ những phần mềm quản lý giúp cho cơng việc bán hàng của cửa hàng trở nên
nhanh chóng và dễ dàng, ngày nay công nghệ thông tin đã phát triển mạnh mẽ hơn
nữa, Website ra đời không chỉ đáp ứng cho các khách hàng đến trực tiếp cửa hàng
mua sản phẩm mà nó cịn phục vụ cho những khách hàng ở xa. Không những thế,
việc giới thiệu, quảng bá hình ảnh về cửa hàng, cơng ty được mở rộng trên quy mô
lớn giúp cho việc kinh doanh, buôn bán, trao đổi tin tức thuận lợi hơn rất nhiều,
mang lại hiệu quả kinh tế cao hơn và tạo uy tín trong lịng khách hàng.

Chính vì lợi ích mà Website mang lại mà các cửa hàng, công ty đã áp dụng nó
để phát triển cơng việc kinh doanh và giới thiệu cửa hàng của mình. Trong số đó,
thời trang cũng là một ngành sử dụng nhiều đến Website. Do vậy, em lựa chọn đề
tài “Thiết kế Website bán quần áo bằng WordPress” nhằm đưa đến cho khách
hàng một địa điểm lý tưởng trong việc mua sắm quần áo, đặc biệt là phái nữ.
 Mục tiêu của đề tài
Trải qua quá trình học tập và rèn luyện tại Khoa Cơng nghệ Thơng tin - Trường
Đại học Vinh. Với mục tiêu góp phần áp dụng công nghệ thông tin vào việc quản lý,
phát triển công việc kinh doanh và giới thiệu cửa hàng kinh doanh thời trang của
một số nhà doanh nghiệp nhỏ, với mức đầu tư thấp, số lượng quần áo tương đối ít.
Nhằm đảm bảo cho những chủ doanh nghiệp có thể vừa giới thiệu được cho khách
hàng những sản phẩm mới nhất của cửa hàng và áp dụng vào thực tiễn của từng cửa
hàng.

Sinh Viên: Võ Quốc Dũng - Lớp: 52K2 - MSSV:1151073723

Page 7


Đồ án tốt nghiệp – Thiết kế website bán quần áo bằng WordPress
 Cách tiếp cận đề tài
Đề tài hướng đến các cửa hàng quần áo có quy mơ nhỏ, kinh phí đầu tư thấp, số
lượng quần áo tương đối ít. Yêu cầu về nghiệp vụ của phần mềm là không cao. Nên
em thực hiện việc khảo sát thực tế việc bán quần áo tại Cửa hàng quần áo “QD
Fashion Shop”.
Đặc biệt là sự giúp đỡ của Cô giáo Phạm Thị Thu Hiền Khoa Công nghệ
Thông tin – Trường Đại học Vinh đã hướng dẫn, giúp đỡ em rất nhiều để tìm hiểu
và thực hiện về đề tài này.
 Nội dung của đề tài
Ứng dụng những kiến thức đã học và qua quá trình khảo sát thực tế, em quyết

định chọn đề tài “Thiết kế Website bán quần áo bằng WordPress” áp dụng thực
tiễn đã được học tại Khoa Công nghệ Thông tin - Trường Đại học Vinh cùng với đó
là q trình tìm hiểu tại cửa hàng thời trang QD Fashion Shop với mục đích góp
phần áp dụng cơng nghệ thông tin vào việc kinh doanh buôn bán của cửa hàng giúp
người dùng có cách tiếp cận dễ dàng, thuận tiện hơn, tiết kiệm thời gian lựa chọn
xem mẫu mã quần áo mới của cửa hàng.
Đề tài gồm 4 phần:


Phần mở đầu: Tổng quan về đề tài.



Tìm hiểu về WordPress.



Khảo sát và phân tích thiết kế.



Thiết kế website bán quần áo bằng WordPress.

 Yêu cầu của đề tài
Xây dựng chương trình “Thiết kế Website bán quần áo bằng WordPress” với
các yêu cầu sau:
-

Giới thiệu hình ảnh của cửa hàng đến với mọi người.
Giao diện thân thiện, dễ sử dụng.

Cập nhật những mẫu thời trang mới nhất đến với khách hàng nhanh chóng.
Cung cấp thơng tin về mẫu sản phẩm, hình ảnh thực tế sản phẩm và địa chỉ
liên hệ đến cửa hàng.
Cho phép cập nhật hàng.
Hiện thị danh sách mặt hàng theo từng loại.
Hiện thị hàng hóa khách hàng chọn mua.

Sinh Viên: Võ Quốc Dũng - Lớp: 52K2 - MSSV:1151073723

Page 8


Đồ án tốt nghiệp – Thiết kế website bán quần áo bằng WordPress
-

Hiện thị thông tin khách hàng.

-

Quản lý đơn đặt hàng.

-

Cập nhật hàng hóa, loại hàng, tin tức.
Xử lý đơn hàng.

Sinh Viên: Võ Quốc Dũng - Lớp: 52K2 - MSSV:1151073723

Page 9



Đồ án tốt nghiệp – Thiết kế website bán quần áo bằng WordPress
CHƢƠNG 1
TÌM HIỂU VỀ WORDPRESS
1.1. Khái niệm về WordPress
WordPress là phần mềm mã nguồn mở được cung cấp miễn phí, sử dụng ngơn
ngữ lập trình PHP và hệ cơ sở dữ liệu MySQL. Do đó, nó thích hợp cho ai muốn đặt
blog trên chính website sử dụng chính tên miền của mình. Tuy nhiên, nếu khơng có
tên miền riêng và chịu được một vài hình ảnh quảng cáo đơi khi xuất hiện, bạn vẫn
có thể dùng chung với nhà cung cấp Automattic Production tại địa chỉ
www.hptt://wordpress.com tương tự các nhà cung cấp khác.
WordPress là một dạng phần mềm mã nguồn mở, là hậu duệ chính thức của
b2/cafelog, được phát triển bởi Michel Valdrigin. 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.
WordPress được viết bằng PHP và sử dụng hệ quản trị MySQL. WordPress chạy
tốt trên PHP5, hầu hết mọi host (dịch vụ lưu trữ trực tuyến) có PHP đều hỗ trợ
WordPress. Nhiều Host (Godaddy, Host Gator,…) cịn có chức năng tự cài đặt
WordPress.
WordPress để đăng tải thông tin lên mạng, WordPress có chức năng như mọi
Website khác. Nó có thể làm sile tin tức, đánh giá, bán hàng,… thậm chí là mạng xã
hội.
Ngồi ra, WordPress cịn hỗ trợ tạo blog miễn phí trên wordpress.com để những
ai khơng có điều kiện tài chính, kỹ thuật, thời gian, … có thể sử dụng được
WordPress.
1.2. Các tính năng cơ bản của WordPress.
Dễ cài đặt, chỉ cần khởi tạo database, upload và thiết lập tham số trong file wpcofig.php, sau 1,2 lần click chuột bạn đã sẵn sàng để viết blog.
Không giới hạn số lượng category và sub-category: bạn có thể tạo vô số chuyên
mục và các chuyên mục con trong các chun mục chính mà khơng gặp phải bất kỳ
rắc rối nào. Tự động xuất RSS và Atom: giúp cập nhật các thông tin về blog của bạn
ngay lập tức.

Sử dụng giao diện XML RPC để trackback và viết bài từ xa.
Hỗ trợ plugin và theme: đây là một điểm mạnh nhất của WordPress. Nó tạo cơ
hội cho hàng nghìn nhà phát triển cùng tham gia phát triển các plugin và theme cho
WordPress, làm cho nó càng ngày càng phong phú về tính năng và giao diện.
Sinh Viên: Võ Quốc Dũng - Lớp: 52K2 - MSSV:1151073723

Page 10


Đồ án tốt nghiệp – Thiết kế website bán quần áo bằng WordPress
Rất nhiều tài liệu hướng dẫn để giúp phát triển thêm tính năng, và nhiều bộ API
để mở rộng.
Dễ quản lý và duy trì mà chẳng cần phải có nhiều kĩ năng hay kinh nghiệm.
Khả năng tìm kiếm trên blog rất tốt.
1.3. Cấu trúc cơ bản của bộ quản trị 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.
- Updates: Hiển thị tất cả các theme và plugin có bản mới.
- Posts: Quản lý bài viết, tag và danh mục (category).
+ 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.
- Plugins: Quản lý các thành phần mở rộng.
- Settings: Thiết lập các tùy chọn.
1.4. Những thành tựu của Wordpress
Khi tìm hiểu về WordPress. Sẽ thật tự hào khi biết rằng mã nguồn mà em đ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. Những con số sau đây sẽ kiểm chứng điều đó :
- 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 trong đó có tiếng Việt.
- Có hơn 80 chương trình họp mặt về WordPress được tổ chức vào năm 2014.

Sinh Viên: Võ Quốc Dũng - Lớp: 52K2 - MSSV:1151073723

Page 11


Đồ án tốt nghiệp – Thiết kế website bán quần áo bằng WordPress
- 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.
1.5. Những lý do nên chọn 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ị trực quan giúp ta 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, ta 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ó .
 Cộng đồng hỗ trợ đông đảo

Là một mã nguồn CMS mở phổ biến nhất thế giới, điều này cũng có nghĩa là
chúng ta sẽ được cộng đồng người sử dụng WordPress hỗ trợ chúng ta các khó
khăn gặp phải trong quá trình sử dụng. Nếu chúng ta có khả năng tiếng Anh tốt, có
thể dễ dàng tìm câu trả lời cho vấ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 (theme) có sẵn
Trong khi sử dụng WordPress, khái niệm giao diện cho website WordPress
thường được gọi là theme. Hiện nay WordPress có rất nhiều theme miễn phí khác
nhau để có thể dễ dàng thay đổi website chỉ với vài cú click mà không cần bận tâm
việc làm sao để thiết kế một theme cho riêng mình. Cịn nếu muốn website đẹp và
chun nghiệp hơn, ta có thể mua các theme trả phí với giá bán dao động từ $30 đến
$65.
 Nhiều plugin hỗ trợ
Plugin nghĩa là một trình cắm thêm vào website để bổ sung các chức năng. Ví
dụ mặc định sau khi cài website WordPress, chúng ta khơng có chức năng hiển thị
các bài viết liên quan ở dưới mỗi bài viết, nhưng với nhiều plugin miễn phí hỗ trợ
thì ta có thể dễ dàng cài thêm một plugin miễn phí để website mình có chức năng
đó. Tương tự với theme, cũng có rất nhiều plugin trả phí mang những tính năng rất
độc đáo và có ích vào website và nó sẽ có giá khoảng từ $10 đến $80 tùy theo độ
phức tạp.
 Dễ phát triển cho lập trình viên
Sinh Viên: Võ Quốc Dũng - Lớp: 52K2 - MSSV:1151073723

Page 12


Đồ án tốt nghiệp – Thiết kế website bán quần áo bằng WordPress
Nếu chúng ta là một người có am hiểu về việc làm website như thành thạo
HTML, CSS, PHP thì có thể dễ dàng mở rộng website WordPress 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 chúng ta 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ó, chúng ta có thể thoải mái sử dụng,
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 cả
tiếng Việt
 Có thể làm nhiều loại website
Dùng WordPress khơng có nghĩa là chỉ có thể làm blog cá nhân, mà 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.
1.6. Những hiểu lầm về Wordpress
 WordPress chỉ là một phần mềm
Đúng vậy, WordPress chỉ là một phần mềm nguồn mở được viết bằng PHP &
MySQL để giúp tạo được website nhanh hơn. Nhưng đó khơng có nghĩa là nó sẽ
giúp tạo được một website bất kỳ chỉ với các thao tác đơn giản.
Mặc dù thư viện các giao diện có sẵn (Theme) và Plugin rất nhiều nhưng để tuỳ
biến website sử dụng WordPress tốt hơn, chúng ta cần phải có kiến thức về PHP,
HTML, CSS, Javascript,…tất cả các kỹ thuật liên quan tới website.
 WordPress chỉ dành cho người không biết code
Hồn tồn sai lầm, nếu đã nghe ai đó nói rằng WordPress chỉ dành cho những
người khơng chun lập trình sử dụng thì điều này hồn tồn khơng chính xác. Dĩ
nhiên những người khơng biết lập trình sẽ dùng WordPress bằng cách sử dụng các
tính năng có sẵn, thư viện giao diện phong phú và các plugin hỗ trợ cũng đã đủ để
làm được website. Nhưng nếu chúng ta biết code thì càng tốt vì WordPress có phần
lõi mã nguồn rất mạnh để áp dụng kỹ năng không giới hạn.
1.7. Cài đặt Wordpress
1.7.1. Cài đặt Wordpress trên Localhost với Xampp
Localhost là từ ghép của hai chữ “local” và “host“. Local dịch theo nghĩa IT là

máy tính của bạn, Host theo nghĩa IT là máy chủ. Vậy localhost nghĩa là một máy
Sinh Viên: Võ Quốc Dũng - Lớp: 52K2 - MSSV:1151073723

Page 13


Đồ án tốt nghiệp – Thiết kế website bán quần áo bằng WordPress
chủ được vận hành trên máy tính. Localhost bao gồm nhiều ứng dụng đi kèm với
nhau và tất cả các ứng dụng đó sẽ kết hợp với nhau để tạo ra một mơi trường có thể
chạy mã nguồn WordPress trên máy tính bao gồm:
- Phần mềm Webserver tên Apache, đây là webserver thông dụng nhất.
- Phần mềm PHP để xử lý mã PHP vì WordPress viết bằng ngơn ngữ PHP.
- Phần mềm MySQL Server để lưu trữ và xử lý cơ sở dữ liệu, do WordPress sử
dụng MySQL làm nền tảng cơ sở dữ liệu.
- Phần mềm PHPMyAdmin để xem và quản lý cơ sở dữ liệu MySQL.
Khi cài đặt Localhost vào máy tính rồi, thì máy tính của chúng ta đã có một phần
mềm Webserver để chạy ứng dụng website với địa chỉ là http://127.0.0.1. Đây là địa
chỉ IP dạng localhost, ngồi ra cũng có thể chạy localhost với đường dẫn là
http://localhost.
 Lƣu ý trƣớc khi cài đặt
 Xố tồn bộ ứng dụng liên quan tới localhost
Nếu chúng ta có cài đặt các phần mềm liên quan đến việc làm localhost như
PHP, MySQL thì hãy xố hết. Và không nên cài XAMPP trên Windows Server
đã cài đặt IIS.
 Tắt tường lửa
Nếu máy có cài đặt tường lửa từ Windows hay từ một phần mềm Antivirus nào
khác thì hãy tắt nó đi vì có thể nó sẽ chặn cổng 80 hoặc các ứng dụng webserver.
 Tắt UAC trên Windows
Nếu máy đang dùng Windows và có bật chức năng User Account Control thì
hãy tắt nó đi khi dùng localhost để tránh các vấn đề bị giới hạn quyền.

 Cài đặt Wordpress trên Localhost với Xampp
Việc cài đặt Wordpress trên localhost với phần mềm Xampp được giới thiệu
nhiều, chi tiết trên các trang mạng. Do đó, chúng ta có thể tìm hiểu và làm theo
một cách đơn giản. Ở đây, em chỉ giới thiệu cách cài đặt Wordpress lên host
miễn phí với Hostinger.vn
1.7.2. Cài đặt Wordpress lên host miễn phí với Hostinger.vn
Bạn mới bắt đầu tập làm quen với WordPress? Bạn muốn tạo dựng một
blog/website cho riêng mình nhưng khơng thể mua nổi hosting vì điều kiện kinh tế
hạn hẹp? Bạn đang muốn tìm kiếm một hosting để test code hay build site demo?
Trong những trường hợp như vậy, hosting miễn phí là một sự lựa chọn hồn tồn
Sinh Viên: Võ Quốc Dũng - Lớp: 52K2 - MSSV:1151073723

Page 14


Đồ án tốt nghiệp – Thiết kế website bán quần áo bằng WordPress
sáng suốt và phù hợp. Hiện tại, trên thế giới có rất nhiều nhà cung cấp hosting miễn
phí. Tuy nhiên, nếu bạn muốn sử dụng một dịch vụ hỗ trợ 100% tiếng Việt thì
Hostinger.vn là một nhà cung cấp mà bạn khó có thể bỏ qua. Với 2GB dung lượng
lữu trữ và 100GB băng thông, đây chắc chắn là một khởi đầu hợp lý cho những dự
định của bạn. Sau đây là hướng đẫn cài đặt WordPress với hosting miễn phí từ
Hostinger.

Sinh Viên: Võ Quốc Dũng - Lớp: 52K2 - MSSV:1151073723

Page 15


Đồ án tốt nghiệp – Thiết kế website bán quần áo bằng WordPress
CHƢƠNG 2

KHẢO SÁT VÀ PHÂN TÍCH THIẾT KẾ HỆ THỐNG

2.1. Chức năng.
Đây là một website bán và giới thiệu sản phẩm của cửa hàng, công ty đến
người tiêu dùng với các chi tiết mặt hàng với giá cả chính xác. Có các chức năng
sau:
- Cho phép cập nhật hàng.
- Hiện thị danh sách mặt hàng theo từng loại.
- Hiện thị hàng hóa khách hàng chọn mua.
- Hiện thị thông tin khách hàng.
- Quản lý đơn đặt hàng.
- Cập nhật hàng hóa, loại hàng, tin tức.
- Xử lý đơn hàng.
2.2. Yêu cầu đặt ra.
 Thiết bị và phần mềm.
- Máy tính có thể thiết kế được với web.
- Cài đặt Wordpress, localhost,...
 Yêu cầu trang web: Hệ thống có 2 phần:


Thứ nhất: Phần khách hàng:

Khách hàng là những người có nhu cầu mua sắm hàng hóa, họ sẽ tìm kiếm
các mặt hàng cần thiết từ hệ thống và đặt mua các mặt hàng này. Vì thế phải cóp
chức năng sau:
- Hiển thị danh sách các mặt hàng của cửa hàng để khách hàng xem, lựa
chọn và mua.
- Khách hàng xem các thông tin tin tức mới, khuyến mãi trên trang web.
- Sau khi khách hàng chọn và đặt hàng trực tiếp thì phải hiện lên đơn hàng
để khách hàng có thể nhập thơng tin mua hàng và xem hóa đơn mua hàng.

Sinh Viên: Võ Quốc Dũng - Lớp: 52K2 - MSSV:1151073723

Page 16


Đồ án tốt nghiệp – Thiết kế website bán quần áo bằng WordPress


Thứ hai: Dành cho người quản trị:

Người làm chủ ứng dụng có quyền kiểm sốt mọi hoạt động của hệ thống.
Người này được cung cấp username và password để đăng nhập hệ thống thực hiện
chức năng của mình:
- Chức năng cập nhật, sửa, xóa các mặt hàng, loại hàng, nhà sản xuất, tin
tức. Nó địi hỏi sự chính xác.
- Tiếp nhận kiểm tra đơn đặt hàng của khách hàng. Hiển thị đơn đặt hàng.
- Thống kê theo ngày, khoảng thời gian.
Ngồi các chức năng trên thì trang Web phải được thiết kế sao cho dễ hiểu,
giao diện mang tính dễ dùng đẹp mắt và làm sao cho khách hàng thấy được thơng
tin cần tìm, cung cấp thơng tin quảng cáo hấp dẫn, các tin tức khuyến mãi để thu hút
khách hàng. Điều quan trọng là phải đảm bảo an tồn tuyệt đối thơng tin khách hàng
trong q trình đặt hàng mua qua mạng. Đồng thời trang Web phải luôn đổi mới,
hấp dẫn.
2.3. Mô tả hệ thống
Quản lý shop thời trang là hoạt động của một cửa hàng dù lớn hay nhỏ, nhân
viên phải thực hiện các công việc liên quan đến nhập, xuất quần áo.... Điều này gây
ảnh hưởng rất nhiều đến hiệu quả và thời gian làm việc. Bên cạnh đó, số người biết
đến cửa hàng khơng lớn, chỉ trong quy mô nhỏ. Do vậy, việc sử dụng Website để
bán hàng và giới thiệu cửa hàng là điều cần thiết để phát triển cửa hàng lớn mạnh
hơn.

Để giải quyết vấn đề đặt ra này, em thực hiện khảo sát tại cửa hàng thời trang
QD Fashion Shop.
 Cơ cấu tổ chức cửa hàng:
- Chủ cửa hàng: Chịu trách nhiệm về việc bán hàng, nhập hàng, quản lý
doanh thu của cửa hàng.
 Hiện trạng hiện nay:
- Sản phẩm mới cho cửa hàng: Khi cửa hàng nhập 1 loại quần áo mới về
thì chủ cửa hàng chịu trách nhiệm cập nhật thơng tin sản phẩm.
- Bán hàng: Khi có khách hàng tới mua quần áo thì chủ cửa hàng cung
cấp các thông tin về sản phẩm, thông tin giá cả và cung cấp sản phẩm cho
khách hàng khi đồng ý bán.
- Các giao dịch được thực hiện tại cửa hàng, người mua quần áo đến xem
hàng, lựa chọn, và giao dịch.
Sinh Viên: Võ Quốc Dũng - Lớp: 52K2 - MSSV:1151073723

Page 17


Đồ án tốt nghiệp – Thiết kế website bán quần áo bằng WordPress
Lượng quần áo, đồ dùng của cửa hàng tương đối ít, số lượng tương đối, số lượng
khách mua trong ngày khơng nhiều.
2.4. Phân tích chức năng
2.4.1. Mơ hình phân rã chức năng

2.4.2. Mô tả chức năng.
 Chức năng quản lý nhập hàng:
- Cập nhật sản phẩm: Thêm sửa xóa thơng tin sản phẩm, cập nhật thơng tin
cần sửa xóa vào sản phẩm.
- Cập nhật số lượng.
 Chức năng quản lý bán hàng:

- Tìm kiếm sản phẩm: Khi khách hàng đến với Website muốn tìm kiếm tên
một sản phẩm thì nhập thơng tin cần tìm rồi click vào.
Sinh Viên: Võ Quốc Dũng - Lớp: 52K2 - MSSV:1151073723

Page 18


Đồ án tốt nghiệp – Thiết kế website bán quần áo bằng WordPress
- Xem thông tin sản phẩm: Khách hàng muốn xem sản phẩm thì click vào
một sản phẩm bất kì để đọc thơng tin sản phẩm đó để biết chi tiết và lựa
chọn mặt hàng cần mua.
- Đặt hàng: Khi khách hàng muốn mua sản phẩm nào đó thì khách hàng
phải đăng nhập vào hệ thống Website hệ thống sẽ cung cấp cho bạn một
tài khoản để bạn tự do lựa chọn sản phẩm.
- Thanh tốn: Khách hàng có thể lựa chọn thanh tốn qua các hình thức
như: thanh toán qua thẻ hoặc thanh toán trực tiếp khi giao hàng tận nơi
cho khách hàng.
- Xem thông tin đơn đặt hàng: Khách hàng có thể đặt qua hệ thống
Website, nhà quản trị sẽ xem thông tin đơn đặt hàng của khách hàng, nếu
trong hệ thống cịn hàng thì hệ thống sẽ duyệt đơn và trả lời khách hàng
thực hiện giao dịch. Còn nếu hết hàng hệ thống sẽ trả lời thông báo cho
khách hàng.
 Chức năng báo cáo thống kê:
- Thống kê đơn đặt hàng: Nhà quản trị sẽ thống kê đơn đặt hàng của khách
hàng đặt mua dựa vào đơn đựt hàng.
- Thống kê số lượng: Nhà quản trị sẽ thống kê số lượng sản phẩm còn lại
trong kho hàng để kiểm kê.
- Thống kê doanh thu: Nhà quản trị sẽ thống kê tổng tiền bán được thơng
qua hóa đơn.
- Thống kê hàng trong kho: Nhà quản trị sẽ kiểm tra lại hàng trong kho xác

định hàng tồn, hàng bán chạy hay tình trạng của từng sản phẩm trong
kho.
 Chức năng quản lý người dùng:
- Đăng nhập: Khi khách hàng muốn mua sản phẩm của shop thì bắt buộc
phải đăng nhập vào hệ thống.
- Đăng ký: Nếu khách hàng nào chưa có tài khoản thì có thể đăng ký muốn
đăng ký bằng cách điền đầy đủ thông tin và chờ xác nhận của hệ thống.
- Cập nhật thông tin cá nhân.

Sinh Viên: Võ Quốc Dũng - Lớp: 52K2 - MSSV:1151073723

Page 19


Đồ án tốt nghiệp – Thiết kế website bán quần áo bằng WordPress
2.5. Mơ hình luồng dữ liệu.
2.5.1 Sơ đồ khối chức năng chọn và đặt hàng.

Sinh Viên: Võ Quốc Dũng - Lớp: 52K2 - MSSV:1151073723

Page 20


Đồ án tốt nghiệp – Thiết kế website bán quần áo bằng WordPress
2.5.2. Sơ đồ khối chức năng thanh toán.

2.5.3.

2.5.3. Sơ đồ khối chức năng đăng ký thành viên


Sinh Viên: Võ Quốc Dũng - Lớp: 52K2 - MSSV:1151073723

Page 21


Đồ án tốt nghiệp – Thiết kế website bán quần áo bằng WordPress
2.5.4. Sơ đồ chức năng tìm kiếm.

2.5.5. Sơ đồ chức năng phản hồi.

Sinh Viên: Võ Quốc Dũng - Lớp: 52K2 - MSSV:1151073723

Page 22


Đồ án tốt nghiệp – Thiết kế website bán quần áo bằng WordPress
CHƢƠNG 3
THIẾT KẾ WEBSITE BÁN QUẦN ÁO BẰNG WORDPRESS
3.1 Giao diện
- Đăng nhập vào Wordpress Admin
Click vào Giao diện -> Mục giao diện -> Thêm mới.

- Click vào thêm mới -> Chọn tải giao diện lên và duyệt các tập tin “zip” tải về
trong máy tính.
- Click vào nút Cài đặt và sau đó kích hoạt chủ đề mình chọn.

Sinh Viên: Võ Quốc Dũng - Lớp: 52K2 - MSSV:1151073723

Page 23



Đồ án tốt nghiệp – Thiết kế website bán quần áo bằng WordPress

- Giải nén file zip tải về.
- Tải lên các tập tin đã được giải nén vào wp-content
- Bây giờ, kích hoạt chủ đề bằng cách vào Giao diện -> Themes trong bảng
điều khiển wordpress.

Sinh Viên: Võ Quốc Dũng - Lớp: 52K2 - MSSV:1151073723

Page 24


Đồ án tốt nghiệp – Thiết kế website bán quần áo bằng WordPress

3.2. Cài đặt trang chủ
Tới Bảng tin -> Trang -> Thêm mới trang
- Tạo một trang
- Nhập tiêu đề trang
- Click vào nút “Đăng bài viết”

Sinh Viên: Võ Quốc Dũng - Lớp: 52K2 - MSSV:1151073723

Page 25