1
2
3
4
5
6
7
8
9
10
11

1.1 在应用中嵌入浏览器

发布时间:2018-08-31 06:49   发布人:陈媛媛   浏览次数:481

【 单元:在应用中嵌入浏览器 】

     如何在应用程序里展示网页?加载和显示网页都是浏览器的任务,但需求中明确要求不允许打开系统浏览器。本次课我们将学习在系统中使用WebView控件打开网页。

能力目标

知识目标

素质目标

能够熟练运用WebView控件在应用程序中打开网页。

1.掌握WebView的使用方法;
2. 掌握系统中使用WebView控件打开网页的步骤。

1. 养成积极主动学习意识;

2. 养成勤于动手的习惯;

3. 培养团队合作能力。

学习任务

重点、难点

突破方法

在应用程序中嵌入浏览器

1. WebView的使用方法;

2. 使用WebView控件打开网页的步骤。

采用翻转课堂、项目导入的教学模式,采用分组讨论、案例教学、演示动画等教学方法,将技能大赛融入到教学中。

【 导学视频 】

【 思维导图 】

1573789485804737.jpeg

【 课前准备 】

课前

微课

认识HTTP协议

资料

查找

(1)学习通知的基本使用方法;

(2)理解以下代码的含义:

<uses-permission android:name="android.permission.INTERNET"/>

【 学习资源(视频、音频、动画类)】

教学

视频

在应用中嵌入浏览器

移动

终端

快捷通道

1573789832111495.png

1573789856297779.png

1573789889926732.png

原理

动画

(1)数据通信网络的结构    (2)www的工作过程        (3)TCP工作流图   

(4)TCP滑动窗口演示      (5)TCP建立和释放过程     (6)包过滤防火墙示意图

动画特效

(1)StarBarExample      源码下载:压缩图标.pngStarBarExample-master.zip 

(2)加载动画                    源码下载:压缩图标.pngAndroid-SpinKit-master.zip

(3)侧滑效果                 源码下载:压缩图标.pngSwipeMenuDemo-master.zip 

案例运行

效果

WebView

案例源码

压缩图标.pngWebViewTest

音频

答疑

(1)如何在应用中显示网页?

2)在WebView中显示网页出现异常如何处理?

3)在应用中显示网页必须调用浏览器吗?

【 学习资源(文档、课件、图片类)】

教学设计

《在应用中嵌入浏览器》单元设计

点击进入学习

任务

工单

《在应用中嵌入浏览器》任务工单

点击进入学习

教案

《在应用中嵌入浏览器》教案

点击进入学习

课件

《在应用中嵌入浏览器》课件

点击进入学习

图标素材

点击下载素材

压缩图标.png生活图标素材.rar

点击下载素材

图片图标.png 背景32.jpg

习题

《在应用中嵌入浏览器》练习题

点击进入学习

实训指导

《在应用中打开网页》实训指导书

点击进入学习

实训

流程

1573790024908573.png

【 学习资源拓展 】

技能

大赛

实战

2018年全国职业院校技能大赛移动互联网应用软件开发赛项竞赛试题(B卷)

2018年全国职业院校技能大赛移动互联网应用软件开发赛项竞赛试题(B卷)评分点 V1

企业案例

案例名称:Android云存储客户端开发

视频讲解:文件列表

   弹出框

  异步任务模拟下载

案例课件:android开发基础

学生作品

作品名称:HealthyLife

作品文档:项目报告(在线预览)

项目源码:压缩图标.pngHealthyLife.zip

运行效果:项目展示

专业

英语

WebViewClient     WebView客户端

Permission          允许

foreground lifetime 前沿生命周期     

initiate                开始,创建,初始化 vt

Serializable         序列化, 可串行化的adj.

serialize              连载,使连续 vt

component         组建

拓展

作业

创建应用,使用WebView嵌入一个浏览器。

推荐

学习

内容

WebView使用总结

他山之石

1574788378640011.png

1574788406528430.png

1574788434139044.png

                                                1574823660111245.gif1574823660111245.gif1574823660111245.gif


  • 黄迎春 2019-11-24 19:08:50
    很实用,画面很丰富
  • 赵增涛 2019-11-24 19:10:35
    内容丰富有趣
  • 李强 2019-11-24 19:11:10
    对学习很有帮助,不错!
  • 张嘉钰 2019-11-24 19:12:38
    学到了很多
  • 李虹睿 2019-11-24 19:12:43
    很实用,赞!!
  • 刘桂芳 2019-11-24 19:13:47
    内容丰富,实用
  • 吴嘉杰 2019-11-24 19:16:41
    学到很多有用的新知识
  • 吴梦蝶 2019-11-24 19:17:28
    丰富了我的知识
  • 李亚凡 2019-11-24 19:18:38
    这节课很实用,学到很多。
  • 秦海龙 2019-11-24 19:19:47
    内容丰富有趣,很不错!
  • 田雪 2019-11-24 19:21:15
    很好,对学习很有帮助!
  • 冯晓玲 2019-11-24 19:21:30
    很棒!
  • 汤怀楠 2019-11-24 19:23:28
    老师讲解简单易懂,学到很多
  • 霍青云 2019-11-24 19:24:57
    内容丰富有趣
  • 陈超 2019-11-24 19:25:02
    不错,很实用
  • 赵颖欣 2019-11-24 19:27:46
    本节让我学习到了很多知识,对课程有了了解
  • 赵颖欣 2019-11-24 19:28:24
    本节让我学习到了很多知识,对课程有了了解
  • 李洪胜 2019-11-24 19:33:37
    对学习很有帮助,不错!
  • 袁呈泉 2019-11-24 19:34:57
    内容丰富,老师负责!
  • 杨之帅 2019-11-24 19:35:42
    很实用,画面很丰富
  • 刘云龙 2019-11-24 19:40:45
    内容丰富,通俗易懂。
  • 王兴华 2019-11-24 19:44:01
    丰富知识,很实用
  • 冯泽辰 2019-11-24 19:52:05
    老师很用心的讲解,很多细节都能指出
  • 程政 2019-11-24 19:58:27
    通俗易懂 简洁明了 非常的好
  • 任雨鹏 2019-11-24 20:07:33
    动画效果非常好,能学到很多原理,让学习更简单
  • 刘霄扬 2019-11-24 20:08:24
    对学习很有帮助,不错!
  • 赵盛彪 2019-11-24 20:56:13
    老师讲的非常好,每天学习丰富知识,把学习变简单
  • 徐健皓 2019-11-24 20:56:14
    不错,很实用