Xây dựng mạng xã hội du lịch tại thành phố đà nẵng

1 ĐẠI HỌC ĐÀ NẴNG TRƯỜNG ĐẠI HỌC SƯ PHẠM KHOA TIN HỌC - - KHÓA LUẬN TỐT NGHIỆP Đề tài: Xây dựng mạng xã hội du lịch thành phố Đà Nẵng Giảng viên hướng dẫn: PGS.TS Trần Quốc Chiến Sinh viên thực hiện: Lê Đình Thọ Lớp: 10CNTT4 Đại học sƣ phạm – Đại học Đà Nẵng Xây dựng mạng xã hội du lịch thành phố Đà Nẵng LỜI CẢM ƠN Lời em xin bày tỏ lòng biết ơn sâu sắc đến tất quý thầy cô khoa Tin học trường đại học Sư phạm – Đại học Đà Nẵng tận tình dạy dỗ, truyền đạt cho em kiến thức quý giá suốt năm học trường, tiền đề sở giúp cho em thực đồ án Xin chân thành cảm ơn PGS.TSKH Trần Quốc Chiến tận tình bảo, hướng dẫn giúp đỡ cho em suốt trình thực để hoàn thành đồ án thời hạn Trong suốt trình thực đồ án, cố gắng để hồn thành, nhiên, kinh nghiệm vốn kiến thức hạn chế nên khơng tránh khỏi thiếu sót Em mong nhận góp ý, nhận xét thầy cô bạn Em xin chân thành cảm ơn ! Sinh viên thực Lê Đình Thọ Đại học sƣ phạm – Đại học Đà Nẵng Xây dựng mạng xã hội du lịch thành phố Đà Nẵng LỜI CAM ĐOAN Em xin cam đoan: Những nội dung báo cáo em thực hướng dẫn trực tiếp PGS.TSKH Trần Quốc Chiến Mọi chép không hợp lệ, vi phạm quy chế đào tạo, hay gian trái, em xin chịu hoàn tồn trách nhiệm Sinh viên thực Lê Đình Thọ Đại học sƣ phạm – Đại học Đà Nẵng Xây dựng mạng xã hội du lịch thành phố Đà Nẵng  Danh mục hình ảnh HÌNH 1: SƠ ĐỒ QUAN HỆ GIỮA BẢNG FRIEND VÀ USERINFOR 21 HÌNH 2: SƠ ĐỒ QUAN HỆ GIỮA BẢNG USERINFOR VÀ FEEDBACK 21 HÌNH 3: SƠ ĐỒ QUAN HỆ GIỮA BẢNG REPORT VÀ USERINFOR 22 HÌNH 4: SƠ ĐỒ QUAN HỆ GIỮA BẢNG FMESSAGE VÀ USERINFOR 22 HÌNH 5: SƠ ĐỒ QUAN HỆ GIỮA BẢNG USERINFOR VÀ COMMENT .22 HÌNH 6: SƠ ĐỒ QUAN HỆ GIỮA BẢNG NOTEPOST VÀ COMMENT .23 HÌNH 7: SƠ ĐỒ QUAN HỆ GIỮA BẢNG FGROUP VÀ NOTEPOST 23 HÌNH 8: SƠ ĐỒ QUAN HỆ GIỮA CÁC BẢNG USERINFOR, LIKEMANAGERMENT VÀ NOTEPOST 23 HÌNH 9: SƠ ĐỒ QUAN HỆ GIỮA BẢNG TOUR VÀ FGROUP .24 HÌNH 10: SƠ ĐỒ QUAN HỆ GIỮA CÁC BẢNG TOUR, BOOKTOOUR VÀ GROUPUSER 24 HÌNH 11: SƠ ĐỒ QUAN HỆ GIỮA BẢNG FGROUP VÀ USERINFOR 25 HÌNH 12: SƠ ĐỒ QUAN HỆ CƠ SỞ DỮ LIỆU 25 HÌNH 13: SƠ ĐỒ USERCASE CỦA ACTOR ADMIN 26 HÌNH 14: SƠ ĐỒ USERCASE CỦA ACTOR USER 26 HÌNH 15: CHỨC NĂNG LOGIN 29 HÌNH 16: CHỨC NĂNG ĐĂNG XUẤT .29 HÌNH 17: CHỨC NĂNG XÁC NHẬN “PHẢN HỒI BÀI VIẾT XẤU” 30 HÌNH 18: CHỨC NĂNG XÓA "PHẢN HỒI BÀI VIẾT XẤU" 31 HÌNH 19: CHỨC NĂNG KHÓA NGƢỜI DÙNG 31 HÌNH 20: CHỨC NĂNG CẬP NHẬP NGƢỜI DÙNG THÀNH ADMIN 32 HÌNH 21: CHỨC NĂNG XĨA BÀI VIẾT 33 HÌNH 22: CHỨC NĂNG KHĨA NHÓM (ADMIN) .34 HÌNH 23: CHỨC NĂNG XĨA NHĨM(ADMIN) .35 HÌNH 24: CHỨC NĂNG ĐĂNG KÍ 36 HÌNH 25: CHỨC NĂNG THÊM BẠN 37 HÌNH 26: CHỨC NĂNG XĨA BẠN 38 HÌNH 27: CHỨC NĂNG GỞI GÓP Ý VỀ WEBSITE 39 HÌNH 28: CHỨC NĂNG PHẢN HỒI BÀI VIẾT XẤU 40 HÌNH 29: CHỨC NĂNG XÓA BÀI VIẾT 41 HÌNH 30: CHỨC NĂNG THICH BÀI VIẾT 42 HÌNH 31: CHỨC NĂNG BÌNH LUẬN BÀI VIẾT .43 HÌNH 32: CHỨC NĂNG LỌC NHÓM 44 HÌNH 33: CHỨC NĂNG TẠO NHĨM MỚI 45 HÌNH 34: CHỨC NĂNG GIA NHẬP NHĨM 46 HÌNH 35: CHỨC NĂNG KHĨA NHĨM 47 HÌNH 36: CHỨC NĂNG RỜI KHỎI NHĨM .48 HÌNH 37: CHỨC NĂNG XĨA NHĨM 49 HÌNH 38: CHỨC NĂNG XEM ĐẦY ĐỦ BÀI VIẾT 50 HÌNH 39: CHỨC NĂNG XEM ĐẦY ĐỦ DỊCH VỤ VÀ ĐẶT DỊCH VỤ 51 HÌNH 40: CHỨC NĂNG PHẢN HỒI ĐẶT DỊCH VỤ CỦA KHÁCH .52 HÌNH 41: GIAO DIỆN TRANG LOGIN .54 HÌNH 42: GIAO DIỆN TRANG CHỦ 55 Đại học sƣ phạm – Đại học Đà Nẵng Xây dựng mạng xã hội du lịch thành phố Đà Nẵng HÌNH 43: GIAO DIỆN TRANG POSTNOTE .57 HÌNH 44: GIAO DIỆN TRANG GROUP MAINPAGE 58 HÌNH 45: GIAO DIỆN TRANG VIEW FULL NOTE 59 HÌNH 46: GIAO DIỆN TRANG VIEW SERVICE TRONG GROUP 59 HÌNH 47: GIAO DIỆN TRANG GROUP MAINPAGE 60 HÌNH 48: GIAO DIỆN TRANG BOOK MANAGER TRONG 61 HÌNH 49: GIAO DIỆN TRANG POST SERVICE TRONG 62 HÌNH 50: GIAO DIỆN TRANG USER PROFILE 62 HÌNH 51: GIAO DIỆN TRANG FILTER 63  Danh mục bảng biểu BẢNG 1: XÂY DỰNG CÁC BẢNG DỮ LIỆU 20 BẢNG 2: MÔ TẢ CÁC ACTORS 27 BẢNG 3: MÔ TẢ CÁC USE CASE 28 Đại học sƣ phạm – Đại học Đà Nẵng Xây dựng mạng xã hội du lịch thành phố Đà Nẵng Mục lục Mục lục Mở đầu Lý chọn đề tài Mục đích nghiên cứu Giới hạn nghiên cứu Phƣơng pháp nghiên cứu Chương 1: Cơ sở lý thuyết đề tài Giới thiệu ngôn ngữ J2EE I Kiến thức lập trình hƣớng đối tƣợng java Java EE .5 II Giới thiệu Struts Framework .10 III Cơ sở lý thuyết website 13 Chương 2: Phân tích thiết kế hệ thống 15 Mơ tả chƣơng trình .15 Các chức website 15 Thiết kế hệ liệu cho toán 18 Phân tích chức chƣơng trình 26 Hoàn thiện chức giao diện .29 Chƣơng 3: Cài đặt triển khai ứng dụng 54 Tài liệu tham khảo .64 Kết luận 65 Lê Đình Thọ | Trang Đại học sƣ phạm – Đại học Đà Nẵng Xây dựng mạng xã hội du lịch thành phố Đà Nẵng Mở đầu Lý chọn đề tài Trong xu nay, phát triển nhanh chóng dịch vụ du lịch Đà Nẵng kéo theo nhiều vấn đề khó khăn việc quản lý điều hành địa điểm du lịch cách chun nghiệp Do đó,cần thiết có mơi trƣờng phù hợp để ngƣời dân ngƣời quản lý du lịch dễ dàng trao đổi thơng tin tốt lẫn chƣa tốt vấn đề xảy địa điểm du lịch Một mạng xã hội tạo làm “cầu nối” ngƣời với điều cần thiết giúp cho việc phát triển du lịch Đà Nẵng, giúp ngƣời dân có thêm thơng tin cần thiết hữu ích chuyến du lịch tới Đà Nẵng, đồng thời có phản hồi giúp nhà quản lý phát huy điểm mạnh khắc phục điểm yếu Mục đích nghiên cứu Nội dung việc nghiên cứu đề tài hƣớng đến xây dựng website mạng xã hội quản lý chung địa điểm du lịch dịch vụ thành phố Đà Nẵng Giới hạn nghiên cứu Website “Mạng xã hội du lịch thành phố Đà Nẵng” đƣợc xây dựng ngôn ngữ java framework Struts bao gồm : + Tìm hiểu quy trình Struts Framework + Tìm hiểu quy trình hoạt động Mạng xã hội, website đặt dịch vụ qua mạng + Thực phân tích, thiết kế thuật tốn cần thiết để phục vụ cho việc xây dựng mạng xã hội + Thiết kế chƣơng trình (chuẩn hóa liệu, thiết kế mã nguồn, truy vấn liệu, thiết kế giao diện ) + Thực báo cáo, hƣớng dẫn, phân tích cách thức sử dụng Phương pháp nghiên cứu + Tìm kiếm thơng tin liên quan tới q trình nghiên cứu từ thực tiễn, sách báo, tham khảo Internet + Sự hƣớng dẫn Giảng viên : PSG.TSKH Trần Quốc Chiến + Lập trình java eclise plugin struts Lê Đình Thọ | Trang Đại học sƣ phạm – Đại học Đà Nẵng Xây dựng mạng xã hội du lịch thành phố Đà Nẵng Chương 1: Cơ sở lý thuyết đề tài Giới thiệu ngôn ngữ J2EE I Java Persistence API (JPA): framework cho phép nhà phát triển quản lý liệu cách sử dụng ánh xạ đối tƣợng quan hệ (Object Relational Mapping - ORM) ứng dụng đƣợc xây dựng tảng Java Kiến thức lập trình hướng đối tượng java Lập trình hƣớng đối tƣợng (gọi tắt OOP, từ chữ Anh ngữ object-oriented programming) kỹ thuật lập trình hỗ trợ cơng nghệ đối tƣợng OOP đƣợc xem giúp tăng suất, đơn giản hóa độ phức tạp bảo trì nhƣ mở rộng phần mềm cách cho phép lập trình viên tập trung vào đối tƣợng phần mềm bậc cao Ngồi ra, nhiều ngƣời cịn cho OOP dễ tiếp thu cho ngƣời học lập trình phƣơng pháp trƣớc Một cách giản lƣợc hơn, khái niệm nỗ lực nhằm giảm nhẹ thao tác viết mã cho ngƣời lập trình, cho phép họ tạo ứng dụng mà yếu tố bên ngồi tƣơng tác với chƣơng trình giống nhƣ tƣơng tác với đối tƣợng vật lý Những đối tƣợng ngôn ngữ OOP kết hợp mã liệu mà chúng đƣợc nhìn nhận nhƣ đơn vị Mỗi đối tƣợng có tên riêng biệt tất tham chiếu đến đối tƣợng đƣợc tiến hành qua tên Nhƣ vậy, đối tƣợng có khả nhận vào thơng báo, xử lý liệu gửi hay trả lời đến đối tƣợng khác hay đến môi trƣờng - Các tính chất lập trình hƣớng đối tƣợng Đối tƣợng (object): Các liệu thị đƣợc kết hợp vào đơn vị đầy đủ tạo nên đối tƣợng Đơn vị tƣơng đƣơng với chƣơng trình đối tƣợng đƣợc chia thành hai phận chính: phần phƣơng thức (method) phần thuộc tính (attribute) Trong thực tế, phƣơng thức đối tƣợng hàm thuộc tính biến, tham số hay nội đối tƣợng (hay nói cách khác tập hợp liệu nội tạo thành thuộc tính đối tƣợng) Các Lê Đình Thọ | Trang Đại học sƣ phạm – Đại học Đà Nẵng Xây dựng mạng xã hội du lịch thành phố Đà Nẵng phƣơng thức phƣơng tiện để sử dụng đối tƣợng thuộc tính mơ tả đối tƣợng có tính chất Các phƣơng thức thuộc tính thƣờng gắn chặt với thực tế đặc tính sử dụng đối tƣợng Trong thực tế, đối tƣợng thƣờng đƣợc trừu tƣợng hóa qua việc định nghĩa lớp (class) Tập hợp giá trị có thuộc tính tạo nên trạng thái đối tƣợng Mỗi phƣơng thức hay liệu nội với tính chất đƣợc định nghĩa (bởi ngƣời lập trình) đƣợc xem đặc tính riêng đối tƣợng Nếu khơng có lầm lẫn tập hợp đặc tính gọi chung đặc tính đối tƣợng Lập trình hƣớng đối tƣợng phƣơng pháp lập trình có tính chất sau: - Tính trừu tƣợng (abstraction) Đây khả chƣơng trình bỏ qua hay khơng ý đến số khía cạnh thơng tin mà trực tiếp làm việc lên, nghĩa có khả tập trung vào cốt lõi cần thiết Mỗi đối tƣợng phục vụ nhƣ "động tử" hồn tất cơng việc cách nội bộ, báo cáo, thay đổi trạng thái liên lạc với đối tƣợng khác mà không cần cho biết làm cách đối tƣợng tiến hành đƣợc thao tác Tính chất thƣờng đƣợc gọi trừu tượng liệu Tính trừu tƣợng cịn thể qua việc đối tƣợng ban đầu có số đặc điểm chung cho nhiều đối tƣợng khác nhƣ mở rộng nhƣng thân đối tƣợng ban đầu khơng có biện pháp thi hành Tính trừu tƣợng thƣờng đƣợc xác định khái niệm gọi lớp trừu tượng hay lớp sở trừu tượng - Tính đóng gói Tính chất khơng cho phép ngƣời sử dụng đối tƣợng thay đổi trạng thái nội đối tƣợng Chỉ có phƣơng thức nội đối tƣợng cho phép thay đổi trạng thái Việc cho phép mơi trƣờng bên ngồi tác động lên liệu nội đối tƣợng theo cách hoàn toàn tùy thuộc vào ngƣời viết mã Đây tính chất đảm bảo tồn vẹn đối tƣợng Lê Đình Thọ Tính đa hình (polymorphism) | Trang Đại học sƣ phạm – Đại học Đà Nẵng Xây dựng mạng xã hội du lịch thành phố Đà Nẵng Thể thông qua việc gửi thông điệp (message) Việc gửi thông điệp so sánh nhƣ việc gọi hàm bên đối tƣợng Các phƣơng thức dùng trả lời cho thông điệp tùy theo đối tƣợng mà thơng điệp đƣợc gửi tới có phản ứng khác Ngƣời lập trình định nghĩa đặc tính (chẳng hạn thơng qua tên phƣơng thức) cho loạt đối tƣợng gần nhƣng thi hành dùng tên gọi mà thi hành đối tƣợng tự động xảy tƣơng ứng theo đặc tính đối tƣợng mà không bị nhầm lẫn - Tính kế thừa (inheritance) Đặc tính cho phép đối tƣợng có sẵn đặc tính mà đối tƣợng khác có thơng qua kế thừa Điều cho phép đối tƣợng chia sẻ hay mở rộng đặc tính sẵn có mà khơng phải tiến hành định nghĩa lại Tuy nhiên, ngôn ngữ định hƣớng đối tƣợng có tính chất Java EE  Java Web Application: - Java Web Application tạo trang web tƣơng tác có chứa loại markup language khác (HTML, XML, .) nội dung động Nó bao gồm thành phần nhƣ Java Server Pages (JSP), Servlet JavaBeans để sửa đổi lƣu trữ tạm thời liệu, tƣơng tác với sở liệu (Database) dịch vụ web (Webservices) để đáp ứng đƣợc yêu cầu khách hàng - Vì có nhiều cơng việc liên quan đến việt phát triển ứng dụng web đƣợc lặp lặp lại yêu cầu khối lƣợng lớn mã lệnh viết sẵn Lúc web framework đƣợc áp dụng để giảm bớt chi phí liên quan đến hoạt động chung Ví du, có nhiều framework nhƣ JavaServer Faces, cung cấp thƣ viện cho trang template, quản lý session đoạn mã đƣợc sử dụng lại  Java EE - Java EE (Enterprise Edition) tảng đƣợc sử dụng rộng rãi, chứa tập hợp công nghệ đƣợc phối hợp vào nhau, làm giảm đáng kể chi phí độ phức tạp việc phát triển, triển khai quản lý tầng làm việc, ứng dụng máy Lê Đình Thọ | Trang Đại học sƣ phạm – Đại học Đà Nẵng Xây dựng mạng xã hội du lịch thành phố Đà Nẵng 2.25 View Full Service Book Service Hình 39: Chức xem đầy đủ dịch vụ đặt dịch vụ Màn hình GroupMainpage – View Sevice – Group Service Mơ tả Xem chi tiết dịch vụ nhóm Màn hình Truy Ngƣời dùng kích vào tiêu đề dịch vụ phần dịch vụ nhóm xuất Màn hình Content Item Type Dữ liệu Mô tả SlotBook TextField int Điền số lƣợng đặt cho dịch vụ xem Booking Nhấn để chấp nhận đặt dịch vụ Button Màn hình Actions Tên Action Mô tả Thành công Thất bại Filter Lọc group Thông báo đặt dịch Hiện thông báo lỗi theo loại vụ Lê Đình Thọ | Trang 51 Đại học sƣ phạm – Đại học Đà Nẵng Xây dựng mạng xã hội du lịch thành phố Đà Nẵng 2.26 Feedback User Book Hình 40: Chức phản hồi đặt dịch vụ khách Màn hình Group Mainpage – Book Manager Mô tả Gởi thông báo chấp nhận từ chối đặt dịch vụ cho ngƣời dùng Màn hình Truy xuất Admin nhóm nhấn vào Book Manager Group Mainpage Màn hình Content Item Type Accept Button Dữ liệu Mô tả Nút chấp nhận khác hàng đặt dịch vụ Deny Nút từ chối khách hàng đặt dịch vụ Button Màn hình Actions Tên Action Mơ tả Thành công Thất bại AcceptBook Chấp nhận lời đặt Hiện thông báo chấp Thông báo lỗi khách nhận, gởi tin nhắn xác Lê Đình Thọ | Trang 52 Đại học sƣ phạm – Đại học Đà Nẵng Xây dựng mạng xã hội du lịch thành phố Đà Nẵng nhận tới khách hàng DenyBook Từ chối lời đặt Hiện thông báo từ chối, khách gởi tin nhắn xác nhận Thơng báo lỗi tới khách hàng Lê Đình Thọ | Trang 53 Đại học sƣ phạm – Đại học Đà Nẵng Xây dựng mạng xã hội du lịch thành phố Đà Nẵng Chương 3: Cài đặt triển khai ứng dụng  Trang Login Hình 41: Giao diện trang Login Đây trang đăng nhập website, có chức sau:  Nếu ngƣời dùng có tài khoản Khi ngƣời dùng nhập vào Email, mật nộp nút đăng nhập trang Đăng nhập, trang web tự động kiểm tra xem email mật Nếu thơng tin khơng mẫu thơng tin q ngắn, hệ thống thơng báo lỗi ngƣời dùng phải nhập lại lần Nếu thƣ ngƣời sử dụng mật dạng xác nhƣng hệ thống thất bại việc tìm kiếm thơng tin sở liệu, hệ thống trang đăng nhập Nếu đăng nhập lỗi không xảy ra, ngƣời dùng đƣợc chuyển vào trang  Nếu ngƣời dùng chƣa có tài khoản, phải đăng kí tài khoản nhập trƣờng liệu phù hợp nhƣ sau: Lê Đình Thọ | Trang 54 Đại học sƣ phạm – Đại học Đà Nẵng Xây dựng mạng xã hội du lịch thành phố Đà Nẵng - Tất trƣờng khơng đƣợc có liệu đặc biệt - Firstname Lastname thiết phải có kí tự - Email phải chuẩn theo HTML5 - Password Repassword phải trùng có kí tự Khi ngƣời dùng nhập sai điều kiện trên, website thông báo lỗi cho ngƣời dùng Khi ngƣời dùng thỏa tất điều kiện trên, website lên dialog “Sign Up success! ”, ngƣời dùng đăng nhập vào website tài khoản vừa tạo  Trang Home Page Hình 42: Giao diện trang Chủ Sau đăng nhập thành công, ngƣời dùng đƣợc chuyển vào trang chủ liệt kê tất thành phần sau: - Tên tài khoản đăng nhập - Những Nhóm mà tài khoản tham gia vào List view “Your Group” Lê Đình Thọ | Trang 55 Đại học sƣ phạm – Đại học Đà Nẵng Xây dựng mạng xã hội du lịch thành phố Đà Nẵng - Danh sách vắn tắt viết tài khoản bạn tài khoản đƣợc xếp theo thứ tự từ đến cũ Chỉ có viết sớm đƣợc xuất hiện, ngƣời viết cuộn cuộn website xuống cuối website tự động tải viết - Ngƣời dùng comment, like xem viết - Lấy ngẫu nhiên nhiều Nhóm mà bạn tài khoản tham gia để giới thiệu List View “Group Suggest” - Bảng Leader Board liệt kê lần lƣợt ngƣời dùng mà viết họ viết có số lƣợt like nhiều lần lƣợc viết có số lƣợc like nhiều - Ngƣời dùng nhấp chuột nút Filter để lọc nhóm theo thể loại đƣợc chia nhƣ sau: o Restaurant & dinner: Những nhóm có dịch vụ nhà hàng quán ăn o Hotel & motel: Những nhóm có dịch vụ khách sạn nhà nghỉ o Travel: Những nhóm có dịch vụ du lịch Các nhóm đƣợc lọc hiển thị từ lớn đến nhỏ theo số điểm thành viên chấm cho nhóm (Rate Group) theo trở xuống, theo số lƣợng thành viên nhóm… - Ngƣời dùng nhấp nút New Note để đăng tải note - Ở nút Setting (Răng cƣa) header chuyển tiếp ngƣời dùng đến trang nhƣ: o User Profile: Xem thông tin tài khoản sử dụng o Admin Page: chức quản trị viên (admin) webside, chuyển đến trang quản lý website o View Friend List: Xem tất bạn bè tài khoản o Send Feedback: Gởi phản hồi website tới cho quản trị viên o Create Group: Tạo nhóm o Logout: Đăng xuất - Ngồi ra, Header cịn hiển thị thơng tin nhƣ: u cầu kết bạn, thơng báo có tin nhắn, trang chủ cài đặt Lê Đình Thọ | Trang 56 Đại học sƣ phạm – Đại học Đà Nẵng Xây dựng mạng xã hội du lịch thành phố Đà Nẵng Trang Post Note Sau ngƣời dùng nhấn vào nút “New Note” trang chủ, ngƣời dùng đƣợc chuyển tới trang PostNote để nhập thông tin tạo đăng gồm thành phần sau: o Note title: Tiêu đề viết o Note Content: Nội dung viết Submit Button: Nút tạo viết Hình 43: Giao diện trang PostNote  Trang Group MainPage Trong List View “Your Group” trang mainpage, ngƣời dùng nhấp vào tên nhóm ngƣời dùng gia nhập để chuyển tới trang chủ nhóm đƣợc gọi chung “Group Mainpage” Hiển thị thông tin nhƣ sau: - Các thông tin nhóm, chức vụ ngƣời dùng nhóm,chấm điểm cho nhóm (rate) - Các viết nhóm - Các dịch vụ nhóm đƣợc hiển thị ngƣời dùng nhấn nút “View Service” Lê Đình Thọ | Trang 57 Đại học sƣ phạm – Đại học Đà Nẵng Xây dựng mạng xã hội du lịch thành phố Đà Nẵng - Nếu ngƣời dùng có chức vụ User nhóm có chức Leave Group Create Group phần Setting - Ngoài chức nhƣ User, Admin nhóm có thêm chức nhƣ: o Remove User: xóa thành viên nhóm o Delete Group: xóa nhóm o Lock Group: Khóa nhóm o Post Service: Đăng thơng tin dịch vụ mà nhóm có Book Manager: Quản lý đặt dịch vụ (Chấp nhận từ chối đặt) thành viên nhóm Hình 44: Giao diện trang Group MainPage  Trang xem đầy đủ Note Khi nhấp vào tên viết, ngƣời dùng đƣợc chuyển tới trang xem chi tiết viết Ngƣời dùng like comment Lê Đình Thọ | Trang 58 Đại học sƣ phạm – Đại học Đà Nẵng Xây dựng mạng xã hội du lịch thành phố Đà Nẵng Hình 45: Giao diện trang View Full Note  Trang View Service Group Khi nhấp vào nút “View Service” group, ngƣời dùng đƣợc chuyển tới trang liệt kê tất dịch vụ mà nhóm hành có để ngƣời dùng tham khảo Nhấn vào tiêu đề dịch vụ để đặt xem thơng tin dịch vụ Hình 46: Giao diện trang View Service Group Lê Đình Thọ | Trang 59 Đại học sƣ phạm – Đại học Đà Nẵng Xây dựng mạng xã hội du lịch thành phố Đà Nẵng  Trang xem thông tin đặt dịch vụ Nhấn vào tiêu đề dịch vụ để đặt xem thông tin dịch vụ gồm: - Thông tin dịch vụ : o Tên dịch vụ o Thời gian o Lịch trình o Mơ tả o Giá o Số lƣợng đặt / tổng số lƣợng vé Ngƣời dùng đặt dịch vụ cách điền vào số lƣợng nhấp nút Booking để đăng kí nhận dịch vụ Hình 47: Giao diện trang Group MainPage Lê Đình Thọ | Trang 60 Đại học sƣ phạm – Đại học Đà Nẵng Xây dựng mạng xã hội du lịch thành phố Đà Nẵng  Trang Book Manager group Khi ngƣời dùng đặt dịch vụ yêu cầu đƣợc gởi tới ngƣời quản trị nhóm Các yêu cầu đƣợc hiển thị trang Group Manager Book Hiển thị yêu cầu xử lý ngƣời quản trị, ngƣời quản trị có hành động đồng ý từ chối đặt dịch vụ website gởi tin nhắn để ngƣời đặt dịch vụ đƣợc biết Hình 48: Giao diện trang Book Manager  Trang Post Service Group Admin nhóm đƣợc quyền post thêm dịch vụ nhóm nhấn nút “Post Service”, gồm thuộc tính sau: - Service Name: Tên dịch vụ - Description: Mô tả dịch vụ - Schedule: Lịch trình - From: Ngày bắt đầu dịch vụ - To: Ngày kết thúc dịch vụ - Price: Giá dịch vụ - Quantity: Số lƣợng cho phép đặt dịch vụ Lê Đình Thọ | Trang 61 Đại học sƣ phạm – Đại học Đà Nẵng Xây dựng mạng xã hội du lịch thành phố Đà Nẵng Hình 49: Giao diện trang Post service  Trang User Profile Hình 50: Giao diện trang User Profile Lê Đình Thọ | Trang 62 Đại học sƣ phạm – Đại học Đà Nẵng Xây dựng mạng xã hội du lịch thành phố Đà Nẵng Ngƣời dùng xem thơng tin ngƣời dùng khác cách kích vào tên ngƣời dùng tƣơng ứng, website chuyển tiếp điến trang User Interface ngƣời dùng tƣơng ứng để thông tin nhƣ danh sách bạn, thông tin nhân, viết đăng…  Trang Filte Hình 51: Giao diện trang Filter - Ngƣời dùng nhấp chuột nút Filter để lọc nhóm theo thể loại đƣợc chia nhƣ sau: o Restaurant & dinner: Những nhóm có dịch vụ nhà hàng quán ăn o Hotel & motel: Những nhóm có dịch vụ khách sạn nhà nghỉ o Travel: Những nhóm có dịch vụ du lịch Các nhóm đƣợc lọc hiển thị từ lớn đến nhỏ theo số điểm thành viên chấm cho nhóm (Rate Group) theo trở xuống, theo số lƣợng thành viên nhóm… Lê Đình Thọ | Trang 63 Đại học sƣ phạm – Đại học Đà Nẵng Xây dựng mạng xã hội du lịch thành phố Đà Nẵng Tài liệu tham khảo - Tài liệu: [1]J2EE Document, Oracle [2] Struts Document, Apache [3]Web Programming Tutorial, W3School - Website: [1] http://struts.apache.org/release/2.0.x/docs/home.html [2] http://www.w3schools.com/ [3] http://stackoverflow.com/ Lê Đình Thọ | Trang 64 Đại học sƣ phạm – Đại học Đà Nẵng Xây dựng mạng xã hội du lịch thành phố Đà Nẵng Kết luận Em xin chân thành cám ơn thầy Trần Quốc Chiến, dƣới hƣớng dẫn thầy giúp em tiếp thu đƣợc nhiều kiến thức bổ ích Đƣợc vận dụng kiến thức đƣợc học vào thực tế giúp em thấy đƣợc mối quan hệ gắn bó lý thuyết thực hành Những lý thuyết đƣợc trang bị nhà trƣờng tuân theo khuôn mẫu, chuẩn mực, nguyên tắc định nhƣng áp dụng vào thực tế phải ln linh hoạt, chủ động, tùy điều kiện nơi mà áp dụng cho phù hợp Trong trình thực tập xây dựng đề tài “Xây dựng mạng xã hội du lịch thành phố Đà Nẵng” với công nghệ Struts đạt đƣợc kết cụ thể nhƣ sau: Tìm hiểu phát triển thành công website ngôn ngữ J2EE kết hợp với framework Struts với công nghệ web html5, css, jquery, ajax, Phát triển mạng xã hội du lịch giúp ngƣời dùng có thêm hiểu biết địa điểm du lịch Đà Nẵng giúp nhà quản lý có biết đƣợc mạnh điểm yếu để nâng cao chất lƣợng dịch vụ Hoàn thiện thêm website mạng xã hội du lịch Đà Nẵng phần nhƣ: đồ họa, thêm nhiều chức hơn, nâng cấp chức có nhƣ chat, thơng báo theo thời gian thực, tiếp thu ý kiến từ doanh nghiệp cá nhân có kinh nghiệm để tiếp tục phát triển thêm chức quản lý để website chuyên nghiệp đƣợc lan rộng mạng internet Mặc dù cố gắng hoàn thành đồ án nhƣng cịn nhiều thiếu sót cịn số chức chƣa thể hồn thiện Kính mong nhận đƣợc đóng góp ý kiến thầy để báo cáo em hồn thiện Em xin chân thành cảm ơn Đà Nẵng, ngày 19 tháng năm 2014 Sinh viên thực Lê Đình Thọ Lê Đình Thọ | Trang 65 ... Nội dung việc nghiên cứu đề tài hƣớng đến xây dựng website mạng xã hội quản lý chung địa điểm du lịch dịch vụ thành phố Đà Nẵng Giới hạn nghiên cứu Website ? ?Mạng xã hội du lịch thành phố Đà Nẵng? ??... Trang Đại học sƣ phạm – Đại học Đà Nẵng Xây dựng mạng xã hội du lịch thành phố Đà Nẵng Mở đầu Lý chọn đề tài Trong xu nay, phát triển nhanh chóng dịch vụ du lịch Đà Nẵng kéo theo nhiều vấn đề khó... sƣ phạm – Đại học Đà Nẵng Xây dựng mạng xã hội du lịch thành phố Đà Nẵng đoạn mã nhúng này, ASP truy cập đến thành phần phía server Các thành phần đƣợc viết ngôn ngữ hỗ trợ thành phần COM Microsoft