ĐỒ án môn học lập TRÌNH WEB xây DỰNG WEBSITE bán XE máy

lOMoARcPSD|20681854 TRƯỜNG ĐẠI HỌC THỦ DẦU MỘT VIỆN KỸ THUẬT – CƠNG NGHỆ ĐỒ ÁN MƠN HỌC LẬP TRÌNH WEB XÂY DỰNG WEBSITE BÁN XE MÁY GVHD: NGUYỄN HỮU VĨNH SVTH: PHẠM ĐẶNG PHÚ 1924801030238 PHẠM VŨ DUY 1924801030094 LỚP: D19PM03 BÌNH DƯƠNG – 7/2021 i lOMoARcPSD|20681854 TRƯỜNG ĐẠI HỌC THỦ DẦU MỘT VIỆN KỸ THUẬT – CÔNG NGHỆ NHẬN XÉT VÀ CHẤM ĐIỂM CỦA GIẢNG VIÊN Họ tên giảng viên: Nguyễn Hữu Vĩnh Tên đề tài: XÂY DỰNG WEBSITE BÁN XE MÁY Nội dung nhận xét: Điểm: Bằng số: Bằng chữ: GIẢNG VIÊN CHẤM (Ký, ghi rõ họ tên) Nguyễn Hữu Vĩnh ii lOMoARcPSD|20681854 TRƯỜNG ĐH THỦ DẦU MỘT CỘNG HÒA XÃ HỘI CHỦ NGHĨA VIỆT NAM VIỆN KỸ THUẬT CÔNG NGHỆ Độc lập – Tự – Hạnh phúc PHIẾU ĐÁNH GIÁ PROJECT (Đánh giá trình thực hiện, báo cáo văn sản phẩm) Học phần: LẬP TRÌNH WEB Họ tên sinh viên (MSSV): 1.PHẠM ĐẶNG PHÚ 1924901030238 2.PHẠM VŨ DUY 1924801030094 Trọng Tốt Khá Trung bình Tiêu chí số % 100% 75% 50% Tích cực tìm kiếm chủ Nêu ý tưởng 05 động đưa ý tưởng mang tính Tìm kiếm Chọn ý tưởng quan đưa ý số đề tâm lựa tưởng tốt nghị chọn ý tưởng Khơng tham gia tích cực 0% Khơng Thái độ Kém hợp lý Lập kế hoạch 05 thực Hồn tồn Khá hợp lý, hợp lý, điều chỉnh khơng cần chút theo điều chỉnh góp ý Chưa hợp lý, có điều chỉnh theo góp ý khơng điều chỉnh theo góp ý Chuẩn bị tốt điều Giai Quá trình đoạn thực chuẩn project kiện cho việc 10 thực project, có bị thể khởi nghiêm túc động Giai đoạn 10 Chuẩn bị đa số điều kiện cho việc thực hiện, khởi động bổ sung sau Chuẩn bị số điều kiện cho việc thực cần bổ sung thêm khởi động Khơng chuẩn bị điều kiện Thực Thực Thực tương Thực hoàn toàn phương đối phương v lOMoARcPSD|20681854 thực phương pháp, sai sót pháp, sai sót khơng pháp nhỏ có sửa quan trọng có chữa sửa chữa phương pháp, sai sót khơng sửa chữa Triển khai Triển khai 10 Triển khai kế hoạch, kế có chậm trễ hoạch không gây ảnh hưởng Triển khai tương chậm đối kế trễ, gây hoạch, có chậm ảnh trễ gây ảnh hưởng hưởng không khắc phục khắc phục Mức Ghi rõ mục tiêu thành phần (ở giai đoạn độ đạt project) thang điểm cụ thể mục 20 tiêu thành phần Nội dung Báo cáo báo kết cáo văn rõ ràng 10 - Báo cáo tiến trình thực - Thuyết minh sản phẩm - Bài học rút - Format quán - Văn phong phù hợp Trình bày báo 10 cáo vi lOMoARcPSD|20681854 Chất lượng sản phẩm đáp ứng 20 - tiêu chí Xây dựng đầy đủ chức đề ĐIỂM CỦA NHÓM: GÓP Ý LĨNH VỰC CẦN CẢI TIẾN: ĐIỂM PROJECT NHÓM - Về phương pháp học tập, suy nghĩ, xử lý vấn đề: - Về kiến thức, kỹ năng, thái độ: - Khác: - Phương pháp cải tiến: - Nơi cung cấp hỗ trợ: TÊN HỌ VÀ CHỮ KÝ XÁC NHẬN CỦA GV: Nguyễn Hữu Vĩnh Phần 2: Đánh giá cá nhân làm việc nhóm Làm việc nhóm Hướng dẫn: Nhóm họp thảo luận đánh giá lẫn Kết sử dụng để qui đổi từ điểm nhóm thành điểm cá nhân, tuỳ theo % cá nhân đạt 1) Thành viên có tham gia họp đầy đủ: 40% Đầy đủ: 40% Vắng họp lần: 20% Vắng họp lần: 0% 2) Thành viên nộp sản phẩm giao hạn: 40% Đúng hạn: 40% Trễ ngày: 20% Trễ ngày: 0% 3) Thành viên có tham gia giải vấn đề, đóng góp ý kiến cải tiến: 20% Đóng góp đạt hiệu quả: 20% Có quan tâm đóng góp: 10% Khơng quan tâm: 0% Danh sách thành viên Nhóm: ĐIỂM THÀNH VIÊN NHĨM (do nhóm ghi) (Tên họ):PHẠM ĐẶNG PHÚ Điểm làm việc nhóm (%): (Tên họ):PHẠM VŨ DUY Điểm làm việc nhóm (%): vii lOMoARcPSD|20681854 TÊN HỌ VÀ CHỮ KÝ XÁC NHẬN CỦA CÁC THÀNH VIÊN TRONG NHÓM: SV1:PHẠM ĐẶNG PHÚSV2:PHẠM VŨ DUY Danh sách thành viên Nhóm: (Tên họ): ĐIỂM CỦA CÁ NHÂN (do GV ghi) Điểm cá nhân: (Tên họ): Điểm cá nhân: TÊN HỌ VÀ CHỮ KÝ XÁC NHẬN CỦA GV: Nguyễn Hữu Vĩnh GÓP Ý CẢI TIẾN CHO CÁ NHÂN: 1) Tên SV: GÓP Ý LĨNH VỰC CẦN CẢI TIẾN: - Về phương pháp học tập, suy nghĩ, xử lý vấn đề: - Về kiến thức, kỹ năng, thái độ: Ghi nhận GV - Khác: (phần GV ghi - Phương pháp cải tiến: lưu riêng để theo dõi, tư - Nơi cung cấp hỗ trợ: vấn cho cá nhân SV, 2) Tên SV: khơng phổ biến cho lớp, GĨP Ý LĨNH VỰC CẦN CẢI TIẾN: nhóm) - Về phương pháp học tập, suy nghĩ, xử lý vấn đề: - Về kiến thức, kỹ năng, thái độ: - Khác: - Phương pháp cải tiến: - Nơi cung cấp hỗ trợ: vii lOMoARcPSD|20681854 MỤC LỤC LỜI NÓI ĐẦU ix CHƯƠNG TỔNG QUAN VỀ ĐỀ TÀI Tên đề tài: Mục tiêu đề tài: Ý nghĩa đề tài: Đối tượng phạm vi đề tài: Đối tượng đề tài: Phạm vi đề tài: CHƯƠNG KHẢO SÁT VÀ XÁC ĐỊNH YÊU CẦU 2.1 Phân tích yêu cầu đề tài 2.1.1 Tên đề tài 2.1.2 Chức 2.1.3 Yêu cầu đặt 2.2 Phân tích thiết kế hệ thống 2.2.1 Khảo sát trạng xây dựng hệ thống 2.2.2 Phân tích hệ thống 2.3 Sơ đồ phân cấp chức khách hàng 2.4 Sơ đồ phân cấp chức cùa admin CHƯƠNG PHÂN TÍCH THIẾT KẾ CƠ SỞ DỮ LIỆU VÀ HỆ THỐNG 3.1 Biểu đồ Usecase 3.1.1 Biểu đồ Usecase mức tổng quát 3.1.2 Đặt tả Usecase 3.2 Biểu đồ (Sequence Diagram) 13 3.2.1 Đăng ký .13 3.2.2 Đăng nhập 13 3.2.3 Thanh toán 14 3.3 Các bảng CSDL 15 3.3.1Bảng Người dùng 15 3.3.2Bảng Dữ liệu 15 CHƯƠNG GIAO DIỆN WEBSITE BÁN XE MÁY 16 4.1 Một số giao diện người dùng 16 4.1.1.Giao diện trang chủ 16 vi lOMoARcPSD|20681854 4.1.2.Giao diện trang đăng ký 17 4.1.3.Giao diện trang đăng nhập 18 4.2.Một số giao diện trang Admin 19 4.2.1.Giao diện trang giới thiệu 19 4.2.2.Giao diện trang liên hệ 20 4.2.3.Giao diện trang hướng dẫn 21 4.2.4.Giao diện trang quản lý admin 22 4.3 Giao diện danh mục sản phẩm 22 4.3.1.Giao diện danh mục xe Vision 23 4.3.2.Giao diện danh mục xe SH 24 4.3.3.Giao diện danh mục xe Yamaha R1 24 4.3.4.Giao diện danh mục xe Sirius 25 4.3.5.Giao diện danh mục xe Vespa .26 4.3.6.Giao diện danh mục xe Vario 150 .26 4.3.7.Giao diện danh mục xe Exciter 26 KẾT LUẬN 28 vii lOMoARcPSD|20681854 DANH MỤC HÌNH Hình 1: Sơ đồ thưc chung cho website xe máy Hình : Sơ đồ chức khách hàng Hình 3: Sơ đồ quản lý khách hàng Hình 4: Sơ đồ quản lý sản phẩm Hình 5: Usecase tổng quát Hình Sơ đồ đăng ký 13 Hình Sơ đồ đăng nhập 13 Hình Sơ đồ tốn 14 Hình Bảng người dùng 15 Hình 10 Bảng liệu 15 Hình 11 Giao diện trang chủ 16 Hình 12 Giao diện đăng kí 17 Hình 13: Giao diện trang đăng nhập 18 Hình 14: Giao diện trang giới thiệu 19 Hình 15:Giao diện trang liên hệ .20 Hình 16: Giao diện trang hướng dẫn 21 Hình 17: Giao diện quản lý admin 22 Hình 18: Danh mục sản phẩm 22 Hình 19: Giao diện danh mục xe Vision 23 Hình 20: Giao diện danh mục xe SH 24 Hình 21: Giao diện danh mục xe Yamaha R1 24 Hình 22: Giao diện danh mục xe Sirius 25 Hình 23: Giao diện danh mục xe Vespa 26 Hình 24: Giao diện danh mục xe Vario 26 Hình 25: Giao diện danh mục xe Exciter 27 viii lOMoARcPSD|20681854 LỜI NÓI ĐẦU Hiện nay, giới công nghệ thông tin thương mại điện tử phát triển mạnh mẽ Kỹ thuật số giúp tiết kiệm đáng kể chi phí nhờ chi phí vận chuyển trung gian, chi phí giao dịch đặc biệt giúp tiết kiệm thời gian để người đầu tư vào hoạt động khác Hơn nữa, thương mại điện tử cịn giúp người tìm kiếm tự động theo nhiều mục đích khác nhau, tự động cung cấp thông tin theo nhu cầu sở thích người Giờ đây, người ngồi nhà để mua sắm thứ theo ý muốn website bán hàng mạng giúp ta làm điều Chính vậy, công nghệ mã nguồn mở trở nên ý tính Giá thành rẻ hỗ trợ nhiều mạng giúp ta nhanh chóng Thiết kế website bán hàng thân thiện dễ sử dụng với người dùng Đặc biệt thương mại điện tử phát triển với tốc độ chóng mặt dự đốn cịn nhiều tiềm phát triển tương lai Đặc biệt dịch Covid 19 bùng hiên nay, người điều hạn chế đường, tụ tập nơi đông người, hoạt động sản xuất, trao đổi mua bán trực tiếp điều bị đình trệ, khơng giao dịch Đây lúc việc mua bán trực tuyến có hội phát triển mạnh mẽ Trong môi trường kinh tế phát triển mạnh, cạnh tranh gay gắt, với phát triển vượt bật khoa học kĩ thuật cơng nghệ thơng tin thương mại điện tử lĩnh vực trội, có nhiều đống góp thiết thực cho kinh tế Cơng nghệ thơng tin thương mại điện tử có mặt hầu hết lĩnh vực sống trở thành công cụ hỗ trợ đắc lực công tác quản lý, kinh doanh Ngày nay, “ Thương mai điện tử” đem lại nhiều lợi ích khơng cho doanh nghiệp mà người tiêu dùng có lợi ích tiết kiệm thời gian chi phí việc mua sắm tiêu dùng Việc bán hàng qua mạng khơng cịn hình thức xa lạ người tiêu dùng nữa, bán hàng qua mạng hình thức phổ biến, hình thức doanh nghiệp kinh doanh sản phẩm lựa chọn Vì vậy, em chon đề tài “Xây dựng Website bán Xe máy ix lOMoARcPSD|20681854 3.3 Các bảng CSDL 3.3.1 Bảng người dùng Hình 9:Bảng người dùng 3.3.2 Bảng liệu Hình 10: Bảng liệu 15 Downloaded by heo ninh (ninhheo7@gmail.com) lOMoARcPSD|20681854 CHƯƠNG GIAO DIỆN WEBSITE BÁN XE MÁY 4.1 Một số giao diện người dùng 4.1.1 Giao diện trang chủ ➢ Mục đích: Chức cho phép người dùng xem danh sách Sản Phẩm bật ➢ Trong giao diện cho người dùng, chọn kiểu hiển thị theo Loại Sản Phẩm ➢ Mô tả chức năng: Trang cho phép người dùng xem thông tin sản phẩm ngồi cịn sử menu dọc,ngang để sang trang khác, Hình 11 Giao diện trang chủ 16 Downloaded by heo ninh (ninhheo7@gmail.com) lOMoARcPSD|20681854 4.1.2 Giao diện trang đăng ký ➢ Mục Đích: Người dùng đăng ký tài khoản để trở thành khách hàng trang ➢ Chức năng: Cho phép khách hàng đăng ký thông tin để trở thành khách hàng Hình 12 Giao diện trang đăng kí 17 Downloaded by heo ninh (ninhheo7@gmail.com) lOMoARcPSD|20681854 4.1.3 Giao diện trang đăng nhập ➢ Mục Đích: Người dùng đăng nhập tài khoản để đặt mua sản phẩm trang Hình 13: Giao diện trang đăng nhập 18 Downloaded by heo ninh (ninhheo7@gmail.com) lOMoARcPSD|20681854 4.2 Một số giao diện trang admin 4.2.1Giao diện trang giới thiệu ➢ Mục đích: Khi vào trang này, khách hàng biết số nét khái quát shop, lịch sử hình thành phát triển, định hướng phát triển tương lai Hình 14: Giao diện trang giới thiệu 19 Downloaded by heo ninh (ninhheo7@gmail.com) lOMoARcPSD|20681854 4.2.2 Giao diện trang liên hệ ➢ Mục đích: Trang mục đích để khách hàng liên lạc với shop ➢ Chức năng: Trong giao diện cho phép người dùng gửi thông tin sản phẩm, thái độ phục vụ, phản hồi sai phạm nhân viên shop Hình 15 Giao diện trang liên hệ 20 Downloaded by heo ninh (ninhheo7@gmail.com) lOMoARcPSD|20681854 4.2.3 Giao diện trang hướng dẫn ➢ Mục đích: Trang mục đích để khách hàng xem hướng dẫn mua xe Hình 16 Giao diện Trang hướng dẫn 21 Downloaded by heo ninh (ninhheo7@gmail.com) lOMoARcPSD|20681854 4.2.4 Giao diện trang quản lý admin Hình 17 Quản lý admin 4.3 Giao diện danh mục sản phẩm ➢ Mục Đích: Thanh menu chứa danh sách loại sản phẩm cửa hàng Khách hàng sử dụng menu để lựa chọn sản phẩm mà cần tìm ➢ Sử dụng danh mục sản phẩm để chọn loại sản phẩm mà cần Hình18 Danh mục sản phẩm 22 Downloaded by heo ninh (ninhheo7@gmail.com) lOMoARcPSD|20681854 4.3.1 Giao diện danh mục xe Vision Hình 19 Giao diện danh mục xe Vision 23 Downloaded by heo ninh (ninhheo7@gmail.com) lOMoARcPSD|20681854 4.3.2 Giao diện danh mục xe SH Hình 20 Giao diện danh mục xe SH 4.3.3 Giao diện danh mục xe Yamaha R1 Hình 21 Giao diện danh mục xe Yamaha R1 24 Downloaded by heo ninh (ninhheo7@gmail.com) lOMoARcPSD|20681854 4.3.4 Giao diện danh mục xe Sirius Hình 22 Giao diện danh mục xe Sirius 25 Downloaded by heo ninh (ninhheo7@gmail.com) lOMoARcPSD|20681854 4.3.5 Giao diện danh muc xe VESPA Hình 23 Giao diện danh mục xe Vespa 4.3.6 Giao diện danh mục xe Vario 150 Hình 24 Giao diện danh mục xe Vario 150 26 Downloaded by heo ninh (ninhheo7@gmail.com) lOMoARcPSD|20681854 4.3.7 Giao diện danh mục xe Exciter Hình 25 Giao diện danh mục xe Exciter 27 Downloaded by heo ninh (ninhheo7@gmail.com) lOMoARcPSD|20681854 KẾT LUẬN Kết đạt – Đối với người dùng ▪ Các cách tra cứu theo chủ đề khác nhau, kết hợp nhiều chủ đề theo ý khách hàng ▪ ▪ ▪ ▪ Xem chi tiết thông tin sản phẩm Cho phép khách hàng đăng ký thông tin để thực việc mua sản phẩm Kiểm tra tính hợp lệ khách hàng đăng nhập hệ thống Tạo đơn đặt hàng Đối với người quản trị ▪ Xem thông tin đề mục cần quản lý như: Khách hàng, sản phẩm, đơn đặt hàng… ▪ Đưa form để nhập liệu loại tư liệu ▪ Có thể sửa đổi, cập nhật liệu ▪ Trong việc thêm sản phẩm chương trình tự động sinh mã sản phẩm, điều tiện lợi cho người quản trị liệu đồng ▪ Các chức thực thông qua giao diện web Hướng phát triển đề tài Vì thời gian khơng cho phép có nhiều báo cáo thời gian + kiến thức thiết kế web cịn hạn chế nên chúng em chưa tìm hiểu rõ kỹ đề tài Vì đề tài cịn có nhiều thiếu sót, mong thầy giúp đỡ chúng em nhiều em tiếp tục tìm hiểu sâu cơng nghệ này, nhằm mục đích Thiết kế website: Giao diện đẹp, thân thiện với người dùng, có nhiều chức tương tác tốt với người dùng Thiết kế, bổ sung tính cịn thiếu hay chưa thật hồn chỉnh trình sử dụng 28 Downloaded by heo ninh (ninhheo7@gmail.com) lOMoARcPSD|20681854 TÀI LIỆU THAM KHẢO Tiếng Việt Bryan Syverson, Joel Murach, SQL Server hướng dẫn học qua ví dụ, NXB Khoa học Kỹ thuật, 2013 Lập trình ứng dụng web với ASP.NET: Đỗ Lâm Thiên, 2008, Đại học Khoa học Tự nhiên Website https://tedu.com.vn/khoa-hoc-mien-phi/khoa-hoc-lap-trinh-aspnet-mvc-25 Truy cập ngày 20/11/2019 http://mauweb.monamedia.net/dongho/ Truy cập ngày 23/11/2019 Tài liệu giảng môn “Thiết kế website” thầy Nguyễn Hữu Vĩnh-Võ Quốc Lương Website https://viettelstore.vn/laptop Website https://blog.webico.vn/thiet-ke-trang-web-ban-laptop-truc-tuyen- qua-mang/ 29 Downloaded by heo ninh (ninhheo7@gmail.com) ... ? ?Xây dựng Website bán Xe máy ix lOMoARcPSD|20681854 CHƯƠNG TỔNG QUAN VỀ ĐỀ TÀI Tên đề tài: Đề tài: “THIẾT KẾ WEBSITE BÁN XE MÁY” Mục tiêu đề tài: Phân tích thiết kế website BÁN XE MÁY Phân tích quy... thống xây dựng hệ thống em đưa tệp CSDL ? ?Xây dựng website bán XE MÁY” – Qua q trình khảo sát, phân tích thực trạng xây dựng hướng phát triển cho hệ thống em đa xây dựng cấu trúc hệ thống ? ?Xây dựng. .. Phạm vi đề tài: Không gian: đề tài thiết kế website BÁN XE MÁY xây dựng dựa khảo sát cửa hàng ,cơ sở bán xe máy tỉnh Bình Dương Và đề tài tham khảo trang bán lẻ trực tuyến trà internet Downloaded