VIỆN ĐẠI HỌC MÒ HÀ NỘI KHOA CÔNG NGHỆ ĐIỆN TỬ THÔNG TIN ĐỒ ÁN TỐT NGHIỆP ĐẠI HỌC Đề tài “Lập trình Android và ứng dụng WebView trong Android” Giảng viên hướng dẫn QUÁCH THỊ HẠNH Sinh viên thực hiện LÊ.
VIỆN ĐẠI HỌC MỊ HÀ NỘI KHOA CƠNG NGHỆ ĐIỆN TỬ - THÔNG TIN ĐỒ ÁN TỐT NGHIỆP ĐẠI HỌC Đề tài: “Lập trình Android ứng dụng WebView Android” Giảng viên hướng dẫn: QUÁCH THỊ HẠNH Sinh viên thực : LÊ ANH QUÂN Lóp : K16A Khóa : 2013-2017 Hệ : ĐẠI HỌC CHÍNH QUY Hà Nội, tháng 5/2017 MỞ ĐẦU Mạng điện thoại di động xuất Việt Nam từ năm 1990 theo thời gian sổ lượng thuê bao nhà cung cấp dịch vụ di động Việt Nam ngày tăng Do nhu cầu trao đối thông tin ngày tăng nhu cầu sừ dụng sản phẩm cơng nghệ cao có nhiều tính , cấu hỉnh cao, chất lượng tốt, kiếu dáng mẫu mã đẹp, phong phú nèn nhà cung cấp phái luôn thiện, nâng cao sản phẩm cùa Do đó, việc xây dựng ứng dụng cho điện thoại di động ngành công nghiệp đầy tiềm hứa hẹn nhiều vượt bậc phát triến ngành khoa học kĩ thuật Cùng với phát triền thị trường điện thoại di động phát triến mạnh mẽ cùa xu hướng lập trinh phần ứng dụng cho thiết bị di động Hiện phần mềm, ứng dụng cho điện thoại di động đa dạng, phong phú, hệ điều hành di động phát triến mạnh mẽ thay đối ngày Các hệ điều hành J2ME, Android, IOS, Window Phone có phát triến thị trường truyền thông di động Trong vài năm trở lại đây, hệ điều hành Android đời, kế thừa ưu việt hệ điều hành đời trước kết hợp cũa nhiều công nghệ tiên tiến nay, phát triển Google Android nhanh chóng đối thũ cạnh tranh mạnh mẽ với hệ điều hành trước hệ điều hành di động tương lai nhiều người ưa chuộng Ngày nay, với phát triển nhanh chóng cùa xã hội, nhu cầu lướt web, cập nhật thông tin lúc nơi cần thiết, em chọn đề tài “Lập trình Android ứng dụng trình duyệt Webview” với mục đích nghiên cứu, tìm hiêu hệ điều hành Android xây dựng ứng dụng trình duyệt Wcbvicw để đáp ứng nhu cầu lướt web, cập nhật thơng tin cách nhanh chóng tiện lợi MỤC LỤC MỞ ĐÀU LỜI CÁM ON NHẬN XÉT DANH MỤC HÌNH VẼ KÝ HIỆU CÁC CỤM TỪ VIẾT TẨT DANH MỤC HÌNH VẼ Hình 16 Code chức Button Reload 49 Hình 17 Code JavaScript Webview 49 SDK: Software Development Kit Công cụ phát triển phần mềm XML: extensible Markup Language Ngôn ngừ đánh dấu mờ rộng HTTP: HyperText Transfer Protocol Giao thức truyền tái siêu văn SOAP: Simple Object Access Protocol Giao thức truy cập đối tượng đơn giản HTML: HyperText Markup Language Ngôn ngừ Đánh dấu Siêu văn bân URL: Uniform Resource Locator Định vị tài nguyên Internet XHTML: Extensible HyperText Markup Ngôn ngừ Đánh dấu Siêu văn Mở Language rộng API: Application Programming Interface Giao diện lập trình ứng dụng CSS: Cascading Style Sheets Ngơn ngừ dùng để tìm định dạng lại phần tử tạo ngơn ngữ đánh dấu KÍ HIỆU CÁC CỤM TÙ VIÉT TÁT CHƯƠNG 1: TÓNG QUAN VÈ ANDROID Android gì? Lịch sử phát triển Android 1.1 Android gì? Android hệ điều hành dựa tàng Linux thiết kế dành cho thiết bị di động có hình cảm ứng điện thoại thơng minh máy tính bảng 1.2 Lịch sử phát triến Android Ban đầu, Android hệ điều hành cho thiết bị cầm tay dựa lõi Linux công ty Android Inc (California, Mỹ) thiết kế Công ty sau Google mua lại vào năm 2005 bát đầu xây dựng Android Platform Và sau tiếp, vào cuối năm 2007, thuộc Liên minh Thiết bị cầm tay Mã Nguồn mở (Open Handset Alliance) Mục tiêu Liên minh nhanh chóng đồi đế đáp ứng tốt cho nhu cầu người tiêu dùng kết q đau tiên tăng Android Android thiết C đế phục vụ nhu cầu cùa nhà săn xuất thiết, nhà khai thác lập trình viên thiết bị cầm tay Phiên bàn SDK lan đau tiên phát hành vào tháng 11 năm 2007, hãng T-Mobile công bố điện thoại Android T-Mobile Gl, smartphone dựa tảng Android Một vài ngày sau đó, Google lại tiếp tục cơng bố mắt phiên bàn Android SDK release Candidate 1.0 Trong tháng 10 năm 2008, Google cấp giấy phép mã nguồn mớ cho Android Platform Khi Android phát hành số mục tiêu kiến trúc cho phép ứng dụng tương tác với sử dụng lại thành phần từ ứng dụng khác Việc tái sừ dụng không chi áp dụng cho dịch vụ mà cịn áp dụng cho cà thành phần liệu giao diện người dùng Vào cuối năm 2008, Google cho phát hành thiết bị cầm tay gọi Android Dev Phone chạy ứng dụng Android mà không bị ràng buộc vào nhà cung cấp mạng điện thoại di động Mục tiêu thiết bị cho phép nhà phát triền thực thí nghiệm thiết bị thực chạy hệ điều hành Android mà không phái kỷ hợp đồng Vào khoảng thời gian Google cho phát hành phiên vàn vá lỗi 1.1 cùa hệ điều hành Ớ cà hai phiên bán 1.0 1.1 Android chưa hồ trợ soft-keyboard mà đòi hịi thiết bị phải sừ dụng bàn phím vật lý Android cố định vấn đề bang cách phát hành SDK 1.5 vào tháng Tư năm 2009, với số tính khác Chẳng hạn nâng cao khả ghi âm truyền thông, vật dụng, live folder Kiến trúc Android Mơ hình sau cách tống quát thành phần hệ điều hành Android Mỗi phan đặc tã cách chi tiết Applications Window Manager Activity Manager Content Providers View System Application Framework Telephony Manager Package Manager Location Manager '"Itttfteficatlon Manager Linux Kernel Camera Driver Binder (IPC) Driver WIFI Driver Power Management Hình 1 Cần trúc stack hệ thong Android 2.1 Applications Android tích hợp sằn số ứng dụng cần thiết bàn như: contacts, browser, camera, Phone, Tat cà ứng dụng chạy hệ điều hành Android viết bàng Java 2.2 Application framework Bang cách cung cấp táng phát triền mớ, Android cung cấp cho nhà phát triển khả xây dựng ứng dụng phong phú sáng tạo Nhà phát triền tự tận dụng thiết bị phần cứng, thông tin địa điếm truy cập, dịch vụ chạy nền, thiết lập hệ thống báo động, thêm thông báo đế trạng thái, nhiều, nhiều Nhà phát triển có thề truy cập vào API khuôn khố sử dụng bới ứng dụng lõi Các kiến trúc ứng dụng thiết kế đê đơn giàn hóa việc sứ dụng lại thành phần; ứng dụng xuất khả minh ứng dụng khác sau sứ dụng khã (có thề hạn chế báo mật thực thi khuôn khồ) Cơ chế cho phép thành phần tương tự thay thể bời người sử dụng Cơ tất ứng dụng dịch vụ hệ thống, bao gom: - Một tập hợp nhiều View có khả kế thừa lẫn dùng đe thiết kế phần giao diện ứng dụng như: gridview, tableview, lincarlayout, - Một “Content Provider” cho phép ứng dụng truy xuất liệu từ ứng dụng khác (chẳng hạn Contacts) chia sè liệu ứng dụng - Một “Resource Manager” cung cap truy xuất tới tài nguyên mã nguồn, chẳng hạn như: localized strings, graphics, and layout files - Một “Notifycation Manager” cho phép tất ứng dụng hiến thị custom alerts status bar Activity Manager dùng để quán lý chu trình sống cùa ứng dụng điều hướng activity 2.3 Library Android bao gồm tập hợp thư viên C/C++ sứ dụng bới nhiều thành phần khác hệ thống Android Điều thông qua tảng ứng dụng Android Một số thư viện bàn liệt kê đây: - Thư viện hệ thống (System c Library)(Libc): Thư viện dựa trèn chuẩn c, sừ dụng chi hệ điều hành - Thư viện Media (Media Libraries): Có nhiều codec đế hồ trợ việc phát ghi loại định dạng âm thanh, hình ảnh, video thông dụng - Thư viện web (LibWebCore): Đây thành phan để xem nội dung web, sử dụng để xây dụng phàn mềm duyệt web (Android Browse) đề ứng dụng khác nhúng vào Nó mạnh, hồ trợ nhiều công nghệ mạnh mẽ HTML5, JavaScript, css, DOM, AJAX - Surface Manager: quán lý hiền thị 2D 3D - SGL công nghệ 2D - SQLite: quán lý database cùa ứng dụng - Free Type: dùng cho hiền thị ành, font - SSL (Secure Socket Layer): Tầng thiết lập giao dịch an toàn ứng dụng cồng (socket) - Open GL/EL: hồ trợ thư viện tùy chọn 3D tĩnh động 2.4 Android Runtime Phần thư viện mà chương trình viết ngơn ngừ Java hoạt động Phần có phận tương tự mơ hỉnh chạy Java máy tính thường Thứ thư viện lõi (Core Library), chứa lớp JAVA 10, Collections, File Access Thứ hai máy ảo Java (Dalvik Virtual Machine) Mặc dù viết bàng ngôn ngữ Java ứng dụng Java cùa hệ điều hành Android không chạy bang JRE (Java Runtime Environment) Sun (nay Ocralc) (JVM) mà chạy máy ảo Dalvik ( máy áo Dalvik đặt tên sau nhà phát triển phần mềm google tạo nỏ sau đến thăm làng nơi tố tiên ông sinh sống Googke phát triển Máy ảo Dalvik thực thi tập tin Dalvik (dex), khác với Java chuyến sang dạng bytecode Định dạng tối ưu hóa cho nhớ tối thiếu 2.5 Linux Kernel Android dựa Linux phiên bán 2.6 cho hệ thống dịch vụ cốt lõi security, memory management, process management, network stack, and driver model Kernel Linux hoạt động lóp trừu tượng hóa phần cứng phần lại phần mềm stack Các thành phần Android Project 3.1 AndroidManifest.xml Trong project Android tạo có file AndroidManifest.xml, file dùng đê định nghĩa screen sử dụng, permission theme cho ứng dụng Đồng thời chứa thông tin phiên bàn SDK main activity chạy đau tiên File tự động sinh tạo Android project Trong file manifest có thành phần là: application, permission version Dưới nội dung cúa file AndroidManifest.xml Application android:icon="@drawable/icon ” android: label= "@string/app_name "> Activity android:name= ".LoginActivity" android':label= "@string/app_name "> Action android: name="android intent, action MAIN" /> Aategory android:name= "android.intent.category.LA UNCHER" /> Activity android:name= ".MainContactListActivity" /> Hình Code giao diện Button BackXây dựng code chức năng: i»gback.3et0nClickListener((viewị — ( if (webView.canGoBack))) ( vebView.goBackl); edturl.setĩext(webViev.getUrl()); least.makeTextfMainActivity.this,"Trang truóc",Toast.IEN6ni_SH0RT) show(); ielse { Toast.MksTextlMainẦctivity.this, "Khơng có liệu trang trước để trõ ve’,loast.IENSTH SHORT).show(); II; Hình Code chức Button Back Trường hợp Webview có the quay lại trang trước (canGoBack) thi Wcbvicw thực hành động đến trang trước (go Back) Lúc Webview có thơng báo: “Trang trước” TrinhDuyetWebView < >(25 Nhập URL OK TẤT CẢ HÌNH ẢNH Đăng nhập Google.com.vn có cãc ngơn ngữ English Frangais $5? ( $?»“ ) Hình 4 Trang đăng nhập TrinhDuyetWebView http://www.google.com.' OK Google viện đại học mở hà nội Q TÁT CÁ HÌNH ÁNH TIN TÚC VIDEO Tuyến sinh ĐH Trực tuyến EHOU Cấp Viện ĐH Mở Hà Nội E3 ehou.edu.vn/ Tuyến sinh đại học toàn quốc Xét tuyến h'ô sơ đầu vào liên tục Học Online Luật Kinh tế ■ Ngơn ngữ Anh Kê’tốn V Gọi 04 3623 1058 • BI 01, Nguyễn Hiền, TT Bách Khoa, Đại Học Mớ Hà Nội Tuyến Sinh - cử Nhân Trực Tuyến - xét Tuyến E3 www.heu.edu.vn/Đại_Học_MỠ/Tuyến^ Hình Trang sau Khi sử dụng Button Back, Webview quay lại trang trước TrinhDuyetWebView http://www.google.comA OK TẴTCẢ HÌNH ẢNH Đăng nhặp Google Google.com.vn có ngôn ngữ: English Frarxjais rp X ( SỈẼH ) Trang truức Hỉnh Thông háo “Trang trước” Webview thông báo “Trang trước” lên Trường hợp Webview khơng có dừ liệu trang trước, bấm vào Button Back lên thơng báo: “Khơng có liệu trang trước để trờ về” TrinhDuyetWebView -Nhập URL OK TẴT CẢ H1NH ÁNH ■■■ Đàng nhập Google Google.com có ngón ngữ English Frangais rFX (ỊKĩ§) Khơng có liệu trang trưức đê’ trở Hình Thơng háo “Khơng có liệu trang trước đê trở về” 2.Button Next (Nút tiến) 2.1 Giói thiệu Button Next Chức trạng thái biểu cùa Button Next giống hệt Button Back, chì khác chức Button Next sau quay trờ lại trang trước bàng nút back, bạn muốn đường mà đi, bạn nhan Button Next để tiếp tục Ký hiệu: 2.2 Xây dựng chức Button Next: Xây dựng giao diện: Giao diện Button Next sau: TrinhDuyetWebView URL OK Hình Giao diện Button Next Xây dựng code giao diện: Hình 15 Code giao diện Button Reload Xây dựng code chức Button Reload: imgreload.setOnClickListener((v) — { webView.reload(); edturl.setText(webView.getUrl()); }); Hình 16 Code chức Button Reload Sử dụng JavaScript Web View Neu trang web ta dự định tải WebView sử dụng JavaScript, ta phái kích hoạt JavaScript cho WcbView Khi bật JavaScript, ta tạo giao diện mã ứng dụng mã JavaScript bạn WebSettinqs webSettinqs = webView getSettingsO ; webSettings setJavaScriptEnabledftrue) ;| Hình 17 Code JavaScript Webview JavaScript vơ hiệu hóa WebView theo mặc định Ta có thề kích hoạt thơng qua WebSettings đính kèm WebView cúa minh Ta lấy WebSettings với lệnh getSettings 0, sau bật JavaScript với lệnh setJavaScriptEnabled () Kết luận Sau thực xong ứng dụng trình duyệt WebView Android em nắm bắt qui trình làm dự án phần mềm hệ điều hành Android đồng thời tìm hiếu thêm nhiều kiến thức Android đẻ phục vụ cho trình học tập công việc sau DANH MỤC TÀI LIỆU THAM KHẢO Copyright © 2009 by Mark L Murphy Beginning Android Appress đ Copyright â 2009 by Sayed Y Hashimi and Satya Komatineni Pro Android Appress đ Copyright â 2009 by w FRANK ABLESON, CHARLIE COLLINS, ROBI SEN Unlocking Android ... CHƯƠNG 3: DEMO ỨNG DỤNG Trong phần demo ứng dụng, em sứ dụng phần mềm Android Studio để xây dựng ứng dụng trình duyệt WebView Thiết kế ứng dụng Đầu tiên, tạo project có tên TrinhDuyetWebView ► D... (EditText)ỉinđVievByld(R.id.editText) webView - (WebView) fmdViewById(R id web view); Hình Code ứng dụng webView; Chạy ứng dụng, kết số chức Web View Chạy ứng dụng: Android Emulator - Nexus_4_API_24:5554 Hình ứng dụng WebView. .. thiết, em chọn đề tài ? ?Lập trình Android ứng dụng trình duyệt Webview? ?? với mục đích nghiên cứu, tìm hiêu hệ điều hành Android xây dựng ứng dụng trình duyệt Wcbvicw để đáp ứng nhu cầu lướt web,