LỜI CẢM ƠNĐồ án cơ sở 1 là môn học bổ ích nhằm áp dụng kiến thức được học ở trườnghọc từ đó tổng hợp kiến thức, tìm hiểu, lên ý tưởng và tạo ra sản phẩm của nhóm đểđăng ký thực hiện đề t
Trang 1TRƯỜNG ĐẠI HỌC CÔNG NGHỆ THÔNG TIN &
TRUYỀN THÔNG VIỆT HÀN
Khoa Khoa Học Máy Tính
ĐỒ ÁN CƠ SỞ 1
WEBSITE TÌM THUÊ NHÀ TRỌ
Sinh viên thực hiện: Cao Văn Tính
Đỗ Thiên Thắng
Giảng viên hướng dẫn: ThS.Nguyễn Ngọc Huyền Trân
Đà Nẵng, tháng 05 năm 2022
Trang 2TRƯỜNG ĐẠI HỌC CÔNG NGHỆ THÔNG TIN &
TRUYỀN THÔNG VIỆT HÀN
Khoa Khoa Học Máy Tính
ĐỒ ÁN CƠ SỞ 1
WEBSITE TÌM THUÊ NHÀ TRỌ
Sinh viên: Cao Văn Tính Mã: 21IT386
Đỗ Thiên Thắng Mã: 21IT378 Giảng viên hướng dẫn: ThS Nguyễn Ngọc Huyền Trân
Đà Nẵng, tháng 05 năm 2022
Trang 3NHẬN XÉT CỦA GIẢNG VIÊN HƯỚNG DẪN
Trang 4
LỜI CẢM ƠN
Đồ án cơ sở 1 là môn học bổ ích nhằm áp dụng kiến thức được học ở trường học từ đó tổng hợp kiến thức, tìm hiểu, lên ý tưởng và tạo ra sản phẩm của nhóm để đăng ký thực hiện đề tài
Để có thể hiểu sâu và rộng cũng như nắm chắc kiến thức cơ bản và tiếp cận tạo ra một sản phẩm thực tế, nhóm chúng em đã nhận được sự giúp đỡ nhiệt tình từ giảng viên hướng dẫn là cô Nguyễn Ngọc Huyền Trân Cùng với sự cố gắng của thành viên trong nhóm để sản được hoàn thành đúng thời hạn và đạt được mục tiêu
đã đề ra
Bên cạnh đó cũng có những hạn chế về kiến thức và kinh nghiệm thực chiến nên sản phẩm của chúng em còn nhiều sai sót và thiếu hụt Chúng em rất mong nhận được sự chỉ bảo, giúp đỡ và nhận xét chân thực nhất để sản phẩm hoàn thiện nhất và giúp chúng em có thêm kinh nghiệm để phát triển bản thân, hoàn thành tốt hơn những sản phẩm sau này
Cuối cùng chúng em xin gửi lời cảm ơn đến giảng viên hướng dẫn Nguyễn Ngọc Huyền Trân đã giúp đỡ chúng em trong quá trình hoàn thiện sản phẩm này Chúng em xin chân thành cảm ơn!
Sinh viên,
Cao Văn Tính,
Đỗ Thiên Thắng
Trang 5Mục Lục
LỜI CẢM ƠN 4
DANH MỤC CÁC TỪ VIẾT TẮT 6
MỞ ĐẦU 7
1 Giới thiệu 7
2 Mục tiêu của đề tài 7
3 Nội dung và kế hoạch thực hiện 8
Chương 1 TỔNG QUAN VỀ WEBSITE 9
1 Các phương pháp 9
1.1 Trình bày phương pháp triển khai thực hiện đề tài 9
1.2 Ưu, nhược điểm 9
2 Các ngôn ngữ sử dụng 9
1.1 HTML 10
1.2 CSS 10
1.3 Javascript 11
3 Kết chương 1 11
Chương 2 PHÂN TÍCH WEBSITE 12
1 Mô tả trang website 12
2 Mô tả hệ thống 12
3 Kết chương 2 12
Chương 3 XÂY DỰNG WEBSITE 13
1 Kết quả 13
1.1 Trang chủ 13
1.2 Đăng ký, Đăng nhập 13
1.3 Nổi bật 14
1.4 Giới thiệu 15
1.5 Danh mục 16
1.6 Phản hồi 16
1.7 Liên hệ 17
2 Kết chương 3 18
KẾT LUẬN 19
1 Kết quả đạt được 19
2 Hướng nghiên cứu 19
Trang 6TÀI LIỆU THAM KHẢO 20
DANH MỤC CÁC TỪ VIẾT TẮT
VIẾT TẮT NỘI DUNG
Trang 7MỞ ĐẦU
1 Giới thiệu
Hiện nay, tại những thành phố lớn có một số lượng lớn sinh viên, người lao động ngoại tỉnh đến học tập và làm việc, đa số trong họ đang phải ở trọ bên ngoài Công việc đi tìm một phòng trọ như ý theo cách thức truyền thống là một việc rất tốn thời gian, công sức Đặc biệt đối với các sinh viên mới nhập trường và những người lao động lần đầu lên thành phố thì đây quả là một công việc rất phức tạp Khi không thể tìm được phòng trọ, mọi người buộc phải tìm đến các trung tâm môi giới Thế nhưng chi phí cho lựa chọn này là khá cao và độ tin cậy thì rất thấp
Thương mại điện tử là bước đi mới mẻ nhất cho nền kinh tế nói chung và cho các ngành nghề kinh doanh nói riêng Với các thiết lập đơn giản trên nền tảng internet chúng ta đã có thể dễ dàng có được một cửa hàng trực tuyến với đầy đủ lợi ích trong tầm tay Nhận thấy lợi thế và tính tất yếu nhóm chúng em quyết định chọn
đề tài xây dựng website tìm trọ nhằm giúp cho việc tìm nhà trọ đối với mọi người trở nên dễ dàng và thuận tiện Với ưu thế của hình thức kinh doanh thương mại điện tử, website có thể cung cấp các địa chỉ nhà có thể thuê trên khắp nơi mà bạn muốn đến Các nguồn phòng được đăng trên web sẽ được bảo đảm về độ tin cậy với đầy đủ thông tin cần thiết cho việc đi tìm một phòng trọ như: giá phòng, diện tích, hình ảnh cấu tạo nhà, cùng với ý kiến và yêu cầu của chủ nhà
2 Mục tiêu của đề tài
Mục tiêu của việc xây dựng trang web nhằm giúp cho mọi người có thể tìm một căn trọ theo ý muốn ở mọi nơi thông qua mạng Internet phổ biến, tiết kiệm thời gian tìm kiếm, cung cấp các phòng trọ với số lượng lớn và chất lượng để dễ dàng chọn lựa tối ưu nhất, giá sản phẩm và tiền tiết kiệm chi phí đi lại Cho phép khách hàng có thể tìm kiếm nhanh nhất những phòng trọ mà họ quan tâm theo tiêu chí như: diện tích, chất lượng, giá cả để khách hàng có thể lựa chọn sản phẩm phù hợp
và có thể đặt mua sản phẩm mà khách hàng ưng ý
Trang 83 Nội dung và kế hoạch thực hiện
Ngày (từ ngày- đến ngày) Nội dung Thành viên thực hiện
25/3-26/3 Đề xuất ý tưởng cho đề
tài, xác định chính xác yêu cầu đặt ra cho trang web sẽ xây dựng
Tất cả thành viên
27/3-2/4 Thiết kế bố cục, nội dung
chung cho website
Cao Văn Tính
chỉnh sửa cuối cùng
Tất cả thành viên
Trang 9Chương 1 TỔNG QUAN VỀ WEBSITE
1 Các phương pháp
Từ những kiến thức được học trên trường cùng với sự tìm hiểu thêm ngoài giờ Nhóm chúng em đã áp dụng những phương pháp sau đây vào đề tài của mình
1.1 Trình bày phương pháp triển khai thực hiện đề tài
- Xây dựng website dựa trên kiến thức đã học là ngôn ngữ HTML và CSS
- Tham khảo, tiếp thu ý kiến từ giảng viên hướng dẫn
- Tìm hiểu những website cùng lĩnh vực (https://phongtro123.com/, https://thuephongtro.com/)
1.2 Ưu, nhược điểm
Trong suốt thời gian học tập và nghiên cứu theo tiến trình học của môn học, chúng em tự đánh giá được về những ưu và nhược điểm tồn tại trong sản phẩm của mình
1.2.1 Ưu điểm
- Giao diện đơn giản, màu sắc kết hợp hài hoà
- Hình ảnh thực tế, trực quan hơn những trang web tham khảo
1.2.2 Nhược điểm
Vì thời gian học tập còn hạn chế, kiến thức còn cơ bản nên trang web còn tồn tại một số vấn đề như: website tĩnh nên chưa giải quyết được về cơ sở dữ liệu cũng như các chức năng hoàn chỉnh Và coi đây cũng như là định hướng phát triển của đề tài trong thời gian tới
2 Các ngôn ngữ sử dụng
Với sự phát triển vượt bậc của các công nghệ và các ngôn ngữ lập trình đa dạng Trong quá trình môn học chúng em được nhà trường cùng giảng viên hướng dẫn tiếp cận với các ngôn ngữ phổ biến như HTML, CSS, Javascript Và đây cũng
là các ngôn ngữ được chúng em áp dụng sử dụng để thực hiện đề tài
Trang 102.1 HTML
HTML (viết tắt của từ HyperText Markup Language, hay là "Ngôn ngữ Đánh dấu Siêu văn bản") Nó là 1 ngôn ngữ được thiết kế ra để tạo nên các trang web với các mẩu thông tin được trình bày trên World Wide Web
HTML là một ngôn ngữ máy tính được tạo ra để cho phép tạo trang web Những trang web này sau đó có thể được xem bởi bất kỳ ai khác kết nối với Internet Nó tương đối dễ học , với những điều cơ bản có thể tiếp cận được với hầu hết mọi người Nó liên tục trải qua sửa đổi và tiến hóa để đáp ứng nhu cầu và yêu cầu của người dùng
Các phần tử HTML là các khối xây dựng của các trang HTML Với cấu trúc HTML, hình ảnh và các đối tượng khác như biểu mẫu tương tác có thể được nhúng vào trang được hiển thị HTML cung cấp một phương tiện để tạo tài liệu có cấu trúc bằng cách biểu thị ngữ nghĩa cấu trúc cho văn bản như headings, paragraphs, lists, links, quotes và các mục khác Các phần tử HTML được phân định bằng
các tags, được viết bằng dấu ngoặc nhọn Các trình duyệt không hiển thị các thẻ
HTML, nhưng sử dụng chúng để diễn giải nội dung của trang
2.2 CSS
CSS là viết tắt của Cascading Style Sheets, một ngôn ngữ thiết kế đơn giản,
xử lý một phần giao diện của trang web CSS mô tả cách các phần tử HTML hiển thị trên màn hình và các phương tiện khác
Sử dụng CSS, bạn có thể kiểm soát màu chữ, cỡ chữ, kiểu chữ, khoảng cách giữa các đoạn văn bản, kích thước của các thành phần trên trang web, màu nền, thiết kế bố cục và cách trang web hiển thị trên những màn hình có kích thước khác nhau cũng như hàng loạt hiệu ứng khác
CSS rất hữu ích và tiện lợi Nó có thể kiểm soát tất cả các trang trên một website Các stylesheet ngoài được lưu trữ dưới dạng các tập tin CSS CSS được kết hợp với ngôn ngữ đánh dấu HTML hoặc XHTML
Trang 112.3 Javascript
JavaScript, theo phiên bản hiện hành, là một ngôn ngữ lập trình thông dịch được phát triển từ các ý niệm nguyên mẫu Ngôn ngữ này được dùng rộng rãi cho các trang web (phía người dùng) cũng như phía máy chủ (với Nodejs) Nó vốn được phát triển bởi Brendan Eich tại Hãng truyền thông Netscape với cái tên đầu
tiên Mocha, rồi sau đó đổi tên thành LiveScript, và cuối cùng thành JavaScrip.
3 Kết chương 1
Thông qua tìm hiểu về các phương pháp, hướng nghiên cứu và các ngôn ngữ cần thiết từ đó, làm cơ sở đề xuất Phân tích trang website sẽ được trình bày trong chương tiếp theo.
Trang 12Chương 2 PHÂN TÍCH WEBSITE
1 Mô tả website
TITA House là website là trang web được tạo ra với những chức năng cơ bản nhất để người dùng cỏ thể dễ dàng sử dụng và công cụ đắc lực giúp người dùng
có thể tìm được nhà trọ tốt nhất Giao diện được phối màu hài hoà dễ nhìn
2 Mô tả hệ thống
Thiết kế trang website cung cấp những phòng trọ tốt nhất, mọi người có thể tìm trọ phù hợp với sở thích, giá thành, vị trí để thuận tiện nhất cho việc di chuyển
- Khi truy cập vào trang website có thể xem phần trang chủ, ở đó mọi người
có thể lọc các tiêu chí tiên quyết khi thuê trọ như địa điểm, phòng số người ở và thời gian ở
- Phần nổi bật là những lựa chọn nhà trọ sắp xếp theo từng thành phố lớn nhằm tiết kiệm thời gian tìm kiếm
- Phần giới thiệu về đội ngũ phát triển của trang web
- Phần danh mục gồm những nhà trọ nổi bật với từng phân khúc giá Sẽ có các trang con hiển thị những hình ảnh và thông số trực quan của sản phẩm
- Mọi người có thể liên hệ đặt trọ và lên lịch trao đổi và xem trọ với chủ trọ qua số điện thoại, thông tin địa chỉ ở từng danh mục
- Khi muốn đăng bài thì chủ trọ có thể liên hệ với quản trị viên liên hệ trực tiếp thông qua Fax, điện thoại, email được cung cấp ở mục liên hệ ở phía cuối trang web để đăng bài lên trang
3 Kết chương 2
Quy trình phân tích các thành phần chính và các chức năng của trang website sẽ ảnh hưởng trực tiếp và làm bàn đạp để hoàn thành thiết kế trang website ở chương 3
Trang 13Chương 3 XÂY DỰNG WEBSITE
1 Kết quả
Trong suốt quá trình lên ý tưởng và phân tích các thành phần chính của website chúng em đã bắt tay vào thực hiện xây dựng đề tài và tạo ra trang web với giao diện cùng với các chức năng sau
1.1 Trang chủ
Phần trang chủ sẽ phần lựa chọn các thành phố mà bạn muốn tìm phòng, số người ở cùng thời gian ở Từ đó hệ thống sẽ hiện thị những lựa chọn tốt nhất
1.2 Đăng ký, Đăng nhập
Mọi người dùng có thể dạo web và tìm hiểu thêm về các sản phẩm Khi người dùng muốn thực hiện đặt phòng hoặc đăng bài lên trang sẽ cần đăng kí một tài khoản
để lưu lại thông tin, với thao tác cực kỳ đơn giản và nhanh chóng
Sau khi người dùng sử dụng tài khoản đã đăng ký để đăng nhập vào hệ thống
để các phòng trọ yêu thích và các thông tin cá nhân luôn được đồng bộ trên hệ thống, trên mọi thiết bị
Trang 14
1.1 Nổi bật
Những sản phẩm sẽ được xếp theo từng vị trí từng thành phố, khi ấn vào từng thành phố sẽ hiển thị tất cả những phòng trọ ở thành phố đó Người dừng có thể tiết kiệm thời gian tìm kiếm
Trang 151.2 Giới thiệu
Phần giới thiệu sẽ là sơ lược về trang web
Trang 161.3 Danh mục
Những trọ nổi bật nhất từng phân khúc giá sẽ được hiển thị dựa trên chất lượng
và feedback của những người ở trước
1.4 Phản hồi
Phần phản hồi sẽ là những feedback của khách hàng về chất lượng của phòng trọ để người dùng có thể dễ dàng đặt niềm tin vào phòng đó
Trang 171.5 Liên hệ
Mọi thắc mắc về chất lượng, giá thành hay hợp tác thêm trọ lên hệ thống sau khi để lại thông tin sẽ được đội ngũ liên hệ để hỗ trợ giải đáp
Trang 182 Kết chương 3
Việc thiết kế Website tìm thuê nhà trọ đã hoàn thành các chức năng cơ bản theo hướng phát triển trang web đã lên kế hoạch thông qua Chương 1, Chương 2, Chương 3.
Trang 19KẾT LUẬN
1 Kết quả đạt được
Qua thời gian làm việc cùng nhau, trải qua quá trình tìm hiểu nghiên cứu và thực hiện đề tài Đề tài của nhóm đã hoàn thành đúng thời hạn và tạo ra được một website tương đối hoàn chỉnh với những kết quả sau:
Hoàn thành việc giới thiệu tổng quan của đề tài và giới thiệu về đề tài mình cần làm
Hoàn thành phân tích thiết kế, hoàn thiện được các chức năng cơ bản chính Tuy đề tài còn chưa ứng dụng vào thực tiễn ngay được nhưng giá trị lớn nhất của đề tài này là em đã vận dụng hết tất cả các kiến thức thầy cô dạy ở trường, cũng như kinh nghiệm từ giảng viên hướng dẫn để có thể phục vụ cho công việc sau này Sản phẩm còn nhiều thiếu sót do còn thiếu kinh nghiệm và trình độ Chúng Em mong nhận được sự góp ý của thầy cô để kiến thức được mở mang hơn và tạo ra được những sản phẩm được hoàn chỉnh hơn trong tương lai
Chúng Em xin chân thành cảm ơn!
2 Hướng nghiên cứu
Trong thời gian học sắp tới sẽ tiếp thu, trao đổi kiến thức cùng với sự giúp đỡ của giảng viên nhóm sẽ giải quyết được việc kết nối cơ sở dữ liệu
Với những tồn tại và hạn chế của sản phẩm, rất mong nhận được sự đóng góp của các thầy cô để website của chúng em có thể hoàn thiện nhất
Trang 20TÀI LIỆU THAM KHẢO
[1]. Khoa Công nghệ thông tin & Truyền Thông- Đại học Đà Nẵng, "Giáo Trình CÔNG NGHỆ WEB" 2018
[2] Giáo trình thiết kế Web : Chu Văn Hoành
[3] Giáo trình công nghệ Web khoa công nghệ thông tin và truyền thông
https://vi.wikipedia.org/
[4]