báo cáo đồ án thiết kế web website bán hàng thời trang

LỜI CẢM ƠNEm 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 Nguyễn Tất Thành, đặc biệt là thầy Bùi Duy Tân đã tận tình hướng dẫn cho em những t

Giáo viên giảng dạy : BÙI DUY TÂNSV thực hiện : Trần Đức Tôn [2200011785]

ĐỀ TÀI:

Tháng 8/2023

BÁO CÁO ĐỒ ÁNTHIẾT KẾ WEB

BỘ GIÁO DỤC VÀ ĐÀO TẠOTRƯỜNG ĐẠI HỌC NGUYỄN TẤT THÀNH

KHOA CÔNG NGHỆ THÔNG TIN

Website bán hàng thời trang.

LỜI MỞ ĐẦU

Ngày nay công nghệ thông tin đã có những bước phát triển mạnh mẽ theo cả chiều rộng và chiều sâu Máy tính điện tử không còn là một thứ phương tiện quý hiếm mà đang ngày càng trở thành một công cụ làm việc và giải trí thông dụng của con người không chỉ ở công sở mà ngay cả trong gia đình Đứng trước vai trò của thông tin hoạt động cạnh tranh gay gắt, các tổ chứcvà các doanh nghiệp đều tìm mọi biện pháp để xây dựng và hoàn thiện hệ thống thông tin của mình nhằm tin học hóa các hoạt động tác vụ của đơn vị

Hiện nay các công ty tin học hàng đầu thế giới không ngừng đầu tư và cải thiện các giải pháp cũng nhưcác sản phẩm nhằm cho phép tiến hành thương mại hóa trên internet Thông qua các sản phẩm và công nghệ này, chúng ta dễ nhận ra tầm quan trọng và tính tất yếu của thương mại điện tử Với những thao tác đơn giản trên máy có nối mạng internet bạn sẽ có trong tầmtay những gì mà mình cần mà không phải mất nhiều thời gian Bạn chỉ cần vào các trang dịch vụ thương mạiđiện tử, làm theo hướng dẫn và click vào những gì bạn cần Các nhà dịch vụ sẽ mang đến tận nhà cho bạn

Ở Việt Nam cũng có rất nhiều doanh nghiệp đang tiến hành thương mại hóa trên Internet nhưng do nhữngkhó khăn về cơ sở hạ tầng như viễn thông chưa phát triển mạnh, các dịch vụ thanh toán điện tử qua ngân hàng chưa phổ biến nên chỉ dừng lại ở mức độ giới thiệusản phẩm và tiếp cận đơn hàng thông qua web Để tiếp cận và đóng góp đẩy mạnh sự phổ biến của thương mại điện tử ở việt nam, em đã tìm hiểu và cài đặt ‘ Website bán hàng rau quả’ Với sự hướng dẫn tận tình của thầy: Bùi Duy Tân em đã hoàn thành cuốn 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 chắn không tránh khỏi đc những thiếu sót Em rất mong được sự thông cảm và góp ý của các quý thầy cô

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 Nguyễn Tất Thành, đặc biệt là thầy Bùi Duy Tân đã tận tình hướng dẫn cho em những thông tin, kiến thức, kĩ năng cần thiết để có thể hoàn thành bài báo cáo trên

Trong quá trình tìm hiểu, thực hiện khó tránh khỏi những sai sót, kính mong các thầy cô bỏ qua Đồng thờido trình độ lý luận cũng như kĩ năng và kiến thức 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 những ý kiến của cácthầy cô để em học thêm được nhiều kinh nghiệm và sẽ hoàn thành tốt hơn trong những bài báo cáo sau

Sau cùng em xin kính chúc quý thầy cô dồi dào sức khỏe, niềm tin để tiếp tục thực hiện sứ mệnh cao đẹp truyền đạt kiến thức cho thế hệ mai sau và luôn thành công tốt đẹp trong công việc

Sinh Viên Thực Hiện Trần

Đức Tôn

NHẬN XÉT CỦA GIẢNG VIÊN

BÁO CÁO ĐỒ ÁN MÔN THIẾT KẾ WEB

SINH VIÊN: TRẦN ĐỨC TÔN – 22DKTPM1C - 2200011785

I Mô Tả Về Website Đồ Án:

•Tên của website đồ án: IT-TDT

•IT-TDT là website thương mại điện tử, mua hàng online Khách

hàng xem các sản ph3m được nhà cung cấp đăng lên trên trang web, ch8n mô:t sản ph3m và đặt hàng

•IT-TDT là mô:t website chuyên kinh doanh về các mặt hàng thời

trang trực tuyến Website được chia thành các trang web bao gồm:

-Trang chủ: Hiển thị thông tin các sản ph3m thời trang, tiện ích tìm

kiếm và các từ khóa hot, các danh mục.

-Chi Tiết Sản Ph"m: Hiện thị thông tin chi tiết của sản ph3m được

ch8n( đơn giá, mô tả, hình ảnh sản ph3m,… )

-Sản Ph"m Mới, Sản Ph"m Bán Chạy, Giỏ Hàng: Hiển thị các sản

ph3m của cửa hàng của từng danh mục.

-Đặt Đơn và Thanh Toán: khách hàng nhập thông tin theo yêu cầu(tên,sđt,địa chỉ,số lượng,kiểu thanh toán,…).

-Đăng Nhập và Đăng Ký:

-Giới Thiệu: Giới thiệu về website IT-TDT.

-Hướng Dẫn: bao gồm các danh mục hướng dẫn cho các chức

năng chính(đặt mua và thanh toán, đăng nhập và đăng ký,…)

• Website hiện tại gồm 5 layout để thể hiện các nhóm trang web

II Sơ Đồ Tổ Chức Lưu Trữ Của Website:

III Sơ Đồ Liên Kết Của Website:

IV.Layout Của Các Nhóm Trang Web

1 Layout dùng cho Home.

WEB_BANHANG IMAGES

css js layout_design

images

Chứa cácảnh củagiao diệnweb Chứa các

hình ảnhcủa sảnph3m

Chứa cáccss layout

Chứa cácfilejavascript

Chứa cácthư mục thiết kế web

Hướng Dẫn Giới Thiệu/

Sản Ph3m Mới Sản Ph3m Bán Chạy Giỏ Hàng//

Đặt Đơn Thanh Toán /

Chi Tiết Sản Ph3m

Trang Chủ

Đăng Ký Đăng Nhập

Benner

Main

Footer

2 Layout dùng cho Sản Ph3m Mới, Sản Ph3m Bán Chạy, Giỏ Hàng.

4 Layout dùng cho Đặt đơn, Thanh Toán.

Benner

title

Main

FooterBenner

submit Title

5 Layout dùng cho Hướng Dẫn, Giới Thiệu.

V THIẾT KẾ1 Thiết kế benner - B1: tạo trang html và file css, file js- B2: link css Style_benner.css và js Style_benner.js vào

trang html cần sử dụng benner

HTML

CSSBenner

Main

Kết quả

2 Thiết kế list hiển thị sản ph3m- B1: tạo trang html và file css - B2: link css Style_sanpham_hot_new.css vào trang html

cần sử dụng

HTML

CSS

Kết quả

3 Thiết kế footer- B1: tạo trang html và file css- B2: link css Style_footer.css vào trang html cần sử dụng

HTML

CSS

Đăng ký

CSS

Js

Kết quảĐăng nhập

Đăng ký

5 Thiết kế hiển thị chi tiết sản ph3m- B1: tạo trang html và file css- B2: link css Style_chitiet.css vào trang cần sử dụng

HTML

CSS

Kết quả

VI KẾT HỢP1 Trang chủ [trangchu.html]- Sử dụng các css: benner, hiển thị danh sách sản ph3m

theo danh mục và footer để tạo thành

- Sử dụng js cho benner.- Tạo một css Style_home.css để phân loại sản ph3m theo

danh mục

HTML

KẾT QUẢ

2 Sản ph"m mới, bán chạy, giảm giá.- Là 3 trang HTML cùng thiết kế.- Sử dụng css: benner, hiển thị danh sách sản ph3m và

footer để tạo thành

- Sử dụng js cho benner.

3 Chi tiết sản ph"m- Sử dụng css: benner, chi tiết sản ph3m và footer để tạo

thành

- Sử dụng js cho benner.

4 Đăng nhập và đăng ký- Sử dụng benner và login để tạo thành.- Sử dụng js cho benner và js cho login (cụ thể là tính năng

cho phép hiển thị mật kh3u)

VII KẾT LUẬN- Quá trình thực hiện gặp một số khó khăn như:

Quên định nghĩa và cách sử dụng của các thẻ html và thuộc tính css khiến việc layout bị mất nhiều thời gian

Kinh nghiệm là nên chú thích cũng như ghi lại các thuộctính đã gặp trong quá trình.

- Cơ bản đã có thể thiết kế web nhưng khả năng ứng phó

với trường hợp đặc biệt khá kém do chưa có nhiều kinh nghiệm và vốn kiến thức

- Hướng phát triển bản thân hiện tại là mở rộng khả năng

của mình bằng cách tiếp tục thực hiện nhiều đề tài khác nhau để thiết kế có tính đa dạng hơn

Tài liệu tham khảo1 Khoa CNTT 2023 Bài giảng môn Thiết Kế Web, ĐH

Nguyễn Tất Thành, TP.HCM

2 Google tìm kiếm.3 Trang https://fontawesome.com/ để lấy các icon

4 Trang https://releases.jquery.com/ để sử dụng thư viện jquery cho code javascript

5 Trang https://www.w3schools.com/ để tra cứu các thẻ, thuộc tính của html,css chưa biết

6 Trang https://selly.vn/home để lấy các hình ảnh sản ph3m

7 Trang https://www.youtube.com/ để tìm kiếm các video hướng dẫn liên quan