Xây Dựng Website Về Mua Bán Trực Tuyến Bằng WORRDPRESS

TRƯỜNG ĐẠI HỌC KINH DOANH VÀ CÔNG NGHỆ HÀ NỘI
KHOA: CÔNG NGHỆ THÔN TIN
--------

Đề tài: Xây Dựng Website Về Mua Bán Trực Tuyến Bằng WORRDPRESS

Hà Nội: 2015


1. Đặt vấn đề.
Ngày nay,cùng với sự phát triển nhanh chóng của lĩnh vực truyền thông nói
chung thì Công nghệ thông tin đã và đang đóng vai trò hết sức quan trọng trong
đời sống kinh tế, xã hội của nhiều quốc gia trên thế giới, là một phần không thể
thiếu trong một xã hội ngày càng hiện đại hoá. Chúng ta không thể không nhắc đến
sự ra đời của các công nghệ web như: JSP, Servlet, PHP, ASP.NET … và
WORRDPRESS cũng là một trong những ngôn ngữ không thể thiếu để đáp ứng
yêu cầu của việc xây dựng các ứng dụng web.
Từ những thế mạnh đó, chúng em đã chọn ngôn WORRDPRESS để nghiên
cứu và xây dựng website về mua bán trực tuyến, cụ thể hoá bằng việc xây dựng
website
2. Tại sao chọn đề án này?
Việt Nam đang trên con đường xây dựng công nghiệp hoá, hiện đại hoá đất nước.
Đồng thời là một trong những nước WTO, cho nên các mặt hàng điện tử, công
nghệ cao đã tràn ngập thị trường Việt Nam ngày một nhiều.
Tiếp diễn với những sự kiện trên thì trong tương lai, website sẽ ngày càng phát
triển và thống lĩnh thị trường, vì thế mua bán trực tuyến trở nên thiết thật cho cuộc
sống. Để phục vụ cho nhu cầu ngày càng tăng và tạo sự lựa chọn cho khách hàng
trong việc mua bán sản phẩm thuận tiện hơn, dễ dàng hơn nên em đã quyết định
chọn đồ án này.
3. Mục đích, đối tượng và phạm vi nghiên cứu.

3.1 Ưu khuyết điểm của hệ thống quản lý cũ
3.1.1 Ưu điểm


Quản lý tốt về các thông tin về máy tính và các thông tin về các linh kiện.



Tìm kiếm sản phẩm nhanh và tương đối hiệu quả.



Các quá trình thống kê chính xác, rõ ràng.

3.1.2

Khuyết điểm



Giao diện chưa đẹp, vẫn còn thô.



Chưa có hệ thống bán trực tuyến.



Chưa cập nhật được tin tức.



Hệ thống trang web đơn giản, chưa cụ thể từng chức năng

3.1 Hướng tiếp cận của đề tài


Đề tài dễ sử dụng, giao diện đẹp, thân thiện với người dùng.



Đầy đủ chức năng chính, tính toán chính xác.



Thống kê, báo cáo nhanh, chính xác, hóa đơn dễ nhìn và đẹp.



Có thể mua bán sản phẩm một cách trực tiếp


3.3 Mục đích nghiên cứu.
Tìm hiểu cách thức xây dựng Website về mua bán trực tuyến bằng giỏ hàng.
3.4 Đối tượng và phạm vi nghiên cứu.
Nghiên cứu về ngôn ngữ WORRDPRESS và các kỹ thuật xây dựng một Website
bán hàng trực tuyến.
4. Mục tiêu cần đạt được.
- Hoàn chỉnh 1 Website giống các Website thương mại điện tử hiện có trên thị

trường.
- Giao diện Website thân thiện,dễ sử dụng.
- Khách hàng có thể xem và mua hàng trực tuyến thông qua website và được giao
hàng tận nơi.
5. Hệ thống dự định sẽ làm
5.1. Mục đích của dự án:
- Đáp ứng nhu cầu của một trang web thương mại điện tử và buôn bán online qua
mạng.
- Mở rộng thị trường cho các công ty bán lẻ thiết bị công nghệ cao trong thời buổi
công nghệ thông tin phát triển mạnh mẽ.
- Trang web sử dụng các công nghệ của web 2.0 như công nghệ AJAX tạo sự mềm
mại, uyển chuyển, thân thiện giúp khách hàng có cảm giác thoải mái dễ dàng lựa
chọn được sản phẩm mình cần.


PHẦN 2 : GIỚI THIỆU WEBSITE
I.GIỚI THIỆU TỔNG QUAN
1.Yêu cầu thiết bị











Server:

 Phần Cứng:
 CPU: Core 2 Duo
 RAM: 2GB
Phần Mềm Đề Nghị:
 .NET Frameworks 2.0
 SQL Server 2005
 Visual Studio 2005
Client:
Phần cứng:
CPU: P4
RAM: 256MB
Phần mềm:
Internet Explore 6.0 trở lên

II. Xác định yêu cầu của khách hàng
1-Hệ thống hiện hành của cửa hàng:
Hiện tại cửa hàng có một gian hàng trưng bày sản phẩm chính như một số máy
đồng bộ, màn LCD, Điện thoại, máy tính … ngoài ra cửa hàng có báo giá linh
kiện dạng văn bản về chi tiết, đơn giá, thông số kĩ thuật …của các sản phẩm, do
giá cả và các mặt hàng thay đổi liên tục về chủng loại, số lượng nên báo giá phải
cập nhật liên tục thì mới giúp khách hàng chọn được sản phẩm mình muốn. Khách
hàng đến gian hàng của cửa hàng sau khi chọn hàng thì làm thủ tục mua hàng với
nhân viên bán hàng, sau đó lấy hóa đơn đến kho hàng nhận hàng và tiếp tục mang
tới phòng kĩ thuật để kiểm tra, lắp ráp hay thử hàng (tùy mặt hàng), cuối cùng mới


nhận hàng, các hóa đơn, phiếu bảo hành và hoàn thành việc mua bán. Khách hàng
muốn tư vấn các vấn đề kĩ thuật về sản phẩm phải gọi điện hoặc gặp trực tiếp nhân
viên kĩ thuật và nhân viên kĩ thuật phải liên tục trực để giải quyết vấn đề khách
hàng mà không được có nhiều thời để điều phối các vấn đề.

Do hệ thông bán hàng như trên có nhiều dư thừa nhân lực và vốn nên cửa hàng
cần có một website bán hàng vừa đồng bộ với hệ thống bán hàng hiện hành và cải
tiến, nâng cao tính tự động hóa trong bán hàng, đơn giản trong giao dịch.
2-Hệ thống đề nghị:
2.1 Về giao diện:
2.1.1 Giao diện người dùng:
Giao diện thân thiện, dễ sử dụng cho mọi đối tượng khách hàng.
+ Kết hợp ASP, Javascript và CSS để tạo tính uyển chuyển cho trang web trong
việc hiện thị sản phẩm, thao tác với giỏ hàng, truy xuất thông tin sản phẩm từ
CSDL.
+ Bố cục trang web phải có hiển thị các mặt hàng theo thể loại, tính năng, sắp xếp
mặt hàng theo các tiêu chí về giá cả, thông số kĩ thuật, thời gian cập nhật, sản
phẩm bán chạy…
+ Khách hàng dễ dàng chọn sản phẩm mình muốn, có thể thay đổi số lượng hay
mặt hàng một cách nhanh chóng đơn giản.
+ Giao diện đăng kí thành viên thường xuyên phải đơn giản để giúp khách hàng dễ
dàng trở thành đối tác quen thuộc của cửa hàng nhưng cũng phải đảm bảo tính bảo
mật.


+ Các mẫu hóa đơn nhất quán, thu thập đầy đủ thông tin về khách hàng cũng như
sản phẩm.
+ Giao diện đăng nhập người dùng được xử lí chung cho cả người quản trị và
khách hàng.
2.1.2 Giao diện nhân viên bán hàng:
Đơn giản, dễ quản lí các chức năng:
+ Kiểm tra đơn hàng mới từ khách hàng.
+ Xuất đơn hàng và đảm bảo tính đồng bộ dữ liệu số lượng sản phẩm trong kho
hàng.
+ Đặt tình trạng cho các hóa đơn (đã thanh toán, chưa thanh toán, hóa đơn ảo …)

và cập nhật thông tin khi nhân viên giao hàng hoàn thành giao dịch với khách
hàng..
+ Có quyền truy xuất các thông tin về khách hàng, sản phẩm, hóa đơn, thể loại sản
phẩm và giải đáp thắc mắc.
+ Có quyền truy xuất các thông tin về khách hàng, sản phẩm, hóa đơn, thể loại sản
phẩm và giải đáp thắc mắc.

2.1.3 Giao diện nhân viên cập nhật dữ liệu:
Gồm các chức năng:


+ Cập nhật sản phẩm vào kho hàng (thông tin sản phẩm, số lượng, nhà cung cấp
…).
+ Cập nhật thông tin trong các tiểu mục (tin tức công nghệ, thủ thuật …)
+ Quản lí đồng bộ hóa dữ liệu online và bán offline.
2.1.4 Giao diện người quản trị tối cao:
Gồm toàn quyền các chức năng quản trị trang web:
+ Quản trị thông tin khách hàng, thành viên.
+ Thêm, bớt, điều chỉnh các tài khoản của nhân viên bán hàng, nhân viên cập nhật
dữ liệu, khách hàng …
+ Dễ dàng có được các bản báo cáo, điều tra về sản phẩm bán chạy nhất, khách
hàng mua nhiều nhất, các thông tin về tài chính, số lượt truy cập, mua hàng, ý kiến
phản hồi …
2.2 Bảo mật:
+ Sử dụng image text box khi đăng nhập, đăng kí để chống spam.
+ Hạn chế xung đột tính năng giữa các module để tránh tạo lỗ hổng truy cập
CSDL.
+ Mã hóa mật khẩu trước khi lưu vào CSDL.
+ Khi đăng nhập lưu username, password, thông tin cá nhân vào cookies và tại mỗi
trang đều có code kiểm tra lại việc đăng nhập bởi username và password trong

session.
+ Mỗi loại tài khoản được hạn chế các chức năng phù hợp với quyền hạn.


+ Mỗi trang phục vụ việc quản lí đều được kiểm tra biến toàn cục session để xác
định quyền hạn của từng tài khoản nhân viên trên từng chức năng
III- Phân tích yêu cầu (Requirement analysis):
Phía khách hàng:
1.

Chức năng hiển thị thể loại sản phẩm:

Hiển thị thể loại sản phẩm theo chủ đề cha và chủ đề con dưới dạng menu gấp
(truy xuất trực tiếp từ CSDL).
Đầu vào (Input):
+ Mã chủ đề
+ Mã chủ đề cha (nếu không có thì lấy giá trị NULL)
+ Tên chủ đề
+ Mô tả
Đầu ra (Output):
+ Danh sách menu gấp các chủ đề theo quan hệ cha-con. Mỗi chủ đề chứa link đến
trang hiển thị sản phẩm gồm tham số là id của chủ đề
Các module:
+ Module hiển thị chủ đề cha truy vấn từ CSDL
+ Module hiển thị các chủ đề con theo id của chủ đề cha
+ Module giao diện cho menu gấp (sự kiện javaScript và các class CSS).
2.

Chức năng hiển thị danh sách sản phẩm:

Chức năng hiển thị danh sách sản phẩm theo thể loại (thể loại cha hoặc con), theo
các tiêu chí sắp xếp, theo số trang …
Đầu vào:
+ Mã chủ đề
+ Tham số trang hiển thị
+ Tham số tiêu chí sắp xếp (theo giá, mới, cũ)
Đầu ra:
+ Tên, hình ảnh minh họa, mô tả của chủ đề (phía trên)
+ Danh sách sản phẩm theo yêu cầu gồm: tên, ảnh minh họa, mô tả, thông số kĩ
thuật, thông tin khuyến mãi, bảo hành, tình trang trong kho (còn, hết hàng).
+ Danh sách số trang có chứa link hiển thị và trang đang xem.
Các module:
+ Module hiển thị phần thông tin chủ đề
+ Module hiển thị định dạng thông tin từng sản phẩm
+ Module lấy danh sách sản phẩm từ CSDL theo chủ đề cha (chủ đề cha của nó sẽ
chứa giá trị NULL) và chủ đề con (chủ đề cha của nó khác NULL)
+ Module giao diện cho danh sách sản phẩm và các liên kết số trang, sắp xếp sản
phẩm …
3.

Chức năng đăng nhập, đăng xuất khách hàng:


Chức năng xử lí việc đăng nhập, đăng xuất của khách hàng và tạo giao diện quản lí
thông tin cá nhân của khách hàng.
Đầu vào:
+ Username và Password của khách hàng.
Đầu ra:
+ Tên, id của khách hàng và được lưu vào biến toàn cục session

+ Danh sách các link chức năng quản lí thông tin cá nhân của khách hàng.
Các module:
+ Form đăng nhập trên trang chủ và trang login.asp xử lí việc đăng nhập của khách
hàng.
+ Thay thế form đăng nhập bằng menu chức năng quản lí thông tin của mỗi khách
hàng trên trang chủ
+ Trang logout.asp xử lí việc đăng xuất của khách hàng.
4.

Chức năng giỏ hàng:

Lưu các mặt hàng mà khách đã chọn vào biến session, giao diện giúp khách hàng
dễ dàng thay đổi số lượng, xóa các mặt hàng trong giỏ hàng.
Đầu vào:
+ Id và số lượng sản phẩm
+ Hoạt động sửa, xóa, gửi đơn hàng của khách hàng.
+ Form nhập thông tin của khách hàng (đăng kí) khi khách hàng gửi đơn hàng.


Đầu ra:
+ Danh sách sản phẩm, số lượng, đơn giá các sản phẩm trong giỏ hàng cùng các
công cụ sửa chữa giỏ hàng.
+ Hiển thị giỏ hàng dạng ngắn gọn nằm ngay trên trang chủ để khách dễ dàng quan
sát tình trạng giỏ hàng.
+ Cập nhật giỏ hàng, thông tin khách hàng vào CSDL khi khách gửi đơn hàng.
Các module:
+ Module thêm vào giỏ hàng
+ Module thay đổi số lượng mặt hàng trong giỏ hàng
+ Module xóa mặt hàng trong giỏ hàng
+ Module hiển thị giỏ hàng dạng đầy đủ và dạng rút gọn

+ Module cập nhật thông tin của khách hàng vào CSDL
+ Module cập nhật giỏ hàng vào CSDL
5.

Chức năng top sản phẩm mới:

Hiển thị danh sách một số mặt hàng mới dưới dạng văn bản cuộn.
6.

Chức năng tin tức:

Hiển thị danh sách tin tức mới dưới văn bản cuộn
7.

Chức năng thăm dò ý kiến:

Thăm dò ý kiến khách hàng về trang web, mỗi phiên truy cập chỉ được chọn một ý
kiến.


Đầu vào:
+ Ý kiến của khách hàng
Đầu ra:
+ Kết quả thăm dò
+ Biến session chứa tình trạng chọn ý kiến của khách hàng.
Module:
+ Giao diện phiếu thăm dò và hiển thị kết quả
+ Xử lí lựa chọn của khách hàng và cập nhật CSDL
8.

Chức năng báo giá:

Khách hàng chọn định dạng báo giá và trang web trả về báo giá danh sách các sản
phẩm khách hàng yêu cầu.
Đầu vào:
+ Thể loại sản phẩm
Đầu ra:
+ Danh sách sản phẩm dạng bảng
Module:
+ Giao diện bảng báo giá sản phẩm
+ Module xử lí truy xuất CSDL trả về danh sách yêu cầu.
9.

Chức năng Xây dựng máy tính:


Chúng tôi chưa triển khai riêng thành một chức năng riêng mà chỉ hướng dẫn
khách hàng chọn mua các sản phẩm theo từng thể loại để tạo thành một máy tính
hoàn chỉnh và phụ kiện. Danh sách sản phẩm lưu trong giỏ hàng.
10.

Chức năng quản lí tài khoản của từng khách hàng:

Phía quản trị:
1.

Chức năng đăng nhập, đăng xuất nhân viên:

Đầu vào:
+ Username và Password của khách hàng.

Đầu ra:
+ Kết quả đăng nhập thành công hay thất bại (thông báo chào mừng nếu thành
công và báo lỗi nếu thất bại)
+ Đặt các biến session chưa thông tin Id, họ tên, chức vụ của nhân viên.
Module:
2.

Chức năng hiển thị khung thống kê:

Hiển thị thông tin thống kê sơ bộ về tổng số sản phẩm, thể loại, hóa đơn, thắc mắc,
khách hàng, nhân viên.
Đầu vào:
+ Tình trạng đăng nhập của nhân viên
Đầu ra:
+ Thông tin thống kê sơ bộ về tổng số lượng mặt hàng, thể loại, hóa đơn, thắc mắc,
khách hàng, nhân viên


Module:
+ Truy vấn CSDL lấy các thông tin
Chức năng giao diện trang chủ, hiển thị bar công cụ quản lí và xử lí

3.

chọn công cụ:
Đầu vào:
+ Chức năng quản lí.
Đầu ra:
+ Hiển thị trang quản lí chức năng đã yêu cầu nếu nhân viên được quyền
Module:

+ Giao diện trang chủ
+ Module xử lí việc lựa chọn chức năng trên máy khách
+ Module xử lí lựa chọn chức năng trên máy chủ
4.

Chức năng quản lí thể loại sản phẩm:

Hiển thị danh sách các chủ đề sản phẩm theo danh sách và kèm theo liên kết sửa,
xóa, hiển thị, thêm chủ đề mới.
Các Module:
+ Module hiển thị danh sách chủ đề
+ Module hiển thị thông tin + hình ảnh từng chủ đề theo Id
+ Module thêm chủ đề mới
+ Module xử lí Upload hình ảnh minh họa


+ Module sửa, xóa chủ đề
5.

Chức năng quản lí sản phẩm:

Hiển thị danh sách sản phẩm theo chủ đề, phân trang, sắp xếp. Thêm, xóa, sửa sản
phẩm.
Các Module:
+ Hiển thị danh sách sản phẩm từ truy vấn CSDL theo tham số phân trang, thể loại,
kiểu sắp xếp.
+ Thêm mới sản phẩm
+ Xóa, sửa thông tin sản phẩm
+ Module xử lí Upload hình ảnh minh họa
6.

Chức năng quản lí khách hàng:

Hiển thị danh sách khách hàng và thông tin từng khách hàng. Công cụ xóa tài
khoản khách hàng.
7.

Chức năng quản lí hóa đơn:

Hiển thị danh sách hóa đơn theo phân trang, tiêu đề sắp xếp, hiển thị chi tiết từng
hóa đơn. Đánh dấu hoàn tất hóa đơn.
Các module:
+ Hiển thị danh sách hóa đơn theo tiêu chí sắp xếp
+ Xử lí hàm javaScript trên máy khách để lựa chọn tiêu chí sắp xếp, đánh dấu hoàn
tất hóa đơn.


+ Xử lí server các chức năng sắp xếp hóa đơn, đánh dấu hoàn tất hóa đơn và thông
tin chi tiết từng hóa đơn.
8.

Chức năng quản lí nhân viên:

Danh sách nhân viên cùng thông tin về chức vụ, tình trạng trực tuyến, khóa-mởxóa-thêm mới tài khoản nhân viên
9.

Chức năng quản lí mục tin tức:

Thêm, sửa, xóa, xem các tin trong mục tin tức.
10.

Chức năng quản lí giải đáp:

Danh sách tin nhắn thắc mắc của khách hàng theo quyền hạn nhân viên (nhân viên
bán hàng, nhân viên kĩ thuật, quản trị tối cao), nhân viên xem, trả lời, xóa thắc của
khách hàng.
Các module:
+ Hiển thị danh sách tin nhắn thắc mắc
+ Xem, trả lời, xóa thắc mắc.
11.

Chức năng tài khoản mỗi nhân viên:

Hiển thị thông tin tài khoản, chức năng thay đổi mật khẩu của nhân viên.
Bảo mật:
+ Kiểm soát thông tin truyền giữa máy khách và máy chủ
+ Việc xử lí trên máy chủ yêu cầu chỉ trả về thông tin thích hợp với từng đối tượng
sử dụng (khác hàng, nhân viên theo chức vụ)


+ Tránh các lỗi khi hacker tìm lỗi bảo mật ở các trang thành phần chức năng
(upload, thêm mới, thay đổi thông tin, xóa …)

IV. Khung giao diện chính


1.

Màn Hình chính

MasterPage của website là giao diện thống nhất cho toàn bộ các trang của website
trừ Admin, nhằm tạo lên tính liền mạch và xuyên suốt cho website.
Bố cục:
Banner
Main_Menu
Left_Menu

Content

Right_Menu

Footer

Chú thích:
Banner
Main_Menu
Left_Menu

Content

Footer

2.

AdminMasterPage của website

Right_Menu


Banner

Main_Menu
Content

Footer

Chú thích:
Banner
Main_Menu
Content

Footer



v. Cài Đặt
1.

Trang chủ

Thể hiện thông tin chung nhất của trang web

2.

Trang Hướng Dẫn


3.

Trang Liên Hệ

4.

Trang Giỏ Hàng


5.

Trang Giới Thiệu

6.

Trang Sản Phẩm


7.

Trang Admin