Đại học Công nghệ Giao thông Vận tải

Khoa Công Nghệ Thông Tin

----------

BÁO CÁO MÔN HỌC:

LẬP TRÌNH WEB

ĐỀ TÀI: XÂY DỰNG WEBSITE BÁN GIÀY SNEAKER

Lớp 72DCTT23- NHÓM 4

Giáo viên hướng Sinh viên thực hiện:

dẫn:

Phạm Đức Anh Trần Thị Hồng Ánh – 72DCTT20115

Lê Thị Phương Hoa – 72DCTT20228

Đỗ Thị Phương Thảo – 72DCTT20111

Phạm Thị Kim Dung – 72DCTT20131

Hà Nội

MỤC LỤC
LỜI MỞ ĐẦU......................................................................................................1

I.GIỚI THIỆU BÀI TOÁN THỰC HIỆN........................................................3

1. Tổng quan về bài toán.................................................................................3

1.1. Khảo sát hiện trạng................................................................................3

1.2. Mô tả bài toán.........................................................................................3

1.3. Ưu điểm trên website bán giày sneaker...............................................3

1.4. Nhược điểm.............................................................................................3

2. Các hệ thống liên quan tương tự................................................................3

3. Mục tiêu giải quyết của bài toán................................................................3

4. Yêu cầu của trang web................................................................................4

II.PHÂN TÍCH HỆ THỐNG..............................................................................4

1. Yêu cầu chi tiết về Website.........................................................................4

1.1. Đối với người truy cập Website với chức năng user...........................5

1.2. Đối với người quản trị............................................................................5

2. Các nhóm chức năng...................................................................................5

3. Xác định các thực thể..................................................................................6

4. Xác định các Use Case.................................................................................7

5. Database.......................................................................................................8

III.CÀI ĐẶT GIAO DIỆN HỆ THỐNG...........................................................8

1. Cấu trúc của các trang web........................................................................8

1.1.Tiêu đề ( header).....................................................................................8

1.2. Thân bố cục (main)................................................................................8

1.3. Phần chân trang (footer).......................................................................8

2. Giao diện.......................................................................................................8
2.1 Giao diện trang chủ.................................................................................8

2.2. Giao diện sản phẩm................................................................................9

2.3. Giao diện đăng nhập..............................................................................9

2.3. Giao diện admin...................................................................................10

2.4. Quản lý danh mục................................................................................11

2.5. Quản lý đơn hàng.................................................................................11

2.6. Quản lý thành viên...............................................................................12

2.7. Giao diện giỏ hàng và thanh toán.......................................................12

 LỜI MỞ ĐẦU
Hiện nay, ứng dụng công nghệ thông tin và tin học hóa được xem là một

trong những yếu tố mang tính quyết định trong hoạt động của các chính phủ, tổ

chức cũng như các công ty. Cùng với sự phát triển không ngừng của kĩ thuật

máy tính và mạng điện tử, công nghệ thông tin đã lần lượt chinh phục hết đỉnh

cao này đến đỉnh cao khác và có một vị trí nhất định. Mạng Internet là một trong

những sản phẩm có giá trị hết sức to lớn và là công cụ không thể thiếu, là nền

tảng chính cho sự truyền tải, trao đổi thông tin trên toàn cầu trong thời đại công

nghệ 4.0.

Đi cùng với sự phát triển mạnh mẽ của công nghệ thông tin là sự phát

triển thương mại hóa toàn cầu. Những website mua bán, thương mại xuất hiện

ngày càng nhiều, những trang thương mại nổi tiếng như www.amazone.com,

www.alibaba.com hay www.ebay.com không còn xa lạ với chúng ta.

Đối với một cửa công ty, doanh nghiệp hay cửa hàng, việc quảng bá và

giới thiệu đến khách hàng các sản phẩm mới đáp ứng được nhu cầu của khách

hàng sẽ là cần thiết. Vậy phải quảng bá thế nào đó? Đó chính là xây dựng một

Website cho cửa hàng của mình quảng bá tất cả các sản phẩm của mình bán. Và

nắm bắt được xu thế của thời đại nên chúng em đã thực hiện đề tài “Xây dựng

Website bán giày sneaker” nhằm phục vụ cho nhu cầu tất yếu của cuộc sống và

ưu chuộng cái đẹp.

Trong thời gian thiết kế website, dưới sự giúp đỡ, hướng dẫn tận tình của

thầy Phạm Đức Anh, chúng em đã tiến hành tìm hiểu và xây dựng website

thương mại. Website này đã giúp chúng em phát huy được tính sáng tạo, tinh
1
thần làm việc tập thể, khả năng vận dụng kiến thức đã học để có thể hoàn thành

tốt báo cáo.

Mặc dù đã có nhiều cố gắng trong quá trình làm dự án, tuy nhiên do kiến

thức còn hạn chế và thời gian có hạn nên dự án này còn nhiều thiếu sót, chúng

em rất mong được sự giúp đỡ, góp ý, sửa chữa của thầy cô để báo cáo của chúng

em hoàn thiện hơn. Chúng em xin chân thành cảm ơn quý thầy cô!

2
I.GIỚI THIỆU BÀI TOÁN THỰC HIỆN
1. Tổng quan về bài toán
1.1. Khảo sát hiện trạng
Thực hiện tìm hiểu, khảo sát hệ thống, cụ thể là một số website bán giày

internet, đánh giá hiện trạng của cửa hàng, xác định các mặt hạn chế của hệ

thống cũ, từ đó đề xuất khắc phục.

Xã hội ngày càng phát triển, nhu cầu mua sắm, thời trang của con người

càng được nâng cao. Trong đó không thể thiếu những gọng kính sang trọng, lạ

mắt, hiện đại. Những gọng kính mới ngày càng thu hút được nhiều người quan

tâm, nhất là những người có tật khúc xạ mà vẫn ưu chuộng cái đẹp. Tuy nhiên

các cửa hàng, website bán hàng chưa đáp ứng được các yêu cầu của khách hàng,

phục vụ chưa được chu đáo, tốn nhiều thời gian. Các trang web bán giày chưa

được phổ biến, phong phú. Nhằm khắc phục điều này và mong muốn có một

môi trường giao tiếp tiện lợi giữa khách hàng, đơn giản hóa việc mua sắm,

chúng em đã xây dựng website này.

Bên cạnh đó , khách hàng có thể phản hồi về cho cửa hàng và chia sẻ với

mọi người, đóng góp ý kiến của mình với website để chúng em có thể hoàn

thiện hơn, phục vụ khách hàng tốt nhất. Qua website, khách hàng có thể nắm

được những thông tin bổ ích từ sản phẩm, liên tục cập nhật thông tin từ hãng sản

xuất.

1.2. Mô tả bài toán

- Website có thể giúp cho chủ cửa hàng có thể quản lý các mặt hàng trong cửa

hàng một cách thuận tiện hơn, đồng thời chủ cửa hàng có thể cập nhật các mặt

hàng mới nhập lên website, lưu thông tin các mặt hàng đã được bán cho khách
3
hàng, đồng thời có thể kiểm tra, chỉnh sửa các bài viết về sản phẩm, hiển thị

thông tin lên theo mục.

- Một website bán hàng đều có quy trình bắt đầu bằng việc nhận đơn hàng từ

phía khách hàng, nhận trực tiếp hoặc gián tiếp qua điện thoại, email, ... theo đó

sẽ tiếp nhận thông tin đơn đặt hàng, sản phẩm đặt hàng sau đó lưu vào kho đơn

đặt hàng của tất cả các khách hàng. Sau đó thì người quản lí hệ thống sẽ lên lịch

hẹn với khách hàng về thời điểm giao hàng cũng như vị trí giao hàng thuận tiện

nhất.

- Website gồm nhiều trang, mỗi trang có một chủ đề và một chức năng riêng.

Mỗi chủ đề phải có đường dẫn đến từng trang, có tên và chủ đề và nội dung của

từng trang. Trang chủ sẽ tóm tắt nội dung của toàn bộ website bao gồm các bài

viết, video quảng cáo,…

- Mỗi chủ đề phải khác nhau và phân biệt với các chủ đề khác. Mỗi chủ đề sẽ có

giao diện riêng biệt cho từng chủ đề và phù hợp với chủ đề đó.

- Đối với người truy cập Website với tư cách là User sẽ cho phép đăng kí, đăng

nhập, tìm kiếm và tham khảo thông tin sản phẩm, cho phép bình luận về bài viết

và đánh giá về sản phẩm.

1.3. Ưu điểm trên website bán giày sneaker

Ngày nay hình thức kinh doanh bán hàng online đã mang lại nhiều ưu điểm

và thuận lợi:

- Sự Đa Dạng Về Sản Phẩm: Một trang web bán giày sneaker nên cung cấp

một sự đa dạng về sản phẩm, bao gồm nhiều loại giày, kích thước và mẫu

mã. Khách hàng có nhiều lựa chọn để chọn từ.

4
- Tích Hợp Tính Năng Tìm Kiếm: Một công cụ tìm kiếm hiệu quả giúp người

dùng tìm kiếm và lựa chọn sản phẩm dễ dàng hơn.

- Xem Trước Sản Phẩm: Hiển thị hình ảnh và thông tin chi tiết về sản phẩm

giúp khách hàng biết rõ về sản phẩm trước khi mua.

- Tích Hợp Giỏ Hàng Thông Minh: Một giỏ hàng trực tuyến giúp khách hàng

thêm và quản lý sản phẩm dễ dàng, cùng với tính năng tính toán tổng giá trị.

- Chất Lượng Hình Ảnh: Hiển thị hình ảnh sản phẩm chất lượng cao giúp

người dùng thấy rõ sản phẩm và chi tiết của nó.

- Tùy Chọn Thanh Toán Linh Hoạt: Cung cấp nhiều phương thức thanh toán

khác nhau, bao gồm thanh toán trực tuyến, thanh toán khi nhận hàng (COD),

thẻ tín dụng, ví điện tử, và PayPal.

- Vận Chuyển và Giao Hàng: Cung cấp nhiều tùy chọn vận chuyển và giao

hàng khác nhau, bao gồm giao hàng nhanh, giao hàng quốc tế và dịch vụ theo

dõi vận chuyển.

- Dịch Vụ Khách Hàng: Tích hợp dịch vụ khách hàng dễ dàng tiếp cận, bao

gồm chat trực tuyến, email, điện thoại hoặc hỗ trợ qua mạng xã hội để giải

quyết thắc mắc của khách hàng.

- Tích Hợp Xã Hội: Cho phép chia sẻ sản phẩm và đánh giá trên các nền tảng

truyền thông xã hội.

- Theo Dõi Đơn Hàng: Cung cấp cho khách hàng tính năng theo dõi đơn

hàng để họ biết chính xác vị trí và trạng thái của đơn hàng của họ.

5
 - An Toàn và Bảo Mật: Đảm bảo an toàn và bảo mật thông tin cá nhân và

thanh toán của khách hàng.

1.4. Nhược điểm

Bên cạnh nhưng ưu điểm thì khi kinh doanh bán hàng trên web cũng tồn tại

những nhược điểm nhất định:

 Hiện nay khách hàng vẫn chưa tin tưởng vào hình thức bán hàng trên web

vì một số trang web thực hiện “ đăng một đằng bán một kiểu” nên đã gây hoang

mang cho khách hàng.

 Đòi hỏi website phải chủ động và linh hoạt trong mọi khâu: từ khâu quảng

bá sản phẩm đến khâu quan hệ khách hàng, giao hàng, thanh toán, lấy

hàng,...Trong quá trình này khi kinh doanh trên web cũng gặp khá nhiều khó

khăn.

 Sự cạnh tranh giữa các website là rất lớn. Nên nếu sản phầm không chất

lượng, đa dạng, đẹp và làm ăn không uy tín thì khó có thể duy trì được lâu.

 Khách hàng sau khi đặt hàng nhưng đến khi giao hàng lại không nhận nên

chủ shop lại mất thêm chi phí.

 Một số trang web giả mạo, lừa đảo...

2. Các hệ thống liên quan tương tự

Một số website tìm hiểu và tham khảo

 Website: https://sneakerdaily.vn/

-Website Sneaker Daily là một web bán giày sneaker chính hãng với

những mẫu mới luôn được cập nhật mỗi ngày để mang đến cho khách hàng

những lựa chọn phong phú nhất. Nhận thấy trang chủ dễ nhìn, đẹp, đa dạng,

6
nhiều chức năng, lôi cuốn người xem.

 Nhận xét website Việt Nam và nước ngoài:

- Nhìn tổng quan những trang web của Việt Nam chất lượng không thua

kém gì những trang web của nước ngoài.

- Layout được phân chia đều, đẹp, dễ nhìn.

- Thông tin đều rõ ràng, đầy đủ cho người xem.

- Một số hình ảnh, chức năng trang web của Việt Nam còn hơi thừa không

cần thiết, xuất hiện nhiều quảng cáo làm rối mắt người xem.

- Đối với web bên nước ngoài cảm thấy rất tối ưu, đơn giản, đầy đủ, trang

trí đẹp về cả hình ảnh, sản phẩm và bố cục.

3. Mục tiêu giải quyết của bài toán

- Xây dựng các chức năng cơ bản của một website bán hàng thương mại.

Website có khả năng tự tương thích, hiển thị được trên tất cả các thiết bị hiện tại

và có thể nâng cấp trong tương lai.

- Website được hiển thị một cách sinh động, đẹp mắt nhưng không quá phức tạp

để cho tất cả mọi người đều có thể sử dụng được.

- Hỗ trợ khách hàng một cách nhanh nhất khi nhận được yêu cầu liên hệ từ

khách hàng.

- Quản lý các mặt hàng sản phẩm, cấu hình website.

- Nắm bắt được công nghệ thiết kế web bằng các ngôn ngữ như: ngôn ngữ đánh

dấu siêu văn bản HTML, CSS, JAVASCRIPT, PHP giúp cho website sinh động

và hấp dẫn hơn.

7
4. Yêu cầu của trang web
- Website có dung lượng không quá lớn, tốc độ xử lý nhanh.

- Công việc tính toán thực hiện chính xác, không chấp nhận sai sót.

- Sử dụng mã hóa các thông tin cá nhân của khách hàng.

- Đảm bảo an toàn dữ liệu khi chạy website trực tuyến.

- Hình thức thông tin đa dạng và sống động.

- Giao diện thân thiện, dễ nhìn, an toàn dữ liệu.

- Cung cấp thông tin và phát triển hoạt động 24/24.

- Thông tin được cập nhật và sửa đổi thường xuyên.

II.PHÂN TÍCH HỆ THỐNG

1. Yêu cầu chi tiết về Website

- Hiển thị danh mục sản phẩm như các sản phẩm bán chạy, các sản phẩm đang

được sale tại cửa hàng,...

- Hiển thị thông tin chi tiết của sản phẩm có trong danh sách bao gồm tên sản

phẩm, giá hiện tại của sản phẩm ( giá đã được sale nếu có) và hiển thị thông tin

sản phẩm là sản phẩm thuộc loại đang bán chạy hay không bán chạy.

- Hiển thị kết quả thông tin của việc tìm kiếm sản phẩm, đăng kí cũng như đăng

nhập tài khoản.

1.1. Đối với người truy cập Website với chức năng user
- Cho phép đăng kí thành viên, cũng như thành viên hợp tác bán hàng để nhận

được nhiều ưu đãi của cửa hàng trong các dịp nổi bật nhằm tri ân khách hàng.

- Cho phép xem thông tin chi tiết của sản phẩm, thông tin giỏ hàng.

- Cho phép tìm kiếm sản phẩm theo giá, theo tên sản phẩm.

8
 - Chọn sản phẩm phù hợp với nhu cầu của bản thân và thực hiện việc mua hàng

cũng như việc thanh toán nếu như khách hàng muốn mua.

1.2. Đối với người quản trị

- Là người điều hành, quản lý cũng như theo dõi mọi hoạt động của cửa hàng.

- Quản lí các thành viên,phân quyền cho các thành viên quản lý.

- Cập nhật mới các thông tin của sản phẩm.

- Kiểm tra chỉnh sửa lại thông tin của các sản phẩm.

- Cập nhật các loại sản phẩm lên trang website để người dung có thể cập nhật

nhanh nhất.

- Kiểm tra,xác nhận thông tin của các đơn hàng.

2. Các nhóm chức năng

- Hệ thống Website bao gồm:

 Trang chủ

 Tài Khoản

 Đăng Ký

 Sản phẩm

 Tìm kiếm và lọc sản phẩm

 Thông tin sản phẩm

 Giỏ Hàng và thanh toán

 Theo dõi đơn hàng và giao hàng

 Tìm kiếm đơn hàng

 Kiểm tra tồn kho cho giỏ hàng

 Quản lý thành viên

9
Chức năng của hệ thống có thể chia làm các nhóm chức năng chính như sau:

- Người quản trị (Admin): Chỉ có Admin mới có quyền truy cập vào chức năng này

(Xem thành viên, quản lý thông tin thành viên, tài khoản thành viên, quản lý danh mục

các sản phẩm, quản lý tồn kho,quản lý đơn hàng).

- Nhóm thành viên Website (User): Dành cho User khi đăng nhập vào có thể xem các

sản phẩm cũng như đăng ký đăng nhập tài khoản thành viên (nếu có).

3. Xác định các thực thể

- Dựa trên mô tả bài toán, ta có thể xác định được các thực thể chính của hệ thống bán

hàng như sau:

1. Người quản lí: Là người điều hành, quản lí và theo dõi mọi hoạt động của hệ

thống cũng như quản lý nhân viên có mặt tại cửa hàng.

2. Thành viên: Bao gồm người quản lí, và những khách hàng đã đăng kí. Sau khi

đăng nhập để trở thành thành viên, ngoài những chức năng chung của người sử

dụng, còn có một số chức năng khác phục vụ cho công việc cụ thể của từng đối

tượng.

3. Khách hàng: là người giao dịch với hệ thống, có thể đăng ký làm thành viên

của hệ thống để nhận các ưu đãi đặc biệt

4. Xác định các Use Case

- Thực thể Khách hàng có các Use Case sau:

 Đăng kí làm thành viên.

 Xem thông tin sản phẩm.

 Thực hiện việc xem thông tin sản phẩm.

 Tìm kiếm thông tin sản phẩm.

 Chọn sản phẩm cần mua và thực hiện việc mua hàng.

10
  Thanh toán.

- Thực thể Người quản lí có các Use Case sau:

 Tiếp nhận các thông tin đăng kí thành viên từ khách hàng.

 Tiếp nhận các sản phẩm đăng lên Website.

 Quản lí danh sách thành viên.

 Quản lí danh mục sản phẩm.

 Bảo hành lại hệ thống bán hàng.

 Đăng thông tin chi tiết sản phẩm lên Website.

 Kiểm tra các hoạt động của thành viên.

 Cập nhật lại các thông tin sản phẩm.

- Ngoài ra, các thành viên của hệ thống bán hàng bao gồm Người quản lí và các Thành

viên đã đăng kí còn có các Use Case sau:

 Đăng nhập.

 Xem thông tin cá nhân.

 Sửa đổi thông tin cá nhân.

5. Database

11
III.CÀI ĐẶT GIAO DIỆN HỆ THỐNG
1. Cấu trúc của các trang web
Muốn xây dựng một trang web hoàn chỉnh thì người lập trình không thể

thiếu tư duy về bố cục trang web, khi đã xác định được mình sẽ thiết kế những

gì, xây dựng được bố cục hoàn chỉnh thì lúc đó việc lập trình trở nên dễ dàng

hơn. Chúng em xác định bố cục cho trang web của mình gồm 3 phần chính:

header, main, footer bằng cách xây dựng màu và khi lập trình đưa các thông tin

lên sẽ tẩy màu đi và phối màu lại.

1.1.Tiêu đề ( header)

Header là phần đầu trang, chủ yếu chứa các thông tin tiêu đề, logo, menu,

liên hệ,... Một trang web không thể không có phần header, nó giữ vị trí khá quan

trọng, giúp người dùng có thể dựa vào đó để biết được toàn bộ nội dung trong

trang web này có những gì.

12
 Một header chuẩn thường kết hợp với các yếu tố: logo, slogan, menu,

phần tìm kiếm, banner quảng cáo. Những điều này giúp những cỗ máy tìm kiếm

đánh giá được dộ uy tín trên website.

1.2. Thân bố cục (main)

Main là phần quan trọng nhất của một trang web, nó dùng để xác định

những nội dung ở trang web có những gì. Phần main dùng để đưa, bày bán, hiện

thị tất cả nhưng nội dụng của trang web lên.

1.3. Phần chân trang (footer)

Footer là phần chân trang nó chứa những thông tin bản quyền, tác giả, liên

hệ,...

2. Giao diện
2.1 Giao diện trang chủ

13
2.2. Giao diện sản phẩm

2.3. Giao diện đăng nhập

14
2.3. Giao diện admin

15
2.4. Quản lý danh mục

2.5. Quản lý đơn hàng

16
2.6. Quản lý thành viên

2.7. Giao diện giỏ hàng và thanh toán

17