TRƯỜNG ĐẠI HỌC BÁCH KHOA HÀ NỘI TRƯỜNG ĐẠI HỌC BÁCH KHOA HÀ NỘI VIỆN CÔNG NGHỆ THÔNG TIN VÀ TRUYỀN THÔNG ──────── * ─────── ĐỒ ÁN TỐT NGHIỆP ĐẠI HỌC NGÀNH CÔNG NGHỆ THÔNG TIN TÌM HIỂU HTML5 VÀ XÂY DỰN[.]
TRƯỜNG ĐẠI HỌC BÁCH KHOA HÀ NỘI VIỆN CÔNG NGHỆ THÔNG TIN VÀ TRUYỀN THÔNG ──────── * ─────── ĐỒ ÁN TỐT NGHIỆP ĐẠI HỌC NGÀNH CƠNG NGHỆ THƠNG TIN TÌM HIỂU HTML5 VÀ XÂY DỰNG CÁC ỨNG DỤNG THÔNG MINH CHO DI ĐỘNG Sinh viên thực : Trần Việt Sỹ Lớp CNPM – K51 Giáo viên hướng dẫn: ThS-GVC Lương Mạnh Bá HÀ NỘI 5-2011 PHIẾU GIAO NHIỆM VỤ ĐỒ ÁN TỐT NGHIỆP Thông tin sinh viên Họ tên sinh viên: Trần Việt Sỹ Điện thoại liên lạc: 01698043903 Email: tranvietsy.it@gmail.com Lớp: Công nghệ phần mềm Hệ đào tạo: Chính quy Đồ án tốt nghiệp thực tại: Đại học Bách Khoa Hà Nội Thời gian làm ĐATN: Từ ngày 21/02/2011 đến 26/05/2011 Mục đích nội dung ĐATN Tìm hiểu HTML5 Nghiên cứu hệ điều hành cho di động – Hệ điều hành Android Xây dựng ứng dụng chạy hệ điều hành Android sử dụng HTML5 Các nhiệm vụ cụ thể ĐATN Tìm hiểu ngơn ngữ HTML5 Tìm hiểu Hệ điều hành di động Android Nghiên cứu lập trình di động cho Android Xây dựng ứng dụng cho hệ điều hành Android Lời cam đoan sinh viên: Tôi - Trần Việt Sỹ - cam kết ĐATN cơng trình nghiên cứu thân hướng dẫn ThS.GVC Lương Mạnh Bá Các kết nêu ĐATN trung thực, khơng phải chép tồn văn cơng trình khác Hà Nội, ngày 26 tháng năm 2011 Tác giả ĐATN Trần Việt Sỹ Xác nhận giáo viên hướng dẫn mức độ hoàn thành ĐATN cho phép bảo vệ: Hà Nội, ngày 26 tháng năm 2011 Giáo viên hướng dẫn ThS.GVC Lương Mạnh Bá Sinh viên thực hiện: Trần Việt Sỹ – 20062742 Khóa K51 Lớp CNPM 54 TÓM TẮT NỘI DUNG ĐỒ ÁN TỐT NGHIỆP Nội dung đồ án chia thành phần sau: Phần mở đầu: Tóm tắt nội dung, đề tài giao khn khổ đồ án tốt nghiệp Trình bày thông tin môi trường thực đồ án giới thiệu tóm tắt bố cục đồ án Phần nội dung đồ án chia thành chương: Chương I: Đặt vấn đề định hướng giải pháp Trình bày cụ thể nhiệm vụ, mơ tả tốn, vấn đề cần giải Định hướng giải pháp giải vấn đề đặt Chương II: Phân tích thiết kế hệ thống Chương trình bày phân tích cụ thể hệ thống bao gồm: - Chức hệ thống - Biểu đồ Usecase - Giải thuật hệ thống - Thiết kế sở liệu Chương III: Triển khai thử nghiệm Chương trình bày hướng dẫn cho việc cài đặt kết việc triển khai ứng dụng, đánh giá hệ thống Phần kết luận: Tổng kết kết thời gian làm đồ án tốt nghiệp Những ưu điểm, nhược điểm hướng phát triển hệ thống Lời cảm ơn đến thầy cô giáo, tổ chức giúp đỡ trình làm đồ án cảm nhận sinh viên hoàn thành thời gian làm tốt nghiệp Sinh viên thực hiện: Trần Việt Sỹ – 20062742 Khóa K51 Lớp CNPM 54 Mục lục PHIẾU GIAO NHIỆM VỤ ĐỒ ÁN TỐT NGHIỆP TÓM TẮT NỘI DUNG ĐỒ ÁN TỐT NGHIỆP DANH MỤC CÁC HÌNH VẼ DANH MỤC CÁC BẢNG DANH MỤC CÁC TỪ VIẾT TẮT VÀ THUẬT NGỮ MỞ ĐẦU .7 Giới thiệu Nhiệm vụ giao đề tài Bố cục đồ án tốt nghiệp CHƯƠNG ĐẶT VẤN ĐỀ VÀ ĐỊNH HƯỚNG GIẢI PHÁP I Vấn đề cần giải Mô tả toán Các chức II Định hướng giải Hiển thị vị trí đường lên đồ Thông tin du lịch 10 Sử dụng HTML5 Phonegap 10 III Cơ sở lý thuyết .11 HTML5 11 Android 17 Chương PHÂN TÍCH VÀ THIẾT KẾ HỆ THỐNG .26 I Chức hệ thống 26 II Biểu đồ Usecase 26 III Giải thuật hệ thống .34 IV Phân tích thiết kế Cơ sở liệu 39 CHƯƠNG TRIỂN KHAI VÀ THỬ NGHIỆM 43 I Cấu trúc chung hệ thống 43 II Môi trường thử nghiệm 43 III Kiểm thử 43 IV Các kết đạt .44 V Đánh giá hệ thống 50 TÀI LIỆU THAM KHẢO .53 Sinh viên thực hiện: Trần Việt Sỹ – 20062742 Khóa K51 Lớp CNPM 54 DANH MỤC CÁC HÌNH VẼ Hình Hình Hình Hình Hình Hình Hình Hình Hình Hình Hình Hình Hình Hình Hình Hình Hình Hình Hình Hình Hình Hình Hình Hình Hình Hình Hình Giới thiệu Google Maps 10 Các bước phát triển với ứng dụng sử dụng Phonegap 11 Logo Android 18 Kiến trúc hệ điều hành Android .20 Vòng đời Activity 21 Vòng đời Service .24 Vịng đời service có kết nối 25 Usecase hệ thống .27 Use case Client 27 10 Use case Server 31 11 Miêu tả chức xác định vị trí tơi .34 12 Miêu tả chức Thông tin du lịch .35 13 Miêu tả chức tiện ích .36 14 Định dạng Object JSON .37 15 Định dạng mảng JSON 37 16 Định dạng giá trị (value) JSON 38 17 Định dạng chuỗi JSON 38 18 Định dạng số JSON .39 19 Sơ đồ liên kết bảng CSDL 40 20 Giao diện trang quản lý thông tin 45 21 Màn hình ứng dụng (trên phiên bản) 46 22 Trang thông tin du lịch (tiếng Việt) .47 23 Trang thông tin du lịch (tiếng Anh) .47 24 Thông tin chi tiết vị trí địa danh (tiếng Việt) 48 25.Chỉ dẫn chi tiết (phiên tiếng Việt) 49 26 Thông tin dẫn ( phiên tiếng Anh) 49 27 Tiện ích tìm đường 50 Sinh viên thực hiện: Trần Việt Sỹ – 20062742 Khóa K51 Lớp CNPM 54 DANH MỤC CÁC BẢNG Bảng Bảng Bảng Bảng Bảng Bảng Bảng Bảng Bảng Bảng Bảng Bảng Bảng Bảng Bảng Bảng Bảng Bảng Đặc tả use case vị trí tơi 28 Đặc tả use case thông tin địa danh 29 Đặc tả use case vị trí địa danh 29 Đặc tả use case chi tiết đường .30 Đặc tả use case tiện ích 30 Đặc tả use case quản lý tài khoản 32 Đặc tả use case quản lý tỉnh, thành phố 32 Đặc tả use case quản lý phân loại địa danh 33 Đặc tả use case quản lý địa danh .34 10 Bảng CSDL admin 40 11 Bảng CSDL admin_rule 41 12 Bảng CSDL province 41 13 Bảng CSDL types 41 14 Bảng CSDL place 42 15 Kết kiểm thử giao diện 43 16 Kết kiểm thử tích hợp .44 17 Kiểm thử sở liệu .44 18 Kiểm thử hiệu hệ thống 44 Sinh viên thực hiện: Trần Việt Sỹ – 20062742 Khóa K51 Lớp CNPM 54 DANH MỤC CÁC TỪ VIẾT TẮT VÀ THUẬT NGỮ Thuật ngữ Ý nghĩa ĐATN Đồ án tốt nghiệp HTML HyperText Markup Language GPS Global Positioning System – Hệ thống định vị toàn cầu API Application Programming Interface PK Primary Key (Khóa chính) FK Foreign Key (Khóa ngồi) IP International Protocol - Giao thức tồn cầu KQ Kết GSM/CDMA Global System for Mobile communications/ Code-Division Multiple Access Sinh viên thực hiện: Trần Việt Sỹ – 20062742 Khóa K51 Lớp CNPM 54 MỞ ĐẦU Giới thiệu Du lịch ngành khơng khói, gây nhiễm môi trường, giúp khách du lịch vừa nghỉ ngơi, giảm strees vừa biết thêm nhiều điều hay lạ mà khách chưa biết Du lịch cịn góp phần phát triển kinh tế đất nước, tạo việc làm tăng thu nhập cho người lao động (hướng dẫn viên, dịch vụ liên quan ) Ngành du lịch dịch vụ đóng góp tích cực vào kinh tế Việt Nam Số lượng khách du lịch đến Việt Nam liên tục tăng nhanh vòng 10 năm kể từ 2000 - 2010 Năm 2010, có khoảng 5.0 triệu lượt khách quốc tế, đem lại nguồn thu ngoại tệ khoảng 4.4 tỉ USD Việt Nam có nhiều điểm du lịch đa dạng từ miền Bắc đến miền Nam, từ miền núi tới đồng bằng, bãi biển, đảo Từ thắng cảnh thiên nhiên tới di tích văn hóa lịch sử, Các điểm du lịch miền núi tiếng Sapa, Bà Nà, Đà Lạt Các điểm du lịch đồng Hà Nội, Huế, Đà Nẵng, TP.Hồ Chí Minh, Các điểm du lịch bãi biển Hạ Long, Nha Trang, Phan Thiết, Vũng Tàu đảo Cát Bà, Cù lao Chàm, Côn Đảo, Phú Quốc, Vài năm trở lại đây, bùng nổ ngành công nghiệp smartphone kéo theo phát triển ứng dụng kèm mạnh mẽ hết Một ứng dụng cung cấp cập nhật nhanh chóng thơng tin du lịch, giới thiệu địa điểm du lịch tiếng vùng, tỉnh nước cơng cụ hữu ích cho người du lịch Hiện smartphone sử dụng hệ điều hành Android Iphone phát triển nhanh Cùng với đó, xuất HTML5 tạo công cụ mạnh để phát triển ứng dụng thông minh điện thoại di động Với mong muốn xây dựng ứng dụng thông tin du lịch điện thoại di động cung cấp cho người dùng thông tin địa điểm đồ, thông tin địa điểm du lịch, dẫn đường tới địa danh, danh lam thắng cảnh tiện ích cần thiết cho chuyến du lịch, em chọn đề tài : “Tìm hiểu HTML5 ứng dụng thông minh cho di động” để làm đồ án tốt nghiệp Nhiệm vụ giao đề tài Tìm hiểu HTML5 Tìm hiểu hệ điều hành cho di động, cụ thể hệ điều hành Android Xây dựng ứng dụng cho điện thoại di động chạy hệ điều hành Android sử dụng HTML5 Bố cục đồ án tốt nghiệp Đồ án tốt nghiệp bao gồm phần Trong đó, phần phần mở đầu, giới thiệu tổng quan đồ án công nghệ sử dụng Phần đặt vấn đề định Sinh viên thực hiện: Trần Việt Sỹ – 20062742 Khóa K51 Lớp CNPM 54 hướng giải pháp, nêu phương hướng phát triển cho đồ án Phần kết đạt đồ án bao gồm kết phân tích thiết kế ứng dụng, kết thực cài đặt thử nghiệm ứng dụng, đánh giá ưu nhược điểm khả sử dụng dịch vụ Cuối phần 4, phần kết luận bao gồm kết luận đánh giá công việc làm chưa làm định hướng nhằm hoàn thiện kết đạt ĐATN Sinh viên thực hiện: Trần Việt Sỹ – 20062742 Khóa K51 Lớp CNPM 54 CHƯƠNG ĐẶT VẤN ĐỀ VÀ ĐỊNH HƯỚNG GIẢI PHÁP I Vấn đề cần giải Mô tả tốn Ứng dụng Thơng tin du lịch di động sử dụng công nghệ HTML5 JQuery Mobile chạy hệ điều hành di động Android cung cấp cho người sử dụng chức năng: Cung cấp vị trí người dùng thông qua GPS Cung cấp thông tin địa danh du lịch, dịch vụ du lịch tỉnh,thành phố theo loại khác Di tích lịch sử, văn hóa, bảo tàng, địa điểm giao thông… Thông tin du lịch lấy từ server hệ thống Cung cấp chức dẫn đường cho người dùng từ vị trí đến địa điểm Cung cấp tiện ích cho người du lịch tìm đường địa điểm phương tiện khác bộ, lái xe Tìm kiếm địa điểm mà người dùng cần tìm gần với vị trí người dùng Các chức 2.1 Xây dựng trang web cung cấp thông tin du lịch Cung cấp vị trí, thơng tin tỉnh, thành phố, địa danh du lịch Thông tin địa điểm du lịch cung cấp địa http://www.sytv.byethost31.com/html5/ Người quản trị có quyền: cập nhật, thêm mới, xóa bỏ thơng tin du lịch 2.2 Xây dựng ứng dụng di động Các chức ứng dụng( dành cho người sử dụng): – Vị trí tơi : Đây vị trí người dùng hiển thị đồ Vị trí cung cấp chức GPS máy điện thoại di động (nếu điện thoại di động có hỗ trợ) wifi, địa IP – Thơng tin du lịch: Thông tin địa điểm du lịch, danh lam thắng cảnh, di tích lich sử vùng Hiển thị vị trí địa danh du lịch lên đồ hiển thị đường ngắn từ vị trí người dùng đến địa điểm Hướng dẫn chi tiết đường đến địa điểm – Tiện ích: Các tiện ích giúp người dùng tìm kiếm vị trí địa điểm cần tìm II Định hướng giải Hiển thị vị trí đường lên đồ Sinh viên thực hiện: Trần Việt Sỹ – 20062742 Khóa K51 Lớp CNPM 54