Xây dựng ứng dụng du lịch danang travel trên samsung smart TV

ĐẠ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 NGÀNH CỬ NHÂN CÔNG NGHỆ THÔNG TIN ĐỀ TÀI: XÂY DỰNG ỨNG DỤNG DU LỊCH DANANG TRAVEL TRÊN SAMSUNG SMART TIVI Sinh viên thực : Mai Thị Hồng My Ngành : Công nghệ thông tin Lớp : 09CNTT1 Giảng viên hƣớng dẫn : PGS TSKH Trần Quốc Chiến Đà Nẵng, 05/2013 LỜI CẢM ƠN Sau thời gian nghiên cứu thực đề tài này, nhờ dạy tận tình thầy Trần Quốc Chiến với hướng dẫn thầy cô khoa Tin học, em học hỏi nhiều kiến thức bổ ích để xây dựng thành công đề tài Em xin gởi lời cảm ơn chân thành đến tồn thể Cơng ty TNHH Tin học & Thương mại AsNet tạo điều kiện thuận lợi giúp đỡ tận tình em thời gian thực đề tài Mặc dù chúng em cố gắng hoàn thành tốt đề tài Song, kinh nghiệm vốn kiến thức hạn chế nên khơng tránh khỏi thiếu sót Chúng em mong nhận góp ý, nhận xét thầy cô Xin chân thành cảm ơn ! Sinh viên Mai Thị Hồng My i LỜI CAM ĐOAN Tôi xin cam đoan: Những nội dung báo cáo nhóm thực hướng dẫn trực tiếp thầy Trần Quốc Chiến Mọi tham khảo dùng báo cáo trích dẫn rõ ràng tên tác giả, tên cơng trình, thời gian, địa điểm cơng bố Mọi chép không hợp lệ, vi phạm quy chế đào tạo, hay gian trá, nhóm xin chịu hồn toàn trách nhiệm Sinh viên, Mai Thị Hồng My ii MỤC LỤC MỞ ĐẦU I LÝ DO CHỌN ĐỀ TÀI II MỤC ĐÍCH VÀ Ý NGHĨA CỦA ĐỀ TÀI II.1 Mục đích đề tài II.2 Ý nghĩa đề tài III Nhiệm vụ đề tài IV ĐỐI TƢỢNG NGHIÊN CỨU IV.1 Đối tƣợng nghiên cứu IV.2 Phạm vi nghiên cứu V PHƢƠNG PHÁP TRIỂN KHAI VI MỤC TIÊU CỦA ĐỀ TÀI CHƢƠNG CƠ SỞ LÝ THUYẾT I SAMSUNG SMART TV I.1.Smart TV gì? I.2.Khả hỗ trợ I.3 Lý chọn Samsung Smart TV I.4 Giới thiệu Samsung Smart TV II LẬP TRÌNH VỚI SAMSUNG SMART TV APPS EDITOR SDK 10 II.1.Samsung TV Apps Editor Smart TV SDK gì? 10 II.2 Các version Samsung Smart TV SDK 11 II.3 Giới thiệu sơ lƣợc Samsung Smart TV SDK version 3.5.2 11 III HTML5 13 III.1 Giới thiệu HTML5 13 III.2 HTML5 gì? 14 III.3 Điểm mạnh HTML5 14 III.4 Khả tƣơng thích HTML5 14 III.5 Một số thẻ HTML5 15 III.6 Các thẻ không hỗ trợ 18 III.7 Cấu trúc file HTML5 19 IV CSS - CSS3 20 iii IV.1 CSS 20 IV.2 CSS3 22 V JAVASCRIPT 23 V.1 Khái niệm 23 V.2 Nhúng JavaScript vào tập tin HTML 24 V.3 Biến JavaScript 24 V.4 Đối tƣợng 24 V.5 Hàm 26 VI JQUERY 26 VI.1 Khái niệm jQuery 26 VI.2 Cách áp dụng jQuery vào trang web 27 VII GOOGLE MAPS API 27 VII.1 Google Maps API gì? 27 VII.2 Google Maps API dùng để làm gì? 28 VIII NODEJS 28 VIII.1 NodeJs gì? 28 VIII.2 Mơ hình MVC 29 VIII.3 Express Framework 31 IX MYSQL SERVER 32 IX.1 Khái niệm MySQL 32 IX.2 Tại lại sử dụng MySQL? 32 CHƢƠNG PHÂN TÍCH THIẾT KẾ HỆ THỐNG 33 I GIỚI THIỆU VỀ ỨNG DỤNG DU LỊCH DANANG TRAVEL 33 II ĐẶT BÀI TOÁN 34 II.1 Bài toán đặt ra: 34 II.2 Phân tích so sánh 35 III CHỨC NĂNG CỦA ỨNG DỤNG 35 IV SƠ ĐỒ PHÂN RÃ CHỨC NĂNG 37 V SƠ ĐỒ PHÂN LUỒNG DỮ LIỆU 38 V.1 Mức mô tả ứng dụng du lịch Danang Travel 38 V.2 Mức mơ tả dịng liệu chức Danang Travel 39 V.3 Mức mơ tả dịng liệu chức ứng dụng Danang Travel 40 iv VI THIẾT KẾ CƠ SỞ DỮ LIỆU 42 VI.1 Xác định thực thể 42 VI.2 Quan hệ thực thể 48 CHƢƠNG THUẬT TOÁN ÁP DỤNG 49 I TÌM ĐƢỜNG 49 I.1 Thuật toán Dijkstra 49 II XÂY DỰNG THUẬT TOÁN ĐIỀU KHIỂN REMOTE 52 II.1 Điều khiển remote di chuyển xuống danh mục 52 II.2 Điều khiển remote di chuyển lên danh mục 55 II.3 Điều khiển remote di chuyển qua phải danh mục chi tiết 58 II.4 Điều khiển remote di chuyển qua trái danh mục chi tiết 60 II.5 Điều khiển remote di chuyển lên danh mục chi tiết 62 Phân tích: 64 II.6 Điều khiển remote di chuyển xuống danh mục chi tiết 64 CHƢƠNG TRIỂN KHAI VÀ ĐÁNH GIÁ KẾT QUẢ 67 I KẾT QUẢ ĐẠT ĐƢỢC 67 I.1 Chức giới thiệu 67 I.2 Chức tour 69 I.3 Địa điểm 71 I.4 Tìm kiếm 72 II ĐÁNH GIÁ 74 III KẾT LUẬN 74 III.1 Ƣu điểm 74 III.2 Hạn chế 75 III.3 Hƣớng phát triển 75 TÀI LIỆU THAM KHẢO 76 v DANH SÁCH HÌNH ẢNH Hình Samsung Smart TV Hình Giao diện code 12 Hình Giao diện hình máy ảo 13 Hình Cấu trúc thẻ HTML5 19 Hình Cấu trúc CSS 20 Hình Border-radius 22 Hình Gradient 23 Hình Mơ hình MVC 30 Hình Mơ hình MVC 31 Hình 10 Bài toán du lịch 34 Hình 11 Sơ đồ phân rã chức 37 Hình 12 Sơ đồ phân luồng liệu mức 38 Hình 13 Mức mơ tả dịng liệu chức Danang Travel 39 Hình 14 Mức mơ tả dịng liệu chức giới thiệu 40 Hình 15 Mức mơ tả dịng liệu chức tour 41 Hình 16 Mức mơ tả dòng liệu chức địa điểm 41 Hình 17 Mức mơ tả dịng liệu chức tìm kiếm 42 Hình 18 Mơ hình quan hệ thực thể 48 Hình 19 Đồ thị có hƣớng, có trọng số 51 Hình 20 Điều khiển remote di chuyển xuống danh mục 53 Hình 21 Lƣu đồ thuật toán điều khiển menu di chuyển xuống 54 Hình 22 Điều khiển remote di chuyển lên danh mục 55 Hình 23 Lƣu đồ thuật toán điều khiển menu di chuyển lên 56 Hình 24 Điều khiển remote di chuyển qua phải danh mục chi tiết 58 Hình 25 Lƣu đồ thuật toán điều khiển menu di chuyển qua tiết 59 Hình 26 Điều khiển remote di chuyển qua trái danh mục chi tiết 60 Hình 27 Lƣu đồ điều khiển remote di chuyển qua trái danh mục chi tiết 61 Hình 28 Điều khiển remote di chuyển lên danh mục chi tiết 62 Hình 29 Lƣu đồ điều khiển remote di chuyển lên danh mục chi tiết 63 Hình 30 Điều khiển remote di chuyển qua xuống danh mục chi tiết 64 vi Hình 31 Lƣu đồ điều khiển remote di chuyển xuống danh mục chi tiết 65 Hình 32 Giao diện chƣơng trình 67 Hình 33 Giao diện chức giới thiệu Samsung Smart TV 68 Hình 34 Giao diện chức nội dung chi tiết chức giới thiệu 68 Hình 35 Giao diện chức cung cấp tour mẫu thực lƣu tour 69 Hình 36 Giao diện chức xóa tour Samsung Smart TV 70 Hình 37 Giao diện chức hiển thị địa điểm Samsung Smart TV 71 Hình 38 Giao diện chức tìm đƣờng Samsung Smart TV 72 Hình 39 Giao diện chức tìm kiếm Samsung Smart TV 73 vii DANH SÁCH BẢNG BIỂU Bảng Các thẻ hỗ trợ HTML5 17 Bảng Các thẻ không hỗ trợ HTML5 18 Bảng So sánh ứng dụng Danang Travel với ứng dụng thị trƣờng 35 Bảng tb_introduce bảng chứa danh mục chức giới thiệu 42 Bảng tb_content bảng chứa danh sách hiển thị danh mục 43 Bảng tb_detail bảng chứa nội dung chi tiết viết hiển thị 44 Bảng tb_imagedetail bảng chứa hình ảnh hiển thị viết chi tiết 45 Bảng tb_tour bảng chứa danh mục chức tour 45 Bảng tb_tourcontent bảng chứa danh mục nội dung chi tiết chức tour 46 Bảng 10 tb_tourimagedetail bảng chứa hình ảnh hiển thị viết chi tiết 46 Bảng 11 tb_savetour bảng chứa danh sách lƣu tour 47 Bảng 12 tb_keyword bảng chứa mục tiêu đề chức tìm kiếm 47 Bảng 13 Đánh giá ứng dụng Danang Travel 74 viii Xây dựng ứng dụng du lịch Danang Travel Samsung Smart TV GVHD: PGS TSKH Trần Quốc Chiến MỞ ĐẦU I LÝ DO CHỌN ĐỀ TÀI Trong xu hội nhập mở cửa, du lịch trở thành thói quen ngƣời Phát triển du lịch hƣớng đắn, đƣợc nhiều quốc gia ƣu tiên Thông qua du lịch để giới thiệu sinh động đất nƣớc ngƣời vùng, miền, địa phƣơng Đà Nẵng ngày thu hút khách du lịch, có nhiều loại hình du lịch hấp dẫn đáp ứng nhu cầu đa dạng du khách Công nghệ thông tin ngày bùng nổ Sự phát minh hàng loạt điện thoại thơng minh, máy tính cầm tay ngày hồn thiện hơn, tinh vi có tốc độ xử lý nhanh Những điện thoại, vi tính đƣợc kết nối với thành hệ thống internet làm thay đổi nhanh chóng sống ngƣời Với phát triển khoa học, kỹ thuật công nghệ thông tin, đặc biệt xuất mạng thơng tin tồn cầu (Internet), giới nhƣ bị thu nhỏ lại, ranh giới quốc gia ngày trở nên mỏng manh mang tính tƣơng đối Internet tạo hội để quốc gia giới thể gần gũi hiểu biết Du lịch ngành có vai trò đặc biệt quan trọng nƣớc phát triển Cũng nhƣ ngành kinh tế khác, xu chung phát triển năm tới chịu tác động mạnh mẽ thay đổi khoa học công nghệ, đặc biệt phát triển công nghệ thông tin truyền thông Sự đời phát triển thiết bị trợ giúp cá nhân (điện thoại với công nghệ 3G,4G; thiết bị định vị GPS…, ti vi thông minh kết nối mạng ), công nghệ Internet hệ với phát triển thƣơng mại điện tử…chắc chắn làm thay đổi phƣơng thức kinh doanh du lịch truyền thống Một số xu hƣớng phát triển ứng dụng công nghệ lĩnh vực du lịch “ ứng dụng rộng rãi thiết bị số cá nhân việc giới thiệu quản bá nhằm mang đến lợi ích cho ngƣời có sở thích du lịch ngƣời kinh doanh lĩnh vực du lịch vực du lịch” SVTH: Mai Thị Hồng My – Lớp 09CNTT1 Xây dựng ứng dụng du lịch Danang Travel Samsung Smart TV GVHD: PGS TSKH Trần Quốc Chiến } else { current = current - 1; } $("#menu" + current).addClass("highlight"); Phân tích: ● ● ● ● ● Đầu vào biến current chứa class highlight Đầu vị trí biến current đƣợc di chuyển đến Đầu tiên ta kiểm tra id menu có chứa class highlight Nếu current = current = Tổng độ dài menu - 1; Nếu current != sau lần gọi current = current – 1; II.5 Điều khiển remote di chuyển lên danh mục chi tiết Hình 28 Điều khiển remote di chuyển lên danh mục chi tiết SVTH: Mai Thị Hồng My – Lớp 09CNTT1 62 Xây dựng ứng dụng du lịch Danang Travel Samsung Smart TV Hình 29 GVHD: PGS TSKH Trần Quốc Chiến Lƣu đồ điều khiển remote di chuyển lên danh mục chi tiết Hàm điều khiển remote di chuyển lên (viết javaScript) Function moveUp(liMenuLength){ if ($("#menu" + current).hasClass("highlight")) { $("#menu" +current).removeClass("highlight"); } // check position of menu > liMenuLength if (current == 0){ SVTH: Mai Thị Hồng My – Lớp 09CNTT1 63 Xây dựng ứng dụng du lịch Danang Travel Samsung Smart TV GVHD: PGS TSKH Trần Quốc Chiến current = (liMenuLength - 1); } else { current = current - 2; } $("#menu" + current).addClass("highlight"); Phân tích: · · · · · Đầu vào biến current chứa class highlight Đầu vị trí biến current đƣợc di chuyển đến Đầu tiên ta kiểm tra id menu có chứa class highlight Nếu current = current = Tổng độ dài menu - 1; Nếu current != sau lần gọi current = current – 2; II.6 Điều khiển remote di chuyển xuống danh mục chi tiết Hình 30 Điều khiển remote di chuyển qua xuống danh mục chi tiết SVTH: Mai Thị Hồng My – Lớp 09CNTT1 64 Xây dựng ứng dụng du lịch Danang Travel Samsung Smart TV Hình 31 GVHD: PGS TSKH Trần Quốc Chiến Lƣu đồ điều khiển remote di chuyển xuống danh mục chi tiết Hàm điều khiên remote di chuyển xuống (viết javaScript) Function moveDown(liMenuLength){ if ($("#menu" + current).hasClass("highlight")) { $("#menu" +current).removeClass("highlight"); } // check position of menu > liMenuLength if (current == 0){ SVTH: Mai Thị Hồng My – Lớp 09CNTT1 65 Xây dựng ứng dụng du lịch Danang Travel Samsung Smart TV GVHD: PGS TSKH Trần Quốc Chiến current = (liMenuLength - 1); } else { current = current + 2; } $("#menu" + current).addClass("highlight"); Phân tích: ● ● ● ● ● Đầu vào biến current chứa class highlight Đầu vị trí biến current đƣợc di chuyển đến Đầu tiên ta kiểm tra id menu có chứa class highlight Nếu current = Tổng độ dài menu - current = 0; Nếu current != sau lần gọi current = current + 2; SVTH: Mai Thị Hồng My – Lớp 09CNTT1 66 Xây dựng ứng dụng du lịch Danang Travel Samsung Smart TV GVHD: PGS TSKH Trần Quốc Chiến CHƢƠNG TRIỂN KHAI VÀ ĐÁNH GIÁ KẾT QUẢ Chƣơng trình kết thực đƣợc I KẾT QUẢ ĐẠT ĐƢỢC Sau phân tích thiết kế hệ thống, sở liệu tơi hồn thành xong chức ứng dụng gồm có chức giới thiệu, tour, địa điểm tìm kiếm Hình 32 Giao diện chƣơng trình I.1 Chức giới thiệu Chức tập trung giới thiệu địa điểm tham quan, kiện diễn năm, quán ăn nhà hàng tiếng, đặc sản, cầu tiếng Với hình ảnh sinh động, sắc nét, nội dung mô tả lý thú chi tiết đem lại cho ngƣời dùng khoảng khắc trải nghiệm thú vị với tivi gia đình mình, khám phá địa điểm du lịch với điện thoại thông minh tay SVTH: Mai Thị Hồng My – Lớp 09CNTT1 67 Xây dựng ứng dụng du lịch Danang Travel Samsung Smart TV Hình 33 Hình 34 GVHD: PGS TSKH Trần Quốc Chiến Giao diện chức giới thiệu Samsung Smart TV Giao diện chức nội dung chi tiết chức giới thiệu SVTH: Mai Thị Hồng My – Lớp 09CNTT1 68 Xây dựng ứng dụng du lịch Danang Travel Samsung Smart TV GVHD: PGS TSKH Trần Quốc Chiến I.2 Chức tour Cung cấp tour mẫu Phần cấp cho ngƣời dùng loạt tour mẫu thông tin chi tiết tour, hình ảnh địa điểm du lịch để ngƣời dùng tìm hiểu lựa chọn tour du lịch cho mình.Ngồi chức tour ngƣời dùng thực lƣu tour mà u thích, xóa tour mà ngƣời dùng lƣu o Lƣu tour yêu thích Sau tham khảo tour mẫu, nhƣ chọn đƣợc tour yêu thích cho ngƣời dùng lƣu lại cách bấm vào nút lƣu tour, tour đƣợc lƣu vào mục tour yêu thích ngƣời dùng o Hình 35 Giao diện chức cung cấp tour mẫu thực lƣu tour SVTH: Mai Thị Hồng My – Lớp 09CNTT1 69 Xây dựng ứng dụng du lịch Danang Travel Samsung Smart TV o GVHD: PGS TSKH Trần Quốc Chiến Xóa tour lƣu Nếu muốn xóa tour lƣu ta xóa tour cách ● Xóa trực tiếp tour mẫu ● Xóa mục tour u thích Hình 36 Giao diện chức xóa tour Samsung Smart TV SVTH: Mai Thị Hồng My – Lớp 09CNTT1 70 Xây dựng ứng dụng du lịch Danang Travel Samsung Smart TV GVHD: PGS TSKH Trần Quốc Chiến I.3 Địa điểm Chức địa điểmgồm có hai phần chính: hiển thị địa điểm tìm đƣờng:  Hiển thị địa điểm  Các địa điểm đƣợc hiển thị lên đồ theo nhóm I.3.1 Chức hiển thị địa điểm lên đồ Hình 37 Giao diện chức hiển thị địa điểm Samsung Smart TV SVTH: Mai Thị Hồng My – Lớp 09CNTT1 71 Xây dựng ứng dụng du lịch Danang Travel Samsung Smart TV GVHD: PGS TSKH Trần Quốc Chiến I.3.2 Chức tìm đƣờng Hình 38 Giao diện chức tìm đƣờng Samsung Smart TV I.4 Tìm kiếm Sử dụng Fulltext Search MySQL để tiến hành xây dựng chức tìm kiếm nhƣ sau: Chúng ta tạo bảng dùng lệnh Fulltext MySQL để định trƣờng mà đánh dấu mục cho việc tìm kiếm: create table tb_keyWord ( id int auto_increment not null, title varchar(200), content TEXT, fulltext(title, content) ) ENGINE=MyISAM; SVTH: Mai Thị Hồng My – Lớp 09CNTT1 72 Xây dựng ứng dụng du lịch Danang Travel Samsung Smart TV Hình 39 GVHD: PGS TSKH Trần Quốc Chiến Giao diện chức tìm kiếm Samsung Smart TV SVTH: Mai Thị Hồng My – Lớp 09CNTT1 73 Xây dựng ứng dụng du lịch Danang Travel Samsung Smart TV GVHD: PGS TSKH Trần Quốc Chiến II ĐÁNH GIÁ Ứng dụng Danang Travel Đặc điểm Ứng dụng thị trƣờng - Dùng đƣợc trên: Samsung Smart Tivi - Thích hợp cho nhiều loại ngƣời dùng, phục vụ cho ngƣời nhóm ngƣời có nhu cầu du lịch - Chỉ dùng đƣợc vài loại thiết bị cố định, khơng có hình to rõ nhƣ Tivi - Có nhiều chức năng, mang tính tƣơng tác ngƣời dùng - Đa số mang tính chất hiển thị không tƣơng tác nhiều với ngƣời sử dụng - Mang tính khái quát thành phố Phân tích - Giới thiệu chi tiết địa danh, kiện Bảng 13 Đánh giá ứng dụng Danang Travel III KẾT LUẬN Sau trình nghiên cứu làm đề tài, dƣới hƣớng dẫn thầy Trần Quốc Chiến nhóm xây dựng thành cơng ứng dụng du lịch Danang Travel rút đƣợc số ƣu nhƣợc điểm nhƣ sau: III.1 Ƣu điểm  Ứng dụng giúp ngƣời du lịch tra cứu thơng tin chi tiết địa điểm tham quan, tìm hiểu rõ thông tin du lịch địa điểm  Ứng dụng có giao diện thân thiện đẹp mắt, dễ sử dụng  Góp phần giới thiệu du lịch Đà Nẵng đến với ngƣời  Học đƣợc cách xây dựng ứng dụng với công nghệ SVTH: Mai Thị Hồng My – Lớp 09CNTT1 74 Xây dựng ứng dụng du lịch Danang Travel Samsung Smart TV GVHD: PGS TSKH Trần Quốc Chiến III.2 Hạn chế  Ứng dụng chƣa tích hợp đầy đủ tour du lịch Đà Nẵng  Chƣa tận dụng đƣợc hết điểm mạnh mà công nghệ hỗ trợ  Chỉ hỗ trợ ngôn ngữ tiếng Việt III.3 Hƣớng phát triển  Cập nhật đầy đủ liệu cho app  Tích hợp tính sử dụng với webcam  Xây dựng chức hỗ trợ điều khiển tay, điều khiển giọng nói  Phát triển ứng dụng đƣợc sử dụng rộng rãi tƣơng lai SVTH: Mai Thị Hồng My – Lớp 09CNTT1 75 Xây dựng ứng dụng du lịch Danang Travel Samsung Smart TV GVHD: PGS TSKH Trần Quốc Chiến TÀI LIỆU THAM KHẢO [1] Dejan V Cancarevi Front-end Guide, ISBN 978-1-257-37903-3 , 2011 [2] Bruce Lawson and Remy Sharp Introduce HTML5, CA 94710, 1249 Eighth Street 2011 [3] Marijn Haverbeke Eloquent javascript,ISBN-10: 1-59327-282-0, 38 Ringold Street, San Francisco,2011 SVTH: Mai Thị Hồng My – Lớp 09CNTT1 76 ... 09CNTT1 Xây dựng ứng dụng du lịch Danang Travel Samsung Smart TV GVHD: PGS TSKH Trần Quốc Chiến ● Sau hoàn thành phần sở liệu cho ứng dụng, phát triển ứng dụng chạy Samsung Smart TV SDK Xây dựng. .. tài Ứng dụng Danang Travel ứng dụng chạy Samsung Smart TV Ứng dụng gồm: Phần ứng dụng tivi đƣợc phát triển Samsung Smart TV SDK Dƣới chức mà tơi xây dựng: SVTH: Mai Thị Hồng My – Lớp 09CNTT1 Xây. .. My – Lớp 09CNTT1 Xây dựng ứng dụng du lịch Danang Travel Samsung Smart TV GVHD: PGS TSKH Trần Quốc Chiến CHƢƠNG CƠ SỞ LÝ THUYẾT I SAMSUNG SMART TV I.1 .Smart TV gì? Về Smart TV tivi thông thƣờng