Download Luận văn tốt nghiệp khoa công nghệ thông tin and more Study Guides, Projects, Research Electronic Technology in PDF only on Docsity!
TRƯỜNG ĐẠI HỌC - KỸ THUẬT CÔNG NGHỆ CẦN THƠ
KHOA CÔNG NGHỆ THÔNG TIN
†
LUẬN VĂN
XÂY DỰNG HỆ THỐNG QUẢN LÝ ĐẶT PHÒNG TRỌ
GIẢNG VIÊN HƯỚNG DẪN SINH VIÊN THỰC HIỆN
Ths. Đặng Trung Tín Nguyễn Hà Gia Bảo – 2001089 Hoàng Mai Anh – 2000756 Lớp: KTPM Cần thơ, tháng 12 năm 2023
NHẬN XÉT CỦA GIẢNG VIÊN HƯỚNG DẪN
Họ và tên SVTH: Nguyễn Hà Gia Bảo MSSV: 2001089 Hoàng Mai Anh MSSV: 2000756 Tên đề tài: Xây dựng hệ thống quản lý đặt phòng trọ Họ và tên GVHD: ThS. Đặng Trung Tín Nội dung nhận xét:
Cần Thơ, ngày……tháng……năm 2023 Giảng viên hướng dẫn Website quản lý đặt phòng trọ
NHẬN XÉT CỦA HỘI ĐỒNG ĐÁNH GIÁ LUẬN VĂN
Họ và tên SVTH: Nguyễn Hà Gia Bảo MSSV: 2001089 Hoàng Mai Anh MSSV: 2000756 Tên đề tài: Xây dựng hệ thống quản lý đặt phòng trọ Họ và tên Hội đồng đánh giá luận văn:
- Trưởng Ban: ThS. Lê Anh Tuấn
- GVPB: ThS.Lâm Thanh Toản
- Thư ký: ThS. Đặng Trung Tí n Nôi dung nhận xét:
Cần Thơ, ngày……tháng……năm 2023 Hội đồng đánh giá Website quản lý đặt phòng trọ
LỜI CẢM ƠN
Lời đầu tiên, chúng em xin gửi l ời cảm ơn chân thành và tri ân sâu sắc đ ối với các thầy cô của trư ờng Đại h ọc Kỹ thu ật – Công nghệ Cần Thơ, đặc biệt là các thầy cô trong khoa Công nghệ thông tin đã tạo đi ều kiện để chúng em có thể th ực hiện luận văn tốt nghiệp. Kế đến ch ú ng em cũng xin được g ử i lời cảm ơn chân thành nhất đế n Ths. Đặng Trung Tí n. Trong quá trình học tập nghiên cứu thực hiện luận văn với đề tài: "Xây dựng hệ thống quản lý đặt phòng trọ" chú ng em đã nhận đượ c rất nhiều sự quan tâm, gi ú p đỡ, hướng dẫn tận tình, tâm huyế t từ thầy. Thầy đã giú p chú ng em t ích lũ y thêm nhiều ki ến thức để có thể hoàn thành một cách tốt nhất bài báo cáo này. Tuy nhiên do giới hạ n kiế n thức chuyên ngành còn hạ n chế và khả năng lý luận củ a bản thân còn nhiều thiế t só t nên khó tr ánh khỏi những sai sót khi nghiên c ứu và thực hiện đề tài kí nh mong sự chỉ dẫn và đó ng gó p củ a các Thầy, Cô để bài báo cáo luận văn c ủ a chú ng em đượ c hoàn thiện hơn. Nhữ ng ý kiế n đó ng gó p củ a thầy cô sẽ giú p chú ng em nhận ra nhữ ng hạ n chế và qua đó chú ng em sẽ c ó thêm nhữ ng nguồn tư liệu mới trên con đường học tập c ũ ng như nghiên cứu sau này. Em xin chân thành cảm ơn! Website quản lý đặt phòng trọ
TÓM TẮT LUẬN VĂN
Đề tài xây dựng hệ thống quản lý đặt phòng trọ c ó thể đượ c triể n khai dựa trên việc nghiên cứu và áp dụng các công nghệ website để hiệu quả hó a quá trình quản lý thông tin đặt phòng, các phòng trọ, và giao dịch liên quan củ a các công ty quản lý phòng trọ. Hệ thống này sẽ hỗ trợ người quản lý đăng thông tin về các phòng trọ, người dùng có th ể thực hiện việc đặt phòng một cách thuận lợ i, nhanh chó ng thông qua giao diện trực tuy ến, và thực hiện thanh toán an toàn thông qua các cổng thanh toán điện t ử như VNPAY. Ngoài ra, hệ thống cũ ng sẽ cung cấp tí nh năng tìm kiế m phòng trọ dựa trên các tiêu chí như vị tr í, giá cả, tiện nghi, và mô tả chi tiế t về phòng. Người dùng có thể dễ dàng xem vị trí củ a các phòng trọ trên bản đồ, giú p họ có cái nhìn tổng quan về khu vực cụ thể. Đồng thời, hệ thống sẽ hỗ tr ợ quản lý hó a đơn, lịch trình, và giao dịch giữ a người thuê và chủ quản lý phòng trọ. Xây dựng hệ thống gồm các giai đoạ n: Thu thập thông tin. Cài đặt và liên kế t các phần mềm hỗ trợ. Đưa thông tin vào cơ sở dữ liệu. Nghiên cứu và xây dựng hệ thống theo ngôn ng ữ lập trình JavaScript. Xây dựng website cho phép tìm kiế m và đặt phòng trực tiế p trên hệ thống, hỗ trợ thanh to án trực tuyến. Xây dựng, hiể n thị bản đồ lên website. Lấy tọa độ và các thông tin cơ bản đã thu thập hiể n thị lên bản đồ. Xây dựng một số chức năng phục vụ cho việc quản lý website như: đăng ký, đăng nhập, thêm, sử a, xó a, tìm kiế m, bình luận, đánh giá, thống kê, thanh toán trực tuyế n thông qua cổng thanh toán VNPAY, hỗ trợ khách hàng chat trực tuyế n thông qua Plugin chat củ a facebook. Website quản lý đặt phòng trọ
MỤC LỤC
DANH MỤC TỪ VIẾT TẮT
Từ viết tắt Nguyên mẫu Ý nghĩa API Application Programming Interface Giao diện lập trình ứng dụng CNTT Công nghệ thông tin CSDL Cơ s ở dữ liệu CSS (^) Cascading Style Sheets Ngôn ngữ l^ ập trình DOM Document Object Model Mô hình đối tượ^ ng tài liệu GB Gigabyte Đơn vị đo lường củ a dung lượ ng lưu trữ máy tí nh GHz Gigahertz Đơn vị tần số do sự dao động GNU General Public License Giấy phép phần mềm HTML HyperText Markup Language Ngôn ngữ l^ ập trình IDE Integrated Development Environment Phần mềm cung cấp môi trường tí ch hợ p JOSM Java OpenStreetMap Editor Ứng dụng máy tí^ nh đ^ ể bàn PC Personal Computer Máy tí^ nh cá nhân PHP Hypertext Preprocessor Ngôn ngữ l^ ập trình XML eXtensible Markup Language Ngôn ngữ đánh dấu mở rộng Website quản lý đặt phòng trọ
DANH MỤC BẢNG TIẾNG ANH
Từ tiếng anh Ý nghĩa Actor Đối tượng Alternative Flow Luồng tương tác thay thế Back-end Thuật ngữ chỉ người lập trình phụ trách phần viế t lệnh để xử lý thông tin và trả kế t quả về cho clients. Basic Flow Luồng tương tác chính Client Khách hàng. Description Sự^ tương tác người dùng với trang mạng Developer Người lập trình. Exception Flow Luồng tương tác ngoại l^ ệ Export Xuất tập tin File Tập tin. Font Phông chữ. Framework Khung. Front-end Thuật ngữ chỉ người lập trình phụ trách phần giao diện hiể n thị ra thiế t bị clients. Icon Biể u tượ ng. Import Nhập tập tin Index Thuật ngữ mô tả quá trình thu thập dữ liệu củ a công cụ tìm kiế m đối với nhữ ng trang web trên internet. Load Tải. Website quản lý đặt phòng trọ
DANH MỤC HÌNH ẢNH
- CHƯƠNG 1. TỔNG QUAN VỀ ĐỀ TÀI.............................................................................................................
- 1.1. Hiện trạng
- 1.2. Mục tiêu đề tài
- 1.3. Phạm vi đề tài
- 1.4. Phương pháp nghiên cứu
- 1.5. Bố cục
- CHƯƠNG 2 CƠ SỞ LÝ THUYẾT.....................................................................................................................
- 2.1. Các công nghệ sử dụng.................................................................................................................
- 2.1.1. Star UML...............................................................................................................................
- 2.1.2. XAMPP
- 2.1.3. Visual Studio Code
- Thư viện hỗ trợ Bootstrap
- 2.1.4. Thư vi ệ n Font Awesone
- 2.1.5. Thư viện Nodejs..................................................................................................................
- 2.1.6. Thư viện React....................................................................................................................
- 2.2. Giới thiệu ngôn ngữ lập trình
- 2.2.1. Ngôn ngữ CSS.....................................................................................................................
- 2.2.3. Ngôn ngữ HTML..................................................................................................................
- 2.2.4. Ngôn ngữ JavaScript...........................................................................................................
- 2.2.5. Ngôn ngữ UML....................................................................................................................
- 2.2.6. Cơ sở dữ liệu MongoDB......................................................................................................
- 2.3. API..............................................................................................................................................
- 2.3.1. VNPay.................................................................................................................................
- 2.2.2. API provinces.open-api.vn..................................................................................................
- CHƯƠNG 3. NỘI DUNG THỰC HIỆN
- 3.1. Phân tích và đặc tả yêu cầu người dùng..........................................................................................
- 3.1.1. Mô tả đề tài........................................................................................................................
- 3.1.1.1. Yêu cầu phi chức năng....................................................................................................
- 3.2. Yêu cầu chức năng..................................................................................................................
- 3.3. Phân tích thiết kế giao diện người dùng
- Phân tích thiết kế hệ thống
- 3.3.3. Phân tích thiết kế giao diện
- 3.3.2.1. Trang sinh viên:
- Giao diện Trang chủ
- 3.4. Bảng tiến độ công việc
- CHƯƠNG 4. KẾT QUẢ THỰC HIỆN..............................................................................................................
- 1.1. Các thành phần hệ thống đã làm được
- CHƯƠNG 5. KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN........................................................................................
- 5.1. Kết quả đạt được........................................................................................................................
- 5.2. Hạn chế.......................................................................................................................................
- 5.3. Hướng phát triển........................................................................................................................
- Hình 1: Star UML.............................................................................................................
- Hình 2: Star UML giao diện.............................................................................................
- Hình 3: Xampp logo........................................................................................................
- Hình 4: Xampp giao diện.................................................................................................
- Hình 5: VS Code logo.......................................................................................................
- Hình 6: VS Code giao điẹn...............................................................................................
- Hình 7: Bootstrap logo......................................................................................................
- Hình 8: Nodejs logo..........................................................................................................
- Hình 9: React logo............................................................................................................
- Hình 10: Ngôn ngữ CSS...................................................................................................
- Hình 11: Ngôn ngữ HTML...............................................................................................
- Hình 12: JavaScript logo...................................................................................................
- Hình 13: Ngôn ngữ mô hình hó a UML.............................................................................
- Hình 14: Các loạ i sơ đồ UML...........................................................................................
- Hình 15: MongoDB logo..................................................................................................
- Hình 16: Thanh toán bằng VNPAY..................................................................................
- Hình 17: code VNPAY.....................................................................................................
- Hình 18: UC đăng ký........................................................................................................
- Hình 19: UC đăng nhập....................................................................................................
- Hình 20: UC chức năng củ a chủ trọ..................................................................................
- Hình 21: UC quản lý người dùng......................................................................................
- Hình 22: UC quản lý bài vi ết............................................................................................
- Hình 23: UC quản lý phòng..............................................................................................
- Hình 24: UC quản lý danh mục........................................................................................
- Hình 25: UC quản lý đặt phòng........................................................................................
- Hình 26: UC quản lý hó a đơn...........................................................................................
- Hình 27: UC tổng quát củ a sinh viên................................................................................
- Hình 28: UC quản lý tài khoản.........................................................................................
- Hình 29: UC xem chi tiế t phòng.......................................................................................
- Hình 30: UC xem bài viế t.................................................................................................
- Hình 31: Sơ đồ class.........................................................................................................
- Hình 32: Giao diện trang ch ủ
- Hình 33: Giao diện chi tiế t phòng.....................................................................................
- Hình 34: Giao diện tất cả tin tức.......................................................................................
- Hình 35: Giao diện chi tiế t tin tức.....................................................................................
- Hình 36: Giao diện thông tin tài khoản.............................................................................
- Hình 37: Giao diện xem danh sách người dùng................................................................
- Hình 38: Giao diện tạ o mới người dùng...........................................................................
- Hình 39: Giao diện xem danh sách danh mục...................................................................
- Hình 40: Giao diện xem danh sách phòng........................................................................
- Hình 41: Giao diện tạ o mới phòng trọ..............................................................................
- Hình 42: Giao diện xem danh sách bài viế t......................................................................
- Hình 43: Giao diện tạ o bài viế t mới..................................................................................
- Hình 44: Giao diện xem danh sách đặt phòng.................................................................
- Hình 45: Giao diện tạ o đặt phòng mới............................................................................
- Hình 46: Giao diện xem danh sách hó a đơn....................................................................
- Hình 47: Giao diện tạ o hó a đơn mới...............................................................................
- Hình 48: Giao diện đăng ký............................................................................................
- Hình 49: Giao diện đăng nhập........................................................................................
trường sống chất lượ ng, hỗ trợ quá trình học tập và phát tri ể n bản thân củ a các thế
hệ trí thức tương lai.
1.2. Mục tiêu đề tài
Với đề tài" Xây dựng hệ thống quản lý phòng trọ" sẽ gi ú p tạ o ra một nền tảng thông tin và quản lý hiệu quả, hỗ trợ sinh viên và các chủ nhà trọ trong việc tìm kiế m, đặt phòng và quản lý thông tin liên quan đ ến nhà trọ sinh viên. Đồng thời, đề tài này hướng đ ế n việc cải thiện trải nghiệm người dùng và tối ưu hó a quá trình quản lý củ a các chủ nhà trọ. Hệ thống sẽ cung cấp một giao diện dễ sử dụng, giú p sinh viên tìm ki ếm và đặt phòng một cách nhanh chó ng và thuận tiện. Các tí nh năng lọc và tìm kiế m sẽ gi ú p sinh viên dễ dàng xác định phòng trọ phù hợ p với nhu cầu cá nhân về vị trí , giá cả, và tiện nghi. Hệ thống sẽ lưu trữ và quản lý chi tiế t về các phòng trọ, bao gồm thông tin về giá cả, tiện nghi, và vị trí. Nh ữ ng tí nh năng như đánh giá và đánh số phòng trọ sẽ gi ú p sinh viên có cái nhìn tổng quan về chất lượ ng củ a nơi ở. Tí ch hợ p các phương tiện thanh toán trực tuyế n giú p sinh viên có khả năng thanh toán dễ dàng và an toàn. Cung cấp thông tin chi tiế t về giá cả, chi phí đi kèm đ ể sinh viên có th ể dễ dàng lựa chọn theo ngân sách cá nhân. Tạ o cơ hội cho sinh viên xem xét và đánh giá về các phòng trọ, gó p phần vào việc t ạo ra một cộng đồng nhà ở sinh viên tí ch cực. Cung cấp thông tin về các tiện ích xung quanh như gần trường học, giao thông, siêu thị để sinh viên có thể dễ dàng tí ch hợ p vào cuộc sống cộng đồng. Ngoải ra, hệ thống sẽ giú p ch ủ nhà trọ dễ dàng quản lý thông tin về các phòng, quản lý hó a đơn, và quản lý việc đặt phòng, thanh toán hó a đơn.
1.3. Phạm vi đề tài
- Về không gian: Nghiên cứu về các lo ại hình nhà ở sinh viên hiện đang tồn tạ i tạ i các đô thị lớn và địa phương. Đánh giá nhu cầu thực tế củ a sinh viên về không gian sống, tiện nghi và giá cả.
- Về nội dung: đề tài xây dựng hệ thống quản lý phòng trọ gi ú p sinh viên dễ dàng tìm kiế m và đặt phòng trọ. Hiể n thị thông tin chi tiế t về từng phòng trọ, bao gồm giá cả, tiện nghi, vị trí và hình ảnh thực tế. Tí ch hợ p các phương thức thanh toán trực tuy ế n cho sinh viên để đảm bảo an toàn và tin cậy trong quá trình giao dịch. Cung cấp giao diện dễ sử dụng cho chủ nhà trọ để quản lý thông tin chi tiế t về phòng trọ, giá cả, tiện nghi, và trạ ng thái (trống/đã sử dụng). Website quản lý đặt phòng trọ P a g e |
Hỗ trợ việc theo dõi lịch s ử thanh toán củ a sinh viên. Tí ch hợ p hệ thống đánh giá đ ể chủ nhà trọ có thể nhận phản hồi từ sinh viên về chất lượ ng dịch vụ.
- Về đối tượ ng: Dành cho sinh viên: Tạ o trải nghiệm tìm kiế m và đặt phòng trọ trực tuy ến thuận lợ i, minh bạ ch. Dành cho chủ nhà trọ: Hỗ trợ quản lý thông tin và tối ưu hó a quá trình kinh doanh. Cung cấp công cụ để theo dõi và quản lý toàn bộ hệ thống.
1.4. Phương pháp nghiên cứu
- Tìm hiể u, nghiên cứu về thị trường nhà trọ sinh viên t ạ i Việt Nam, bao gồm các xu hướng, nhu cầu, và thách thức. Nghiên cứu các hệ thống quản lý phòng trọ hiện có trên thị trường, từ đó rú t ra nhữ ng kinh nghiệm tí ch cực và điể m yế u để áp dụng vào dự án.
- Tham khảo một số website quản lý phòng trọ trên internet. Thực hiện đánh giá, thu thập thông tin về các tí nh năng nổi bật, giao diện người dùng, và các phương thức quản lý đượ c áp dụng để làm cơ s ở cho quá trình thiế t kế.
- Quy trình phát triể n website đượ c thực hiện theo mô hình thác nước cùng với sự phân tí ch thi ết kế hệ thống theo hướng đối tượ ng.
1.5. Bố cục
Luận văn gồm 5 chương: Chương 1. Tổng quan về đề tài: Trình bày hiện trạ ng, mục tiêu phạ m vi và phương pháp nghiên cứu củ a đề tài. Chương 2. Cơ sở lý thuyế t: Giới thiệu đôi nét nhữ ng công cụ thực hiện và các ngôn ngữ đượ c sử dụng. Chương 3. Nội dung thực hiện: Trình bày nội dụng phân tí ch đặc tả yêu cầu người dùng, thiế t kế giao diện, phân tí ch thiế t k ế hệ thống qua hai sơ đồ UML và Class. Website quản lý đặt phòng trọ P a g e |
CHƯƠNG 2. CƠ SỞ LÝ THUYẾT
2.1. Các công nghệ sử dụng
2.1.1. Star UML
Trong quá trình phân tí ch thiế t k ế sơ đồ chức năng, em đã sử dụng công cụ Star UML để vẽ các bản vẽ UML. UML (Unified Modeling Language) là một ngôn ngữ mô hình hình hó a thống nhất gồm các ký hiệu đồ họa mà các phương pháp hướng đối tượ ng sử dụng để thiế t kế các hệ thống thông tin một cách nhanh ch ó ng. Cách xây dựng các mô hình trong UML phù hợ p mô tả các hệ thống thông tin cả về cấu trú c cũ ng như hoạ t động. Cách tiế p cận theo mô hình củ a UML giú p ích rất nhiều cho nhữ ng người thiế t kế và thực hiện hệ thống thông tin c ũ ng như nhữ ng người s ử dụng nó ; tạ o nên một cái nhìn bao quát và đầy đ ủ về hệ thống thông tin dự định xây dựng. Cách nhìn bao quát này gi ú p nắ m bắ t trọn vẹn các yêu cầu củ a người dùng từ giai đoạ n phân tí ch đế n việc thiế t kế , thẩm định và kiể m tra sản phẩm ứng dụng công nghệ thông tin. StarUML là một mô hình nền tảng, là phần mềm hỗ tr ợ UML (Unified Modeling Language). Tí ch cực hỗ trợ các phương pháp tiế p cận MDA (Model Driven Architecture) bằng cách hỗ trợ các khái niệm hồ sơ UML. StarUML vư ợ t trội trong việc tùy bi ến môi trường củ a người s ử dụng và c ó khả năng mở rộng cao trong chức năng củ a nó. Sử dụng StarUML, một trong các công cụ mô hình hó a phần mềm hàng đầu, sẽ đảm bảo tối đa hó a năng suất và chất lượ ng củ a các dự án phần mềm. Vì nó cho phép mô hình h ó a nên sẽ không phụ thuộc vào người code, ngôn ng ữ code hay nền tảng sử dụng. StarUML là phần mềm cho hệ điều hành Windows, là một công cụ UML củ a MKLab. Phần mềm đượ c cấp phép theo phiên bản s ử a đổi củ a GNU GPL cho đế n năm 2014, khi phiên bản viế t lạ i 2.0.0 đượ c phát hành để th ử nghiệm beta theo giấy phép độc quyền. Hình 1 : Star UML Website quản lý đặt phòng trọ P a g e |
Hình 2 : Star UML giao diện
2.1.2. XAMPP
Là phần mềm Web Server thuộc bản quyền c ủ a GNU General Public Licence, XAMPP do Apache Friends phân phối và phát triể n. Đây là chương trình t ạo máy chủ Web (Web Server) đượ c tí ch h ợ p sẵn Apache, PHP, MySQL, FTP Server, Mail Server và các công cụ như phpMyAdmin. XAMPP là ứng dụng dùng để tạ o và điều hành máy chủ nội bộ (localhost). Đư ợ c ghép củ a 2 chữ “local” (địa phương, ý chỉ máy tí nh cá nhân ) và “host” (máy chủ). Localhost là thuật ngữ chỉ máy chủ chạ y trên máy tí nh cá nhân. XAMPP là một phần mềm cho phép giả lập môi trường server hosting ngay trên máy tí nh cá nhân, cho phép ch ạy demo website mà không cần phải mua Hosting hay VPS. Chí nh vì vậy, XAMPP hay đư ợ c phục vụ cho hoạ t động học tập giảng dạ y, thực hành và phát triể n Web. Website quản lý đặt phòng trọ P a g e |