Xây dựng WEBSITE tìm kiếm phòng trọ

ĐẠ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 quý 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 Chương CƠ SỞ LÝ THUYẾT 2.1 Phân tích thiết kế hệ thống hướng đối tượng 2.1.1 Khái niệm OOAD Để phân tích thiết kế phần mềm có nhiều cách làm, cách làm xem hệ thống gồm đối tượng sống tương tác với Việc mô tả tất đối tượng tương tác chúng giúp hiểu rõ hệ thống cài đặt Phương thức gọi Phân tích thiết kế hướng đối tượng (OOAD - ObjectOriented Analysis and Design) 2.1.2 Khái niệm UML UML (Unified Modeling Language) ngơn ngữ mơ hình hóa hợp dùng để biểu diễn hệ thống Nói cách đơn giản dùng để tạo biểu đồ nhằm mô tả thiết kế hệ thống Các biểu đồ sử dụng để nhóm thiết kế trao đổi với dùng để thi công hệ thống (phát triển), thuyết phục khách hàng, nhà đầu tư, 2.1.3 OOAD UML OOAD cần biểu đồ để mô tả hệ thống thiết kế, cịn UML ngơn ngữ mô tả biểu đồ nên cần nội dung thể Do vậy, phân tích thiết kế theo hướng đối tượng sử dụng UML để biểu diễn thiết kế nên chúng thường đơi với 2.2 Mơ hình MVC 2.2.1 Khái niệm: MVC viết tắt Model – View – Controller Là kiến trúc phần mềm hay mơ hình thiết kế sử dụng kỹ thuật phần mềm Nó mơ hình phân bố source code thành phần, thành phần có nhiệm vụ riêng biệt độc lập với thành phần khác Bao gồm: - Model : nơi chứa nghiệp vụ tương tác với liệu hệ quản trị sở liệu (mysql, mssql… ); bao gồm class/function xử lý nhiều nghiệp vụ kết nối database, truy vấn liệu, thêm – xóa – sửa liệu… - View : nới chứa giao diện nút bấm, khung nhập, menu, hình ảnh… đảm nhiệm nhiệm vụ hiển thị liệu giúp người dùng tương tác với hệ thống - Controller : nới tiếp nhận yêu cầu xử lý gửi từ người dùng, gồm class/ function xử lý nhiều nghiệp vụ logic giúp lấy liệu thông tin cần thiết nhờ nghiệp vụ lớp Model cung cấp hiển thị liệu cho người dùng nhờ lớp View 2.2.2 Luồng liệu mơ hình MVC Khi có u cầu từ phía client gửi đến server, Bộ phận controller có nhiệm vụ nhận yêu cầu, xử lý yêu cầu Và cần, gọi đến phần model, vốn phần làm việc với Database Sau xử lý xong, toàn kết đẩy phần View Tại View, gen mã Html tạo nên giao diện, trả tồn html trình duyệt để hiển thị Hình CƠ SỞ LÝ THUYẾT.1 Luồng liệu mơ hình MVC 2.2.3 Ưu, nhược điểm Ưu điểm:  Trình tự xử lý rõ ràng  Mơ hình MVC quy hoạch class/function vào thành phần riêng biêt Controller - Model - View, việc làm cho trình phát triển - quản lý - vận hành - bảo trì web diễn thuận lợi hơn, tạo chức chuyên biệt hoá đồng thời kiểm sốt luồng xử lý  Tạo mơ hình chuẩn cho dự án, người có chun mơn ngồi dự án tiếp cận với dự án dễ dàng  Mơ hình đơn giản, dễ hiểu, xử lý nghiệp vụ đơn giản, dễ dàng triển khai với dự án nhỏ Tải FULL (file word 30 trang): bit.ly/2Ywib4t Dự phòng: fb.com/KhoTaiLieuAZ Nhược điểm:  Đối với dự án có tính phức tạp cao mơ hình MVC trở nên khơng khả dụng 2.3 ExpressJS framework 2.3.1 Khái niệm NodeJS  Nodejs tảng (Platform) phát triển độc lập xây dựng Javascript Runtime Chrome mà xây dựng ứng dụng mạng cách nhanh chóng dễ dàng mở rộng  Nodejs tạo ứng dụng có tốc độ xử lý nhanh, realtime thời gian thực  Nodejs áp dụng cho sản phẩm có lượng truy cập lớn, cần mở rộng nhanh, cần đổi công nghệ, tạo dự án Startup nhanh 2.3.2 ExpressJS Expressjs framework xây dựng tảng Nodejs Nó cung cấp tính mạnh mẽ để phát triển web mobile Expressjs hỗ trợ method HTTP midleware tạo API vô mạnh mẽ dễ sử dụng Expressjs có số chức chính:  Thiết lập lớp trung gian để trả HTTP request  Define router cho phép sử dụng với hành động khác dựa phương thức HTTP URL  Cho phép trả trang HTML dựa vào tham số 2.4 Cơ sở liệu MongoDB 2.4.1 NoSQL NoSQL dạng CSDL mã nguồn mở không sử dụng Transact-SQL để truy vấn thông tin NoSQL viết tắt bởi: None-Relational SQL, hay có nơi thường gọi Not-Only SQL CSDL phát triển Javascript Framework với kiểu liệu JSON (Cú pháp JSON “key:value”) NoSQL đời mảnh vá cho khuyết điểm thiếu xót hạn chế mơ hình liệu quan hệ RDBMS tốc độ, tính năng, khả mở rộng, memory cache, Tải FULL (file word 30 trang): bit.ly/2Ywib4t 2.4.2 MongoDB Dự phòng: fb.com/KhoTaiLieuAZ MongoDB chương trình sở liệu mã nguồn mở sở liệu NoSQL thiết kế theo kiểu hướng đối tượng bảng cấu trúc cách linh hoạt cho phép liệu lưu bảng không cần phải tuân theo dạng cấu trúc định Chính cấu trúc linh hoạt nên MongoDB dùng để lưu trữ liệu có cấu trúc phức tạp đa dạng không cố định Lợi MongoDB so với sở liệu dạng quan hệ (RDBMS):  Ít Schema hơn: MongoDB sở liệu dựa Document, Collection giữ Document khác Số trường, nội dung kích cỡ Document khác với Document khác  Cấu trúc đối tượng rõ ràng  Khơng có Join phức tạp  Khả truy vấn sâu MongoDB hỗ trợ truy vấn động Document sử dụng ngôn ngữ truy vấn dựa Document mà mạnh mẽ SQL  MongoDB dễ dàng để mở rộng  Việc chuyển đổi/ánh xạ đối tượng ứng dụng đến đối tượng sở liệu không cần thiết  Sử dụng nhớ nội để lưu giữ phần công việc, giúp truy cập liệu nhanh Chương PHÂN TÍCH THIẾT KẾ HỆ THỐNG 3.1 Mơ hình hóa u cầu 3.1.1    Xác định tác nhân (actors) Người tìm trọ Chủ trọ Người quản trị 3.1.2           Xác định trường hợp sử dụng (use case) Tạo tài khoản Cập nhật thông tin tài khoản Đăng tin Tìm kiếm Xem thơng tin chi tiết tin Quản lý tin đăng Chỉnh sửa tin Xóa tin Quản lý toàn tài khoản Quản lý toàn tin 3.1.3 Đặc tả ca sử dụng (use case descriptions) a Ca sử dụng Tạo tài khoản - Các tác nhân: Chủ trọ - Điều kiện trước: Chủ trọ truy cập vào website - Điều kiện sau: Tài khoản tạo thành công - Mô tả: Sau truy cập vào website nhấn nút đăng ký, chủ trọ cung cấp thông tin cần thiết nhấn đăng ký Nếu thành công thông tin lưu vào database tài khoản tạo Luồng kiện Hành động tác nhân Chọn chức đăng ký Hành động hệ thống Hiển thị form đăng ký Điền thông tin cần thiết vào form Gửi thông tin nhập đến hệ thống 6849972 Kiểm tra thông tin nhập vào Lưu thông tin tài khoản vào database Thông báo trạng thái đăng ký thành công Chuyển tới trang đăng nhập ... để 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. .. 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... ĐỒ Á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ễ