MÔN LẬP TRÌNH WEB ĐỀ TÀI THIẾT KẾ WEBSITE BÁN QUẦN ÁO VÀ GIÀY DÉP

ĐỀ TÀI: THIẾT KẾ WEBSITE BÁN QUẦN ÁO VÀ GIÀY DÉP

TRƯỜNG ĐẠI HỌC ĐIỆN LỰC
KHOA CÔNG NGHỆ THÔNG TIN

MÔN LẬP TRÌNH WEB

ĐÊ ̀ TÀI: THIẾT KẾ WEBSITE BÁN QUẦN ÁO
VÀ GIÀY DÉP

Sinh viên thực hiện

: NGUYỄN VĂN ANH
ĐỖ QUANG HUY
Giảng viên hướng dẫn : NGUYỄN QUANG TRUNG
Ngành

: CÔNG NGHỆ THÔNG TIN

Chun ngành

: CƠNG NGHỆ PHẦN MỀM

Lớp

: D14CNPM4

Khóa

2019

Hà Nội, tháng 3 năm 2021


ĐỀ TÀI: THIẾT KẾ WEBSITE BÁN QUẦN ÁO VÀ GIÀY DÉP

PHIẾU CHẤM ĐIỂM
ST
T

1

Họ và
tên
sinh
viên
Nguyễn
Văn Anh

Nội dung thực hiện

Điể
m

Thiết kế trang giới
thiệu Thiết kế trang
sản phẩm Thiết kế
trang liên hệ
Thiết kế trang hệ thống cửa
hàng Thiết kế trang đặt hàng

2

Đỗ
Quang
Huy

Thiêt kế trang chủ
Thiết kế trang đăng
nhập Thiết kế trang
đăng ký Thiết kế trang
ưu đãi
Thiết kế trang quên mật khẩu

Họ và tên giảng
viên
Giảng viên chấm 1:

Giảng viên chấm 2:

Chữ ký

Ghi
chú

C
h
ữ
k
ý

ĐỀ TÀI: THIẾT KẾ WEBSITE BÁN QUẦN ÁO VÀ GIÀY DÉP

MỤC LỤC
LỜI MỞ ĐẦU
PHẦN MỞ ĐẦU
PHẦN NỘI DUNG
CHƯƠNG I. TỔNG QUAN, KHẢO SÁT
1. Nêu bài toán…
2. Yêu cầu bài toán…
3. Khảo sát hiện trạng
3.1. Cơ cấu tổ chức
3.2. Hiện trạng…
3.3. Ứng dụng công nghệ thông tin…
3.4.Khảo sát…………………………………………………....
………………………….7
CHƯƠNG II. TRIỂN KHAI, THỬ NGHIỆM, ĐÁNH GIÁ KẾT QUẢ
1. Triển khai
2. Kết quả…

3
4
5
5
5
5
5
5
6
7

9
9
9


ĐỀ TÀI: THIẾT KẾ WEBSITE BÁN QUẦN ÁO VÀ GIÀY DÉP

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à 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ỉ ở nơi làm việc mà cịn ngay cả trong gia đình. Đặc biệt
là cơng nghệ thơng tin được áp dụng trên mọi lĩnh vực kinh tế, chính trị, xã hội
Ứng dụng công nghệ thông tin và tin học hóa được xem là một trong yếu tố mang
tính quyết định trong hoạt động của quốc gia, tổ chức và trong cả các cửa hàng.
Nó đóng vai trị hết sức quan trọng và có thể tạo nên bước đột phá mạnh mẽ.
Mạng INTERNET là một trong những sản phẩm có giá trị hết sức lớn lao và
ngày càng trở nên một công cụ không thể thiếu, là nền tảng để truyền tải, trao đổi
thơng tin trên tồn cầu. Bằng INTERNET, chúng ta đã thực hiện được những công
việc với tốc độ nhanh hơn, chi phí thấp hơn nhiều so với cách thức truyền thống.
Chính điều này, đã thúc đẩy sự khai sinh và phát triển của thương mại điện tử trên
khắp thế giới, làm biến đổi đáng kể bộ mặt văn hóa, nâng cao đời sống con người.
Trong hoạt động sản xuất, kinh doanh, thương mại điển tử đã khẳng định được xúc
tiến và thúc đẩy sự phát triển của doanh nghiệp. Đối với một cửa hàng, việc quảng
bá và giới thiệu sản phẩm đến khách hàng đáp ứng nhu cầu mua sắm ngày càng
cao của khách hàng sẽ là cần thiết. Vì vậy, nhóm chúng em đã thực hiện đề tài
“Xây dựng Website bán quần áo giày dép”. Cửa hàng có thể đưa các sản phẩm lên
Website của mình và quản lý Website đó, khách hàng có thể đặt mua, mua hàng
của cửa hàng mà không cần đến cửa hàng, cửa hàng sẽ gửi sản phẩm đến tân tay

khách hàng. Website là nơi cửa hàng quảng bá tốt nhất tất cả các sản phẩm mình
bán ra.


ĐỀ TÀI: THIẾT KẾ WEBSITE BÁN QUẦN ÁO VÀ GIÀY DÉP

PHẦN MỞ ĐẦU
Tên đề tài:
Thiết kế website bán quần áo và giày dép.
Lí do chọn đề tài:
Ngày nay, việc áp dụng website trong việc phát triển kinh doanh của cửa
hàng trở nên rất phổ biến và hiệu quả, trong đó ngành thời trang cũng có sử dụng
nhiều đến website để giới thiệu và quảng bá sản phẩm của cửa hàng. Việc lên
mạng tìm kiếm và mua sản phẩm trở nên khá gần gũi với các bạn trẻ ngày nay, đặc
biệt là các bạn nữ. Do vậy, nhóm em quyết định thực hiện đề tài này với mong
muốn đưa đến nhiều sự lựa chọn hơn cho khách hàng và phát triển cửa hàng trên
quy mô lớn hơn.
Hướng tiếp cận của đề tài:
Đề tài hướng đến các cửa hàng quần áo có quy mô vừa
Ưu nhược điểm của đề tài:
*Ưu điểm:
Giới thiệu hình ảnh của cửa hàng đến với mọi người.
Giao diện thân thiện dễ sử dụng.
Mua bán sản phẩm trực tiếp trên website.
Tìm kiếm thơng tin sản phẩm, thơng tin khách hàng, thơng tin nhà cung chấp
nhanh chóng, dễ dàng.
*Nhược điểm:
Tốc độ xử lí cịn chậm.

ĐỀ TÀI: THIẾT KẾ WEBSITE BÁN QUẦN ÁO VÀ GIÀY DÉP

PHẦN NỘI DUNG
CHƯƠNG I. TỔNG QUAN, KHẢO SÁT, XÁC ĐỊNH U CẦU, PHÂN TÍCH
HỆ THỐNG
1. Nêu bài tốn

Quản lý shop thời trang là hoạt động cửa một cửa hàng dù lớn hay nhỏ, nhân
viên phải thực hiện các công việc liên quan đến nhập, xuất quần áo…. Điều này
gây ảnh hưởng rất nhiều đến hiệu quả và thời gian làm việc. Bên cạnh đó, số người
biết đến cửa hàng khơng lớn, chỉ trong quy mô nhỏ. Do vậy, việc sử dụng website
để bán hàng và giới thiệu cửa hàng là điều cần thiết để phát triển cửa hàng lớn
mạnh hơn.
2. Yêu cầu bài toán.

*Các mục tiêu cần đạt được.
- Cho phép nhập hàng vào cơ sở dữ liệu.
- Hiển thị danh sách các mặt hàng theo từng loại (hình ảnh, giá cả, …)
- Hiển thị hàng hóa mà khách đã chọn mua.
- Hiển thị đơn đặt hàng của khách.
- Cung cấp khả năng tìm kiếm, khách hàng từ xa có thể truy cấp
để xem những mặt hàng đặt mua.
- Cho phép quản lý đơn đặt hàng.
- Cập nhật mặt hàng, loại mặt hàng, khách hàng, nhà cung cấp.
- Thống kê mặt hàng, khách hàng, đơn đặt hàng. Cho phép hệ thống
quản trị mạng từ xa.
3. Khảo sát hiện trạng.

3.1. Cơ cấu tổ chức.

ĐỀ TÀI: THIẾT KẾ WEBSITE BÁN QUẦN ÁO VÀ GIÀY DÉP

Chủ cửa hàng chịu trách nhiệm về việc bán hàng, nhập hàng, quản lý doanh
thu của cửa hàng.
3.2. Hiện trạng.
Nhập sản phẩm mới cho cửa hàng. Khi cửa hàng nhập 1 loạt hàng mới về thì
chủ cửa hàng chịu trách nhiệm cập nhật thông tin sản phẩm (Loại sản phẩm, số
lượng, giá cả).
Bán hàng. Khi có khách hàng tới mua quần áo thì chủ cửa hàng cung cấp
các thơng tin về sản phẩm, thông tin giá cả và cung sản phầm cho khách hàng khi
đồng ý bán.
3.3. Ứng dụng công nghệ thơng tin.
Việc tin học hóa q trình quản lý sẽ đem lại rất nhiều lợi ích. Khơng cần
nhiều nhân viên nhưng mức độ cơng việc vẫn hồn thiện tốt.
3.4. Khảo sát.
Qua khảo sát thực tế chúng em được biết bán hàng thơng qua một trang web
nhưng bên cạnh đó vẫn bán hàng thông qua các kênh khác nhau: cửa hàng, bán
hàng qua điện thoại….
*Quản lý khách hàng: Mỗi khách hàng được quản lý các thông tin sau: Họ
tên, địa chỉ, điện thoại, email, tên đăng nhập, mật khẩu. Ngoài ra khách hàng là
cơng ty hay cơ quan thì quản lý thêm tên công ty hay tên cơ quan.
*Quản lý mặt hàng: Mỗi mặt hàng được quản lý những thông tin: Tên đặt
hàng, đơn giá, số lượng, hình ảnh, mơ tả.
*Quá trình đặt hàng của khách hàng: Khách hàng xem và lựa chọn mặt
hàng cần mua. Trong quá trình lựa chọn, bộ phận bán hàng sẽ trực tiếp trao đổi
thông tin cùng khách hàng, chịu trách nhiệm hướng dẫn. Sau khi lựa chọn xong,
bộ phận bán hàng sẽ tiến hành lập đơn hàng của khách hàng. Sau khi tiếp nhận yêu
cầu trên, bộ phận này sẽ làm hóa đơn và thanh tốn tiền.
*Q trình đặt hàng với nhà cung cấp: Nhân viên sẽ phải kiểm tra nắm

bắt tình hình hàng còn hay hết và đề xuất lên ban điều hành cần xử lý những mặt


ĐỀ TÀI: THIẾT KẾ WEBSITE BÁN QUẦN ÁO VÀ GIÀY DÉP

hàng cần nhập. Trong quá trình đặt hàng thì ban điều hành sẽ có trách nhiệm xem
xét các đề xuất về những mặt hàng yêu cầu và quyết định loại hàng, số lượng hàng
cần đặt và phương thức đặt hàng với nhà cung cấp. Việc đặt hàng với nhà cung cấp
được thực hiện thông qua địa chỉ trên mạng hay qua điện thoại, fax….
*Quá trình nhập hàng: Sau khi nhận yêu cầu đặt hàng từ cửa hàng, nhà
cung cấp sẽ giao cho cửa hàng có kèm theo hóa đơn hay bảng kê chi tiết các loại
mặt hàng. Bộ phận nhập hàng sẽ kiểm tra lô hàng của từng nhà cung cấp và trong
trường hợp hàng hóa giao khơng đúng u cầu đặt hàng hay hàng kém chất lượng
thì bộ phận nhập hàng sẽ trả lại nhà cung cấp và yêu cầu giao lại những mặt hàng
bị trả đó. Tiếp theo bộ phận nhập hàng kiểm tra chứng từ giao hàng để gán giá trị
thành tiền cho từng loại sản phẩm. Những loại hàng hóa này sẽ được cấp một mã
số và được cập nhật ngay vào giá bán. Sauk hi nhập xong chứng từ giao hàng, nhân
viên nhập hàng sẽ in một phiếu nhập để lưu trữ lại. Từ quy trình thực tiến nêu trên,
ta nhận thấy rằng hệ thống được xây dựng cho bài toán đặt ra chủ yếu phục vụ cho
2 đối tượng: khách hàng và nhà quản lý.
*Khách hàng: Là những người có nhu cầu mua sắm hàng hóa. Khác với
việc đặt hàng trực tiếp tại cửa hàng, khách hàng phải hồn tồn tự thao tác thơng
qua từng bước cụ thể để có thể mua được hàng. Trên mạng, các mặt hàng được
sắp xếp và phân theo từng loại mặt hàng giúp cho khách hàng dễ tìm kiếm. Trong
hoạt động này, khách hàng chỉ cần chọn một mặt hàng nào đó từ danh mục các
mặt hàng thi những thơng tin về mặt hàng đó sẽ hiển thị lên màn hình. Khi khách
hàng muốn đặt hàng thì hệ thống hiển thị trang đặt hàng cùng thông tin về khách
hàng.
Cuối cùng là do khách hàng tùy chọn đặt hay khơng.
*Nhà quản lý: Là người làm chủ hệ thống, có quyền kiểm soát mọi hoạt

động của hệ thống. Nhà quản lý được cấp một username và password để đăng nhập
vào hệ thống thực hiện những chức năng của mình. Nếu như q trình đăng nhập
thành cơng thì quản lý có thể thực hiện những công việc: Quản lý cập nhật thông
tin các mặt hàng, tiếp nhận đơn hàng, kiểm tra đơn đặt hàng và xử lí đơn đặt hàng.
Thống kê các mặt hàng đã bán, thống kê tồn kho, thống kê doanh thu. Khi có nhu


ĐỀ TÀI: THIẾT KẾ WEBSITE BÁN QUẦN ÁO VÀ GIÀY DÉP

cầu nhập hàng hóa từ nhà cung cấp thì tiến hành liên lạc với nhà cung cấp để đặt
hàng và cập nhật các mặt hàng này vào cơ sở dữ liệu.

CHƯƠNG II. TRIỂN KHAI, THỬ NGHIỆM VÀ ĐÁNH GIÁ KẾT
QUẢ
1. Triển khai
Khi đi xây dựng một website đầu tiên chúng ta phải hình dung ra xem chúng
ta cần phải thiết kế cái gì cho website của mình. Khơng có phủ định và mục tiêu rõ
ràng thì cả website đó trở nên sai lầm, lan man và cuối cùng đi tới một hướng khó
có thể trở lại. Thiết kế cẩn thận và định hướng rõ là chìa khóa hướng tới thành
cơng của việc xây dựng một website. Vận dụng tổng hợp những kiến thức đã học
để tiến hành thiết kế website bán hàng online nhằm giải quyết những khó khăn
hiện tại của cửa hàng. Tìm hiểu thực trạng thương mại điện tử tại cửa hàng cho
phù hợp. Khai phá lợi ích của internet để hướng đến mơi trường kinh doanh tồn
cầu.
Giảm chi phí bán hàng tiếp thị và giao dịch. Bằng phương tiện internet/web,
một nhân viên bán hàng có thể giao dịch được với rất nhiều khách hàng, catalogue
điện tử trên web phong phú hơn nhiều và thường xuyên cập nhật so với catalogue
in ấn chỉ có khn khổ giới hạn và luôn luôn lỗi thời. Internet/Web giúp người tiêu
thụ và các cửa hàng kinh doanh giảm đáng kể thời gian và chi phí giao dịch.
*Trước khi đi xây dựng một website chúng ta cần:

- Xây dựng đối tượng khách hàng là ai ?
- Website có mục đích gì ?
- Xác định chủ đề chính của từng website là gì?
- Thiết lập các khối thông tin mà website sẽ cung cấp.
2. Kết quả:
Một số trang chính của website:
- Trang chủ: Đây là trang giới thiệu về các sản phẩm nổi bật của cửa hàng.
Ngồi ra biết thêm thơng tin những sự kiện hay những ưu đãi của shop.


ĐỀ TÀI: THIẾT KẾ WEBSITE BÁN QUẦN ÁO VÀ GIÀY DÉP

- Trang giới thiệu: Trang này giới thiệu về cửa hàng.
- Trang sản phẩm: Bao gồm những mặt hàng của shop, khách hàng có
thể xem và lựa chọn.
- Trang liên hệ: Giúp cho khách hàng có thể liên hệ với người quản lí để
có thể nhận được sự tư vấn cần thiết.
- Trang hệ thống cửa hàng: giới thiệu về những chi nhánh khác của cửa
hàng và đưa ra bản đồ.

2.1. Trang Chủ


ĐỀ TÀI: THIẾT KẾ WEBSITE BÁN QUẦN ÁO VÀ GIÀY DÉP

Hình 2.1.Giao diện trang chủ


ĐỀ TÀI: THIẾT KẾ WEBSITE BÁN QUẦN ÁO VÀ GIÀY DÉP

2.2.

Giới Thiệu


ĐỀ TÀI: THIẾT KẾ WEBSITE BÁN QUẦN ÁO VÀ GIÀY DÉP

Hình 2.2.Giao diện trang giới thiệu

2.3.

Sản Phẩm


ĐỀ TÀI: THIẾT KẾ WEBSITE BÁN QUẦN ÁO VÀ GIÀY DÉP

Hình 2.3.Giao diện trang sản phẩm


ĐỀ TÀI: THIẾT KẾ WEBSITE BÁN QUẦN ÁO VÀ GIÀY DÉP

2.4.

Liên Hệ

Hình 4.0

Hình 2.4.Giao diện trang liên hệ

ĐỀ TÀI: THIẾT KẾ WEBSITE BÁN QUẦN ÁO VÀ GIÀY DÉP

2.5.

Hệ Thống Cửa Hàng

Hình 2.5.Giao diện trang hệ thống cửa hàng


ĐỀ TÀI: THIẾT KẾ WEBSITE BÁN QUẦN ÁO VÀ GIÀY DÉP

2.6.

Ưu Đãi

Hình 2.6.Giao diện trang ưu đãi


ĐỀ TÀI: THIẾT KẾ WEBSITE BÁN QUẦN ÁO VÀ GIÀY DÉP

2.7.

Đăng Kí

Hình 2.7.Giao diện trang đăng ký


ĐỀ TÀI: THIẾT KẾ WEBSITE BÁN QUẦN ÁO VÀ GIÀY DÉP

2.8.

Đăng Nhập

Hình 2.8.Giao diện trang đăng nhập


ĐỀ TÀI: THIẾT KẾ WEBSITE BÁN QUẦN ÁO VÀ GIÀY DÉP

2.9.

Quên Mật Khẩu

Hình 2.9.Giao diện trang quên mật khẩu


ĐỀ TÀI: THIẾT KẾ WEBSITE BÁN QUẦN ÁO VÀ GIÀY DÉP

2.10.

Đặt Hàng

Hình 2.10.Giao diện trang đặt hàng


ĐỀ TÀI: THIẾT KẾ WEBSITE BÁN QUẦN ÁO VÀ GIÀY DÉP