(Tiểu luận) báo cáo môn học lập trình web xây dựng website tìm kiếm phòng trọ cho sinh viên

ậ TRƯỜNG ĐẠI HỌC THỦ DẦU MỘT VIỆN KỸ THUẬT – CƠNG NGHỆ BÁO CÁO MƠN HỌC LẬP TRÌNH WEB XÂY DỰNG WEBSITE TÌM KIẾM PHỊNG TRỌ CHO SINH VIÊN GVHD: NGUYỄN HỮU VĨNH SVTH: VÕ THANH BÌNH 1824801030056 NGUYỄN TRƯỜNG DUY 1824801030058 LỚP: D18PM01 BNH DƯƠNG – 12/2020 0 h Báo cáo mơn Lập trình Web VIỆN KỸ THUẬT – CÔNG NGHỆ NHẬN XÉT VÀ CHẤM ĐIỂM CỦA GIẢNG VIÊN Họ tên giảng viên: NGUYỄN HỮU VĨNH Đề tài: XÂY DỰNG WEBSITE TÌM KI ẾM PHỊNG TRỌ CHO SINH VIÊN Nội dung nhận xét: Điểm: Bằng số: Bằng chữ: GIẢNG VIÊN CHẤM (Ký, ghi rõ họ tên) 0 h Báo cáo môn Lập trình Web LỜI NĨI ĐẦU Hiện nay, có số lượng lớn sinh viên ngoại tỉnh, đa số số sinh viên phải trọ bên ký túc ký túc xá đáp ứng từ 20 -30% nhu cầu sinh viên Công việc tìm phịng trọ ý theo cách thức truyền thống việc tốn thời gian, công sức… Đặc biệt sinh viên nhập trường cơng việc phức tạp Họ thường nhờ người thân tìm trước nhập học, người nhờ thường khơng có nhiều thờigian Để giúp đỡ sinh viên nhập trường, hội sinh viên trường có chương trình hỗ trợ tìm nhà trọ Tuy nhiên, chương trình kéo dài ngày nhập trường nên số phòng cung cấp cho tân sinh viên không nhiều, hiệu chưa cao Khi tìm phịng trọ, sinh viên buộc phải tìm đến trung tâm mơi giới Thế chi phí cho lựa chọn cao độ tin cậy thấp Website đời nhằm giúp cho việc tìm nhà trọ sinh viên - đặc biệt với tân sinh viên – trở nên dễ dàng thuận tiện Với ưu hình thức kinh doanh thương mại điện tử, website cung cấp địa nhà thuê khắp nơi với cước phí dịch vụ đăng vơ rẻ Các nguồn phòng đăng web bảo đảm độ tin cậy với đầy đủ thông tin cần thiết cho việc tìm phịng trọ như: giá phịng, diện tích, cấu tạo sàn nhà, trần nhà, ảnh chụp toàn khu trọ, ảnh chụp khu vệ sinh, khoảng cách đến trường, bến xe buyt, chợ với ý kiến yêu cầu chủ nhà Nếu phịng trọ vừa tìm chưa vừa ý ,khách hàng tiếp tục lựa chọn phịng khác với mức chi phí giảm dần tìm phịng vừa ý Đề tài tiểu luận gồm phần phân chương sau: Chương 1: Tổng quan đề tài Chương 2: Giới thiệu công nghệ Chương 3: Giao diện website Chương 4: Kết luận hướng phát triển Viện Kỹ Thuật – Công Nghệ 0 h Báo cáo mơn Lập trình Web MỤC LỤC LỜI NĨI ĐẦU DANH MỤC HÌNH CHƯƠNG TỔNG QUAN VỀ ĐỀ TÀI Tên Đề Tài Mục Tiêu Đề Tài Ý Nghĩa Của Đề Tài Đối Tượng Của Đề Tài 5 Một Số Trang Chính Của Website CHƯƠNG GIỚI THIỆU CÔNG NGHỆ Giới Thiệu Về ASP.net 1.1 ASP.net gì? 1.2 Những ưu điểm ASP.Net Ngôn ngữ CSS Ngôn ngữ Javascript CHƯƠNG 3: GIAO DIỆN WEBSITE Giao diện trang ch ủ Giao diện trang tìm phịng tr ọ Giao diện tìm người ghép 10 Giao diện trang hướng dẫn 10 Giao diện bảng giá dịch vụ 11 Giao diện trang giới thiệu 11 Giao diện trang đăng ký 12 Giao diện trang đăng nhập 12 Giao diện trang đổi mật 13 10 Giao diện trang chi tiết phòng trọ 14 11 Giao diện trang đăng 15 12 Giao diện trang quản trị 16 12.1 Giao diện quản trị nhà trọ 16 12.2 Giao diện quản trị khách hàng 17 12.3 Giao diện quản lí quản trị viên 19 Viện Kỹ Thuật – Công Nghệ 0 h Báo cáo mơn Lập trình Web 12.4 Giao diện trang quản trị tỉnh thành 20 12.5 Giao diện trang quản trị quận huyện 22 12.6 Giao diện trang quản trị phường xã 24 13 Giao diện quản lí đăng khách hàng 25 14 Giao diện chỉnh sửa thông tin cá nhân 27 CHƯƠNG 4: KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN 28 Kết đạt được: 28 Việc chưa làm được: 28 Hướng phát triển đề tài 28 TÀI LIỆU KHAM KHẢO 29 Viện Kỹ Thuật – Công Nghệ 0 h Báo cáo mơn Lập trình Web DANH MỤC HÌNH Hình Giao diện trang chủ Hình Giao diện trang phịng trọ cho th Hình Giao diện trang tìm người ghép 10 Hình Giao diện trang hướng dẫn .10 Hình Giao diện trang bảng giá dịch vụ .11 Hình Giao diện trang giới thiệu 11 Hình Giao diện trang đăng ký .12 Hình 8.1 Giao diện trang đăng nhập 13 Hình 8.2 Giao diện trang chủ sau đăng nhập 13 Hình Giao diện trang đổi mật 13 Hình 10 Giao diện trang chi tiết phòng trọ 14 Hình 11 Giao diện trang đăng 15 Hình 12 Giao diện trang quản trị hệ thống 16 Hình 12.1.1 Giao diện quản tr ị nhà trọ 16 Hình 12.1.2 Giao diện sửa đăng quản trị viên 17 Hinh 12.2.1 Giao diện quản tr ị khách hàng 17 Hình 12.2.2 Giao diện trang sửa khách hàng quản tr ị viên 18 Hình 12.2.3 Hình giao diện trang thêm khách hàng 18 Hình 12.3.1 Giao diện trang quản lí quản trị viên 19 Hình 12.3.2 Giao diện trang sửa quản trị viên .19 Hình 12.3.2 Giao diện thêm quản trị viên 20 Hinh 12.4.1 Giao diện trang quản tr ị tỉnh thành 20 Hình 12.4.2 Giao diện trang sửa tình thành 21 Hình 12.4.2 Giao diện trang thêm tỉnh thành 21 Hình 12.5.1 Giao diện trang quản tr ị quận huyện 22 Hình 12.5.2 Giao diện trang sửa quận huyện 22 Hình 12.5.3 Giao diện trang thêm quân huyện 23 Hình 12.6.1 Hình giao diện trang quản trị phường xã 24 Hình 12.6.2 Hình giao diện trang sửa phường xã 24 Hình 12.6.3 Hình giao diện thêm phường xã 25 Hình 13.1 Giao diện quản lí đăng khách hàng 26 Hình 13.2 Giao diện sửa đăng khách hàng 26 Hình 14 Hình giao diện chỉnh sửa thơng tin cá nhân .27 Viện Kỹ Thuật – Công Nghệ 0 h Báo cáo mơn Lập trình Web CHƯƠNG TỔNG QUAN VỀ ĐỀ TÀI Tên Đề Tài - Xây dựng Website tìm kiếm phòng trọ cho sinh viên Mục Tiêu Đề Tài - Xây dựng website giúp cho sinh viên dễ dàng việc tìm kiếm nhà trọ để thuận tiện cho việc học tập Ý Nghĩa Của Đề Tài - Giúp sinh viên tìm kiếm nhà trọ thuận lợi - Không tốn nhiều thời gian công sức Đối Tượng Của Đề Tài - Đối tượ ng nghiên cứu chủ yếu phòng trọ Một Số Trang Chính Của Website - Trang chủ: Đây trang giớ i thiệu sơ lược nhà trọ website - Trang Giới thiệu: Đây trang giúp cho khách hàng xem biết thêm thông tin Website - Trang đăng ký: Người dùng đăng ký tài khoản để trở thành khách hàng trang - Trang đăng nhập: Người dùng đăng nhập tài khoản để đăng viết lên trang - Trang tìm phịng trọ: Đây trang sinh viên xem tham khảo nhà trọ c website có s ẵn để lựa chọn - Trang tìm người ghép: Đây trang dành cho sinh viên có nhu c ầu tìm ngườ i ghép để đỡ chi phí khơng thích sống + Trang chi tiết phịng trọ: Đây trang khách hàng nhấn vào nhà trọ để xem chi tiết Viện Kỹ Thuật – Công Nghệ 0 h Báo cáo mơn Lập trình Web CHƯƠNG GIỚI THIỆU CÔNG NGHỆ Giới Thiệu Về ASP.net 1.1 ASP.net gì? ASP.NET n ền tảng ứng dụng web (web application framework) phát triển cung cấp Microsoft, cho phép người lập trình tạo trang web động, ứng dụng web dịch vụ web ASP.NET tích hợp HTML, CSS, Javascript Lần đưa thị trường vào tháng năm 2002 với phiên 1.0 của.NET framework, công ngh ệ nối tiếp Microsoft's Active Server Pages(ASP) ASP.NET đượ c biên dịch dướ i dạng Common Language Runtime (CLR), cho phép nh ững người lập trình viết mã ASP.NET với ngôn ngữ hỗ trợ bởi.NET language 1.2 Những ưu điểm ASP.Net ASP.Net cho phép b ạn lựa chọn ngơn ngữ lập trình mà bạn yêu thích: Visual Basic.Net, J#, C#,… Trang ASP.Net biên dịch trước thành tập tin DLL mà Server có th ể thi hành nhanh chóng hiệu Yếu tố bước nhảy vọt đáng kể so với kỹ thuật thông dịch ASP Ngôn ngữ CSS CSS (Cascading Style Sheets) ngôn ngữ quy định cách trình bày cho tài liệu viết HTML, XHTML, XML, SVG, hay UML,… CSS cung c ấp nhiều thu ộc tính trình bày dành cho đối tượng với sáng tạo việc kết hợp thuộc tính giúp mang lại hiệu cao CSS hỗ trợ tất trình duyệt hiển thị “như nhau” hệ điều hành CSS đưa phương thức áp dụng từ file CSS ngồi Có hiệu đồng tạo website có hàng trăm trang hay muốn thay đổi thuộc tính trình bày CSS cập nhật liên tục mang l ại trình bày phức tạp tinh vi Ngôn ngữ Javascript Với HTML biểu diễn thông tin chưa phải trang Web động có khả đáp ứng kiện từ phía người dùng Hãng Netscape đưa ngơn ngữ script có tên LiveScript để thực chức Sau đổi tên thành JavaScript để tận d ụng tính đại chúng ngơn ngữ lập trình Java Viện Kỹ Thuật – Cơng Nghệ 0 h Báo cáo mơn Lập trình Web JavaScript ngơn ngữ dạng script gắn với file HTML Được trình duyệt diễn d ịch, trình duyệt đọc JavaScript dạng mã nguồn JavaScript ngôn ngữ dựa đối tượng, nghĩa bao gồm nhiều kiểu đối tượng, ví d ụ đối tượng Math với t ất ch ức toán học Nhưng JavaScript không ngôn ngữ hướng đối tượng C++/Java Viện Kỹ Thuật – Công Nghệ 0 h Báo cáo mơn Lập trình Web CHƯƠNG 3: GIAO DIỆN WEBSITE Giao diện trang chủ  Mục đích: Chức cho phép người dùng xem danh sách tất nhà trọ bật  Trong giao diện cho người dùng, tìm kiếm theo khu vực muốn để thuận tiện việc tìm nhà tr ọ gần trường  Mô tả chức năng: Trang cho phép người dùng xem thông tin nhà trọ ngồi cịn sử menu dọc,ngang để sang trang khác, Hình Giao diện trang chủ Trang web chia làm phần: - Phần 1: Logo trang web - Phần - Menu ngang: Bao gồm mục: trang chủ, tìm phịng trọ, tìm người ghép, dẫn, bảng giá d ịch vụ,giới thiệu Mỗi danh mục liên kết đến trang với nội dung khác - Phần : Khu vực đăng ký, đăng nhập, đăng - Phần 4: Bên trái danh mục top nhà trọ đăng Viện Kỹ Thuật – Công Nghệ 0 h Báo cáo mơn Lập trình Web 11 Giao diện trang đăng  Mục Đích: Nơi chủ nhà trọ muốn đăng cho thuê nhà trọ Hình 11 Giao diện trang đăng Viện Kỹ Thuật – Công Nghệ 15 0 h Báo cáo mơn Lập trình Web 12 Giao diện trang quản trị  Mục Đích: Dành cho người quản trị quản lí thơng tin trang web c Hình 12 Giao diện trang quản trị hệ thống 12.1 Giao diện quản trị nhà trọ - Ở người quản trị sửa xóa đăng Hình 12.1.1 Giao diện quản trị nhà trọ Viện Kỹ Thuật – Công Nghệ 16 0 h Báo cáo mơn Lập trình Web Hình 12.1.2 Giao diện sửa đăng quản trị viên 12.2 Giao diện quản trị khách hàng - Ở người quản trị sửa xóa khách hàng Hinh 12.2.1 Giao diện quản trị khách hàng Viện Kỹ Thuật – Công Nghệ 17 0 h Báo cáo mơn Lập trình Web - Khi click vào nút s ửa chuyển trang sửa khách hàng, trang cho phép qu ản trị viên sửa đổi thơng tin khách hàng Hình 12.2.2 Giao diện trang sửa khách hàng quản trị viên - Khi click vào nút thêm tạo khách hàng dùng cho qu ản trị viên để thêm khách hàng mu ốn Hình 12.2.3 Hình giao diện trang thêm khách hàng Viện Kỹ Thuật – Công Nghệ 18 0 h Báo cáo mơn Lập trình Web 12.3 Giao diện quản lí quản trị viên - Ở người quản trị quản lí quản trị viên thêm,sửa ,xóa Hình 12.3.1 Giao diện trang quản lí quản trị viên - Ở quản trị chỉnh sửa thơng tin qu ản trị quản trị viên khác Hình 12.3.2 Giao diện trang sửa quản tr ị viên Viện Kỹ Thuật – Công Nghệ 19 0 h Báo cáo mơn Lập trình Web - Ở quản trị thêm quản trị viên Hình 12.3.2 Giao diện thêm quản trị viên 12.4 Giao diện trang quản trị tỉnh thành - Trang cho phép quản trị viên thêm, sửa xóa tỉnh thành, phục vụ cho việc cập nhật phát triển website Hinh 12.4.1 Giao diện trang quản trị tỉnh thành Viện Kỹ Thuật – Công Nghệ 20 0 h Báo cáo mơn Lập trình Web - Khi click vào sửa thêm chuyển qua trang s ửa tình thành Hình 12.4.2 Giao diện trang sửa tình thành - Khi click vào nút thêm chuyển qua trang thêm tình thành Hình 12.4.2 Giao diện trang thêm tỉnh thành Viện Kỹ Thuật – Công Nghệ 21 0 h Báo cáo mơn Lập trình Web 12.5 Giao diện trang quản trị quận huyện - Trang cho phép quản trị viên thêm, sửa xóa quận huyện, phục vụ cho việc cập nhật phát triển website Hình 12.5.1 Giao diện trang quản trị quận huyện - Khi click vào sửa thêm chuyển qua trang s ửa quận huyện Hình 12.5.2 Giao diện trang sửa quận huyện Viện Kỹ Thuật – Công Nghệ 22 0 h Báo cáo mơn Lập trình Web - Khi click vào nút thêm chuyển qua trang thêm tình thành Hình 12.5.3 Giao diện trang thêm quân huy ện Viện Kỹ Thuật – Công Nghệ 23 0 h Báo cáo mơn Lập trình Web 12.6 Giao diện trang quản trị phường xã - Trang cho phép quản trị viên thêm, sửa xóa phường xã, phục vụ cho việc cập nhật phát triển website Hình 12.6.1 Hình giao diện trang quản trị phường xã - Khi click vào sửa thêm chuyển qua trang s ửa phường xã Hình 12.6.2 Hình giao diện trang sửa phường xã Viện Kỹ Thuật – Công Nghệ 24 0 h Báo cáo mơn Lập trình Web - Khi click vào nút thêm chuyển qua trang thêm phường xã Hình 12.6.3 Hình giao diện thêm phườ ng xã 13 Giao diện quản lí đăng khách hàng  Mục Đích: Cho khách hàng quản lí đăng minh để cập nhật sửa xóa Viện Kỹ Thuật – Công Nghệ 25 0 h Báo cáo mơn Lập trình Web Hình 13.1 Giao diện quản lí đăng khách hàng - Khi nhấn vào đăng chuyễn tới trang sửa đăng Hình 13.2 Giao diện sửa đăng khách hàng Viện Kỹ Thuật – Công Nghệ 26 0 h Báo cáo mơn Lập trình Web 14 Giao diện chỉnh sửa thơng tin cá nhân  Mục Đích: Cho khách hàng chỉnh sửa số thông tin cá nhân c Hình 14 Hình giao diện chỉnh sửa thơng tin cá nhân Viện Kỹ Thuật – Công Nghệ 27 0 h Báo cáo mơn Lập trình Web CHƯƠNG 4: KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN Kết đạt được: - Xây dựng thành cơng website tìm phịng tr ọ dành cho sinh viên - Tìm hiểu nắm đượ c công c ụ để lập trình website như: Asp.net C# ngơn ngữ lập trình Website như: HTML, Javascript, CSS - Giao diện website thiết kế đơn giản, thân thiện dễ sử dụng Việc chưa làm được: - Thanh toán qua ngân hàng online nạp tiền - Phân tích thiết kế chưa hồn chỉnh - Nhiều chức cịn thiếu chưa sử dụng Hướng phát triển đề tài Vì thời gian khơng cho phép kiến thức thiết kế web hạn chế nên chúng em chưa tìm hiểu rõ kỹ đề tài Vì đề tài cịn có nhiều thiếu sót, mong thầy giúp đỡ chúng em nhiều em tiếp tục tìm hiểu sâu cơng nghệ này, nhằm mục đích xây dựng website:  Giao diện đẹp, thân thiện với người dùng, có nhiều chức tương tác tốt với người dùng  Thiết kế, bổ sung tính cịn thiếu hay chưa thật hồn chỉnh q trình sử dụng Viện Kỹ Thuật – Công Nghệ 28 0 h Báo cáo mơn Lập trình Web TÀI LIỆU KHAM KHẢO - Tài liệu giảng môn “Thiết kế lập trình web ” thầy Nguyễn Hữu Vĩnh thầy Võ Quốc Lương - Website WWW: http://www.hiepsiit.com - Websitehttps: //docs.microsoft.com/vi-vn/ Viện Kỹ Thuật – Công Nghệ 29 0 h