LỜI CẢM ƠN
Em xin gửi lời cảm ơn chân thành và sự tri ân sâu sắc đối với các thầy cô của
trường Đại học Công nghệ thông tin và truyền thông Thái Nguyên, đặc biệt là các thầy
cô khoa Công Nghệ Thông Tin của trường đã tạo điều kiện cho em có nhiều trải
nghiệm và những định hướng tốt cho ngành nghề mà em theo đuổi. Và em cũng xin
chân thành cảm ơn Cô giáo Th.s Nguyễn Hiền Trinh đã nhiệt tình hướng dẫn em hoàn
thành tốt đợt làm đồ án.
Trong quá trình làm đồ án, cũng như là trong quá trình làm bài báo cáo, khó
tránh khỏi sai sót, rất mong các thầy cô bỏ qua. Đồng thời do trình độ hiểu biết cũng
như kinh nghiệm thực tiễn còn hạn chế nên bài báo cáo không thể tránh khỏi những
thiếu sót, em rất mong nhận được ý kiến đóng góp của các thầy cô để em học thêm
được nhiều kinh nghiệm và sẽ hoàn thành tốt hơn các bài báo cáo sắp tới.
Em xin chân thành cảm ơn!

1


MỤC LỤC
LỜI CẢM ƠN ............................................................................................................. 1
MỤC LỤC ................................................................................................................... 2
MỞ ĐẦU..................................................................................................................... 3
Chương 1 TỔNG QUAN VỀ MÃ NGUỒN MỞ WORDPRESS ................................. 4
1.1. Giới thiệu về Wordpress .................................................................................... 4
1.1.1. Khái niệm về Wordpress ............................................................................. 4
1.1.2. Cài đặt webserver chạy Wordpress ............................................................. 5
1.1.3. Cài đặt XAMPP........................................................................................... 6
1.1.4. Cài đặt Wordpress trên localhost ............................................................... 10
1.1.5. Cài đặt Plugin trong Wordpress ................................................................. 12
Chương 2 KHẢO SÁT VÀ PHÂN TÍCH THIẾT KẾ HỆ THỐNG ........................... 15
2.1. Khảo sát hiện trạng ............................................................................................. 15
2.1.1. Thực trạng bài toán ................................................................................... 15

Việc xây dựng website để phục vụ nhu cầu riêng của cá nhân, tổ chức đã không
lấy gì làm xa lạ. Với một vài thao tác đơn giản bạn đã có thể làm chủ một website mà
bạn yêu thích: website xe hơi, website giới thiệu về gia đình, bạn bè,...Đối với một
hoạt động của một công ty kinh doanh có quy mô lớn sẽ được tăng cường, mở rộng
hơn nữa nếu xây dựng một website tốt quảng bá hình ảnh công ty cùng các dịch vụ,
các sản phẩm đến với khách hàng có nhu cầu. Xuất phát từ ý tưởng đó cùng với sở
thích kinh doanh của bản thân em đã quyết định chọn đề tài :” XÂY DỰNG
WEBSITE THƯƠNG MẠI ĐIỆN TỬ CHO CỬA HÀNG THỜI TRANG DUY
SHOP-THÁI NGUYÊN ” .
Nội dung đề tài gồm:
Chương 1: Tổng quan về mã nguồn mở Wordpress
Chương 2: Khảo sát và phân tích thiết kế hệ thống
Chương 3: Xây dựng demo website cho cửa hàng thời trang DUYSHOP
Kết luận: Tổng kết những việc đã làm được và hướng phát triển

3


Chương 1
TỔNG QUAN VỀ MÃ NGUỒN MỞ WORDPRESS
1.1. Giới thiệu về Wordpress
1.1.1. Khái niệm về Wordpress
WordPress là một dạng phần mềm mã nguồn mở được Christine Selleck đề
xuất . Mọi người biết đến WordPress đơn giản là để viết Blog, để đăng tải thông tin
của mình lên mạng nhưng không đơn giản như vậy, WordPress còn có chức năng như
mọi Website khác. Nó có thể làm site tin tức, đánh giá, bán hàng… thậm chí là…
mạng xã hội. Các bạn có thể ứng dụng wordpress để tạo cho mình 1 website trên nền
wordpress, 1 website được tạo ra nhanh chóng đơn giản mà lại tiện cho việc quảng
bá sản phẩm , thông tin , kiến thức ….WordPress được viết bằng ngôn ngữ lập trình
PHP và sử dụng MySQL database. WordPress là “con” của B2 / Cafelog, được xây

khác.
 Hỗ trợ import đa năng từ các blog khác như Blogspot, Tumblr, Blogger,
LiveJournal …
 WordPress hỗ trợ 3 GB để lưu trữ hình ảnh và văn bản.
 Hàng ngày WordPress sẽ thống kê 100 bài viết trên các blog tiếng Việt
được nhiều người đọc nhất. Nhờ đó bạn biết được các thông tin quan trọng nhất
đang diễn ra.
 Và đặc biệt mới đây nhất WordPress hỗ trợ việc quản lý blog qua mobile rất
thuận tiện và dễ dàng.
1.1.2. Cài đặt webserver chạy Wordpress
Để chạy được Wordpress ta cần phải có một WebServer với Apache, MySQL,
PHP and Perl, việc cấu hình và cài đặt WebServer gặp nhiều khó khăn và tốn kém thời
gian. Hiện nay có nhiều phần mềm cấu hình sẵn và ứng dụng như một WebServer như
Xamp, Wamp,…Trong phần này tôi sử dụng WebServer Xampp để chạy Joomla..
Cài đặt Web Server - Cài đặt XAMPP
Nếu muốn một trang web viết bằng ngôn ngữ PHP có thể chạy được trên máy
tính cục bộ và trên máy chủ thì cần phải có một web server là Apache, bộ thông dịch
ngôn ngữ PHP, ngôn ngữ truy vấn cơ sở dữ liệu là mySQL.
Đây là ba thành phần độc lập với nhau nhưng là bộ tam không thể thiếu nhau.
Với người bình thường nếu muốn 3 thành phần này chạy với nhau một cách tốt đẹp thì
bạn phải có nhiều kiến thức sâu rộng về chúng vì thế sẽ gây khó khăn cho người mới
học.
5


Từ nhu cầu đó mà một gói phần mềm tích hợp 3 thành phần trên đã ra đời. Có
nhiều phần mềm tích hợp 3 thành phần này. Nhưng hiện nay, gói phần mềm chạy ổn
định nhất đó là XAMPP.
XAMPP tích hợp các gói phần mềm: Apache (web server), PHP (Ngôn ngữ lập trình
web), mySQL (hệ quản trị cơ sở dữ liệu dành cho PHP)…


8


8. Tiếp theo, chương trình sẽ gọi tất cả các dịch vụ của web server ra chạy. Sau
khi hoàn thành, chương trình sẽ mở hộp thoại thông báo. Bạn nhấn OK để tiếp tục.

Hình 1.6. Thông báo cài đặt thành công
9. Sau đó, một hộp thoại mới mở ra, bạn chọn Yes để tiếp tục. Trong hộp hội
thoại mới kế tiếp, bạn chọn mở hết các dịch vụ Apache, MySQL bằng cách check vào
ô vuông dịch vụ và chọn Start như hình sau:

Hình 1.7. Control Panel của Xampp
Đến đây quá trình cài đặt một web server chạy dạng trên máy tính cá nhân đã
hoàn thành.
Tất cả mọi máy tính cá nhân cài web server đều có chung một tên miền để truy
cập là: http://localhost hoặc địa chỉ IP là http://127.0.0.1
Sau khi cài đặt, web server sẽ tự động mở cổng 80 để phục vụ việc trình bày
trang web trên các trình duyệt web.

9


Việc cài đặt web server không yêu cầu máy tính của bạn phải có một card mạng
gắn sẵn. Nếu máy tính không có card mạng, bạn vẫn có thể tạo được webserver để
phục vụ lập trình web.
10. Sau khi cài đặt, bạn cần kiểm tra lại xem web server có đang chạy hay
không. Mở một trình duyệt web và gõ vào địa chỉ htt://localhost

Hình 1.8. Chọn ngôn ngữ để vào phpmyadmin


Click vào Install WordPress - Ok, xong.
4- Tiến hành login để vào trang quản trị để điền thông tin như hình.
Sau này, khi muốn truy cập trang quản trị, các bạn chỉ cần sử dụng đường dẫn
có dạng />
Hình 1.13. Giao diện đăng nhập trang quản trị
1.1.5. Cài đặt Plugin trong Wordpress
Khác với theme, plugin có thể không cần tới các plugin trả phí vì thư viện
plugin miễn phí có sẵn đã rất tốt rồi, việc tìm và cài plugin thông qua thư viện có sẵn
có 3 cách như cài trực tiếp từ thư viện trên Dashboard, upload file .zip của plugin hoặc
upload plugin vào thư mục /wp-content/plugins trên localhost/host.
Để tìm plugin, các bạn truy cập vào Dashboard –> Plugins –> Add New

12


Hình 1.14 Thêm mới Plugin 8080 Barcode Generator
Khi vào đó có thể tìm plugin thông qua tên bằng cách điền tên ở khung Search
Plugins bên tay phải rồi Enter, hoặc xem danh sách các plugin thông qua các bộ lọc
như Featured (nổi bật), Popular (thông dụng),Recommended (khuyên dùng). Nếu
bạn là người mới, bạn nên chuyển qua phần Popular rồi cài các plugin trong đó. Các
bạn đừng vội click vào nút Install Now, hãy click vào tên plugin để xem thông tin chi
tiết như mô tả (để biết plugin có chức năng gì), Screenshot (ảnh chụp) và Installation
(cách cài đặt).

13


Hình 1.15 Thông tin plugin 8080 Barcode Generator, hãy đọc trước khi cài
Để biết plugin đó tốt hay không, hãy nhìn vào con số Downloaded (lượt tải) và

thường dựa vào uy tín nhà sản suất và giá cả phải chăng tại siêu thị. Những nhân viên
bán hàng chỉ giúp bạn phần nào về giá các mặt hàng nhưng giờ tan tầm thì bạn phải tự
sức mình. Khi bạn mang ra một đống đồ ra thanh toán thì cô nhân viên thu ngân lại vất
vả đối chiếu giá cả mặt hàng và cộng tay giá trị từng món mặt hàng. Việc này dễ gây
sai sót và không thể quản lý được siêu thị đã bán chính xác mặt hàng nào để vào sổ.
Với một lượng lớn hàng hoá thì làm sao có thể có cách quản lý hàng hoá và tạo thuận
lợi cho người mua hàng ?
Với cách quản lý cũ thì họ sẽ dán giá lên sản phẩm. Nhưng nó bị bay hay đươc
thay đổi giá chẳng hạn thì coi như là dán lại cả đống sản phẩm. Hay việc kiểm kê hàng
hoá tại siêu thị theo cách thủ công như trước phải mất rất nhiều người và thời gian,
công sức mà chưa chắc đã chính xác. Hơn nữa, nhu cầu hàng hoá có đồ bán theo loại
cần quanh năm như đồ bếp, đồ chơi trẻ em, sách vở, mà cũng có đồ bán theo thời vụ
nên tuỳ mùa mới có nhu cầu lớn, có mùa lại không có nhu cầu về mặt hàng đó. Nếu cứ
để khi có người yêu cầu mới nhập hàng sẽ làm chậm tiến trình của siêu thị không tạo
được niềm tin của khách hàng. Do đó cơ chế quản lý cũ có nhiều nhược điểm phải sửa
chữa và hoàn thiện trong các khâu.

15


Càng ngày công nghệ thông tin càng chứng tỏ thế mạnh của mình trong mọi
lĩnh vực của cuộc sống, việc ứng dụng công nghệ thông tin lan mạnh vào trong cuộc
sống để xây dựng các phần mềm quản lý thay thế sức lao động thủ công của con
người. Sau khi đi khảo sát ở một số siêu thị, shop bán hàng hiện nay, nhận thấy việc
quản lý các mặt hàng của siêu thị, shop loại này vẫn còn mang tính thủ công truyền
thống. Do đó, để có thể quản lý việc bán hàng cần giải quyết tốt các quy trình từ nhập
hàng đến bán hàng và quà khuyến mại sao cho đảm lợi của người tiêu dùng cũng như
lợi ích của siêu thị, shop.
Tất cả các quy trình từ quản lý từ cập nhật tìm kiếm nhập hàng, bán hàng đều
được làm thủ công hoặc mới được tự động một phần bằng công cụ office. Nhưng vẫn

Mục tiêu của bài toán
Áp dụng các ứng dụng trên công nghệ thông tin vào quá trình hoạt động của
siêu thị mini, từ đó xây dựng một hệ thống quản lý đảm bảo yêu cầu sau:
 Tự động trong quản lý thông tin đầu vào của các mặt hàng như: thêm, sửa,
xoá, cập nhật.
 Tự động trong việc tìm kiếm hàng hoá theo tiêu chí đề trước.
 Hỗ trợ lập báo cáo, thống kê mặt hàng, khách hàng, nhà cung cấp,..
 Quản lý thông tin của nhà cung cấp, khách hàng thân thiện, nhân viên…
 Hệ thống phải thân thiện, dễ dàng truy xuất, vận hành sử dụng, tính thẩm mỹ cao.
Đạt và phù hợp mục đích của người dùng, phù hợp với trình độ và khả năng của
người sử dụng (chỉ cần đào tạo cơ bản nếu cần), sử dụng ngôn ngữ trên hệ điều hành
windown .. và môi trường lưu trữ Microsoft access sử dụng ngôn ngữ lập trình
VisualBasic.
Phải có tính phân cấp vai trò của các nhân viên để người dùng khác có thể dễ
dàng nắm được công việc của mình trên của toàn hệ thống. Đồng thời hệ thống phải ổn
định, đảm bảo an toàn thông tin, có khả năng cung cấp thông tin đáp ứng nhu cầu của
người dùng khi họ cần. Dễ dàng kiểm tra, cải tiến, nâng cấp khi có những lỗi hệ thống
bất kỳ xẩy ra. Khi lượng thông tin nhập vào lớn như cần cập nhật thường xuyên, cần
có cơ chế lưu trữ hợp lý.

17


2.2. Phân tích thiết kế
2.2.1. Các tác nhân và Use Case của hệ thống
Tác nhân
Khách hàng

Use Case
Xem thông tin



o Tác nhân Người quản trị

Hình 2.3 Biểu đồ UseCase mức chi tiết cho tác nhân Người quản trị
2.2.3. Đặc tả Use Case
2.2.3.1 UC gửi hỗ trợ trực tuyến
Mục đích: Khách hàng hỏi đáp trực tiếp với hệ thống, hệ thống tiếp nhận và trả
lời lại khách hàng yêu cầu hỗ trợ
Tác nhân: Khách hàng.
Mô tả : Khách hàng lựa chọn hỗ trợ trực tuyến trên giao diện hỗ trợ trực tuyến
của website
Các luồng sự kiện chính:
Hành động của tác nhân

Phản ứng của hệ thống

1 . Khách hàng gửi hỗ trợ trực tuyến tới

2. Hệ thống tiếp nhận và trả lời yêu cầu

hệ thống

khách hàng hỗ trợ

20


Biểu đồ trình tự và cộng tác UC gửi hỗ trợ trực tuyến


4 . Xác nhận và gửi ý kiến đến email của
người quản trị

Biểu đồ trình tự UC gửi liên hệ

Hình 2.6 Biểu đồ trình tự UC liên hệ

22


Biểu đồ cộng tác UC liên hệ:

Hình 2.7 Biểu đồ cộng tác UC liên hệ
2.2.3.3. UC Xem sản phẩm
Mục đích: Xem thông tin chi tiết sản phẩm của công ty trên website chính thức
Tác nhân: Khách hàng
Mô tả: Khách hàng chọn xem sản phẩm cần xem bằng việc click chuột vào các
mục, giao diện trên website
Các luồng sự kiện chính:
Hành động của tác nhân

Phản hồi của hệ thống

1. Khách hàng chọn danh mục sản phẩm 2. Hệ thống hiển thị các sản phẩm cho
cần xem

khách hàng thông qua giao diện

23


Hình 2.10 Biểu đồ trình tự UC thêm vào giỏ hàng

25