ĐỒ ÁN CƠ SỞ 2 ĐỀ TÀI: XÂY DỰNG WEBSITE TÌM KIẾM PHÒNG TRỌ.Giảng viên hướng dẫn : ThS. TRẦN ĐÌNH SƠN

ĐẠI HỌC ĐÀ NẴNG KHOA CÔNG NGHỆ THÔNG TIN VÀ TRUYỀN THÔNG ĐỒ ÁN CƠ SỞ XÂY DỰNG WEBSITE TÌM KIẾM PHỊNG TRỌ ĐỀ TÀI: Sinh viên thực : NGUYỄN NGỌC ĐỊNH Giảng viên hướng dẫn : ThS TRẦN ĐÌNH SƠN Lớp : 18IT5 Đà nẵng, tháng 12 năm 2019 ĐẠI HỌC ĐÀ NẴNG KHOA CÔNG NGHỆ THÔNG TIN VÀ TRUYỀN THÔNG ĐỒ ÁN CƠ SỞ XÂY DỰNG WEBSITE TÌM KIẾM PHỊNG TRỌ Đà Nẵng, tháng 12 năm 2019 MỞ ĐẦU Ở thành phố lớn, nhu cầu chỗ sinh viên người lao động lớn Tuy nhiên, việc tìm kiếm phịng trọ, nhà trọ khơng dễ dàng Phần lớn thơng tin phịng trọ chủ yếu truyền miệng thông qua quảng cáo, rao vặt Dẫn tới việc thơng tin cịn nhiều sai lệch, thiếu xác, khiến người tìm phịng trọ thời gian tiền bạc Cũng khả tiếp cận thơng tin phịng trọ cho th cịn hạn chế Bản thân em sinh viên trọ, em trải qua hiểu rõ khó khăn Vì em muốn áp dụng công nghệ thông tin để xây dựng website nhằm hỗ trợ người việc tìm kiếm phịng trọ Mục đích nghiên cứu đề tài dựa tảng web để hỗ trợ việc tìm kiếm đăng tải thơng tin phịng trọ trở nên nhanh chóng dễ dàng phạm vi thành phố Đà Nẵng LỜI CẢM ƠN Chúng em xin chân thành cảm ơn Khoa Công nghệ Thông tin Truyền thông - Đại học Đà Nẵng tạo điều kiện tốt cho chúng em thực đề tài Chúng em xin chân thành cảm ơn tới thầy giáo – ThS Trần Đình Sơn tận tình hướng dẫn, bảo, giúp đỡ cho chúng em hoàn thành đề tài Chúng em xin gửi lời cảm ơn sâu sắc đến q Thầy Cơ Khoa tận tình giảng dạy, trang bị cho chúng em kiến thức quý báu học kì vừa qua Chúng em xin gửi lịng biết ơn sâu sắc đến gia đình động viên, ủng hộ, anh chị bạn bè gắn bó, chia sẻ nhiều kinh nghiệm kiến thức thời gian thực đề tài Mặc dù chúng em cố gắng hoàn thành báo cáo phạm vi khả cho phép, chắn không tránh khỏi sai sót, kính mong cảm thơng tận tình bảo q Thầy Cơ bạn Chúng em xin chân thành cảm ơn Đà Nẵng, ngày 28 tháng 12 năm 2019 Sinh viên thực Nguyễn Ngọc Định NHẬN XÉT (Của giảng viên hướng dẫn) …………………………………………………………………………………… …………………………………………………………………………………… …………………………………………………………………………………… …………………………………………………………………………………… …………………………………………………………………………………… …………………………………………………………………………………… …………………………………………………………………………………… …………………………………………………………………………………… …………………………………………………………………………………… …………………………………………………………………… MỤC LỤC Trang MỞ ĐẦU .3 LỜI CẢM ƠN Chương GIỚI THIỆU TỔNG QUAN 10 1.1 Tổng quan .10 1.2 Phương pháp, kết 10 1.3 Cấu trúc đồ án 10 Chương CƠ SỞ LÝ THUYẾT .11 2.1 Phân tích thiết kế hệ thống hướng đối tượng 11 2.1.1 Khái niệm OOAD 11 2.1.2 Khái niệm UML .11 2.1.3 Tại lại OOAD UML? 11 2.2 Mô hình MVC 11 2.2.1 Khái niệm: .11 2.2.2 Luồng liệu mơ hình MVC .12 2.2.3 Ưu, nhược điểm .12 2.3 ExpressJS framework 13 2.3.1 Khái niệm NodeJS 13 2.3.2 ExpressJS .13 2.4 Cơ sở liệu MongoDB 13 2.4.1 NoSQL 13 2.4.2 MongoDB 13 Chương PHÂN TÍCH THIẾT KẾ HỆ THỐNG 15 3.1 Mơ hình hóa u cầu 15 3.1.1 Xác định tác nhân (actors) .15 3.1.2 Xác định trường hợp sử dụng (use case) 15 3.1.3 Đặc tả ca sử dụng (use case descriptions) 15 3.1.4 Biểu đồ trường hợp sử dụng (use case diagrams) 19 3.1.5 Biểu đồ hoạt động (activity diagrams) 19 3.2 Mơ hình hóa khái niệm 20 3.2.1 Các lớp biên hệ thống (boundary classes) .20 3.2.2 Các lớp điều khiển hệ thống (control classes) 20 3.2.3 Biểu đồ lớp mức phân tích .21 3.3 Mơ hình hóa hành vi .21 3.3.1 Biểu đồ 21 3.4 Thiết kế chi tiết biểu đồ lớp 21 3.5 Biểu đồ thành phần biểu đồ triển khai .21 3.5.1 Biểu đồ thành phần 21 3.5.2 Biểu đồ triển khai 22 Chương TRIỂN KHAI XÂY DỰNG 23 4.1 Chức đăng ký .23 4.2 Chức đăng nhập 23 4.3 Chức đăng tin .24 4.4 Trang chủ 25 4.5 Chức tìm kiếm phịng trọ .26 4.6 Xem thông tin chi tiết viết 27 4.7 Chức quản lý tài khoản 27 4.8 Phần admin 28 KẾT LUẬN .29 1.Kết đạt .29 Hướng phát triển 29 DANH MỤC HÌNH Trang Hình 2.1 Luồng liệu mơ hình MVC 12 Hình 4.1 Giao diện đăng ký tài khoản 23 Hình 4.2 Giao diện đăng nhập 23 Hình 4.3 Giao diện đăng tin (1) 24 Hình 4.4 Giao diện đăng tin (2) 24 Hình 4.5 Giao diện trang chủ (1) .25 Hình 4.6 Giao diện trang chủ (2) .25 Hình 4.7 Chức tìm kiếm phịng trọ 26 Hình 4.8 Kết tìm kiếm 26 Hình 4.9 Thơng tin chi tiết phòng trọ (1) 27 Hình 4.10 Thơng tin chi tiết phịng trọ (2) 27 Hình 4.11 Giao diện quản lý tài khoản .27 Hình 4.12 Cập nhật thơng tin tài khoản .28 Hình 4.13 Quản lý tin đăng .28 Hình 4.14 Giao diện trang admin .28 DANH MỤC CỤM TỪ VIẾT TẮT STT Cụm từ Công nghệ thông tin JavaScript Model – View- Controller Structure Query Language Cơ sở liệu Object Oriented Analysis and Design Unified Modeling Language Tiếp theo Viết tắt CNTT JS MVC SQL CSDL, DB OOAD UML tt Chương GIỚI THIỆU TỔNG QUAN 1.1 Tổng quan - - - Tên đề tài: Xây dựng website tìm kiếm phịng trọ Bối cảnh thực đề tài: Là sinh viên trải qua nhiều khó khăn việc tìm kiếm phịng trọ phương pháp truyền thống rao vặt, truyền miệng thiếu xác tốn nhiều thời gian tiền bạc Em mong muốn khắc phục điều cách áp dụng cơng nghệ thơng tin vào cơng việc tìm kiếm phịng trọ Vấn đề cần giải quyết: Sử dụng tảng CNTT để hỗ trợ việc tìm kiếm phịng trọ để khắc phục nhược điểm việc tìm trọ truyền thống: khả tiếp cận thơng tin phịng trọ cịn hạn chế, thơng tin thiếu xác, việc xác thực thơng tin (xem trọ, liên hệ với chủ trọ) tốn nhiều thời gian số rủi ro (lừa đảo – gây tiền bạc) Cung cấp chức đăng tải thơng tin phịng trọ cho chủ phịng trọ Đề xuất nội dung thực hiện: nghiên cứu xây dựng website có chức đăng tải, hiển thị danh sách, thơng tin phịng trọ xác, cập nhật liên tục 1.2 Phương pháp, kết - Phương pháp triển khai: + Tìm hiểu nhu cầu thơng tin cần thiết q trình tìm th phịng trọ + Tìm hiểu cơng cụ lập trình, ngơn ngữ thiết kế/lập trình hỗ trợ xây dựng website + Tìm hiểu cấu trúc cách thức xây dựng website hồn chỉnh + Tìm hiểu sử dụng kiến thức học từ môn Phân tích Thiết kế Hệ thống để phân tích thiết kế website phù hợp + Sử dụng kiến thức học từ môn Công nghệ Web Công nghệ Web (Nâng cao) để xây dựng website phù hợp - Kết đạt được: + Nắm nhu cầu người việc tìm kiếm lựa chọn phịng trọ + Phân tích thiết kế hệ thống website phù hợp + Xây dựng website có chức đăng tải, thị tìm kiếm thơng tin phịng trọ + Nắm cách thức hoạt động website hoàn chỉnh 1.3 Cấu trúc đồ án Đồ án gồm có chương: - Chương 1: GIỚI THIỆU TỔNG QUAN - Chương 2: CƠ SỞ LÝ THUYẾT - Chương 3: PHÂN TÍCH VÀ THIẾT KẾ HỆ THỐNG - Chương 4: TRIỂN KHAI XÂY DỰNG Luồng kiện phụ Hành động tác nhân Nhập thơng tin khơng xác Hành động hệ thống Hiển thị lỗi yêu cầu thực lại b Ca sử dụng Cập nhật thông tin tài khoản - Các tác nhân: Chủ trọ, người quản trị - Điều kiện trước: Chủ trọ/ Người quản trị đăng nhập vào website - Điều kiện sau: Thông tin tài khoản tác nhân cập nhật - Mô tả: Sau đăng nhập vào website, chủ trọ/ người quản trị truy cập vào phần Tài khoản nhấn nút cập nhật Sau thay đổi, bổ sung thông tin cần thiết nhấn lưu thay đổi Thông tin tài khoản cập nhật vào database Luồng kiện Hành động tác nhân Chọn chức cập nhật thông tin tài khoản Hành động hệ thống Truy cập database lấy thơng tin có hiển thị vào input form thông tin tài khoản Cập nhật input Gửi thông tin nhập đến hệ thống Kiểm tra thông tin nhập vào Lưu thông tin vào database Thông báo trạng thái cập nhật thành công Luồng kiện phụ Hành động tác nhân Nhập thơng tin khơng xác Hành động hệ thống Hiển thị lỗi yêu cầu thực lại c Ca sử dụng Đăng tin - Các tác nhân: Chủ trọ - Điều kiện trước: Chủ trọ đăng nhập vào website - Điều kiện sau: Tin lưu vào database hiển thị lên website - Mô tả: Sau đăng nhập vào website, chủ trọ nhấn vào phần đăng tin, điền thơng tin phịng trọ nhấn nút đăng tin Tin lưu vào database hiển thị lên website Luồng kiện Hành động tác nhân Hành động hệ thống Chọn chức đăng tin Chuyển đến trang đăng tin Nhập thông tin Gửi thông tin nhập đến hệ thống Kiểm tra thông tin nhập vào Lưu thông tin vào database Hiển thị tin lên website Chuyển tới trang thông tin chi tiết tin vừa đăng Luồng kiện phụ Hành động tác nhân Nhập thông tin khơng xác Hành động hệ thống Hiển thị lỗi yêu cầu thực lại d Ca sử dụng Tìm kiếm - Các tác nhân: Người tìm trọ - Điều kiện trước: Người tìm trọ truy cập vào website - Điều kiện sau: Các tin phòng trọ phù hợp hiển thị - Mô tả: Người tìm trọ truy cập vào website, mục tìm kiếm chọn lựa chọn theo nhu cầu Hệ thống lọc hiển thị tin phòng trọ phù hợp Luồng kiện Hành động tác nhân Chọn lựa chọn Gửi lựa chọn đến hệ thống Hành động hệ thống Truy cập database lọc lấy thơng tin phịng trọ phù hợp với lựa chọn Hiển thị tin tìm Luồng kiện phụ Hành động tác nhân Không chọn lựa chọn Hành động hệ thống Lọc theo lựa chọn mặc định Tất tin Hiển thị tất tin website e Ca sử dụng Xem thông tin chi tiết tin - Các tác nhân: Người tìm trọ - Điều kiện trước: Người tìm trọ truy cập vào website - Điều kiện sau: Thông tin chi tiết tin phòng trọ hiển thị - Mơ tả: Người tìm trọ truy cập vào website, nhấn vào tin trang chủ, trang phòng trọ kết tìm kiếm để xem chi tiết Luồng kiện Hành động tác nhân Nhấn vào tin website Gửi ID tin đến server Hành động hệ thống Truy cập database lấy thông tin chi tiết thông tin phịng trọ có ID gửi tới Hiển thị thơng tin chi tiết tin Luồng kiện phụ f Ca sử dụng Quản lý toàn tài khoản - Các tác nhân: Người quản trị - Điều kiện trước: Người quản trị đăng nhập vào website - Điều kiện sau: Toàn tài khoản có hệ thống website hiển thị - Mô tả: Người quản trị truy cập vào phần Admin Chọn quản lý toàn tài khoản Danh sách tài khoản có website hiển thị Luồng kiện Hành động tác nhân Hành động hệ thống Truy cập trang admin Truy cập chức quản lý toàn tài khoản website Truy cập database lấy tồn thơng tin phòng trọ website Hiển thị danh sách tài khoản website Truy cập chức xem toàn viết đăng tài khoản đó, khóa tài khoản,… Thực chức tương ứng 3.1.4 Biểu đồ trường hợp sử dụng (use case diagrams) Biểu đồ Biểu đồ trường hợp ca sử dụng 3.1.5 Biểu đồ hoạt động (activity diagrams) Biểu đồ Biểu đồ hoạt động Tạo tài khoản Biểu đồ Biểu đồ hoạt động Đăng tin 3.2 Mô hình hóa khái niệm 3.2.1 Các lớp biên hệ thống (boundary classes) 3.2.2 Các lớp điều khiển hệ thống (control classes) 3.2.3 Biểu đồ lớp mức phân tích Biểu đồ Biểu đồ lớp mức phân tích 3.3 Mơ hình hóa hành vi 3.3.1 Biểu đồ 3.4 Thiết kế chi tiết biểu đồ lớp 3.5 Biểu đồ thành phần biểu đồ triển khai 3.5.1 Biểu đồ thành phần 3.5.2 Biểu đồ triển khai Chương TRIỂN KHAI XÂY DỰNG 4.1 Chức đăng ký Hình TRIỂN KHAI XÂY DỰNG Giao diện đăng ký tài khoản 4.2 Chức đăng nhập Hình TRIỂN KHAI XÂY DỰNG Giao diện đăng nhập 4.3 Chức đăng tin Hình TRIỂN KHAI XÂY DỰNG Giao diện đăng tin (1) Hình TRIỂN KHAI XÂY DỰNG Giao diện đăng tin (2) 4.4 Trang chủ Hình TRIỂN KHAI XÂY DỰNG Giao diện trang chủ (1) Hình TRIỂN KHAI XÂY DỰNG Giao diện trang chủ (2) 4.5 Chức tìm kiếm phịng trọ Hình TRIỂN KHAI XÂY DỰNG Chức tìm kiếm phịng trọ Hình TRIỂN KHAI XÂY DỰNG Kết tìm kiếm 4.6 Xem thơng tin chi tiết viết Hình TRIỂN KHAI XÂY DỰNG 10 Thơng tin chi tiết phịng trọ (1) Hình TRIỂN KHAI XÂY DỰNG 11 Thơng tin chi tiết phòng trọ (2) 4.7 Chức quản lý tài khoản Hình TRIỂN KHAI XÂY DỰNG 12 Giao diện quản lý tài khoản Hình TRIỂN KHAI XÂY DỰNG 13 Cập nhật thơng tin tài khoản Hình TRIỂN KHAI XÂY DỰNG 14 Quản lý tin đăng 4.8 Phần admin Hình TRIỂN KHAI XÂY DỰNG 15 Giao diện trang admin KẾT LUẬN 1.Kết đạt Sau tìm hiểu, phân tích, thiết kế xây dựng, em hiểu xây dựng website có đầy đủ chức đăng tải, hiển thị, tìm kiếm quản lý thông tin để hỗ trợ việc đăng tải tìm kiếm phịng trọ dễ dàng Đối tượng người dùng website hướng đến người có nhu cầu tìm kiếm phịng trọ chủ nhà trọ khu vực thành phố Đà Nẵng Tuy nhiên, kiến thức lực hạn chế, website em nhiều thiếu sót hạn chế Các chức chưa hồn thiện tốt, hoạt động website chưa tối ưu cịn nhiều lỗi sai sót Hướng phát triển Trong tương lai, website phát triển hoàn thiện hơn, bổ sung thêm chức xác định phòng trọ khu vực, liên lạc chủ trọ người tìm phịng trực tiếp website,… Ngồi ra, từ webserver có sẵn phát triển thêm ứng dụng tảng mobile Về mặt thị trường, website mở rộng địa bàn hoạt động nước, phát triển thêm sản phẩm tìm kiếm bất động sản,… DANH MỤC TÀI LIỆU THAM KHẢO Tiếng Việt: Bài giảng Phân tích Thiết kế Hệ thống – PGS TS Võ Trung Hùng Các viết NoSQL, MVC, MongoDB, MongooseJS, ExpressJS website www.viblo.asia https://toidicodedao.com/2015/09/24/nosql-co-gi-hay-ho-tong-quan-venosql-phan-1/ Tiếng Anh: https://docs.mongodb.com/manual/tutorial/ https://expressjs.com/en/4x/api.html https://mongoosejs.com/docs/ Một số viết website: www.medium.com, www.stackoverflow.com