appinventor的功能及使用方法.ppt

App Inventor ——圆程序员之梦 兰州大学分布式与嵌入式系统实验室 郭守超 自测题 自测题 地震科普知识漫画 1.1 App Inventor简介、特点 App Inventor简介： App Inventor是一款谷歌公司开发的手机编程软件 软件使用者不需要掌握任何编程知识 创意 + 代码拼接 = 你自己的应用程序 App Inventor特点： 开发过程简单，易操作 开发创造自己的应用程序 不需要太多的编程知识 代码拼接的编码方法 创意 + 代码拼接 = 自己的程序 Harold Abelson 麻省理工学院教授 Father of App Inventor 计算机程序的构造和解释等 学习资料 App Inventor中文网 网址：/ 参考书目： 1.2 App Inventor开发环境 App inventor需要在web浏览器和Java 相关程序上运行 Java环境配置：Java 6 浏览器： Mozilla Firefox 3.6或更高 Apple Safari 5.0或更高 Google Chrome 4.0或更高 IE 7或更高 操作系统： Macintosh:?Mac?OS?X?10.5,?10.6? Windows:?Windows?XP,?Windows?Vista,?Windows?7? GNU/Linux:?Ubuntu?8+,?Debian?5+ 手机配置 勾选未知来源 勾选USB调试 手机必须还有SD卡 有时还需要禁止屏幕自动旋转 从下载java并安装 进入下面链接，下载安装App Inventor /dl/appinventor/installers/windows/appinventor_setup_installer_v_1_2.exe 利用google邮箱账户登录 / 即可进行程序编辑 1.3 App Inventor环境搭建 离线开发 自己搭建服务器 在线开发的基础上，解压以下文件 appengine-java-sdk-1.7.5.rar AppEngine.rar BuildServer.rar 离线开发时 运行AppEngine\startAI.cmd 运行BuildServer\launch-buildserver32.cmd 浏览器登录http://localhost:8888即可 登录后，首页如图所示 点击new，创建新程序 点击More Actions， 可以添加本地程序 点击进入程序设计界面 2.1 App Inventor开发过程 开发流程 如图所示，视图设计界面主要包括如下五部分 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 2.2 开发一个小程序 所要完成功能： 点击按钮 显示hello提示文字 播放hello提示音 所需操作： 触发按钮点击事件 设置label文本 播放音频文件 设置参数 调试程序