App Inventor的功能的和使用方法.ppt

App Inventor ;自测题;自测题;地震科普知识漫画; 1.1 App Inventor简介、特点;App Inventor特点： 开发过程简单，易操作 开发创造自己的应用程序 不需要太多的编程知识 代码拼接的编码方法 创意 + 代码拼接 = 自己的程序; Harold Abelson 麻省理工学院教授 Father of App Inventor 计算机程序的构造和解释等;学习资料;1.2 App Inventor开发环境;手机配置 勾选未知来源 勾选USB调试 手机必须还有SD卡 有时还需要禁止屏幕自动旋转; 从下载java并安装 进入下面链接，下载安装App Inventor /dl/appinventor/installers/windows/appinventor_setup_installer_v_1_2.exe 利用google邮箱账户登录 / 即可进行程序编辑;离线开发; 登录后，首页如图所示 点击new，创建新程序 点击More Actions， 可以添加本地程序 点击进入程序设计界面;开发流程;如图所示，视图设计界面主要包括如下五部分 Palette （控件集） Viewer （视图区） Components （组成控件） Media （资源管理） Properties（属性）;从Palette拖取所需component（控件）至Viewer中 在Components中选择component，并可以重命名或删除 在Properties中对component的属性值进行修改 在Media中对音乐、图像等资源进行存储 完成设计后，点击Open the Blocks Editor 下载 JNLP 文件,运行该文件 启动 Java Web Start，打开Blocks Editor（模块编辑） 也可点击Package for Phone，把所编辑程序以apk下载至电脑上;Blocks Editor结构如图所示 左边部分包含了主要的函数和属性模块 Built-In (常用基本函数) My Blocks (自定义component) advanced (component属性值) 从图中可以看出 在编码过程中， Built-In中所有基本函数可以直接使用，advanced包含了自定义component的基本属性，把所需函数模块从My Blocks中直接拖拽至右边编码区进行拼接即可。; 点击New Emulator生成模拟器， 点击Connect to Device 链接模拟器进行程序测试 也可使用USB连接手机进行测试 测试完成后，点击Package for Phone 下载apk安装程序; 新建一个hello工程 选择Button、label、sound 添加一个hello.mp3 修改相关属性 设计完成后，打开 Blocks Editor; 所要完成功能： 点击按??? 显示hello提示文字 播放hello提示音 所需操作： 触发按钮点击事件 设置label文本 播放音频文件 设置参数 调试程序，完成后下载安装包;总结 App Inventor操作简单 开发过程简明易懂 有助于掌握计算机基础概念、思想 充分发挥想象力，锻炼动手实践能力 掌握界面布局、设计等人机交互原理 有效培养计算思维、创新思维;程序设计界面;模块编辑界面;程序运行示意图;谢谢