Nghiên cứu và phát triển ứng dụng tra cứu trao đổi thông tin tổng hợp cho sinh viên hàng hải trên nền tảng di động
GVHD: Thầy Đinh Đức Thiện Báo cáo tốt nghiệp Mục lục Lời mở đầu 4 Chương 1: Giới thiệu đề tài 5 Mục tiêu: 8 .9 Chương 2: Giới thiệu công cụ cài đặt 10 2.1: Ttìm hiểu về Nnative Aapplication, Mmobile Aapplication, Hhybrid Aapplication 10 2.11.1:Native Application : 10 Điểm mạnh và yếu của Native application: 10 Điểm mạnh 10 Điểm yếu .11 2.21.2: Mobile Applicationn 12 Điểm mạnh và yếu của Mobile web application 12 Điểm mạnh: 12 Điểm yếu .13 2.31.3: Hybrid .13 2.42 Lập trình PphoneGgap .18 2.1.khái niệm: .18 i.PhoneGap có thể trở thành người bạn tốt nhất của bạn nếu bạn: 19 PhoneGap làm việc như thế nào? 19 2.2: Giới thiệu tổng quan về các API PhoneGap : .21 Điểm khó khăn khi sử dụng PhoneGap: .23 2.3: Những ưu nhược điểm của PhoneGap 23 ưƯuu điểm: 23 2.4: Cài đặt phonegap 25 Chương 3 Pphân tích thiết kế hệ thống 39 3.13.1 Ssơ đồ phân rã chức năng 39 3.33.2: Sơ đồ mức ngữ cảnh: .41 Sinh viên: Lê Thanh Tùng Lớp CNT51DH1 1 GVHD: Thầy Đinh Đức Thiện Báo cáo tốt nghiệp 3.4 3.3:Sơ đồ mức đỉnh 43 3.53.4: Ssơ đồ mức dưới đỉnh của hệ thống .47 3.63.5: Ssơ đồ mức dưới đỉnh của tra cứu thông tin 49 3.73.6: Ssơ đồ mức dưới đỉnh của trao đổi thông tin 51 51 3.83.6: Ssơ đồ mức dưới đỉnh của tìm kiếm 52 Danh mục hình ảnh Tài liệu tham khảo: 3 Hình 1: 6 Ssinh viên tra cứu được sinh viên khác mà mình quan tâm trên webdsite 6 Hình 2: Sự phát triển của điện thoại di động 7 Hình 3: Ứng dụng di động 8 Sinh viên: Lê Thanh Tùng Lớp CNT51DH1 2 GVHD: Thầy Đinh Đức Thiện Báo cáo tốt nghiệp Hình 4: Các môi trường di động 10 Hình 54: Sơ đồ so sánh 16 Hình 65: Bảng so sánh .17 Hình 86 .18 : Hoạt động trong PhoneGap 18 Hhình 97: So sánh 18 Hình 108: Ứng dụng chạy trên các nền tảng khác nhau 19 Hình 11: Ngôn ngữ sử dụng 19 Hình 120: Kiến trúc PhoneGap 20 Hhình 13: Sơ đồ ứng dụng của PhoneGap1 21 Hình 142: Giới thiệu tổng quan về PhoneGap 21 Hình 153: Cách tạo 1 Android Project trong Eclipse IDE 26 Hình 16Hình 14: Cách thiết lập các thông số để tạo 1 Android Project 28 Hình175: Chỉnh sửa để chạy PhoneGap .30 Hình 186 : Ccách chỉnh sửa bên trong file java chính 31 Hình 19: Code chèn để chạy PhoneGap 35 Hình 201: Chạy chương trình trên nền tảng Android7 37 Hình2118: Hình chạy chương trình trên nền Android Emulator .38 Hình 2219: Sơ đồ phân rã chức năng 40 Hình 230: Sơ đồ mức ngữ cảnh 42 Hình 241: Sơ đồ mức đỉnh 45 Hình 25: Sơ đồ mức dưới đỉnh của hệ thống 2 .48 Hình 263: Sơ đồ mức dưới đỉnh của tra cứu thông tin 50 Hhình 274: Sơ đồ mức dưới đỉnh của trao đổi thông tin 51 Hình 285: Sơ đồ dưới đỉnh của tìm kiếm 52 Tài liệu tham khảo: - Trang wed học trực tuyến:http://www.w3schools.com/ -Tài liệu phonegap cho người mới học của Ngô Quang Trung Sinh viên: Lê Thanh Tùng Lớp CNT51DH1 3 GVHD: Thầy Đinh Đức Thiện Báo cáo tốt nghiệp http://www.slideshare.net/myloveforyounqt/phonegap-cho-nguoi-moi-hoc “lập trình hướng đối tượng trong javascript và các kiểu mẫu thiết kế”: http://www.slideshare.net/myloveforyounqt/lap-trinh-huong-doi-tuong-trongjavascript-va-cac-kieu-mau-thiet-ke?related=1 Tìm hiểu mã nguồn mở phonegap và xây dựng ứng dụng: http://www.slideshare.net/myloveforyounqt/tim-hieu-ma-nguon-mophonegap-va-xay-dung-ung-dung?related=3 Hình ảnh Hình 1 Hình 2 Hình 3 Hình 4 Hình 5 Hình 6 Hình 7 Hình 8 Hình 9 Hình 10 Hình 11 Hình 12 Hình 13 Hình 14 Hình 15 Hình 16 Hình 17 Hình 18 Hình 19 Hình 20 Hình 21 Hình 22 Hình 23 Hình 24 trang 5 6 6 12 13 14 14 14 15 15 16 16 21 22 23 23 28 29 32 33 34 35 36 37 Lời mở đầu Điện thoại thông minh hay còn gọi là smartphone thực sự đã mang đến một cuộc cách mạng cho các thiết bị di động, trong thời kì mà công nghệ số phát triển với tốc độ chóng mặt như hiện nay Nhu cầu sử dụng thiết bị di Sinh viên: Lê Thanh Tùng Lớp CNT51DH1 4 GVHD: Thầy Đinh Đức Thiện Báo cáo tốt nghiệp động đã trở nên rất phổ biến không chỉ ở Việt Nam mà trên toàn thế giới Sự tiến bộ vượt bậc của công nghệ đã làm thay đổi hoàn toàn thói quen cũng như hành vi của con người Trong tương lai, thiết bị di động sẽ trở thành phương tiện giao tiếp và làm việc chủ yếu của con người Và phần cốt lõi để tạo ra sức hấp dẫn từ những chiếc smartphone chính là hệ điều hành và các ứng dụng mà chúng đang chạy Hiện tại, các ứng dụng dành cho thiết bị di động đang bị phân mảnh rất lớn do các hãng công nghệ lớn cạnh tranh, ganh đua nhau tạo ra các nền tảng hệ điều hành di động của riêng mình Do đó PhoneGgap ra đời với mục đích “viết một lần, biên dịch qua cloud và chạy khắp nơi – tương thích với hầu hết các nền tảng hệ điều hành di động hiện tại”, đã nhận được sự đóng góp của rất nhiều tổ chức và cộng đồng công nghệ lớn PhoneGgap giúp giảm nhẹ gánh nặng - cần phải nắm bắt và hiểu rõ về các công nghệ bên trong mỗi nền tảng – đối với nhà lập trình trong việc tạo ra ứng dụng có thể chạy trên đa nền tảng di động Giờ đây, với sự hỗ trợ đắc lực của PhoneGgap, nhà lập trình chỉ cần nắm bắt và chuyên sâu về 1 công nghệ duy nhất Đề tài “nghiên cứu và phát triến ứng dụng tra cứu trao đổi thông tin tổng hợp cho sinh viên Hàng Hải trên nền tảng di động” giúp cho sinh viên có thể có cách vào mạng khác không phải thông qua máy tính Chương 1: Giới thiệu đề tài Trong những năm gần đây, mạng Internet đã trở thành nền tảng chính chi sự trao đổi thông tin trên toàn cầu Có thể thấy một cách rõ ràng là Internet đã và Sinh viên: Lê Thanh Tùng Lớp CNT51DH1 5 GVHD: Thầy Đinh Đức Thiện Báo cáo tốt nghiệp đang tác động lên nhiều mặt của đời sống chúng ta từ việc tìm kiếm thông tin, trao đổi dữ liệu đến việc hoạt động thương mại, học tập nghiên cứu và lam việc trực tuyến… Nhờ Internet mà việc trao đổi thông tin cũng ngày càng tiện lợi, nhanh chóng hơn, khái niệm thư điện tử (email) cũng không còn xa lạ với mọi người Điện thoại thông minh hay còn gọi là smartphone thực sự đã mang đến một cuộc cách mạng cho các thiết bị di động, trong thời kì mà công nghệ số phát triển với tốc độ chóng mặt như hiện nay Nhu cầu sử dụng thiết bị di động đã trở nên rất phổ biến không chỉ ở Việt Nam mà trên toàn thế giới Việc tra cứu thông tin trên di động ngày nay càng phổ biến hơn Đối với sinh viên Hàng Hải việc tra cứu thông tin trên các trang wed: www.vimaru.edu.vn Hình 1: Ssinh viên tra cứu được sinh viên khác mà mình quan tâm trên webdsite Sinh viên tra cứu những văn bản biểu mẫu cần thiết giúp sinh viên có thể nắm bắt thông tin như: học bổng, điều kiện xét tốt nghiệp, học phí, các khoa, phòng ban, thông tin tuyển sinh của trường trong năm nay và năm tới, các đề tài nghiên cứu khoa học Sinh viên: Lê Thanh Tùng Lớp CNT51DH1 6 GVHD: Thầy Đinh Đức Thiện Báo cáo tốt nghiệp Những bạn sinh viên nhà có điều kiện mua máy tinh có thể vào mạng thường xuyên sẽ nhanh chóng có thông tin trên webdsite Những sinh viên chưa có máy tính phải ra quán nét mới có được thông tin cần thiết Máạy tính không thể mang theo bên mình suốt ngày được Những thông tin khẩn cấp, lúc không có máy tính ở bên cạnh, sinh viên không thể cập nhật dược thông tin nhanh chóng được Những lúc có sự cố về mạng, sinh viên không thể tra cứu được trên bất kỳ phương tiện nào cả Những lúc có sự cố về máy tính, sinh viên không thể tra cứu được ngoài chiếc điện thoại có thể kết nối internet sinh viên có thể vào mạng qua phương tiện kết nối internet nào cả.Những sinh viên ở quê không có điều kiện vào mạng internet cũng không thể nào xem được thông tin trên wedsite của trường.Ngooàai việc tra cứu internet sinh viên hỏi thông tin qua cán bộ lớp về việc học, sinh hoạt đầu tuần, học phí, văn bản liêen quan.Với chiếc điện thoại di động thông minh có kết nối internet,bạn có thể tìm được thông tin cần thiết Trong những năm gần đây điện thoại thông minh phát triển vượt bậc.trong năm Hình 2: Sự phát triển của điện thoại di động Và ứng dụng trên di động Sinh viên: Lê Thanh Tùng Lớp CNT51DH1 7 GVHD: Thầy Đinh Đức Thiện Báo cáo tốt nghiệp Hình 3: Ứng dụng di động Với đề tài “ Nnghiên cứu phát triển ứng dụng tra cứu thông tin cho sinh viên trên nền tảng di động” giúp sinh viên đi đâu cũng có thể vào mạng lây thông tin qua ứng dụng Khi chưa có ứng dụng di động sinh viên thường dùng điện thoại kết nối vào ứng dụng như facebook, googlechome trên điện thoại di động Mục tiêu: Xây dựng ứng dụng di động cho phép sinh viên tra cứu, tìm kiếm và nhận các thông tin chính xác kịp thời từ nhà trường Các thông tin này bao gồm (tin tức từ nhà trường, các thông báo, lịch học, lịch thi, văn bản biểu mẫu dành cho sinh viên, hướng dẫn cho sinh viên về công tác đào tạo, công tác sinh viên, tra cứu kết quả học tập, ….) Có khả năng cài đặt đa nền tảng (Windows Phone, IOS, Android ) Toàn bộ các thông tin này đều được lấy thông qua dịch vụ Webservice do site nhà trường cung cấp hoặc lấy thông tin qua RSS hoặc XML… Nhiệm vụ nghiên cứu • Tìm hiểu về hệ điều hành di động • Tthu thập và tìm hiểu ,cách lập trình trên phonegap • Tìm hiểu về lập trình html, css, javaScript • scritp • Phân tích thiết kế hệ thống Phương thức nghiên cứu Sinh viên: Lê Thanh Tùng Lớp CNT51DH1 8 GVHD: Thầy Đinh Đức Thiện Báo cáo tốt nghiệp • Tìm hiểu về html5, css, javaScriptscritp • Đọc tài liệu về lập trình ứng dụng trên phonegap • - Tham gia thảo luận, hỏi đáp các diễn đàn chuyên môn, tham khảo code ví dụ, hướng dẫn trên mạng Internet về thuật toán, cách xử lý các vấn đề gặp phải Do lĩnh vực của đề tài này tương đối rộng, và bản thân kiến thức còn có nhiều hạn chế nên đồ án không tránh khỏi nhiều sai sót Em mong được sự góp ý và chỉ bảo của các thầy cô và các bạn sinh viên để nội dung đồ án được hoàn thiện và phong phú hơn Một lần nữa, em xin chân thành cảm ơn các thầy cô giáo trong khoa Công Nghệ Thông Tin, đặc biệt là thầy giáo Đinh Đức Thiện đã tận tình giúp đỡ, chỉ bảo giúp em hoàn thành đồ án Sinh viên: Lê Thanh Tùng Lớp CNT51DH1 9 GVHD: Thầy Đinh Đức Thiện Báo cáo tốt nghiệp Chương 2: Giới thiệu công cụ cài đặt 2 1: Ttìm hiểu về Nnative Aapplication, Mmobile Aapplication, Hhybrid Aapplication 2.11.1:Native Application : Mmột ứng dụng được thiết kế đặc biệt chỉ chạy trên một hệ điều hành của một thiết bị nào đó và thường phải điều chỉnh để chạy được trên các thiết bị khác nhau • Được phát triển dành riêng cho từng nền tảng cụ thể • Được phát hành thông qua các kho ứng dụng • Được xây dựng dược trên các công nghệ và các môi trường phát triển dành riêng Hình 4: Các môi trường di động Điểm mạnh và yếu của Native application: Điểm mạnh • Về mặt lợi nhuận quy thành tiền, native app dễ dàng thu phí và an toàn với các phương thức thanh tóan như iTunes và Google Checkout, dễ dàng Sinh viên: Lê Thanh Tùng 10 Lớp CNT51DH1 Hình 2219: Sơ đồ phân rã chức năng 40 3.33.2: Sơ đồ mức ngữ cảnh: 41 Hình 230: Sơ đồ mức ngữ cảnh 42 3.4 3.3:Sơ đồ mức đỉnh 43 44 Hình 241: Sơ đồ mức đỉnh 45 46 3.5 3.4: Ssơ đồ mức dưới đỉnh của hệ thống 47 Hình 25: Sơ đồ mức dưới đỉnh của hệ thống 2 48 3.6 3.5: Ssơ đồ mức dưới đỉnh của tra cứu thông tin 49 Trong đó: 1; Ttìm thông tin của trường 2:Ttìm thông tin cá nhân 3: Ddữ liệu web dservicever Hình 263: Sơ đồ mức dưới đỉnh của tra cứu thông tin 50 3.7 3.6: Ssơ đồ mức dưới đỉnh của trao đổi thông tin Hhình 274: Sơ đồ mức dưới đỉnh của trao đổi thông tin 51 3.8 3.6: Ssơ đồ mức dưới đỉnh của tìm kiếm Hình 285: Sơ đồ dưới đỉnh của tìm kiếm 52