Đồ án môn học lập trình web tên Đề tài xây dựng ứng dụng web bán xe máy

Trang web này cung cấp một loạt các dịch vụ và thông tin về xe máy, nhằm g1úp người mua và người bán xe máy tương tác và thực hiện các giao dịch mua bán.. Thông tin chỉ tiết: Mỗi chiếc x

BO GIAO DUC VA DAO TAO

TRUONG DAI HOC NGUYEN TAT THANH KHOA CONG NGHE THONG TIN

ĐỎ ÁN MÔN HỌC

Lập trình web

Tên đê tài:

XÂY DỰNG ỨNG DỤNG WEB BÁN XE MÁY

Môn học : Lập trình web Lớp :22DTH4B Giảng viên : BÙI DUY TÂN

SV thực hiện I : Trương Quân Báo [MSSVỊ 2200010118

SV thực hiện 2 : Trần Khánh Đăng [MSSVỊ 2200009725

Học kỳ I Nam 2023 - 2024

LOI MO DAU

Ngành công nghệ thông tin là một ngành khoa học đang trên đà phat triển

mạnh và ứng dụng rộng rãi trên nhiều lĩnh vực Cùng với xu hướng phát

triển của thương mại điện tử thì việc sử dụng Internet ngày càng phô biến

Truy cập Internet, chúng ta có được một kho thông tin không lỗ phục vụ

mọi nhu cầu, mục đích của chúng ta chỉ bằng một cái nhấp chuột Đề đáp

ứng với việc mua sắm mot cach dé dang thi website ban xe may ra doi là

một nhu cầu tất yêu Do đó, chúng em da van dung ngén ngit HTML, CSS,

JavaScripts và công cụ Visual Studio để xây dựng ứng dụng Website Hoàn

thành xong để tài, chúng em vô cùng biết ơn thầy, cô đã nhiệt tình giảng

dạy, hướng dẫn và đặc biệt là thầy Bùi Duy Tân người trực tiếp hướng dẫn

nhiệt tình cho chúng em trong suốt quá trình nghiên cứu và thực hiện đề tài

này Trong quá trình giảng đạy thầy đã giúp đỡ em rất nhiều cho em một

nền tảng kiến thức để em có thể thức hiện thành công đồ án kết thúc môn

lần này Dù kết quả có ra sao em vẫn rất biết ơn Thầy rất nhiều, em cũng

mong đạt được kết quả cao để không phụ kiến thức của thầy đã truyền đạt

lại cho em

LOI CAM ON

Đề hoàn thành chuyên đề báo cáo kết thúc môn này trước tiên em xin gửi

đên quý thây, cô lời cảm ơn chân thành và sâu sắc nhật

Đặc biệt, em xin gửi đến Thầy Bùi Duy Tân người đã tận tỉnh hướng dẫn,

giúp đỡ em hoàn thành chuyên đề báo cáo kết thúc môn nảy lời cảm ơn sâu

sắc nhất đã giúp đỡ, cung cấp nhiều thông tin quý báu và tạo điều kiện cho

em trong quá trình thực hiện chuyên đề này Chúc thầy có thật nhiều sức

khoẻ niêm vui nhiêu tiếng cười trone cuộc sông Cảm ơn thây nhiêu!

Do kiến thức còn hạn hẹp nên không tránh khỏi những thiếu sót trong cach

hiéu, 16i trinh bay Em rat mong nhận được sự đóng góp ý kiến của quý

thầy cô để báo cáo và đồ án kết thúc môn học đạt được kết quả tốt

Em xin chân thành cảm ơn!

Sinh viên thực hiện

Trương Quân Bảo

MUC LUC

W\Ì ).-g::0v.ì.:-EHáÝŨỶẮỶẮỶẮỶÃỶÝÝỶ

Chương l Tổng quan 55-55 2E 1 1112112211 12 121 21211212 tre

1.1 Mô tả tóm tắt về websife - + 5c 2c 2 221211 22 1221 2 212g

1.2 Cơ sở lý thuyẾt Sc nh nh HH HH1 1 1tr ng He ng rưu

Chương 2 Phân tích và hoạch định G12 12121 2v 212111101281 10110111110111111 0111 xtryet 2.1 Các module chức năng: Trình bảy sơ đồ chức năng s5 nen

2.2 Site map: Trình bảy sơ đồ liên kết -. 5 Sc ST TH HE H 122 121 H1 tre

2.3 Database diagram: M6 ta luge dé quan hỆ - óc 2 11121211 10112111 1521115118111 1 1 de

2.4 GUI: Mô tả giao diện các các nhóm trang web của websIf€ ác ae seree

Chương 3 Triển khai ứng dụng web

3.1 Thiết kế giao diện: Trình bày các bước thiết kế, công cụ sử dụng và kết quả

3.2 Thiết kế đữ liệu: Trình bảy sơ đồ dữ liệu và chỉ tiết các bảng co se

3.3 Thiết kế xử lý: Trình bảy chỉ tiết các bước cải đặt các module chức năng

3.4 Bao se “ ccc ccceccccceccccceccecceececccsseccecsusevecssevestsseceseceeseceeesaecesensaaeceveeeeanees

3.5 Kiểm tra và xuất bản website

Chương 4 Kết luận 25 ST HH 1 tt 12tr reu

41 Kết quả đạt ẨƯỢc Lo L n1 111 11H HH Tà HH HH HH TH HH ren

4.2 Những hạn chế và hướng mở rộng

TÀI LIỆU THAM KHẢO

DANH MUC HINH ANH

Trang chủ khi có windown alert

XE MÁY HONĐA WAVE ALPHA tiêu jonda SH 1254 Phiên Đản Tiêu Xe May Honda Winner X Phiéu Bin Tiêu

chuẩn 2023 Chuẩn CBS 2023 Chuẩn 2023

SIRIUS PHIÊN BAN PHANH DIA EXCITER 155 VVA PHIÊN BẢN TIÊU JANUS PHIÊN BẢN GIỚI HẠN HOÀN

520.913,000 JUAN HOAN TOAN MOT TOÀN MỚI MÀU MỚI

Dee er ore er 1 1 A041 Pore Ao a es

Điển vào mẫu bên dưới đẻ chúng tôi giải đáp thác mắc của Quý khách sớm nhất

thông tin cho chúng tôi, Quý khách đồng ý với Chính Sách Quyên Riêng Tư , theo đó cho phép chúng tôi và o: CUE Aga ote) cho các mục đích như: gải đáp thắc mắc, thực hiện khảo sát Nắu Quý khách không đồng ÿ hoặc cỏ ÿ kiến nảo khác, vui lòng thông in lại với chúng tôi

CR tet) U00 091022 ()

Cam kết chất lượng chính hãng Giao hàng miễn phí nhanh, uy tín Thủ tục nhanh gọn Sửa chữa tận nơi, phục vụ tận gốc

Trang giới thiệu

“KHOI DAY DAM ME”

a

Thôi luồng DI YOU ,UUN Cii ểv Là, 20)

TT 1 oT

# ngừng nỗ lực vá chấp nbáo tẮt cà những thách thức troag re Pastas y POE nh r

h nv Ly Secret Âm Suzuki bên cạnh n retard x aH CN dang x Ỷ Pees tai

CONG TY TNT BAO CONG VIET NAM

4 nh

¬- vn a: gs k eal aoe dee : ¬ _

để giớithiều các lo xei đặc trưng nhỏ gọn tệ li và kah tê,

những người bạn thán thiết trong cuộc sống

ào mẫu bêt để chị sen Lea giai dap thac mac cua Quy khách sớm nhát

Coen To Dị ie thông tin cho chúng tôi, Quý khách đồng ý với can CS nh] ia eee eres) TT 1 01 001002000000 -¡

cho các mục đích như: giải đáp thắc mắc, thực hiện khảo sát Nếu Quý khách không đồng ý hoặc oh ee 7, 1 101L 1

CUSTOMER SERVICE

eC 4 wero chinh hãng

hí nhanh, uy tín

Hits gọn Sửa chữa tận Ki phục vụ tận gốc

Liên Hệ với chúng tôi

Nhập lại mệt khẩu

[3 «e° Trangchủ LiêuHệ GiớiThiệu Sản phẩm

Che dòng xe số (xe côn tay) Yamaha gây Ấn tượng bởi thiết kế trẻ trung cùng công nghệ phun xăng điệ tử FI giúp tiết kiệm xăng tối đa, sở hữu sức giá phải chăng, phù hợp với nhiều đổi tượng người dùng Xe máy số Yamaha

hiện đang bán gốm có: Jupiter FI, Sirius, Sirius Fl va xe cba tay Exeiter 150cc ý 155cc!

e

Exciter Jupiter FI SIRIUS

52.500.000 VND 31.251.000 VNĐ 21.895.000 VNĐ

Xe ga thể bệ mới "ghi điểm” T NT HP miu trendy Xe Gove Kel rp bag noe ie Got sl be Gong ov Boe Cove pve ck On 7a ding bt cho trải

jams, NVX, Freego,Lane với đa dạng phiên bản cùng mite gia hip dẫn Đặc biết, Grande được mệnh danh là nữ boàng xe ga với khả nảng tiết kiệm nhiên liệu số 1 Việt Nam Xe mdy tay gs Ye đồng , mang đến trải ng những khoảnh khắc vui vẻ đáng nhớ Đến ngay Yamaha Town gắn nhất để tìm hiểu kỹ hơn về các

loại xe tay ga nity nhét

Việt Nam chính thức ra mắt dòng xe điện mới: NEO'S Yamaha NEO" cbâu Âu, động cơ điện thế bệ mới YIPU 2 cho phép xe tăng tốc êm ái vả vận bảnh bên bì Xe Số ben vio cepts ia

144km với 2 pin Bên cạnh đó, dòng xe máy điện Yamaha này còn trang bị Smartkey, công sạc điện thoại tiện lợi, cếp T G0 lít và kết nối với Y-Conpect - ứng dụng giúp người đàng nhận thông báo tin nhắn vãi

Việt Nam chính ýn mới: NEO'S Yamaha NEO'S sở hữu

144km với 2 pia Bên cạnh đó, ty điện Yamaba trang bị gon 27 ik và kắcnh với YOovoa!- ứng dụng giúp người dang nhân thông báo tin nhân văn bàn hoặc tốc êm ải vả vận bánh bên bị Xe có phạm vì dị chuyên lên đến

ch nh ƒentndrcierdsd ki

XS155R MT-03 32.500.000 VNĐ $1.251.000 VNĐ 21.895.000 VNĐ YZF-RIS

Trang liên hệ

Ber Tragehù LiêaHệ GiớiThiệu Sảnphẩm [on con mote tn SEE Ea

sao”

Các Trang chỉ tiết sản phẩm

DO AN MON HOC LAP TRINH WEB

Nội dung bảo cáo Đồ án môn học Lập trình Web

Thông tin chung

Tên đồ án:

Nhóm:

- _ Sinh viên l: Trương Quân Bảo MSSV: 2200010118

- Sinh vién 2: Trần Khánh Đăng MSS V:2200009725 Phân công thực hiện (Mô tả cụ thể công việc của từng thành viên)

- _ Sinh viên l: Trương Quân Bảo

s - Thiết kế và xây dựng website

- _ Sinh viên 2: Trần Khánh Đăng

® - Thiết kế và xây dựng website

SV thuec hién: SVI —SV2

DO AN MON HOC LAP TRINH WEB Chương 1 Tổng quan

1.1 Mô tả tóm tắt về website

Trang web bán xe máy lả một nền tảng trực tuyến dành riêng cho việc mua bán xe máy Trang web này cung cấp một loạt các dịch vụ và thông tin về xe máy, nhằm g1úp người mua và người bán xe máy tương tác và thực hiện các giao dịch mua bán Dưới đây là một tóm tat vé trang web nay:

Danh mục sản phẩm: Trang web chia xe máy thành nhiều danh mục, bao gồm các loại xe mới và xe đã qua sử dụng Người dùng có thẻ đễ dàng tìm kiếm xe theo

thương hiệu, mẫu mã, mức giá và địa điểm

Thông tin chỉ tiết: Mỗi chiếc xe máy trên trang web đi kèm với thông tin chỉ tiết về thông số kỹ thuật, hình ảnh, và mô tả, giúp người mua hiểu rõ về sản phẩm trước khi quyết định mua

Đánh giá và phản hồi: Người dùng có thê đọc đánh giá từ những người đã mua xe trước đó và chia sẻ phản hồi của họ, giúp tạo niềm tin cho người mua

Tin tức và hướng dẫn: Trang web cung cấp các bai viết, tin tức, và hướng dẫn liên quan đến việc mua, bán, bảo đưỡng và chăm sóc xe máy

Liên hệ và hỗ trợ: Trang web có thông tin liên hệ và hỗ trợ trực tuyến đề giải quyết mọi câu hỏi hoặc vấn đề của người dùng

Tùy chọn đăng ký người bán: Người muốn bán xe máy có thê đăng ký tài khoản và đăng thông tin về xe của họ trên trang web

Trang web bán xe máy cung cấp một môi trường thuận tiện để mua bán xe máy, giúp người dùng tìm hiệu va so sánh nhiều tùy chọn khác nhau trước khi quyết

định mua

Xác định yêu cầu, thu thập thông tin và các dữ liệu liên quan s© Yêu cầu chức năng:

1 Đăng ký Tài khoản: Cho phép người dùng đăng ký tài khoản để quản lý

thông tin cá nhân, lịch sử mua bản, và thông báo

2 Tìm kiếm và Lọc Sản phẩm: Hệ thống tìm kiếm mạnh mẽ đề người dùng

có thể tìm kiếm xe máy dựa trên mục tiêu như hãng xe, mẫu mã, giá, vị trí

5 Chức năng Đặt hàng: Cho phép người mua thêm sản phẩm vào giỏ hàng,

lựa chọn các tùy chọn mua và thực hiện giao dịch mua bán

6 Quản ly Lịch sử Mua bán: Cho cả người mua và người bán theo dõi lịch

sử giao dịch, đơn hàng, và thông tin thanh toán

7 Gửi thông báo và Email: Gửi thông báo và email xác nhận cho người

mua và người bán sau khi một giao dịch được thực hiện

§ thế giới xe máy, sửa chữa, và bảo đưỡng

SV thuec hién: SVI —SV2

DO AN MON HOC LAP TRINH WEB

© Yêu cầu phi chức năng:

1 Tích hợp Tìm kiếm Mạnh mẽ: Một hệ thống tìm kiếm mạnh mẽ với các bộ

lọc và tùy chọn tìm kiếm nâng cao, cho phép người dùng tìm kiếm xe máy theo

nhiều tiêu chí như mẫu, màu sắc, năm sản xuất, vị trí, và giá cả

2 Độ tin cậy va An toàn: Đảm bảo tính an toàn cho các giao dich mua ban bang việc kiểm tra và xác minh danh tính của người dùng Cung cấp chỗ đề người dùng

báo cáo các hoạt động gian lận hoặc không đúng luật

3 Thời p1an tải trang nhanh chóng: Đảm bảo trang web nhanh chóng tải trang,

điều này sẽ giúp cải thiện trải nghiệm người dùng và giảm tỷ lệ bỏ cuộc

4 Thiết kế đáp ứng: Đảm bảo rằng trang web có thiết kế đáp ứng, nghĩa là nó phải

hiện thị và hoạt động tốt trên cả máy tính, điện thoại di động và máy tính bảng

5 Hỗ trợ khách hàng: Cung cấp các tùy chọn liên hệ và hỗ trợ trực tuyến dễ dàng

để giải quyết các thắc mắc hoặc vẫn để của người dùng

6 Bảo mật Thông tin Người dùng: Đảm bảo rằng thông tin cá nhân va tải khoản

người dùng được bảo vệ an toàn bằng mã hóa và các biện pháp bảo mật khác

7 Tích hợp Thanh toán An toàn: Hỗ trợ nhiều phương thức thanh toán an toàn dé người mua có thê thực hiện giao dịch mua xe một cách dễ dàng và tin tưởng

§ Thông tin và Hướng dẫn Thông minh: Cung cấp các tài liệu hữu ích, hướng

dẫn, và thông tin về việc mua xe máy, bảo dưỡng, và chăm sóc xe

9 Chính sách Hoàn trả và Bảo hành: Hiển thị rõ ràng và chỉ tiết các chính sách liên quan đến bảo hành và hoàn trả xe máy, để người mua hiểu rõ điều kiện của

giao dịch

10 Chia sẻ xã hội: Cho phép người dùng dễ dàng chia sẻ thông tin về các xe máy hoặc bài viết từ trang web trên các mạng xã hội

© _ Nguồn thông tin và dữ liệu:

1 Thong tin Nguoi ban: Thong tin ca nhân và tài khoản của người bản, bao gồm tên, địa chỉ, thông tin liên hệ, và hình ảnh cá nhân (nếu có)

2 Thông tin Sản phẩm: Chỉ tiết về xe máy cần được cung cấp bởi người bán,

bao gém hình ảnh, mô tả, thông số kỹ thuật, năm sản xuất, số km da di, gia

cả, và trạng thải (mới hoặc đã qua sử dụng)

3 Hình ảnh và Video: Hình ảnh và video chất lượng cao của xe máy từ nhiều góc độ đề người mua có thê xem và đánh giá

4 Vi tri va Dinh vị: Dữ liệu vị trí của xe máy hoặc người ban dé người mua

có thể xem vị trí xe và lên lịch hẹn thử xe

5 Giá cả và Thương hiệu: Dữ liệu về giá cả và thông tin liên quan đến thương hiệu và mẫu xe máy từ nguồn cung cấp hoặc tô chức liên quan

6 Thông tin Tài chính và Vay mua xe: Dữ liệu vẻ các tùy chon tài chính, chương trình vay mua xe máy từ các nguồn tài chính hoặc đối tác tải chính

7 Dữ liệu lịch sử và Chủ sở hữu: Lịch sử sửa chữa, thông tin về chủ sở hữu

trước (nếu có), và bat ky thong tin bảo đưỡng nào về xe máy

§ Hỗ trợ Tài liệu và Hướng dẫn: Các tài liệu hữu ích, hướng dẫn sử dụng xe máy, và các tài liệu về quy trình mua bán

9 Đánh giá và Phản hồi: Đánh giá từ người mua trước đó, bình luận, và phản hồi về người bán và sản phẩm

SV thuec hién: SVI —SV2

DO AN MON HOC LAP TRINH WEB

10 Thông trn Khách hàng: Thông tin cá nhân và tài khoản của người mua, bao gồm lịch sử mua bán và thông tin thanh toán

11 Thời gian và Lịch sử giao dịch: Lịch sử các giao dịch mua bản và thông tin

liên quan đến thời gian cụ thê của các giao dịch

1.2 Cơ sở lý thuyết

1 Thị trường và Nhu cầu: Hiểu rõ thị trường xe máy là một phân quan trọng Phân tích nhu câu của khách hàng, xu hướng mua sắm và tìm hiểu về cơ cấu thị

trường là quan trọng để xác định loại xe máy cần bán và đối tượng mục tiêu

Danh mục sản phẩm: Xác định loại xe máy bạn muốn bán và xây dựng danh mục sản phẩm rõ ràng với mô tả chi tiết, hình ảnh, và thông số kỹ thuật Đảm bảo rằng mọi thông tin về sản phẩm là chính xác và hấp dẫn cho khách hàng Giao diện và Trải nghiệm người dùng Thiết kế trang web với giao diện thân thiện, dễ sử dụng, và thúc đây người dùng thực hiện các hành động mua sắm Đảm bảo rằng trang web tương thích với các thiết bị di động và trình duyệt web khác nhau

._ Tích hợp hệ thống thanh toán: Cung cấp nhiều phương thức thanh toán an toàn cho khách hàng, chẳng hạn như thanh toán bằng thẻ tín dụng, chuyên khoản ngân hàng, thanh toán khi nhận hàng (COD), và ví điện tử Bảo mật thông tin

thanh toán là rất quan trọng

Quản lý đơn hàng: Xây đựng hệ thống quản lý đơn hàng để theo dõi các đơn

hàng của khách hàng, xác nhận và xử lý chúng một cách hiệu quả

._ Tích hợp hệ thông đánh giá và đánh giá sản phâm: Cho phép khách hàng đánh gia và viết đánh giá về sản phẩm, giúp tạo lòng tin cho người mua tiềm năng ._ Tối ưu hóa tìm kiếm: Tối ưu hóa trang web đề xuất hiện cao trong kết qua tim kiếm của các công cụ tìm kiếm như Google Sử dụng các kỹ thuật SEO (Tối ưu hóa công cụ tìm kiếm) để tăng khả năng được tìm thấy trực tuyến

Quảng cáo và Tiếp thị: Sử dụng các chiến dịch quảng cáo trực tuyến, mạng xã hoi va email marketing dé quang ba trang web va san pham cua ban Dam bao rằng bạn hiểu rõ mục tiêu tiếp thị và đối tượng mục tiêu

Chăm sóc khách hàng: Cung cấp dịch vụ khách hàng xuất sắc và có một hệ thông hỗ trợ khách hàng đề giải quyết mọi thắc mắc và khiếu nại một cách nhanh chóng và hiệu quả

10 Tuân thủ pháp lý: Tuân thủ các quy định pháp luật về bán hàng trực tuyến, bao gồm quyên bảo vệ người tiêu dùng, quyền sở hữu trí tuệ, và quyền bảo mật đữ liệu

11 Phân tích đữ liệu: Sử dụng các công cụ phân tích dữ liệu dé theo déi hoạt động

trên trang web, hiểu rõ hành vi của khách hàng và điều chỉnh chiến lược kinh

doanh dựa trên thông tin thu thập

12 Bảo mật thông tin: Đảm bảo rằng thông tin cá nhân của khách hàng được bảo

vệ an toàn và tuân thủ các chuân bảo mật dữ liệu

SV thuec hién: SVI —SV2