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ô
Trang 1KHOA 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
Trang 2Mụ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
Trang 3
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
Trang 4bắ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
Trang 5PHẦ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ữ
Trang 6 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
Trang 7PHẦ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
Trang 82 Trang demo
Hình 2.1 : Giao diện trang chủ website
Hình 2.2: Giao diện trang cửa hảng
Trang 9Hì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
Trang 10Hình 2.5: Giao diện trang về chúng tôi
Trang 11Hình 2.7: Giao diện trang thanh toán
Hình 2.8: Giao diện trang hướng dẫn
Trang 12Hình 2.9: Giao diện trang liên hệ