BÁO cáo TIỂU LUẬN môn học lập TRÌNH WEB đề tài WEBSITE KINH DOANH ô tô

lOMoARcPSD|20681854 TRƯỜNG ĐẠI HỌC THỦ DẦU MỘT VIỆN KỸ THUẬT – CÔNG NGHỆ ‘ BÁO CÁO TIỂU LUẬN MÔN HỌC LẬP TRÌNH WEB ĐỀ TÀI: WEBSITE KINH DOANH Ơ TƠ Giảng viên Hướng dẫn: ThS Nguyễn Hữu Vĩnh Sinh viên thực hiện: Bùi Văn Xía Mã số sinh viên: 1824801030095 Lớp: D18PM02 Đinh Thị Lan Anh Mã số sinh viên: 1824801030187 Lớp: D18PM03 Bình Dương tháng 11 năm 2020 lOMoARcPSD|20681854 MỤC LỤC CHƯƠNG 1: KHẢO SÁT VÀ PHÂN TÍCH BÀI TỐN Khảo sát thu thập liệu 1.1 Các phương pháp thực khảo sát .2 1.2 Dữ liệu thu thập 1.3 Tóm tắt kết khảo sát 1.4 Báo cáo chi tiết 1.4.1 Doanh số bán xe đầu năm 2020 [1] 1.4.2 Phân khúc ưa thích tồn quốc [1] 1.4.3 Số lượng rao tin mua bán ô tô website [1] 1.4.4 Tỉ lệ mua bán xe cũ xe [1] 1.4.5 Tỉ lệ tuổi có nhu cầu mua xe [1] .4 1.4.6 Doanh số dự báo thị trường năm 2020 [1] .5 1.4.7 Tỉ lệ phân bố người có nhu cầu mua xe theo tỉnh thành/thành phố [1] 1.5 Kết luận Phân tích toán .6 2.1 Biểu đồ UseCase 2.1.1 Danh sách Actor 2.1.2 Danh sách UseCase 2.1.3 Vẽ Use – case .7 2.1.4 Đặt tả Use-case 2.2 Biểu đồ hoạt động 14 2.3 Biểu đồ lớp .14 2.3.1 Bảng Adsiverment .14 2.3.2 Bảng Bill .15 2.3.3 Bảng Category 15 Tên trường 15 lOMoARcPSD|20681854 Kiểu liệu 15 Mô tả15 2.3.4 Bảng OrderProduct 15 2.3.5 Bảng Product 16 2.3.6 Bảng ShipStatus 18 2.3.7 Bảng Store 18 2.3.8 Bảng UserAccount 18 2.3.9 Bảng UserInfomation 18 2.5 Class Diagram .19 2.6 Biểu đồ 19 2.6.1 Biểu đồ Đăng nhập 19 2.6.2 Biểu đò Quản lý sản phẩm .20 2.6.3 Biểu đồ trình đặt hàng .20 CHƯƠNG GIỚI THIỆU CÔNG NGHỆ SỬ DỤNG 22 CÔNG NGHỆ SỬ DỤNG 22 1.1 Giới thiệu HTML 22 1.2 Giới thiệu CSS 22 1.3 BOOSTRAP 22 1.4 HỆ QUẢN TRỊ CƠ SỞ DỮ LIỆU SQL SERVER 22 1.5 Giới thiệu ASP.NET .23 CHƯƠNG THIẾT KẾ CHƯƠNG TRÌNH 25 Giao diện Trang chủ .25 Giao diện Trang Used Cars 26 Giao diện New Car .27 Giao diện Đăng nhập 28 Giao diện Quản lý xe 28 Giao diện thêm xe 29 Giao diện Xem sản phẩm chi tiết 30 Giao diện Liên hệ đặt hàng 30 lOMoARcPSD|20681854 Giao diện Contact 31 10 Giao diện Đăng ký tài khoản .31 KẾT LUẬN 32 Kết đạt 32 Hướng phát triển đề tài 32 TÀI LIỆU THAM KHẢO 33 lOMoARcPSD|20681854 DANH MỤC HÌNH Hình 0.1 Doanh số bán xe tháng đầu năm 2020 Hình 0.2 Phân khúc loại xe ưa thích tồn quốc Hình 0.3 Số lượng rao tin mua bán ô tô trang web chuyên mua bán tơ Hình 0.4 Tỉ lệ đăng tin mua bán xe Hình 0.5 Tỉ lệ tuổi có nhu cầu mua xe Hình 0.6 Doanh số dự báo thị trường năm 2020 Hình 0.7 Tỉ lệ phân bố người có nhu cầu mua xe theo tỉnh thành/thành phố Hình 0.8 Sơ đồ đặt tả Use-case Hình 0.9 Biểu đồ thể mô tả .19 Hình 0.10 Giao diện trang chủ Hình 0.11 Giao diện trang Used Car Hình 0.12 Giao diện New Cars Hình 0.13 Giao diện Đăng nhập Hình 0.14 Giao diện Quản lý xe Hình 0.15 Giao diện thêm xe Hình 0.16 Giao diện xem sản phẩm chi tiết Hình 0.17 Giao diện liên hệ đặt hàng Hình 0.18 Giao diện Contact 10 Hình 0.19 Giao diện Đăng ký Tài khoản 10 lOMoARcPSD|20681854 MỞ ĐẦU Trong thời buổi công nghệ thông tin truyền thông ngày cải tiến phát triển cách thần tốc Mọi ngành nghề dần áp dụng công nghệ thông tin để tăng suất làm việc, mức độ hiệu tiết kiệm chi phí so với sử dụng cách thủ cơng Cũng thế, thương mại khơng cịn xa lạ với cụm từ “Thương mại điện tử” ngày phổ biến đến với trường thời gian trở lại đây, đặc biệt nóng phát triển mạnh mẽ thời kì dịch bệnh chưa có dấu hiệu hạ nhiệt, người chọn mua hàng trực tuyến để bảo vệ sức khỏe thân gia đình, hết nhanh chóng tiện lợi Tuy nhiên, sàn thương mại điện tử phục vụ cho sản phẩm nhỏ lẻ phẩm mà nhu cầu người mua hướng đến nhiều, hàng hóa đặc biệt tơ xe máy chúng thường có giá trị cao bị giới hạn khu vực mua sàn thương mại điện tử Một điểm trừ kể đến khác khách hàng trước định mua sản phẩm họ thường có tâm lý muốn tìm hiểu sản phẩm đó, sờ tận tay thấy tận mắt để kiểm tra chất lượng có hợp với khơng, sàn thương mại điện tử thường khơng có đặc quyền Chính thế, nhóm chúng em định xây dựng trang web chuyên lĩnh vực buôn bán ô tô trực tuyến, bao gồm hàng hàng qua sử dụng Sử dụng phương thức kinh doanh đặc biệt để khách hàng mua sản phẩm ưng ý mà khơng q nhiều thời gian dể hàng xem sản phẩm nghe tư vấn từ nhân viên Tuy nhiên, sản phẩm chúng em chun mơn chưa hồn thiện thiếu sót số thơng tin định sản phẩm ô tô Nhưng chúng em cố gắng hoàn thiện ứng dụng cách chỉnh chu chuyên nghiệp lOMoARcPSD|20681854 CHƯƠNG 1: KHẢO SÁT VÀ PHÂN TÍCH BÀI TỐN Khảo sát thu thập liệu 1.1 Các phương pháp thực khảo sát Khi thực giai đoạn khảo sát chúng em tiến hành nhiều phương pháp, chẳng hạn như: Phương pháp thu thập thông tin phân tích thơng tin từ trang web ngồi cửa hàng, Phương pháp vấn vấn sâu, Phiếu khảo sát 1.2 Dữ liệu thu thập Mọi thông tin liệu thu thập từ trang web thức hãng xe tiếng giới BMW, Mercedes Mitsubisi Để có thơng tin xác liệu xe 1.3 Tóm tắt kết khảo sát Thơng qua khảo sát 100 người chúng em có kết sau: 85,9% khách hàng muốn trải nghiệm trực tiếp xe định mua xe, 9,1% khách hàng có khả định mua xe thơng qua phương thức trực tuyến 5% khách hàng muốn nhận xe trải nghiệm xe cửa hàng 1.4 Báo cáo chi tiết 1.4.1 Doanh số bán xe đầu năm 2020 [1] Hình 0.1 Doanh số bán xe tháng đầu năm 2020 lOMoARcPSD|20681854 1.4.2 Phân khúc ưa thích tồn quốc [1] Hình 0.2 Phân khúc loại xe ưa thích tồn quốc 1.4.3 Số lượng rao tin mua bán tơ website [1] Hình 0.3 Số lượng rao tin mua bán ô tô trang web chuyên mua bán ô tô lOMoARcPSD|20681854 1.4.4 Tỉ lệ mua bán xe cũ xe [1] Hình 0.4 Tỉ lệ đăng tin mua bán xe 1.4.5 Tỉ lệ tuổi có nhu cầu mua xe [1] Hình 0.5 Tỉ lệ tuổi có nhu cầu mua xe lOMoARcPSD|20681854 1.4.6 Doanh số dự báo thị trường năm 2020 [1] Hình 0.6 Doanh số dự báo thị trường năm 2020 1.4.7 Tỉ lệ phân bố người có nhu cầu mua xe theo tỉnh thành/thành phố [1] Hình 0.7 Tỉ lệ phân bố người có nhu cầu mua xe theo tỉnh thành/thành phố lOMoARcPSD|20681854 Hình 0.9 Biểu đồ thể mơ tả 2.5 Class Diagram 2.6 Biểu đồ 2.6.1 Biểu đồ Đăng nhập 2.6.2 Biểu đò Quản lý sản phẩm Downloaded by heo ninh (ninhheo7@gmail.com) lOMoARcPSD|20681854 2.6.3 Biểu đồ trình đặt hàng Downloaded by heo ninh (ninhheo7@gmail.com) lOMoARcPSD|20681854 CHƯƠNG GIỚI THIỆU CÔNG NGHỆ SỬ DỤNG CÔNG NGHỆ SỬ DỤNG 1.1 Giới thiệu HTML HTML (Hypertext Markup Language-Ngôn ngữ đánh dấu siêu văn bản) ngôn ngữ đánh dấu chuẩn dùng soạn thảo tài liệu World Wide Web, rõ trang Web hiển thị trình duyệt Ngôn ngữ HTML dùng tag đoạn mã lệnh trình duyệt (Web browsers) cách hiển thị thành phần trang text graphics HTML ngôn ngữ xác định cấu trúc thông tin HTML sử dụng loạt thẻ thuộc tính dùng để thị văn thông tin khác, cung cấp siêu liên kết tới tài liệu 1.2 Giới thiệu CSS CSS (Cascading Style Sheets) ngôn ngữ quy định cách trình bày cho tài liệu viết HTML, XHTML, XML, SVG, hay UML,… CSS cung cấp nhiều thuộc tính trình bày dành cho đối tượng với sáng tạo việc kết hợp thuộc tính giúp mang lại hiệu cao CSS hỗ trợ tất trình duyệt hiển thị “như nhau” hệ điều hành CSS đưa phương thức áp dụng từ file CSS ngồi Có hiệu đồng tạo website có hàng trăm trang hay muốn thay đổi thuộc tính trình bày CSS cập nhật liên tục mang lại trình bày phức tạp tinh vi 1.3 BOOSTRAP Boostrap tảng (framework) miễn phí, mã nguồn mở, dựa HTML, CSS, JAVASCRIP, tạo để xây dựng giao diện Webiste tương thích với tất thiết bị có kích thước hình khác Boostrap bao gồm có sẵn như: typography, froms, buttons, tables, navigation, modals, image carousels nhiều thứ khác Nó có nhiều Component, JavaScrip hỗ trợ cho việc thiết kế Reponsive bạn dễ dàng, thuận tiện nhanh chóng Downloaded by heo ninh (ninhheo7@gmail.com) lOMoARcPSD|20681854 1.4 HỆ QUẢN TRỊ CƠ SỞ DỮ LIỆU SQL SERVER Hệ quản trị sở liệu (Database Management System – DBMS): Là hệ thống phần mềm cho phép tạo lập sở liệu điều khiển truy nhập sở liệu Trên thị trường phần mềm Việt Nam xuất nhiều phần mềm hệ quản trị sở liệu như: Microsoft Access, Foxpro, DB2, SQL Server, Oracle, v.v… 1.5 Giới thiệu ASP.NET ASP.NET tảng ứng dụng web phát triển cung cấp Microsoft, cho phép người lập trình tạo trang web động, ứng dụng web dịch vụ web ASP.NET tảng ứng dụng web (web application framework) phát triển cung cấp Microsoft, cho phép người lập trình tạo trang web động, ứng dụng web dịch vụ web Lần đưa thị trường vào tháng năm 2002 với phiên 1.0 NET framework, công nghệ nối tiếp Microsoft’s Active Server Pages(ASP) ASP.NET biên dịch dạng Common Language Runtime (CLR) cho phép người lập trình viết mã ASP.NET với ngôn ngữ hỗ trợ NET language Nói đơn giản ngắn gọn ASP.NET cơng nghệ có tính cách mạng dùng để phát triển ứng dụng mạng tương lai (ASP.NET is a revolutionary technology for developing web applications) Lưu ý chỗ ASP.NET phương pháp tổ chức hay khung tổ chức (framework) để thiết lập ứng dụng hùng mạnh cho mạng dựa CLR (Common Language Runtime) ngơn ngữ lập trình Ngơn ngữ lập trình dùng để diễn đạt ASP.NET VB.NET (Visual Basic NET) VB.NET 25 ngôn ngữ NET dùng để phát triển trang ASP.NET mà Downloaded by heo ninh (ninhheo7@gmail.com) lOMoARcPSD|20681854 Tuy mang họ tên gần giống ASP cổ điển ASP.NET ASP Ta sơ lược vài khác biệt ASP.NET ASP để ta có khái niệm tổng quát ASP.NET phác thảo lại từ số khơng, thay đổi tận gốc rễ phát triển phù hợp với yêu cầu vạch hướng vững cho tương lai tin học Lý Microsoft chán nản việc thêm thắt kết hợp công cụ vào kiểu mẫu lập trình hay thiết kế mạng theo kiểu cổ điển nên Microsoft nghĩ tốt nên làm kiểu mẫu hồn tồn thay vá víu chỗ chỗ vào ASP Đó chưa kể tới nhiều phát minh đời sau dựa khái niệm mẻ theo xu hướng phát triển công nghệ tin học (Information Technology) cần đưa vào kiểu mẫu phát triển ASP.NET cung cấp phương pháp hoàn toàn khác biệt với ASP Downloaded by heo ninh (ninhheo7@gmail.com) lOMoARcPSD|20681854 CHƯƠNG THIẾT KẾ CHƯƠNG TRÌNH Giao diện Trang chủ Downloaded by heo ninh (ninhheo7@gmail.com) lOMoARcPSD|20681854 Hình 0.10 Giao diện trang chủ Giao diện Trang Used Cars Downloaded by heo ninh (ninhheo7@gmail.com) lOMoARcPSD|20681854 Hình 0.11 Giao diện trang Used Car Downloaded by heo ninh (ninhheo7@gmail.com) lOMoARcPSD|20681854 Giao diện New Car Hình 0.12 Giao diện New Cars Downloaded by heo ninh (ninhheo7@gmail.com) lOMoARcPSD|20681854 Giao diện Đăng nhập Hình 0.13 Giao diện Đăng nhập Giao diện Quản lý xe Hình 0.14 Giao diện Quản lý xe Downloaded by heo ninh (ninhheo7@gmail.com) lOMoARcPSD|20681854 Giao diện thêm xe Hình 0.15 Giao diện thêm xe Downloaded by heo ninh (ninhheo7@gmail.com) lOMoARcPSD|20681854 Giao diện Xem sản phẩm chi tiết Hình 0.16 Giao diện xem sản phẩm chi tiết Giao diện Liên hệ đặt hàng Hình 0.17 Giao diện liên hệ đặt hàng Giao diện Contact Downloaded by heo ninh (ninhheo7@gmail.com) lOMoARcPSD|20681854 Hình 0.18 Giao diện Contact 10 Giao diện Đăng ký tài khoản Hình 0.19 Giao diện Đăng ký Tài khoản Downloaded by heo ninh (ninhheo7@gmail.com) lOMoARcPSD|20681854 KẾT LUẬN Kết đạt Sau tháng ròng, nhóm chúng em làm việc với cố gắng hồn thiện sản phẩm để có sản phẩm hồn thiện cuối Tuy sản phẩm nhiều lỗi chưa khắc phục nhiều điểm khơng khả thi chưa hồn thiện sản phẩm Nhưng chúng em cố gắng để hồn thiện sản phẩm theo lịch trình mà chúng em đặt Nên chúng em hy vọng quý giảng viên bỏ qua phần chưa hồn thiện Sản phẩm cuối hồn thiện sử dụng ngơn ngữ tảng sau: ASP.NET C-Sharp tảng NET 6.1, Bootstrap 4, JavaScript, SQL Plugin khác bên thứ ba Hướng phát triển đề tài Có thể áp dụng thực tế để tạo sàn buôn bán ô tô cũ uy tín tương lai Đồng thời, phối hợp tích hợp cơng nghệ đối tác bên thứ ba nhằm phục vụ chức chẳng hạn như: giám định xe, vận chuyển xe tận nhà, đội ngũ cứu hộ khẩn cấp Downloaded by heo ninh (ninhheo7@gmail.com) lOMoARcPSD|20681854 TÀI LIỆU THAM KHẢO Sách [1] Pro ASP.NET MVC viết với Adam Freeman ngày 20/12/2013, Nhà xuất Arpress [2] Programming ASP.NET Core – Dino Esposito [3] Beginning ASP.NET 4: in C# and VB viết Imar Spaanjaars, tháng 04 năm 2008 [4] Fast ASP.NET Websites viết Dean Alan Hume, ngày 18 tháng 09 năm 2013 [5] ASP.NET 24-Hour Trainer viết Toi B Wright, ngày 06 tháng 07 năm 2010 [6] ASP.NET Unleashed viết Stephen Walther, năm 2002 [7] Pro ASP.NET in C# 2010 viết Mario Szpuszta, Matthew MacDonald, Adam Freeman, năm 2010 [8] Mastering Bootstrap viết Benjamin Jakobus, Jason Marah, năm 2016 [9] Jump Start Bootstrap: Get Up to Speed with Bootstrap in a Weekend viết Syed Fazle Rahman0, năm 20140 [10] Bootstrap in 24 Hours, Sams Teach Yourself viết Jennifer Kyrnin năm 2015 Downloaded by heo ninh (ninhheo7@gmail.com) ... xe ưa thích toàn quốc 1.4.3 Số lượng rao tin mua bán ô tô website [1] Hình 0.3 Số lượng rao tin mua bán ô tô trang web chuyên mua bán ô tô lOMoARcPSD|20681854 1.4.4 Tỉ lệ mua bán xe cũ xe [1]... định xây dựng trang web chuyên lĩnh vực buôn bán ô tô trực tuyến, bao gồm hàng hàng qua sử dụng Sử dụng phương thức kinh doanh đặc biệt để khách hàng mua sản phẩm ưng ý mà không nhiều thời gian... 1.4 Báo cáo chi tiết 1.4.1 Doanh số bán xe đầu năm 2020 [1] 1.4.2 Phân khúc ưa thích tồn quốc [1] 1.4.3 Số lượng rao tin mua bán ô tô website [1]