Xây dựng website tìm kiếm địa điểm tại kon tum đatn

ĐẠI HỌC ĐÀ NẴNG PHÂN HIỆU TẠI KON TUM NGUYỄN THÀNH LONG NGUYỄN ĐÌNH PHONG ĐỒ ÁN TỐT NGHIỆP XÂY DỰNG WEBSITE TÌM KIẾM ĐỊA ĐIỂM TẠI KON TUM Kon Tum, tháng 03 năm 2017 i ĐẠI HỌC ĐÀ NẴNG PHÂN HIỆU TẠI KON TUM ĐỒ ÁN TỐT NGHIỆP ĐỀ TÀI XÂY DỰNG WEBSITE TÌM KIẾM ĐỊA ĐIỂM TẠI KON TUM GVHD: PGS NGUYỄN TẤN KHÔI SINH VIÊN THỰC HIỆN: NGUYỄN THÀNH LONG MSSV: 144109009 NGUYỄN ĐÌNH PHONG MSSV: 144109013 Kon Tum, tháng 03 năm 2017 ii LỜI CÁM ƠN Đầu tiên, xin gửi lời cảm ơn chân thành tới thầy giáo PGSNguyễn Tấn Khôi, khoa Công nghệ thông tin Trường Đại Học Bách Khoa Đà Nẵng quan tâm giúp đỡ, hướng dẫn tận tình, bảo tạo điều kiện tốt cho để hồn thành tốt đề tài tốt nghiệp Chúng tơi xin cảm ơn tới lãnh đạo, thầy cô trường Phân Hiệu Đại học Đà nẵng Tại Kon Tum, thầy cô trường Đại học Bách khoa đà nẵng tận tình truyền đạt kiến thức cho chúng tơi thời gian học trường Với điều kiện thời gian kinh nghiệm kiến thức hạn chế, đồ án khơng thể khơng tránh khỏi thiếu sót Chúng tơi mong nhận bảo đóng góp thêm để nâng cao bổ sung thêm kiến thức để hoàn thành tốt Xin chân thành cảm ơn! Nhóm thực Nguyễn Thành Long Nguyễn Đình Phong iii MỤC LỤC LỜI CÁM ƠN i MỤC LỤC iv DANH MỤC CÁC BẢNG BIỂU vi DANH MỤC CÁC HÌNH VẼ vi LỜI NÓI ĐẦU viii TỔNG QUAN VỀ ĐỀ TÀI ix TỔNG QUAN VỀ TỈNH KON TUM: ix LÝ DO CHỌN ĐỀ TÀI: ix MỤC TIÊU THỰC HIỆN: ix PHẠM VI THỰC HIỆN: ix Ý NGHĨA THỰC TIỂN CỦA ĐỀ TÀI: ix BỐ CỤC BÁO CÁO: x CHƯƠNG CƠ SỞ LÝ LUẬN VÀ NỀN TẢNG XÂY DỰNG HỆ THỐNG 1.1 GIỚI THIỆU VỀ HTML: 1.2 GIỚI THIỆU VỀ PHP: 1.3 GIỚI THIỆU VỀ Apache: .4 1.4 GIỚI THIỆU VỀ MySQL: 1.5 GIỚI THIỆU VỀ WampServer: 1.5.1 Giới thiệu: 1.5.2 Cài đặt WampServer localhost 1.5.3 Cách sử dụng chương trình Wamp Server: .11 1.6 GIỚI THIỆU VỀ Notepad++: 12 1.6.1 Giới thiệu: 12 1.6.2 Tính notepad: 12 2.1 PHÂN TÍCH THIẾT KẾ VÀ XÂY DỰNG CƠ SỞ DỮ LIỆU: 14 2.1.1 Phân tích: .14 2.1.2 Xây dựng sở liệu: 15 2.1.3 Cấu trúc bảng sở liệu: 15 2.2 THIẾT KẾ CHỨC NĂNG: .18 iv 2.3 XÂY DỰNG TRANG WEB: 19 3.1 GIỚI THIỆU WEBSITE: 22 3.1.1 Giới thiệu trang chủ: 22 3.1.2 Giao diện menu lĩnh vực giải trí: .22 3.1.3 Giao diện menu lĩnh vực nghỉ ngơi: 22 3.1.4.Giao diện menu lĩnh vực ẩm thực: .23 3.1.5 Giao diện menu lĩnh lực địa điểm khác: 23 3.1.6 Giao diện menu tìm kiếm nhanh: 24 3.1.7 Giao diện menu đóng góp: 25 3.2 CÁC CHỨC NĂNG QUẢN TRỊ: 25 3.2.1 Menu admin: .25 3.2.2 Menu liệu địa điểm chưa duyệt: 26 3.2.3 Menu liệu địa điểm duyệt: .26 3.2.4 Menu tạo địa điểm dành cho admin: 27 4.1 KẾT LUẬN: .28 4.2 HƯỚNG PHÁT TRIỂN: 28 v DANH MỤC CÁC BẢNG BIỂU Số hiệu bảng 2.1 2.2 2.3 2.4 2.5 2.6 Tên bảng Các trường bảng Admin Các trưởng bảng liệu cấp Các trường bàng liệu cấp Các trường bảng địa điểm Mô tả chức người quản trị Mô tả chức người dùng Trang 20 21 21 22 26 26 DANH MỤC CÁC HÌNH VẼ Số hiệu hình vẽ Tên hình vẽ Trang 1.1 Phương thức hoạt động PHP 1.2 Cài đặt WampServer 12 1.3 Cửa sổ License Agreement 12 1.4 Cửa sổ chọn thư mục để cài đặt WampServer 13 1.5 Cửa sổ tạo biểu tượng wamp server 13 1.6 Cửa sổ sẵn sang cài đặt 14 1.7 Cửa sổ để chọn trình duyệt mặc định khởi chạy chương trình 14 1.8 Cửa số PHP mail parameters 15 1.9 Cửa sổ hoàn thành chương trình cài đặt 15 1.10 Cửa sổ để khởi động chương trình Wamp Server 16 1.11 Giao diện WampServer 2.0 17 2.1 Sơ đồ Phương pháp thực 19 2.2 Mơ hình quan hệ sở liệu 20 2.3 Cấu trúc bảng tài khoản admin 21 2.4 Cấu trúc Bảng liệu cấp 21 2.5 Cấu trúc Bảng liệu cấp 22 2.6 Cấu trúc Bảng địa điểm 23 2.7 Sơ đồ thiết kế chức 23 2.8 Sơ đồ tổ chức trang web 25 vi 2.9 Sơ đồ giải thuật toán tìm kiếm, hiển thị thơng tin 25 3.1 Giao diện Website 27 3.2 Giao diện menu lĩnh vực giải trí 27 3.3 Giao diện menu lĩnh vực nghỉ ngơi 28 3.4 Giao diện menu lĩnh vực ẩm thực 28 3.5 Giao diện menu lĩnh vực địa điểm khác 29 3.6 Giao diện menu tìm kiếm địa điểm 29 3.7 Giao diện menu đóng góp 30 3.8 Giao diện đăng nhập tài khoản admin 30 3.9 Giao diện liệt kê liệu địa điểm chưa duyệt 31 3.10 Giao diện liệt kê liệu địa điểm duyệt duyệt 31 3.11 Giao diện để admin tạo liệu địa điểm 32 vii LỜI NÓI ĐẦU Kon Tum tỉnh thuộc Tây Nguyên nên địa hình đồi núi rộng lớn dân cư thưa thớt Khó khăn việc lại tìm kiếm địa điểm, vị trí Hiện tảng công nghệ thông tin tỉnhnhà bắt đầu phát triển, dần len lõi vào đời sống, công việc cá nhân Công nghệ thơng tin mang lợi ích to lớn, góp phần thúc đẩy kinh tế phát triển mạnh mẽ, đơn giản hóa thủ tục lưu trữ, xử lý, trao chuyển thông tin phức tạp, liên lạc kết nối vị trí, khoảng cách lớn cách nhanh chóng, hiệu quả… Nhận thấy nhu cầu cần tìm kiếm lĩnh vực giải trí, ẩm thực, nghỉ ngơi phận không nhỏ người dùng thực tế, nhóm thử tìm hiểu xây dựng Website tìm kiếm địa điểm Kon Tum Ứng dụng giúp ta tiết kiệm thời gian việc lại, phục vụ cho người dùng có nhu cầu Kon Tum Do thời gian kiến thức hạn chế nên website xây dựng mốt số lĩnh vực bản, sau mở rộng thêm nhiều lĩnh vực để đáp ứng nhu cầu cho người dùng Kon Tum, tháng 02 năm 2017 Nhóm thực Nguyễn Thành Long Nguyễn Đình Phong viii TỔNG QUAN VỀ ĐỀ TÀI TỔNG QUAN VỀ TỈNH KON TUM: - Kon Tum tỉnh miền núi vùng cao Nam Trung Bộ, phía Tây giáp nước Cộng hồ Dân chủ Nhân dân Lào Vương quốc Campuchia, với chiều dài biên giới khoảng 260 km, phía Bắc giáp tỉnh Quảng Nam; phía Đơng giáp tỉnh Quảng Ngãi; phía Nam giáp tỉnh Gia Lai; có đường 14 nối với tỉnh Tây Nguyên Quảng Nam, đường 40 Atưpư (Lào) Nằm ngã ba Đơng Dương, Kon Tum có điều kiện hình thành cửa khẩu, mở rộng hợp tác quốc tế phía Tây Ngồi ra, Kon Tum có vị trí chiến lược quan trọng quốc phịng, bảo vệ mơi trường sinh thái Kon Tum đầu mối giao lưu kinh tế vùng duyên hải miền Trung nước - Địa hình Kon Tum chủ yếu đồi núi, chiếm khoảng 2/5 diện tích tồn tỉnh, bao gồm đồi núi liền dải có độ dốc 150 trở lên Địa hình núi cao liền dải phân bố chủ yếu phía Bắc - Tây Bắc chạy sang phía Đơng tỉnh Kon Tum, đa dạng với gò đồi, núi, cao nguyên vùng trũng xen kẽ phức tạp, tạo cảnh quan phong phú, đa dạng LÝ DO CHỌN ĐỀ TÀI: - Hiện tại, lĩnh vực CNTT phát triển mạnh mẽ ứng dụng vào thực tế lĩnh vực xã hội Tỉnh Kon Tum không nằm ngoại lệ Các ứng dụng tìm kiếm đường hay GoogleMap cơng ty phát triển mạnh nhiên chưa có ứng dụng hay trang web phát triển cho tỉnh Kon Tum - Với nhu cầu phát triển nay, người dân có điện thoại Smart, laptop phục vụ nhu cầu người Qua đó, chúng em chọn đề tài để góp phần tìm kiếm địa điểm tỉnh Kon Tum dễ dàng MỤC TIÊU THỰC HIỆN: - Xây dựng trang web với toàn vị trí địa điểm lĩnh vực: giải trí, ẩm thực, nghỉ ngơi… - Phân quyền ứng dụng cho đối tượng: o Quản trị: nhiệm vụ quản trị toàn hoạt động trang web o Người dùng: Sử dụng trang web, đề xuất thêm địa điểm lên trang web PHẠM VI THỰC HIỆN: - Đề tài áp dụng tất sở địa bàn tỉnh Kon Tum, bao gồm Thành Phố huyện - Bước đầu tập trung thu thập thông tin địa bàn thành phố Kon Tum Ý NGHĨA THỰC TIỂN CỦA ĐỀ TÀI: Xây dựng website tìm kiếm địa điểm mang lại nhiều ý nghĩa như: ix - Đã giảm thiểu nhiều thời gian cho người có nhu cầu tìm kiếm lĩnh vực quan tâm - Giới thiệu phần du lịch cho tỉnh nhà BỐ CỤC BÁO CÁO: Nội dung luận văn gồm có chương: Chương 1: Cơ sở lý luận tảng xây dựng Website Chương 2: Xây dựng Website Chương 3: Giới thiệu Website Chương 4: Kết luận hướng phát triển x Chương Xây dựng website thông tin dịch vụ, … Thông tin tra cứu thể nhiều thông tin để đáp ứng nhu cầu tra cứu thông tin khách hàng 2.1.2 Xây dựng sở liệu: Mơ hình thực thể kết hợp xây dựng thành mơ hình quan hệ sở liệu hình 2.1 id id id Địa điểm Id user ten idcap1 title pass tt ten loaidd tt image Admin Cap1 Cap2 phone address short info race daycrea active Hình 2.2.mơ hình quan hệ sở liệu 2.1.3 Cấu trúc bảng sở liệu: - Các trường Bảng admin Bảng 2.1: Các trường bảng admin STT Tên trường Kiểu liệu Mô tả Ghi id Int(11) Mã tài khoản Khóa User Varchar (100) Tài khoản pass Varchar (50) Mật 15 Chương Xây dựng website Hình 2.3: Cấu trúc Bảng tài khoản admin Bảng 2.2: Các trường liệu cấp STT Tên trường Kiểu liệu Mô tả Ghi id Int(11) Mã liệu Khóa Ten Varchar(100) Tên lĩnh vực Tt Varchar(11) Thứ tự lĩnh vực Hình 2.4: Cấu trúc Bảng liệu cấp Bảng 2.3: Các trường Bảng liệu cấp STT Tên trường Kiểu Mô tả Ghi id Int(11) Mã liệu Khóa Idcap1 Int(11) Mã id cấp Ten Int(100) Tên lĩnh vực 16 Chương Xây dựng website Tt Thứ tự lĩnh vực Int(100) Hình 2.5: Cấu trúc Bảng liệu cấp Bảng 2.4: Các trường Bảng địa điểm STT Tên trường Kiểu Mô tả Ghi Id Int(11) Mã địa điểm Khóa Title Varchar(500) Tiêu đề Loaidd Varchar(100) Loại địa điểm Image Varchar(500) Hình ảnh Phone Varchar(20) Số điện thoại Address Varchar(500) Địa Short Varchar(5000) Thông tin ngắn Info Longtext Thông tin chi tiết Race Int(11) Đếm lượt 10 Daycrea Date Ngày tạo 11 Active Int(11) Duyệt 17 Chương Xây dựng website Hình 2.6: Cấu trúc Bảng địa điểm 2.2 THIẾT KẾ CHỨC NĂNG: - Trang Web gồm chức thiết kế sau: Chức Người quản lý Người dùng Đăng nhập Đóng góp Trang chủ ẩm thực Quản lý liệu Thêm Giải trí Sửa, duyệt Nghỉ ngơi Địa điểm khác Xóa 18 Chương Xây dựng website Hình 2.7.Sơ đồ thiết kế chức Chức phân thành hai nhánh chức cho người quản trị chức cho người dùng  Chức người quản trị Chức người quản trị thể bảng 3.4 Bảng 2.5.mô tả chức năngngười quản trị Chức Đăng nhập Quản lý Thê mm ới Sửa Xóa Kết Thao tác Điền tên mật Đăng nhập vào hệ thống Bấm chọn trang Thêm mới, điền thông tin vào bảng, bấm chọn Lưu Thông báo lỗi, yêu cầu đăng nhập lại Đối tượng thêm vào CSDL hiển thị website Bấm chọn trang Cập nhật, bấm chọn nút Chỉnh sửa, sửa thông tin bảng, bấm chọn duyệt thay đổi Trong trang Cập nhật, bấm chọn nút xóa Thơng tin đối tượng chỉnh sửa, lưu lại CSDL hiển thị thay đổi đồ Đối tượng xóa CSDL  Chức ngườidùng Chức người dùng mô tả bảng 2.6 Bảng 2.6 Bảng mơ tả chức người dùng Chức Tìm kiếm Tìm theo từ khóa Đóng góp Thao tác Kết Nhập từ khóa tìm kiếm (tên đơn vị kinh doanh tên dịch vụ, địa điểm cần tìm kiếm) vào - Hiển thị kết tương ứng địa điểm website Khung - Bấm chọn vào địa điểm để xem thơng tin thuộc tính -Nhập thông tin cần cần thiết 2.3 XÂY DỰNG TRANG WEB:  Sơ đồ tổ chức trangWeb 19 - Admin duyệt đăng Chương Xây dựng website Hình 2.8.Sơ đồ tổ chức trang Web Trang web bao gồm trang chủ, tìm kiếm thơng tin lĩnh vực chính, đóng góp: + Trang chủ: hiển thị cho toàn Website + Lĩnh vực tìm kiếm ẩm thực, giải trí, nghỉ ngơi, địa điểm khác: Tìm kiếm + Đóng góp: người dùng đóng góp vị trí , địa điểm + Tìm kiếm nhanh: tìm kiếm theo nội dung  Sơ đồ giải thuật tốn tìm kiếm, hiển thị thơng tin lên đồ Hiển thị thông tin lên website Cơ sởdữ liệ u Tải liệu theo yêucầu Hình 2.9 Sơ đồ giải thuật tốn tìm kiếm ,hiển thị thông tin Mô tả : Thông tin ghi nhận sở liệu SQL Tải thông tin từ sở liệu lên theo hàm “ select” theo điều kiện(tải toàn theo yêu cầu tìm kiếm) để chuẩn bị cho việc hiển thị thơng tin cần thiết cho người dùng lên website 20 Chương Xây dựng website Người sử dụng click vào trang web hiển thị thơng tin liệu sau tải lên hiển thị, click chọn vào nội dung thơng tin liệu thuộctính Tóm lại, đề tài viết code xây dựng trang Web ngơn ngữ lập trình Php,Html sử dụng liệu từ hệ quản trị SQL 21 Chương Giới thiệu website hình ảnh demo CHƯƠNG GIỚI THIỆU VỀ WEBSITE VÀ HÌNH ẢNH DEMO 3.1 GIỚI THIỆU WEBSITE: Để truy cập vào website người dùng truy cập địa diadiem( nhóm chưa đưa lên internet mà chạy ảo phân mềm wampserver) 3.1.1 Giới thiệu trang chủ: Hình 3.1: Giao diện website 3.1.2 Giao diện menu lĩnh vực giải trí: - lĩnh vực giải trí có mảng: cafe – giải khát, karaoke… Hình 3.2: menu lĩnh vực giải trí 3.1.3 Giao diện menu lĩnh vực nghỉ ngơi: - lĩnh vực nghỉ ngơi bao gồm mảng nhà nghỉ, khách san, nhà trọ… 22 Chương Giới thiệu website hình ảnh demo Hình 3.3 menu lĩnh vực nghỉ ngơi 3.1.4.Giao diện menu lĩnh vực ẩm thực: - lĩnh vực ẩm thực bao gồm mảng nhà hàng, quán nhậu, quán ăn Hình 3.4 menu lĩnh vực ẩm thực 3.1.5 Giao diện menu lĩnh lực địa điểm khác: - lĩnh vực địa điểm khác bao gồm nhiều mảng: siêu thị, chợ, xăng, giáo dục… 23 Chương Giới thiệu website hình ảnh demo Hình 3.5 menu lĩnh vực địa điểm khác 3.1.6 Giao diện menu tìm kiếm nhanh: - Người dùng sử dụng chức tìm kiếm nhanh thơng tin cần cách nhập nội dung vào tìm kiếm: Hình 3.6 menu tìm kiếm địa điểm 24 Chương Giới thiệu website hình ảnh demo 3.1.7 Giao diện menu đóng góp: -Người dùng đóng góp địa điểm mà biết cho website: Hình 3.7 menu đóng góp địa điểm Admin kiểm duyệt ok cho đăng 3.2 CÁC CHỨC NĂNG QUẢN TRỊ: 3.2.1 Menu admin: - Dùng cho người quản trị quản lý liệu, tạo liệu địa điểm, phê duyệt đóng góp Hình 3.8: Giao diện menu admin 25 Chương Giới thiệu website hình ảnh demo 3.2.2 Menu liệu địa điểm chưa duyệt: Menu liệt kê tất địa điểm chưa duyệt, admin có chức chỉnh sửa, bổ sung thơng tin, xóa phê duyệt để đăng Hình 3.9 Giao diện liệt kê liệu địa điểm chưa duyệt 3.2.3 Menu liệu địa điểm duyệt: Menu liệt kê tất liệu địa điểm duyệt đăng tải, admin chỉnh sửa thơng tin, xóa thơng tin cần: Hình 3.10: Giao diện liệt kê liệu địa điểm duyệt 26 Chương Giới thiệu website hình ảnh demo 3.2.4 Menu tạo địa điểm dành cho admin: Admin tạo liệu địa điểm, phần liệu admin tạo hệ thống tự động cập nhật Hình 3.11 Giao diện để admin tạo liệu địa điểm 27 Chương Kết luận hướng phát triển CHƯƠNG KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN 4.1 KẾT LUẬN: Website tìm kiếm địa điểm Kon Tum xây dựa ngôn ngữ PHP, HTML, XML, CSS, kết hợp với sở liệu mySql Với việc xây dựngwebsite giúp cho việc tìm kiếm thơng tin người dùng dễ dàng, nhanh chóng thuận tiện góp phần tiết kiệm thời gian công sức, quảng bá cho sở kinh doanh Tuy nhiên, mục tiêu đạt đề tài tồn số hạn chế: - sở liệu thu thập cịn ít, chưa đầy đủ chi tiết - giao diện thiết kế đơn giản, chưa chuyên nghiệp… 4.2 HƯỚNG PHÁT TRIỂN: - Mở rộng nhiều lĩnh vực, nhiều mảng khác nhau: điện tử, máy tính, nơng nghiệp… - Kết hợp mua bán trực tuyến - Mở rộng liệu toàn tỉnh - Tìm hiểu thêm số ngơn ngữ, phần mềm ứng dụng để nâng cao giao diện đồ họa đẹp mắt, sinh động 28 Tài liệu tham khảo http://w.w.w.qhonline.info https://thachpham.com/series/html-co-ban http://w.w.w.google.com.vn 29 ...ĐẠI HỌC ĐÀ NẴNG PHÂN HIỆU TẠI KON TUM ĐỒ ÁN TỐT NGHIỆP ĐỀ TÀI XÂY DỰNG WEBSITE TÌM KIẾM ĐỊA ĐIỂM TẠI KON TUM GVHD: PGS NGUYỄN TẤN KHÔI SINH VIÊN THỰC HIỆN: NGUYỄN... PHÁT TRIỂN 4.1 KẾT LUẬN: Website tìm kiếm địa điểm Kon Tum xây dựa ngôn ngữ PHP, HTML, XML, CSS, kết hợp với sở liệu mySql Với việc xây dựngwebsite giúp cho việc tìm kiếm thơng tin người dùng... Chương Xây dựng website CHƯƠNG XÂY DỰNG WEBSITE Đề tài sử dụng phương pháp thống kê, phân tích xác định thơng tin đơn vị kinh doanh địa điểm, thu thập thông tin để xây dựng liệu vị trí cần tìm kiếm