Tìm hiểu về nodejs và xây dựng ứng website chia sẻ nhà ở

ĐẠI HỌC QUỐC GIA THÀNH PHỐ HỒ CHÍ MINH TRƯỜNG HỌC CÔNG NGHỆ THÔNG TIN KHOA CÔNG NGHỆ PHẦN MỀM ĐỒ ÁN TÌM HIỂU VỀ NODEJS VÀ XÂY DỰNG ỨNG WEBSITE CHIA SẺ NHÀ Ở Giảng viên hướng dẫn: TH.S NGUYỄN CÔNG HOAN Sinh viên thực hiện: Đặng Thái Tài-20520923 Tp Hồ Chí Minh, Tháng năm 2021 ĐẠI LỜI CẢM ƠN Đầu tiên, nhóm thực đề tài “Xây dựng website nghe mua điện thoại online” xin gửi lời cảm ơn đến quý thầy cô giảng dạy chúng em trường Đại học Công nghệ thông tin – Đại học quốc gia thành phố Hồ Chí Minh kiến thức tảng vững để nhóm tự tìm hiểu hồn thiện đề tài cách tốt Đặc biệt, chúng em xin gửi lời cảm ơn tới cô Nguyễn Công Hoan tận tình hướng dẫn góp ý, đề xuất q báu dành cho nhóm trình thực đồ án Trong suốt thời gian qua, nhóm tự tìm hiểu cơng nghệ kết hợp với kiến thức tảng trình học tập, nghiên cứu vận dụng để thực đề tài Với quỹ thời gian có hạn kinh nghiệm xây dựng sản phẩm cịn thiếu, sản phẩm đồ án cuối mắc phải số sai sót chúng em mong nhận góp ý để bổ sung, cải tiến sản phẩm nâng cao kiến thức để xây dựng sản phẩm chu hồn thiện hơn, tích luỹ thêm cho kinh nghiệm quý giá để đáp ứng tốt cho công việc thực tế tương lai Một lần nữa, xin cảm ơn đồng hành chúng em suốt học kỳ I năm học Sinh viên thực Đặng Thái Tài NHẬN XÉT CỦA GIẢNG VIÊN HƯỚNG DẪN , ngày tháng……năm 2021 Người nhận xét (Ký tên ghi rõ họ tên) Mục lục LỜI CẢM ƠNI CẢM ƠNM ƠNN NHẬN XÉT CỦA GIẢNG VIÊN HƯỚNG DẪNN XÉT CỦA GIẢNG VIÊN HƯỚNG DẪNA GIẢM ƠNNG VIÊN HƯỚNG DẪNNG DẪNN DANH MỤC VIẾT TẮTC VIẾT TẮTT TẮTT ĐỀ CƯƠNG CHI TIẾT CƯƠNNG CHI TIẾT TẮTT Chương 1: GIỚI THIỆU ĐỀ TÀIng 1: GIỚNG DẪNI THIỆU ĐỀ TÀIU ĐỀ CƯƠNG CHI TIẾT TÀI 11 1.1Tên đề tài: tài: 11 1.2 Mô tả đề tài: đề tài: tài: 11 1.3 Lý chọn đề tài:n đề tài: tài: 12 1.4 Khả đề tài:o sát trạng:n trạng:ng: 12 1.5 Công nghện trạng: sử dụng: dụng:ng: 13 1.5 Môi trường thiết kế:ng thiết kế:t kết kế:: 13 1.6 Công cụng: hỗ trợ: trợ:: 13 Chương 1: GIỚI THIỆU ĐỀ TÀIng 2: CƠN SỞ LÝ THUYẾT LÝ THUYẾT TẮTT 13 2.1 Tổng quan HandleBarJs:ng quan tài: HandleBarJs: 13 2.1.1 Giới thiệu HandleBarJs:i thiện trạng:u tài: HandleBarJs: 13 2.1.2 Khái niện trạng:m HandleBarJs: bả đề tài:n HandleBarJs: 13 2.1.2.1 Biểu thức Handbars.js:u thức Handbars.js:c Handbars.js:a Handbars.js: 13 2.1.2.2 Biểu thức Handbars.js:u thức Handbars.js:c Handbars.js:a Handbars.js: 14 2.1.2.2 Hàm biên dịch Handbars.js:ch Handbars.js: 14 2.1.3 Ưu điểm Handlebarjs:u điểu thức Handbars.js:m Handbars.js:a Handlebarjs: 14 2.2.1 NodeJS gì? 15 2.2.2 Cách NodeJS hoạng:t động:ng: 15 2.2.3 Ưu điểm Handlebarjs:u điểu thức Handbars.js:m Handbars.js:a NodeJS: 15 2.3.1 ExpressJS gì? 16 2.3.2 Tính Handbars.js:a ExpressJS: 16 2.4 MongoDB: 17 2.4.1 MongoDB gì: 17 2.4.2 Mộng:t số câu lệnh bản: câu lện trạng:nh HandleBarJs: bả đề tài:n: 17 2.4.3 Ưu điểm Handlebarjs:u điểu thức Handbars.js:m Handbars.js:a MongoDB: 17 Chương 1: GIỚI THIỆU ĐỀ TÀIng 3: 18 PHÂN TÍCH THIẾT TẮTT KẾT TẮT HỆU ĐỀ TÀI THỐNGNG 18 3.1 Sơ HandleBarJs: đồ Use-case: Use-case: 18 3.1.1 Đăng nhập:p: 19 3.1.2 Đăng xuất:t: 20 3.1.3 Đăng ký thành viên: 21 3.1.5 Thay quan HandleBarJs:i thông tin nhân: 24 3.1.6 Quả đề tài:n lý thông tin cá nhân: 25 3.1.7 Tìm kiết kế:m: 27 3.1.8 Xem thông sả đề tài:n phẩm:m: 28 Chương 1: GIỚI THIỆU ĐỀ TÀIng 4: 29 THIẾT TẮTT KẾT TẮT GIAO DIỆU ĐỀ TÀIN 29 4.1 Trang đăng nhập:p, đăng ký: 29 4.1.1 Mô tả đề tài:: 29 4.2 Trang chủa Handbars.js:: 30 4.2.1 Giao diện trạng:n: 30 4.2.2 Mô tả đề tài:: 31 4.3 Trang thông tin nhà ở: 32 4.3.1 Giao diện trạng:n: 32 4.3.2 Mô tả đề tài:: 32 4.4 Trang tìm kiết kế:m: 32 4.4.1 Giao diện trạng:n: 32 4.4.2 Mô tả đề tài:: 32 4.5 Trang thông tin giỏ hàng: hàng: 33 4.5.1 Giao diện trạng:n: 33 4.5.2 Mô tả đề tài:: 33 4.6 Trang thông tin vập:n chuyểu thức Handbars.js:n: 35 4.6.1 Giao diện trạng:n: 35 4.6.2 Mô tả đề tài:: 35 Chương 1: GIỚI THIỆU ĐỀ TÀIng 5: 35 KẾT TẮTT LUẬN XÉT CỦA GIẢNG VIÊN HƯỚNG DẪNN 35 5.1 Nhập:n xét: 35 5.1.1 Thuập:n lợ:i: 35 5.1.2 Khó khăn: 36 5.1.3 Ưu điểm Handlebarjs:u điểu thức Handbars.js:m Handbars.js:a đồ Use-case: án: 36 5.1.4 Nhượ:c điểu thức Handbars.js:m Handbars.js:a đồ Use-case: án: 36 5.2 Hưới thiệu HandleBarJs:ng phát triểu thức Handbars.js:n Handbars.js:a đồ Use-case: án: 36 TÀI LIỆU ĐỀ TÀIU THAM KHẢM ƠNO 36 Mục Lục ảnh Hình Express js cung cấp chế định tuyến giúp trì trạng thái website.p chế định tuyến giúp trì trạng thái website chế định tuyến giúp trì trạng thái website định tuyến giúp trì trạng thái website.nh tuyế định tuyến giúp trì trạng thái website.n giúp trì trạng thái website.ng thái website.a website Hình 2:Sơ chế định tuyến giúp trì trạng thái website đồ use-case tổng quát use-case tổng quátng quát Hình 3: Sơ chế định tuyến giúp trì trạng thái website đồ use-case tổng quát use-case đăng nhập.p Hình 4:Sơ chế định tuyến giúp trì trạng thái website đồ use-case tổng quát use-case đăng xuấp chế định tuyến giúp trì trạng thái website.t Hình 5: Sơ chế định tuyến giúp trì trạng thái website đồ use-case tổng quát use-case đăng ký thành viên Hình 6: Sơ chế định tuyến giúp trì trạng thái website đồ use-case tổng quát use-case mua sản phẩm.n phẩm.m Hình 7: Sơ chế định tuyến giúp trì trạng thái website đồ use-case tổng quát use-case thay quáti thông tin cá nhân Hình 8: Sơ chế định tuyến giúp trì trạng thái website đồ use-case tổng quát use-case quản phẩm.n lý giỏ hàng cá nhân hàng cá nhân Hình 9: Sơ chế định tuyến giúp trì trạng thái website đồ use-case tổng quát use-case tìm kiế định tuyến giúp trì trạng thái website.m Hình 10: Sơ chế định tuyến giúp trì trạng thái website đồ use-case tổng quát use-case xem thông tin sản phẩm.n phẩm.m Hình 11:Giao diện đăng nhậpn đăng nhập.p Hình 12 : Giao diện đăng nhậpn nút trang đăng ký sau click Sign up Hình 13:Giao diện đăng nhậpn trang chủa website Hình 14:Giao diện đăng nhậpn thông tin người dùngi dùng Hình 15:Giao diện đăng nhậpn thơng tin phịng Hình 16: Giao diện đăng nhậpn trang tìm kiế định tuyến giúp trì trạng thái website.m Hình 17:Giao diện đăng nhậpn sau tìm kiế định tuyến giúp trì trạng thái website.m Hình 18:Giao diện đăng nhậpn thơng tin chuyế định tuyến giúp trì trạng thái website.n Hình 19: Giao diện đăng nhậpn đặt phịng thành cơng.t phịng thành cơng Hình 20:Giao diện đăng nhậpn đặt phịng thành cơng.t phịng 17 19 19 20 21 23 25 26 28 29 30 31 31 32 33 33 34 34 35 36 DANH MỤC VIẾT TẮT STT Ký hiệu chữ viết tắt Chữ viết đầy đủ CSDL Cơ sở liệu API Application program interface DOM Document Object Model RDBMS Relational Database Management System ĐỀ CƯƠNG CHI TIẾT TÊN ĐỀ TÀI: Nền tảng chia sẻ nhà với Nodejs Tên đề tài tiếng Anh: Building a Home Sharing Platform with Node.js Cán hướng dẫn: ThS Nguyễn Công Hoan Thời gian thực hiện: Từ ngày 05/03/2023 đến tháng 26/06/2023 Sinh viên thực hiện: Đặng Thái Tài Nội dung đề tài: Giới thiệu: Javascript ngơn ngữ lập trình sử dụng rộng rãi nay, dễ đọc hỗ trợ nơi Mà Expressjs lại hỗ trợ Javascript, bạn biết đến Javascript chắn việc lập trình Express.js vơ đơn giản Ngay người bắt đầu tham gia vào lĩnh vực phát triển web sử dụng Expressjs Javascript ngơn ngữ lập trình dễ học với người khơng có kiến thức ngơn ngữ lập trình khác Chính tính phổ biến, dễ học dễ sử dụng mà Express.js cho phép tài trẻ tham gia đạt nhiều thành công phát triển ứng dụng web Thơng qua đề tài này, nhóm xây dựng website bán hàng trực tuyến Website cung cấp tảng trực tuyến kết nối người có nhu cầu thuê chỗ (khách) với người chủ nhà có sẵn nhà, hộ phòng trống (đơn vị chủ sở hữu) Website cập nhật tất điện thoại mắt phù hợp nhu cầu sử dụng, mẫu mã nhằm đáp ứng nhu cầu người mua Hệ thống có chức hiển thị order, upload mặt hàng mới, gợi ý nhu cầu người dùng, chức tìm kiếm theo dạng text, … Về phía quản trị viên có chức như: quản lý mặt hàng, số lượng, thông tin đơn hàng, quản lý tài khoản người dùng, … Mục tiêu: - Kết nối người thuê người cho thuê: Tạo tảng kết nối người muốn thuê nhà người sẵn sàng cho thuê nhà - Cung cấp trải nghiệm người dùng tốt: Tạo trang web dễ sử dụng hiệu quả, giúp người dùng dễ dàng tìm kiếm đặt thuê nhà theo nhu cầu họ - Quản lý thông tin liên quan đến nhà cho thuê: Cung cấp giao diện quản lý cho người cho thuê để quản lý thông tin nhà, đặt giá thuê tương tác với người thuê - Tạo niềm tin đảm bảo an tồn: Đảm bảo tính bảo mật an toàn giao dịch cho người thuê người cho thuê - Tích hợp tính phụ trợ: Bao gồm tính tốn trực tuyến, đánh giá nhận xét, đồ hiển thị vị trí, dịch vụ khác hỗ trợ khách hàng hướng dẫn dành cho người sử dụng Phạm vi: • Phạm vi mơi trường: o Triển khai sản phẩm đề tài mơi trường web • Phạm vi chức năng: o Đăng ký đăng nhập: Người dùng đăng ký tài khoản đăng nhập vào trang web o Tìm kiếm xem thơng tin nhà cho th: Người dùng tìm kiếm xem thông tin chi tiết nhà cho th bao gồm hình ảnh, mơ tả, giá tiện nghi o Đặt quản lý đơn hàng: Người dùng đặt yêu cầu thuê nhà, xem quản lý lịch sử đặt hàng toán o Đăng tin nhà cho thuê: Người cho thuê đăng tin nhà bao gồm mơ tả, hình ảnh, giá tiện nghi kèm o Đánh giá nhận xét: Người thuê đánh giá viết nhận xét lần th nhà trước o Thanh tốn trực tuyến: Tích hợp cổng tốn trực tuyến để người dùng tốn tiền th nhờ hệ thống an toàn tin cậy o Gửi yêu cầu hỗ trợ: Người dùng gửi yêu cầu hỗ trợ liên hệ với nhóm quản lý để giải vấn đề liên quan đến thuê nhà o Quản lý thơng tin cá nhân: Người dùng quản lý thông tin cá nhân, thay đổi mật cài đặt tùy chọn cá nhân Đối tượng: - Người dùng khách - Người dùng có tài khoản - Quản trị viên (Admin) Kế hoạch thực hiện: Thời gian Nội dung 05/03/2023 – 16/04/2024 Tìm hiểu đề tài, đánh giá thị trường, xác định chức hệ thống 17/04/2023 – 30/04/2023 Tìm hiểu, nghiên cứu cơng nghệ 01/05/2023 – 17/05/2023 Phân tích thiết kế hệ thống website 18/05/2023 – 08/06/2023 Tìm hiểu quy trình thiết kế UX/UI thiết kế giao diện cho website 09/06/2023 – 05/07/2023 Cài đặt phần back-end, xử lý hệ thống 06/07/2023 – 08/07/2023 Kiểm thử hệ thống hoàn thiện báo cáo Xác nhận GVHD (Ký tên ghi rõ họ tên) TP HCM, ngày 08 tháng 07 năm 2023 Sinh viên Sinh viên (Ký tên ghi rõ họ tên) (Ký tên ghi rõ họ tên) ThS Nguyễn Công Đặng Thái Tài Hoan Chương 1: GIỚI THIỆU ĐỀ TÀI 1.1Tên đề tài: XÂY DỰNG NỀN TẢNG CHIA SẺ NHÀ 1.2 Mô tả đề tài: Hiện tại, việc chia sẻ nhà trở thành xu hướng phổ biến có nhiều hình thức khác tồn cầu Một số hình thức chia sẻ nhà phổ biến bao gồm chia sẻ phòng trọ, chia sẻ hộ, chia sẻ nhà nguyên chia sẻ nhà nghỉ Tiền điều kiện Đã đăng nhập Hậu điều kiện Người dùng đăng xuất khỏi hệ thống thành cơng Luồng kiện Luồng kiện phụ Hệ thống đăng xuất người dùng đưa trang trước Kết thúc Use-case Mật tên đăng nhập sai: Hệ thống hiển thị lại hình đăng nhập để người dùng nhập lại thông tin kèm theo thông báo tên đăng nhập mật sai Quay lại bước Luồng kiện 3.1.3 Đăng ký thành viên: Hình 5: Sơ đồ use-case đăng ký thành viên Bảng 3.3: Đặc tả đăng ký thành viên: Use – Case Nội Dung Tên Use – Case Đăng ký thành viên  Mô tả Use-Case cho phép người dùng đăng ký tài khoản Actor Khách Điều kiện kích hoạt Khi người dùng nhấn vào nút Sign up nằm trang chủ Tiền điều kiện Có tài khoản email hợp lệ Hậu điều kiện Người dùng đăng ký thành công