Xây dựng website rao vặt dành cho sinh viên đại học đà nẵng

ĐẠI HỌC ĐÀ NẴNG TRƯỜNG ĐẠI HỌC SƯ PHẠM KHOA TIN HỌC LUẬN VĂN TỐT NGHIỆP ĐỀ TÀI: XÂY DỰNG WEBSITE RAO VẶT DÀNH CHO SINH VIÊN ĐẠI HỌC ĐÀ NẴNG Giảng viên hướng dẫn Sinh viên thực Lớp : Th.S Ngơ Đình Thưởng : Đồn Trung Hiếu : 10CNTT4 ĐÀ NẴNG, 06/2014 LỜI CẢM ƠN Trong thời gian làm luận văn vừa qua, em nhận hướng dẫn, giúp đỡ động viên từ nhiều phía Tất điều trở thành động lực lớn giúp em hồn thành tốt luận văn Với tất cảm kích em xin gửi lời cảm ơn chân thành đến tất người Trước tiên em xin gửi lời cảm ơn đến Thạc sĩ Ngơ Đình Thưởng tận tình dẫn giúp đỡ em suốt thời gian em thực luận văn Em xin chân thành cảm ơn thầy cô khoa Tin học trường Đại học Sư phạm - Đại học Đà Nẵng, truyền đạt kiến thức quý báu cho em năm học vừa qua tạo điều kiện thuận lợi cho em học tập thực đề tài tốt nghiệp Mặc dù có nhiều cố gắng để hoàn thành đồ án phạm vi khả cho phép chắn luận văn khơng tránh khỏi thiếu sót Em mong nhận thơng cảm, góp ý tận tình bảo quý thầy cô LỜI CAM ĐOAN Em xin cam đoan: Em xin cam đoan cơng trình nghiên cứu riêng em hướng dẫn Thạc sĩ Ngơ Đình Thưởng Các số liệu nêu luận văn trung thực kết luận văn chưa công bố cơng trình khác Mọi chép không hợp lệ, vi phạm quy chế đào tạo, hay gian trá, em xin chịu hoàn toàn trách nhiệm Tác giả luận văn Đoàn Trung Hiếu DANH MỤC CHỮ VIẾT TẮT CÁC CHỮ VIẾT TẮT: PHP Hypertext Preprocessor HTML HyperText Markup Language XHTML Extensible HyperText Markup Language CSS Cascading Style Sheet AJAX Asynchronous JavaScript and XML CMS Content Management System MVC Model – View – Controller DANH MỤC CÁC HÌNH Mơ tả STT Tên hình Hình Mơ hình MVC Hình Usecase tổng qt Hình Usecase đăng ký, đăng nhập Hình Usecase đăng tin Hình Usecase theo dõi tin Hình Thành viên quản lý trang cá nhân Hình Bình luận, bình chọn like đăng Hinh Admin quản lý thành viên Hình Admin quản lý tin đăng 10 Hình 10 Admin thực chức tìm kiếm 11 Hình 11 Admin thực chức đăng tin quảng cáo 12 Hình 12 Admin quản lý tài liệu 13 Hình 13 Admin thực chức quản lý bình luận 14 Hình 14 Quan hệ bảng 15 Hình 15 Giao diện trang chủ 16 Hình 16 Giao diện đăng nhập thành viên 17 Hình 17 Giao diện đăng ký thành viên 18 Hình 18 Giao diện góc học tập 19 Hình 19 Giao diện theo dõi tin 20 Hình 20 Trợ giúp người dùng 21 Hình 21 Giao diện liên hệ 22 Hình 22 Giao diện chi tiết tin đăng dành cho khách vãng lai 23 Hình 23 Xem hình ảnh phóng to 24 Hình 24 Các tin đăng thư mục 25 Hình 25 Giao diện vào trang cá nhân thành viên 26 Hình 26 Giao diện trang cá nhân thành viên 27 Hình 27 Giao diện đăng tin 28 Hình 28 Giao diện tìm kiếm thơng tin 29 Hình 29 Sơ đồ hoạt động kí thuật ajax chức tìm kiếm 30 Hình 30 Giao diện admin 31 Hình 31 Giao diện danh sách thành viên 32 Hình 32 Giao diện tin đăng 33 Hình 33 Giao diện tìm kiếm dành cho admin 34 Hình 34 Giao diện thêm chuyên mục 35 Hình 35 Giao diện duyệt tin DANH MỤC CÁC BIỂU ĐỒ STT Tên biểu đồ Mô tả Biểu đồ Biểu đồ đăng ký thành viên Biểu đô Đăng nhập Biểu đồ Đăng tin Biểu đồ Tìm kiếm Biểu đồ Xem tin chi tiết Biểu đồ Theo dõi tin DANH MỤC CÁC BẢNG STT Tên Bảng Mô Tả Bảng Bảng thành viên Bảng Bảng chức danh Bảng Bảng quận Bảng Bảng nhu cầu Bảng Bảng hình ảnh Bảng Bảng danh mục Bảng Bảng bình luận Bảng Bảng tin tức Bảng Bảng tin góc học tập 10 Bảng 10 Bảng tài liệu 11 Bảng 11 Bảng danh mục góc học tập 12 Bảng 12 Bảng câu trả lời 13 Bảng 13 Bảng quảng cáo 14 Bảng 14 Bảng bình luận dành cho tin góc học tập MỤC LỤC MỞ ĐẦU 1 TÍNH CẤP THIẾT CỦA ĐỀ TÀI MỤC TIÊU NGHIÊN CỨU ĐỐI TƯỢNG VÀ PHẠM VI NGHIÊN CỨU 3.1 Đối tượng nghiên cứu 3.2 Phạm vi nghiên cứu PHƯƠNG PHÁP NGHIÊN CỨU: BỐ CỤC ĐỀ TÀI TỔNG QUAN TÀI LIỆU NGHIÊN CỨU PHẦN 1: CƠ SỞ LÝ THUYẾT CHƯƠNG 1:TỔNG QUAN VỀ WEBSITE VÀ CÁCH THỨC XÂY DỰNG MỘT WEBSITE ỨNG DỤNG 1.1 GIỚI THIỆU CHƯƠNG: 1.2 TỔNG QUAN VỀ WEBSITE: 1.2.1 Giới thiệu trang web: 1.2.2 Giới thiệu website: 1.2.3 Phân loại website: 1.2.4 Giới thiệu trình duyệt web: 1.2.5 Lợi ích website: 1.2.6 Cách tạo trang web: 1.3 CÁCH THỨC XÂY DỰNG MỘT WEBSITE 1.3.1 Xác định nhu cầu hoạt động website: 1.3.2 Thiết kế chức cấu trúc trang 1.3.3 Xây dựng nội dung 1.3.4 Kiểm tra chức cấu trúc xây dựng 1.3.5 Đưa nội dung vào 1.3.6 Đăng ký tên miền: 1.4 KẾT LUẬN CHƯƠNG: 10 CHƯƠNG 2: NGƠN NGỮ LẬP TRÌNH PHP VÀ MỘT SỐ NGƠN NGỮ LẬP TRÌNH KHÁC LIÊN QUAN ĐẾN LẬP TRÌNH WEBSITE 11 2.1 GIỚI THIỆU CHƯƠNG 11 2.2 LÝ THUYẾT VỀ CÁC NGƠN NGỮ LẬP TRÌNH 11 2.2.1.Ngôn ngữ PHP 11 2.2.1.4.Đóng góp người Việt cho cộng đồng PHP giới 15 2.2.2 Các Ngôn Ngữ Khác 16 2.2.2.3 JavaScript 19 2.2.2.4 Ajax 20 2.3 KẾT LUẬN CHƯƠNG 21 PHẦN 2: XÂY DỰNG ĐỀ TÀI 22 CHƯƠNG 3: PHÂN TÍCH VÀ XÂY DỰNG WEBSITE RAO VẶT DÀNH CHO SINH VIÊN 22 3.1 GIỚI THIỆU CHƯƠNG 22 3.2 GIỚI THIỆU CHUNG 22 3.2.1 Mô tả 22 3.2.2 Đối tượng người sử dụng 23 3.2.3 Yêu cầu hệ thống 23 3.3 PHÂN TÍCH THIẾT KẾ: 28 3.3.2 Biểu đồ ca sử dụng: 28 3.3.3 Phân tích chức người dùng: 34 3.3.4 Cơ sở liệu: 41 3.4 KẾT LUẬN CHƯƠNG: 48 CHƯƠNG 4: KẾT QUẢ THỰC HIỆN VÀ BÌNH LUẬN 49 4.1 GIỚI THIỆU CHƯƠNG: 49 4.2 KẾT QUẢ THỰC HIỆN: 49 KẾT LUẬN 71 Luận văn tốt nghiêp – Xây dựng website rao vặt dành cho sinh viên Đại học Đà Nẵng Hình 25: Giao diện vào trang cá nhân thành viên Mỗi trang cá nhân bao gồm thông tin cá nhân, cập nhật tin đăng thay đổi password Người dùng thay đổi thơng tin cá nhân, cập nhật lại thơng tin tin đăng mà họ đăng Hình 26: Giao diện trang cá nhân thành viên Sau chương trình thay đổi thơng tin cá nhân if(isset($_POST["btn_save"])){ $f_name = $_POST["f_name"]; SVTH: Đồn Trung Hiếu – GVHD: Ngơ Đình Thưởng Trang 60 Luận văn tốt nghiêp – Xây dựng website rao vặt dành cho sinh viên Đại học Đà Nẵng $l_name = $_POST["l_name"]; $new_email = $_POST["email"]; $bday = $_POST["bday"]; $bmonth = $_POST["bmonth"]; $byear = $_POST["byear"]; $gender = $_POST["gender"]; $phone = $_POST["phone"]; $address = $_POST["address"]; if($check_email == $email){ User::update_User($id_user,$f_name,$l_name,$email,$gen der,$bday,$bmonth,$byear,$phone,$address); header('Location: hoso.php'); }} Để thay đổi thông tin tin đăng cá nhân đó, chức hoạt động theo đoạn chương trình sau: if(isset($_POST["btn_save"])){ $tieude = $_POST["tieude"]; $id_danhmuc = $_POST["id_danhmuc"]; $id_quan = $_POST["id_quan"]; $id_nhucau = $_POST["id_nhucau"]; $gia = $_POST["gia"]; $noidung = $_POST["noidung"]; News::updatenews_User($id_news, $tieude, $id_danhmuc, $id_quan, $id_nhucau, $gia, $noidung); header('Location: quanlydangtin.php'); } Để thay đổi password chương trình thực sau: SVTH: Đồn Trung Hiếu – GVHD: Ngơ Đình Thưởng Trang 61 Luận văn tốt nghiêp – Xây dựng website rao vặt dành cho sinh viên Đại học Đà Nẵng if(isset($_POST["btn_save"])){ $old_password = $_POST["oldpass"]; $new_password = $_POST["newpass"]; $renew_password = $_POST["re-pass"]; $password = User::cryptPasswd($old_password); $newpass = User::cryptPasswd($new_password); if(strlen($old_password)>0){ $check_oldpwd = TRUE; } else{ $check_oldpwd = FALSE; $oldpassword_message = 'Nhập mật cũ!'; } //Check new password if(strlen($new_password)>0){ if(strlen($new_password)>=6) $check_newpwd = TRUE; else{ $check_newpwd = FALSE; $newpassword_message = 'Mật phải có tối thiểu ký tự!'; }} else{ $check_newpwd = FALSE; $newpassword_message = 'Nhập mật mới!'; } //Check renew password SVTH: Đồn Trung Hiếu – GVHD: Ngơ Đình Thưởng Trang 62 Luận văn tốt nghiêp – Xây dựng website rao vặt dành cho sinh viên Đại học Đà Nẵng if(strlen($renew_password)>0){ $check_renewpwd = TRUE; } else{ $check_renewpwd = FALSE; $renewpassword_message = 'Nhập lại mật mới!'; } //Check newpwd and renewpwd if(strlen($new_password)>0 && strlen($renew_password)>0){ if($_POST["newpass"] != $_POST["re-pass"]){ $check_renewpwd = FALSE; $renewpassword_message = 'Mật không giống nhau!'; } } if($check_oldpwd && $check_newpwd && $check_renewpwd){ if($pass == $password){ User::changeUserPassword($id_user,$newpass); header('Location: ChangePassword.php'); $message = 'Đổi mật thành công!'; echo $message; } else header('Location: ChangePassword.php'); }} 4.2.1.10 Giao diện thành viên đăng tin SVTH: Đoàn Trung Hiếu – GVHD: Ngơ Đình Thưởng Trang 63 Luận văn tốt nghiêp – Xây dựng website rao vặt dành cho sinh viên Đại học Đà Nẵng Thành viên điền đầy đủ thông tin tin đăng, bao gồm bước thực hiện: Tạo tin, kiểm tra lại, đăng ảnh thông báo từ website đến người dùng Người dùng sau đăng tin nhận thông báo đăng tin thành cơng cần phải chờ chấp nhận ban quản lý hệ thống, đưa tin lên tin người dùng trạng thái “pending” (trạng thái chờ) Sau duyệt tin tin chuyển thành trạng thái “active” lên webste Hình 27: Giao diện đăng tin 4.2.1.10 Giao diện tìm kiếm thơng tin Đây xem chức quan trọngnhất điểm mạnh website rao vặt sinh viên Thông tin đưa lên với nội dung rộng không chi tiết, cụ thể nên việc tìm kiếm thơng tin cần phải chọn lọc tiện ích cho người dùng Với phần: Phần tìm kiếm theo cách gõ text, phần tìm kiếm theo danh mục, phần tìm theo địa quận huyện tìm kiếm theo nhu cầu Cái khó ta tìm kiếm thơng tin mà khơng bỏ qua chi tiết liên quan đến tin tức cần phần hai phần để tìm kiếm tin mà tìm tin rõ ràng tin tức khơng cụ thể việc ta sử dụng phần phần để tìm kiếm SVTH: Đồn Trung Hiếu – GVHD: Ngơ Đình Thưởng Trang 64 Luận văn tốt nghiêp – Xây dựng website rao vặt dành cho sinh viên Đại học Đà Nẵng Hình 28: Giao diện tìm kiếm thơng tin Để làm điều đó, nên sử dụng kĩ thuật Ajax để tìm kiếm cách nhanh nhất, thơng tin đưa trang mà khơng cần phải sang trang khác phải tải lại trang Sau qúa trình sử dụng Ajax để tìm kiếm thuật tốn tìm kiếm thơng minh: Hình 29: Sơ đồ hoạt động kí thuật ajax chức tìm kiếm Đầu tiên thơng tin tìm kiếm người dùng gửi yêu cầu lên server thuộc tính onclick, thơng tin lấy dựa vào mã id chúng giá trị lấy thơng qua phương thức: SVTH: Đồn Trung Hiếu – GVHD: Ngơ Đình Thưởng Trang 65 Luận văn tốt nghiêp – Xây dựng website rao vặt dành cho sinh viên Đại học Đà Nẵng $a = document.getElementByID(“$b”).value; Khởi taoj ajax: xmlHttp = GetXmlHttpObject(); Sau thơng tin đưa đến phần điều khiển (controller) thông qua địa url url=" / /controller/controller_timkiemnc.php?action=add &page=0&search="+search+"&candang="+candang+"&danhmuc="+d anhmuc+"&quan="+quan; Tại trang controller thông tin lấy xuống buộc phương thức $_REQUEST Qúa trình xử lý sau: $search = $_REQUEST['search']; $nhucau = $_REQUEST['candang']; $danhmuc = $_REQUEST['danhmuc']; $quan = $_REQUEST['quan']; if($danhmuc != "Chon"){ $danhmuc_cond = "tbl_news.id_danhmuc=$danhmuc"; }else $danhmuc_cond = TRUE; if($quan != "Chon"){ $quan_cond = "tbl_news.id_quan=$quan"; }else $quan_cond = TRUE; if($nhucau != "Chon"){ $nhucau_cond = "tbl_news.id_nhucau=$nhucau"; }else $nhucau_cond = TRUE; $check = true; SVTH: Đoàn Trung Hiếu – GVHD: Ngơ Đình Thưởng Trang 66 Luận văn tốt nghiêp – Xây dựng website rao vặt dành cho sinh viên Đại học Đà Nẵng if($check == true){ News::searchNews($danhmuc_cond,$quan_cond, $nhucau_cond, $search); } Câu lệnh sql tổ chức sau: SELECT tbl_news.id_news, photo, name_danhmuc, name_quan, phone, daidien,tieude, noidung FROM tbl_news JOIN tbl_danhmuc ON tbl_news.id_danhmuc = tbl_danhmuc.id_danhmuc JOIN tbl_quan ON tbl_news.id_quan = tbl_quan.id_quan JOIN tbl_user ON tbl_news.email = tbl_user.email JOIN tbl_photo ON tbl_news.id_news = tbl_photo.id_news WHERE tbl_news.status = 'accept' AND tbl_photo.daidien ='yes' AND $danhmuc_cond AND $quan_cond AND $nhucau_cond AND tbl_news.status ='accept' AND (noidung LIKE '%$key%' OR tieude LIKE '%$key%')"; Sử dụng từ khóa like “% %” với mục đích lấy tất thơng tin có từ khóa $key 4.2.2 Giao diện dành cho admin: 4.2.2.1 Giao diện trang chủ: Admin quản lý phần hệ thống, bao gồm: Thành viên, tin đăng, chức tìm kiếm, quảng cáo, tài liệu, bình luận thơng tin cá nhân SVTH: Đồn Trung Hiếu – GVHD: Ngơ Đình Thưởng Trang 67 Luận văn tốt nghiêp – Xây dựng website rao vặt dành cho sinh viên Đại học Đà Nẵng Ở trang hệ thống thống kê số lượng phần, thông tin thống kê liên quan đến phần khác Mục đích giúp cho người quản lý kiếm sốt hệ thống cách tổng quát Hình 30: Giao diện admin 4.2.2.2 Giao diện danh sách thành viên: Hình 31: Giao diện danh sách thành viên 4.2.2.3 Giao diện tin đăng: SVTH: Đồn Trung Hiếu – GVHD: Ngơ Đình Thưởng Trang 68 Luận văn tốt nghiêp – Xây dựng website rao vặt dành cho sinh viên Đại học Đà Nẵng Hình 32: Giao diện tin đăng 4.2.2.4 Giao diện tìm kiếm thơng tin: Hình 33: Giao diện tìm kiếm dành cho admin SVTH: Đồn Trung Hiếu – GVHD: Ngơ Đình Thưởng Trang 69 Luận văn tốt nghiêp – Xây dựng website rao vặt dành cho sinh viên Đại học Đà Nẵng 4.2.2.5 Giao diện thêm chuyên mục mới: i Hình 34: Giao diện thêm chuyên mục 4.2.2.6 Giao diện duyệt tin đăng: Hình 35: Giao diện duyệt tin SVTH: Đồn Trung Hiếu – GVHD: Ngơ Đình Thưởng Trang 70 Luận văn tốt nghiêp – Xây dựng website rao vặt dành cho sinh viên Đại học Đà Nẵng KẾT LUẬN A ĐÁNH GIÁ KẾT QUẢ Hiện chưa có website rao vặt dành riêng cho sinh viên Ý tưởng em đưa nói có khả ứng dụng thực tế Tuy nhiên bên cạnh ưu điểm, khơng thể tránh khỏi khuyết điểm cịn tồn Dưới đây, nhìn lại kết nhựng hạn chế tồn trình làm đề tài  Kết đạt  Về kiến thức: + Biết cách xây dựng website + Tìm hiểu ngơn ngữ lập trình PHP, MySQL, CSS, jQuery  Về mặt thực tiễn: + Xây dựng website rao vặt dành cho sinh viên Đại học Đà Nẵng + Xây dựng sở liệu đáp ứng yêu cầu truy cập liệu  Hạn chế Tuy đạt kết định, có hạn chế:  Vấn đề bảo mật hạn chế  Hướng phân tích cần rõ ràng rộng lớn cho nội dung khác liên quan đến đời sống sinh viên B HƯỚNG PHÁT TRIỂN:  Xây hệ thống với quy mô rộng lớn hơn, tin đăng không đơn tin học tập, tài liệu mà tin khác mà người dùng muốn đăng  Xây dựng hệ thống chat trực tiếp thành viên, chức kết bạn thành viên khác SVTH: Đoàn Trung Hiếu – GVHD: Ngơ Đình Thưởng Trang 71 Luận văn tốt nghiêp – Xây dựng website rao vặt dành cho sinh viên Đại học Đà Nẵng  Thực việc đếm số người online hệ thống  Phát triển thành website thương mại, có chức giỏ hàng  Phát triển thành website chuyên đấu giá sản phẩm SVTH: Đoàn Trung Hiếu – GVHD: Ngơ Đình Thưởng Trang 72 TÀI LIỆU THAM KHẢO Ngơ Đình Cường Bài giảng HTML, PHP, MySQL – Trung tâm công nghệ thông tin truyền thông thành phố Đà Nẵng M.Murach Giáo trình PHP and MySQL Bài giảng lập trình PHP Đại học Thăng Long 20 giảng PHP MySQL website: http://www.qhonline.info/ Website http://ndtfit.brinkster.net/ thạc sĩ Ngơ Đình Thưởng ĐÁNH GIÁ CỦA GIẢNG VIÊN PHẢN BIỆN Sau tiếp thu ý kiến giảng viên phản biện, sinh viên tiến hành chỉnh sửa hoàn thiện báo cáo theo yêu cầu giảng viên phản biện đưa Đà Nẵng, ngày tháng năm 2014 Giảng viên phản biện PGS TSKH Trần Quốc Chiến ... Luận văn tốt nghiêp – Xây dựng website rao vặt dành cho sinh viên Đại học Đà Nẵng PHẦN 2: XÂY DỰNG ĐỀ TÀI CHƯƠNG 3: PHÂN TÍCH VÀ XÂY DỰNG WEBSITE RAO VẶT DÀNH CHO SINH VIÊN 3.1 GIỚI THIỆU CHƯƠNG... Mô tả Website rao vặt sinh viên website xây dựng phạm vị thành phố Đà Nẵng, nhằm phục vụ cho tất sinh viên trường đại học, cao đẳng, trung cấp nằm địa bàn thành phố Website rao vặt sinh viên thành... tích xây dựng website ? ?Rao vặt sinh viên? ?? + Chương 4: Kết thực bình luận SVTH: Đồn Trung Hiếu – GVHD: Ngơ Đình Thưởng Trang Luận văn tốt nghiêp – Xây dựng website rao vặt dành cho sinh viên Đại học