TRƯỜNG ĐẠI HỌC GIAO THÔNG VẬN TẢI PHÂN HIỆU TẠI TP HỒ CHÍ MINH BỘ MÔN CÔNG NGHỆ THÔNG TIN BÁO CÁO ĐỒ ÁN TỐT NGHIỆP ĐỀ TÀI XÂY DỰNG WEBSITE RAO VẶT Giảng viên hướng dẫn ThS TRẦN THỊ DUNG Sinh viên thực[.]
TRƯỜNG ĐẠI HỌC GIAO THÔNG VẬN TẢI PHÂN HIỆU TẠI TP HỒ CHÍ MINH BỘ MƠN CƠNG NGHỆ THƠNG TIN BÁO CÁO ĐỒ ÁN TỐT NGHIỆP ĐỀ TÀI: XÂY DỰNG WEBSITE RAO VẶT Giảng viên hướng dẫn: ThS.TRẦN THỊ DUNG Sinh viên thực hiện: VÕ THỊ DIỆU THƯƠNG Lớp : CQ.59.CNTT Khố : 59 TP Hồ Chí Minh, năm 2022 TRƯỜNG ĐẠI HỌC GIAO THÔNG VẬN TẢI PHÂN HIỆU TẠI TP HỒ CHÍ MINH BỘ MƠN CƠNG NGHỆ THƠNG TIN BÁO CÁO ĐỒ ÁN TỐT NGHIỆP ĐỀ TÀI: XÂY DỰNG WEBSITE RAO VẶT Giảng viên hướng dẫn: ThS.TRẦN THỊ DUNG Sinh viên thực hiện: VÕ THỊ DIỆU THƯƠNG Lớp : CQ.59.CNTT Khố : 59 TP Hồ Chí Minh, năm 2022 TRƯỜNG ĐẠI HỌC GIAO THÔNG VẬN TẢI PHÂN HIỆU TẠI THÀNH PHỐ HỒ CHÍ MINH CỘNG HỊA XÃ HỘI CHỦ NGHIÃ VIỆT NAM Độc lập – Tự – Hạnh phúc NHIỆM VỤ THIẾT KẾ TỐT NGHIỆP BỘ MÔN: CÔNG NGHỆ THÔNG TIN -*** Mã sinh viên: 5951071105 Họ tên SV: Võ Thị Diệu Thương Khóa: 59 Lớp: CQ.59.CNTT Tên đề tài: XÂY DỰNG WEBSITE RAO VẶT Mục đích, yêu cầu: a Mục đích: - Xây dựng website rao vặt với đầy đủ chức website cần có như: đăng nhập, đăng kí, đăng tin, tìm kiếm, xem thông tin chi tiết đăng danh sách đăng hiển thị, bị admin từ chối duyệt, đợi admin duyệt nghiên cứu phát triển thêm chức để làm bật website như: quảng cáo đăng để dễ tiếp cận với khách hàng, thêm vào tin yêu thích, tốn phí quảng MoMo qua ví VnPay gửi mail thơng báo tốn thành cơng Đối với admin – quản trị viên website dễ dàng quản lí số lượng người tham gia, số lượng viết … b Yêu cầu: - Chức yêu cầu: User: + Đăng nhập, đăng ký tài khoản cho người dùng + Quên mật khẩu: gởi mã code đến mail, gửi mail thơng báo + Tìm kiếm tin rao vặt theo danh mục, theo từ khóa + Lọc danh sách tìm kiếm theo danh mục theo thời gian + Đăng tin + Quảng cáo tin đăng +Thêm tin vào tin yêu thích + Xem tin đăng, tin đợi duyệt, ẩn tin, yêu cầu tin sau ẩn Võ Thị Diệu Thương – CNTT - K59 I + Thanh toán Momo gửi mail thông báo cho người dùng thông tin tốn + Thanh tốn VNPay gửi mail thơng báo cho người dùng thơng tin tốn Admin: + Thống kê doanh thu, số lượng tin đăng, số lượng tin quảng cáo + Thêm, sửa, xóa danh mục, loại sản phẩm, + Xem thông tin danh sách đăng để duyệt từ chối duyệt - Yêu cầu phi chức năng: Nội dung phạm vi đề tài a Nội dung đề tài: - Giới thiệu ngơn ngữ lập trình C# Entity framework - Giới thiệu chức website rao vặt - Nghiên cứu, phân tích, hồn thiện chức - Nghiên cứu, bổ sung thêm số chức phục vụ cho quy trình đăng tin b Phạm vi đề tài: - Nghiên cứu, tìm hiểu quy trình làm việc website rao vặt - Ứng dụng kiến thức học OOP, C# Entity framework để hoàn thiện chức website rao vặt Công nghệ, công cụ ngơn ngữ lập trình a Cơng nghệ: ASP.NET MVC, Facebook API, Google API, Cổng toán VNPay, Cổng tốn MOMO b Cơng cụ: Visual Studio 2019, Microsoft SQL Server 2019, Draw.io c Ngơn ngữ lập trình: C#, HTML, CSS, Javascript Các kết dự kiến đạt ứng dụng - Hoàn chỉnh báo cáo đề tài - Khái quát tổng quan ngơn ngữ lập trình C# Entity framework - Nắm quy trình làm việc chức website rao vặt Võ Thị Diệu Thương – CNTT - K59 II - Xây dựng website rao vặt có giao diện người dùng thân thiện đầy đủ chức website: đăng kí, đăng nhập, thêm vào tin yêu thích, tìm kiếm tin rao vặt, đăng tin, quảng cáo tin có nhu cầu, tốn online MOMO VNPAY, … Giảng viên cán hướng dẫn Họ tên: TRẦN THỊ DUNG Đơn vị công tác: Trường đại học Giao Thông Vận Tải phân hiệu TP HCM Điện thoại: 0388389579 Ngày tháng 07 năm 2022 Email: Ttdung@utc2.edu.vn Đã giao nhiệm vụ TKTN Trưởng BM Công nghệ Thông tin Giảng viên hướng dẫn Ths Trần Phong Nhã Ths Trần Thị Dung Đã nhận nhiệm vụ TKTN Sinh viên: Võ Thị Diệu Thương Ký tên: Điện thoại:0339866240 Email: 5951071105@st.utc2.edu.vn Võ Thị Diệu Thương – CNTT - K59 III LỜI CẢM ƠN Lời nói đầu tiên, em xin kính gửi lời cảm ơn chân thành tới Quý thầy cô môn Công Nghệ Thông Tin, Ban Giám Hiệu Trường Đại học Giao Thông Vận Tải phân hiệu Thành phố Hồ Chí Minh, cho em thực đề tài tốt nghiệp: XÂY DỰNG WEBSITE RAO VẶT Trong trình thực đồ án, em học hỏi tích lũy nhiều kiến thức kinh nghiệm quý báo Bên cạnh đó, để hoàn thành nhiệm vụ giao ngày nỗ lực thân cịn có hướng dẫn tận tình từ Trần Thị Dung, em xin đặc biệt cảm ơn giúp đỡ nhiều trình thực đề tài Mặc dù cố gắng để hoàn thành đề tài, chắn khó tránh khỏi thiếu sót Em mong đánh giá góp ý Quý thầy cô để em rút học, kinh nghiệm q báo Sau cùng, em khơng biết nói ngồi kính chúc Q thầy Bộ mơn Cơng Nghệ Thơng Tin nói riêng tập thể thầy cô Trường Đại học Giao Thông Vận Tải phân hiệu Thành phố Hồ Chí Minh nói chung thật dồi sức khỏe ngày gặt hái nhiều thành công sống nghiệp giảng dạy Em xin chân thành cảm ơn ! TP Hồ Chí Minh, ngày tháng 07 năm 2022 Sinh viên thực Võ Thị Diệu Thương Võ Thị Diệu Thương – CNTT - K59 IV NHẬN XÉT CỦA GIẢNG VIÊN HƯỚNG DẪN TP Hồ Chí Minh, ngày ….… tháng 07 năm 2022 Giảng viên hướng dẫn Trần Thị Dung Võ Thị Diệu Thương – CNTT - K59 V MỤC LỤC NHIỆM VỤ THIẾT KẾ TỐT NGHIỆP I LỜI CẢM ƠN IV NHẬN XÉT CỦA GIẢNG VIÊN HƯỚNG DẪN V MỤC LỤC VI DANH MỤC BẢNG BIỂU IX DANH MỤC HÌNH VẼ X MỞ ĐẦU 1 Tổng quan đề tài Mục tiêu phạm vi nghiên cứu 2.1 Mục tiêu nghiên cứu 2.2 Phạm vi nghiên cứu Cấu trúc báo cáo đồ án tốt nghiệp 3.1 Chương 1: MỞ ĐẦU 3.2 Chương :CƠ SỞ LÝ THUYẾT 3.3 Chương 3:PHÂN TÍCH VÀ THIẾT KẾ HỆ THỐNG 3.4 Chương 4: XÂY DỰNG CHƯƠNG TRÌNH CHƯƠNG CƠ SỞ LÝ THUYẾT 1.1 Tổng quan công nghệ sử dụng 1.1.1 ASP.NET 1.1.2 ASP.NET MVC 1.1.3 AJAX 1.1.4 HTML, CSS 1.2 Tổng quan ngôn ngữ lập trình 1.2.1 Javascript 1.2.2 C# 1.3 Tổng quan công cụ sử dụng Võ Thị Diệu Thương – CNTT - K59 VI 1.3.1 Visual Studio 2019 1.3.2 Hệ quản trị sở liệu SQL Server 1.3.3 Draw.io 10 CHƯƠNG PHÂN TÍCH VÀ THIẾT KẾ HỆ THỐNG 11 2.1 Khảo sát đánh giá hệ thống 11 2.2 Phân tích hệ thống 12 2.2.1 Yêu cầu hệ thống 12 2.2.2 Mô tả yêu cầu hệ thống 13 2.3 Thiết kế hệ thống 14 2.3.1 Sơ đồ ERD 14 2.3.2 Sơ đồ phân rã chức 14 2.3.3 Sơ đồ Usecase tổng quát 15 2.3.4 Sơ đồ luồng liệu 16 2.3.5 Sơ đồ hoạt động 20 2.3.6 Sơ đồ hoạt động trình quảng cáo hiển thị tin quảng cáo 22 2.3.7 Thiết kế sở liệu 23 CHƯƠNG XÂY DỰNG CHƯƠNG TRÌNH 25 3.1 Giao diện chương trình quyền Admin 25 3.1.1 Giao diện trang chủ Admin 25 3.1.2 Giao diện quản lí danh mục 25 3.1.2 Giao diện quản lý loại sản phẩm 26 3.1.3 Giao diện quản lý viết 27 3.2 Giao diện chương trình quyền người dùng 28 3.2.1 Giao diện đăng kí, đăng nhập 28 3.2.2 Giao diện trang chủ 31 3.2.3 Giao diện xem đăng 32 3.2.4 Giao diện chat (trò chuyện) 34 3.2.5 Giao diện đăng tin 34 Võ Thị Diệu Thương – CNTT - K59 VII 3.2.6 Giao diện quản lí tin 35 3.2.7 Giao diện quảng cáo tin 38 3.2.8 Giao diện trang tin bật 39 3.2.9 Giao diện trang toán 40 3.2.10 Giao diện bình luận 41 3.2.11 Giao diện trang cá nhân 42 3.2.12 Giao diện kết tìm kiếm 43 KẾT LUẬN VÀ KIẾN NGHỊ 45 Kết đạt 45 1.1 Ưu điểm 45 1.2 Nhược điểm 45 1.3 Hướng phát triển 46 TÀI LIỆU THAM KHẢO 47 Võ Thị Diệu Thương – CNTT - K59 VIII Hình 3.12 Giao diện đăng theo danh mục 3.2.4.2 Giao diện xem chi tiết đăng Nếu quan tâm đến đăng nào, khách hàng chọn xem chi tiết đăng Ở giao diện xem chi tiết bài đăng khách hàng liên hệ với chủ tin số điện thoại, chat – trò chuyện để biết thêm chi tiết bình luận phía đăng Hình 3.13 Giao diện trang “Xem chi tiết đăng” Võ Thị Diệu Thương - CNTT - K59 33 3.2.5 Giao diện chat (trò chuyện) Khách hàng muốn biết thêm chi tiết sản phẩm nhắn tin cho chủ nhân đăng để cung cấp thơng tin Hình 3.14 Giao diện trang “Chat( Trò chuyện)” 3.2.6 Giao diện đăng tin Sau đăng nhập người dùng muốn đăng tin bán mua sản phẩm vui lịng chọn chức đăng tin nhập thông tin cần thiết Võ Thị Diệu Thương - CNTT - K59 34 Hình 3.15 Giao diện chức “Đăng tin” 3.2.7 Giao diện quản lí tin 3.2.7.1 Giao diện tin hiển thị Truy cập chức Quản lí tin -> Đang hiển thị để xem đăng hiển thị Võ Thị Diệu Thương - CNTT - K59 35 Hình 3.16 Giao diện xem đăng hiển thị 3.2.7.2 Giao diện tin đợi duyệt Sau người dùng đăng tin, đăng admin duyệt Để biết xem đăng duyệt hay chưa vui lịng truy cập Quản lí tin -> Đang đợi duyệt Hình 3.17 Giao diện xem đăng đợi admin duyệt Võ Thị Diệu Thương - CNTT - K59 36 3.2.7.3 Giao diện tin bị từ chối Tin bị từ chối tin người dùng đăng khơng admin duyệt số lí Nếu bạn muốn đăng hiển thị vui lòng nhấn nút Gửi lại đợi admin duyệt Hình 3.18 Giao diện tràn đăng bị từ chối duyệt 3.2.7.4 Giao diện tin bị ẩn Nếu người dùng sau đăng tin không muốn bán, mua bán sản phẩm khơng muốn hiển thị đăng sử dụng chức ẩn tin để ẩn đăng khơng hiển thị Truy cập Quản lí tin -> Đã ẩn để xem danh sách tin bị ẩn Sau ẩn tin muốn hiển thị lại vui lòng chọn Hiển thị tin hiển thị trước bị ẩn Võ Thị Diệu Thương - CNTT - K59 37 Hình 3.19 Giao diện trang danh sách tin bị ẩn 3.2.8 Giao diện quảng cáo tin Người dùng muốn tin tức hiển thị trang chủ, hiển thị để nhiều người biết đến Quảng cáo cho đăng Vui lòng chọn số lượng ngày mà bạn muốn quảng cáo cho đăng Hình 3.20 Giao diện trang “ Quảng cáo tin” Võ Thị Diệu Thương - CNTT - K59 38 3.2.9 Giao diện trang tin bật Đối với đăng bật đăng trả phí quảng cáo cho website, đăng bật hiển thị danh mục tin bật danh mục tin đăng nhằm gây ý có sức ảnh hưởng với người sử dụng Khi yêu cầu thực chức quảng cáo đăng hồn thành tốn phí quảng cáo cho website, đăng hiển thị danh mục đăng bật tương ứng với thời gian chọn quảng cáo đăng Sau hết thời hạn quảng cáo đăng hiển thị danh sách đăng Người dùng thực quảng cáo nhiều lần với đăng đăng hết thời hạn quảng cáo Hình 3.21 Giao diện trang đăng bật Võ Thị Diệu Thương - CNTT - K59 39 3.2.10.Giao diện trang toán 3.2.10.1 Thanh toán MoMo Người dùng phải trả cho hệ thống khoản phí tương ứng với lựa chọn chức Quảng cáo tin Bài đăng quảng cáo sau người dùng chọn toán Momo tiến hành tốn cho hệ thống Hình 3.22 Giao diện trang toán Momo 3.2.10.2 Thanh toán VNPAY Tương tự toán Momo toán qua VNPAY Võ Thị Diệu Thương - CNTT - K59 40 Hình 3.23 Thanh tốn qua VNPAY 3.2.11.Giao diện bình luận Bình luận cho đăng mà bạn quan tâm muốn biết thêm chi tiết Hình 3.24 Giao diện bình luận đăng 3.2.11.1 Giao diện sửa bình luận Sửa bình luận bạn muốn thay đổi nội dung bình luận Võ Thị Diệu Thương - CNTT - K59 41 Hình 3.25 Giao diện chỉnh sửa bình luận 3.2.11.2 Giao diện trang xóa bình luận Nếu người dùng khơng muốn hiển thị bình luận xóa bình luận Bình luận bị xóa khơng cịn hiển thị đăng Hình 3.26 Giao diện xóa bình luận 3.2.12.Giao diện trang cá nhân Xem thơng tin cá nhân giao diện trang thông tin cá nhân Tại người dùng chỉnh sửa thơng tin cá nhân Võ Thị Diệu Thương - CNTT - K59 42 Hình 3.27 Giao diện trang thơng tin cá nhân 3.2.13.Giao diện kết tìm kiếm Đây kết tìm kiếm tương ứng với từ khóa, lựa chọn tìm kiếm người dùng Người dùng thực chức tìm kiếm để tìm kiếm thơng tin đăng, lọc theo yếu tố loại sản phẩm, tình trạng… để tìm sản phẩm, đăng quan tâm Võ Thị Diệu Thương - CNTT - K59 43 Hình 3.28 Giao diện trang kết tìm kiếm Võ Thị Diệu Thương - CNTT - K59 44 KẾT LUẬN VÀ KIẾN NGHỊ Kết đạt Sau suốt trình từ nhận đề tài đồ án đến lúc nghiên cứu, tham khảo thực đề tài em đạt ưu điểm nhược điểm sau: 1.1 Ưu điểm Về đề tài tốt nghiệp, em hoàn thành chức đưa chức cần có website rao vặt như: Đăng nhập, đăng ký tài khoản cho người dùng Quên mật khẩu: gửi mail thông báo Tìm kiếm tin rao vặt Đăng tin Quảng cáo tin đăng Thêm tin vào tin yêu thích Gởi yêu cầu đăng tin Xem tin đăng, tin đợi duyệt, ẩn tin, yêu cầu tin sau ẩn Thanh toán Momo gửi mail thông báo cho người dùng thông tin đăng Thanh toán VNPay gửi mail thông báo cho người dùng thông tin đăng 1.2 Nhược điểm Bên cạnh ưu điểm phía cịn có nhược điểm cần phải khắc phục để website tốt hoàn thiện : Website có tốc độ chạy cịn chậm Nhiều chức cịn chưa hồn thiện, chưa thân thiện, dễ hiểu với người dùng Võ Thị Diệu Thương - CNTT - K59 45 1.3 Hướng phát triển Đối với website rao vặt tương lai em có dự định phát triển thêm chức để website ngày hoàn thiện : Hoàn thiện website để tốc độ cải thiện Hoàn thiện chức tốt Bổ sung thêm chức phụ xuất file PDF, excel, … để phụ vụ cho quy trình quản lí admin Bổ sung chức tìm kiếm giọng nói, hình ảnh Võ Thị Diệu Thương - CNTT - K59 46 TÀI LIỆU THAM KHẢO [1] Dương Quang Thiện, “Lập trình Web”, NXB Tổng hợp TP.HCM, NXB:09/2005 [2] [Online], "ASP.NET MVC", https://wikihoidap.org/asp-net-mvc-la-gi., ngày truy cập:19/06/2022 [3] [Online], "MVC", https://monamedia.co/mvc-la-gi-ung-dung-cua-mo-hinh-mvctrong-lap-trinh/, ngày truy cập 19/06/2022 [4] Nhất Nghệ – Nguyễn Nghiệm, ” Giáo trình ASP.NET MVC – Nhất Nghệ”, “Số ebook: 14”, “Đăng tại: https://cuongquach.com/” [5] [Online], "Ajax", https://topdev.vn/blog/ajax-la-gi/ , ngày truy cập 19/06/2022 [6] Wikipedia,”Html”,https://wiki.matbao.net/html-la-gi-nen-tang-lap-trinh-webcho-nguoi-moi-bat-dau/ , ngày truy cập 22/06/2022 [7] [Online], "Css", https://topdev.vn/blog/css-la-gi/., ngày truy cập 24/06/2022 [8] [Online], "Javascript", https://topdev.vn/blog/css-la-gi/., ngày truy cập 19/06/2022 [9] JWikipedia, "C sharp", https://vi.wikipedia.org/wiki/C_Sharp , ngày truy cập 19/06/2022 [10] Dương Quang Thiện, “.NET toàn tập”, NXB Tổng hợp TP.HCM, NXB:01/2006 Võ Thị Diệu Thương - CNTT - K59 47