VIỆN ĐẠI HỌC MỞ HÀ NỘI
KHOA CÔNG NGHỆ THÔNG TIN


TRẦN NHƯ ĐÔNG – 15A1

ĐỀ TÀI : XÂY DỰNG WEBSITE BÁN QUẦN ÁO TRỰC
TUYẾN
MÔN: THƯƠNG MẠI ĐIỆN TỬ

Giảng viên hướng dẫn : GS.TS Thái Thanh Sơn

BÁO CÁO BÀI TẬP LỚN

Hà Nội - 2018


Mục lục
PHẦN 1: GIỚI THIỆU ĐỀ TÀI ........................................................1
PHẦN 2 : GIỚI THIỆU CÔNG NGHỆ SỬ DỤNG.........................3
1.

Giới thiệu Wix ............................................................................................................... 3

2.

Ưu điểm của việc thiết kế web bằng Wix .................................................................... 3

PHẦN 3 : THIẾT KẾ ..........................................................................5
1.

Thiết kế cụ thể ............................................................................................................... 5

2.

Trang demo.................................................................................................................... 6


1

PHẦN 1: GIỚI THIỆU ĐỀ TÀI
Trong cuộc sống tất bật hiện nay, mọi việc đều được đơn giản và tối ưu
hóa thời gian thông qua việc ứng dụng công nghệ thông tin vào xử lý các công
việc hàng ngày.
Công nghệ thông tin giờ đây đã có mặt ở nhiều phương diện trong cuộc
sống hàng ngày của chúng ta, từ thương mại đến giải trí và thậm chí cả văn hóa,
xã hội và giáo dục. Ngày nay, điện thoại di động, máy tính để bàn, thiết bị cầm
tay, thư điện tử và việc sử dụng Internet đã trở thành tâm điểm trong văn hóa và
cộng đồng của chúng ta, là cầu nối không thể tách rời trong nhịp sống toàn cầu
hóa.
Việc nhanh chóng đưa ứng dụng công nghệ thông tin vào quá trình tự động
hóa trong sản xuất kinh doanh là vấn đề đang, đã và sẽ luôn được quan tâm bởi
lẽ công nghệ thông tin có vai trò rất lớn trong các hoạt động kinh tế, sản xuất kinh
doanh, bán hàng, xúc tiến thương mại, quản trị doanh nghiệp.
Lợi thế khi phát triển đề tài trên nền tảng web là người sử dụng có thể truy
cập mọi lúc mọi nơi, chỉ cần ít nhất một trình duyệt web và một đường truyền
internet. Hơn thế nữa, với khả năng sử dụng đa dạng các nội dung media (ví dụ
âm thanh, phim ảnh v.v…) để xây dựng giao diện, một website đảm bảo sự hấp
dẫn đối với người sử dụng.
Theo thời gian, quần áo là mặt hàng thiết yếu của cuộc sống.Tuy nhiên,
qua mỗi năm xu hướng lựa chọn quần áo lại một khác, qua mỗi mùa lại là cách

thiết kế khác nhau để phù hợp với mùa đó. Ngày nay, không phải ai cũng có thời
gian và để đến nơi mua sắm hoặc do khoảng cách địa lý. Nắm bắt được nhu cầu
đó, em đã xây dựng website này với sản phẩm quần áo cả nam và nữ luôn được
cập nhập xu hướng thời trang so mỗi năm mỗi mùa để sản phẩm luôn luôn nắm


2

bắt được với thị trường và thu hút người mua. Phục vụ được tất cả khách hàng ở
mọi nơi trên Việt Nam dù ở xa hay gần, khách hàng chỉ cần lên trang web chọn
mặt hàng mình muốn mua và cửa hàng sẽ gửi đến địa chỉ của khách hàng


3

PHẦN 2 : GIỚI THIỆU CÔNG NGHỆ SỬ DỤNG

1. Giới thiệu Wix
Wix là dịch vụ thiết kế web online chuyên nghiệp, dựa trên nền tảng đám
mây, hoàn toàn miễn phí, dễ dàng tùy chỉnh, không giới hạn sáng tạo, không cần
code.
Bạn muốn có một website cá nhân để chia sẻ thông tin với mọi người hoặc
một website dùng cho mục đích thương mại, nhưng bạn không biết gì về lập trình
web, thiết kế website, và rất nhiều những vấn đề khác. Một dịch vụ thiết website
miễn phí như Wix sẽ giúp bạn tháo gỡ những vấn đề này.
Hơn 45 nghìn lượt truy cập mỗi ngày, Wix mang đến mọi thứ bạn cần để
tạo ra website theo phong cách cá nhân của bạn, đơn giản, dễ dàng, nhanh chóng
và hoàn toàn miễn phí.
2. Ưu điểm của việc thiết kế web bằng Wix
 Miễn phí 100%:Với phương châm tất cả mọi người đều có thể có một

website chuyên nghiệp thì wix mang đến cho người dùng 1 giải pháp có
một website chuyên nghiệp nhưng miễn phí 100%.
 Nhiều mẫu website đẹp, sáng tạo: Trong bộ kho theme của wix có hơn
100 theme với đủ các ngành nghề lĩnh vực như: Kinh doanh, nhiếp ảnh, âm
nhạc, nghệ thuật, cửa hàng trực tuyến, nhà hàng… để các bạn lựa chọn.
 Xây dựng website bằng HTML5 đơn giản với Wix :Wix có thao tác đơn
giản mọi thứ bạn đều có thể làm trên nền giao diện hiển thị của wix mà
không phải can thiệp vào code bạn có thể dễ dàng chỉnh sửa hình ảnh với
17 chức năng khác nhau trong wix hay tùy chỉnh font chữ


4

 Hosting miễn phí, an toàn, chất lượng cao: Hiện nay Wix đang sử dụng
công nghệ điện toán đám mây CDN có thể nói đây là công nghệ tốt nhất
giúp tối ưu khả năng load trang tối đa nhất đồng thời cũng giúp bảo mật
website rất tốt đặc biệt bạn không phải lo lắng đến vấn đề website bạn bị
bóp băng thông khi sử dụng bạn được miễn phí 100% hoàn toàn.
 Khả năng thương mại điện tử của Wix:Bộ ứng dụng bán hàng của wix
rất là tốt có thể nói Wix gói tất cả vào 1 website cực kỳ mạnh mẽ với sự hỗ
trợ tối đa cho người dùng từ việc tối ưu hóa giao diện, tích hợp chức năng
bán hàng trực tuyến hay giúp tích hợp cùng facebook shop thì nếu để nói
về 1 trang miễn phí thì wix chính là trang tốt nhất và kể cả các dịch vụ cũng
không đáp ứng bằng wix.
 Tối ưu hóa di động: Có thể nói di động hiện nay chính là nhân tố không
thể hiếu trong bất cứ website nào chính vì vậy việc xây dựng website đảm
bảo đáp ứng các tiêu chuẩn thì việc ưu tiên đầu tiên khi thiết kế trang web
đó chính là phải tối ưu hóa cho việc load website với di động điều này
không có gì phải chê trách wix vì họ làm quá tuyệt vời.



5

PHẦN 3 : THIẾT KẾ
1. Thiết kế cụ thể
Website Dong Shop hướng tới giao diện dễ dùng, thân thiện. Bố cụ giao
diện gồm 3 phần chính: Header, Content, Footer
 Header bao gồm logo và thanh điều hướng cho trang web – menu chứa các
chuyên mục trang chủ, cửa hàng, giới thiệu về website , hướng dẫn, liên hệ
và mục tin tức
 Content: Bao gồm một số các nội dung quảng bá cho website, giới thiệu
một số sản phẩm và sản phẩm nổi bật
 Footer: Bản đồ cửa hàng, mục đăng ký theo dõi và các liên hệ trên các trang
mạng xã hội như: Facebook, twitter, instagram
Các trang con:
 Giới thiệu: Giới thiệu về website chuyên cung cấp các sản phẩm quần áo
chính hãng từ những thương hiệu trên thế giới
 Cửa hàng: Có các sản phẩm được phân loại theo giới tính là nam và nữ, có
thể tìm kiếm sản phẩm theo tên sản phẩm, tìm theo thứ tự bảng chữ cái,
mức giá, hàng mới . Khi chọn được sản phẩm sẽ đưa sản phẩm đó vào giỏ
hàng để thanh toán.
 Giỏ hàng: chứa các sản phẩm đã được khách hàng chọn để chuẩn bị thanh
toán, khi chọn thanh toán, khách hàng sẽ phải điền thông tin nơi nhận hàng
và hình thức thanh toán.
 Liên hệ: Các thông tin của cửa hàng gồm giờ mở cửa, địa chỉ số điện thoại ,
mail , bản đồ địa chỉ cửa hàng và phần hỏi đáp để khách hàng có thể được
hướng dẫn một cách tốt nhất.
 Tin thời trang: Gồm các tin tức về mẫu thời trang ra mắt của các hãng thời
trang, các xu hướng thời trang mới, và các mẹo hay liên quan đến thời trang



6

2. Trang demo

Hình 2.1 : Giao diện trang chủ website

Hình 2.2: Giao diện trang cửa hảng


7

Hình 2.3 Giao diện cửa hàng

Hình 2.4 : Giao diện chi tiết 1 sản phẩm


8

Hình 2.5: Giao diện trang về chúng tôi

Hình 2.6: Giao diện giỏ hàng


9

Hình 2.7: Giao diện trang thanh toán

Hình 2.8: Giao diện trang hướng dẫn



10

Hình 2.9: Giao diện trang liên hệ

Hình 2.10: Giao diện trang thời trang