AppInventor的功能和使用方法.ppt

AppInventor 圆程序员之梦 兰州大学分布式与嵌入式系统实验室郭守超 自测题 自测题 地震科普知识漫画 1 1AppInventor简介 特点 AppInventor简介 AppInventor是一款谷歌公司开发的手机编程软件软件使用者不需要掌握任何编程知识创意 代码拼接 你自己的应用程序 AppInventor特点 开发过程简单 易操作开发创造自己的应用程序不需要太多的编程知识代码拼接的编码方法创意 代码拼接 自己的程序 HaroldAbelson麻省理工学院教授FatherofAppInventor计算机程序的构造和解释等 学习资料 AppInventor中文网网址 1 2AppInventor开发环境 Appinventor需要在web浏览器和Java相关程序上运行Java环境配置 Java6浏览器 MozillaFirefox3 6或更高AppleSafari5 0或更高GoogleChrome4 0或更高IE7或更高操作系统 Macintosh MacOSX10 5 10 6Windows WindowsXP WindowsVista Windows7GNU Linux Ubuntu8 Debian5 手机配置勾选未知来源勾选USB调试手机必须还有SD卡有时还需要禁止屏幕自动旋转 从下载java并安装进入下面链接 下载安装AppInventor 1 3AppInventor环境搭建 离线开发 自己搭建服务器在线开发的基础上 解压以下文件appengine java sdk 1 7 5 rarAppEngine rarBuildServer rar离线开发时运行AppEngine startAI cmd运行BuildServer launch buildserver32 cmd浏览器登录http localhost 8888即可 登录后 首页如图所示点击new 创建新程序点击MoreActions 可以添加本地程序点击进入程序设计界面 2 1AppInventor开发过程 开发流程 如图所示 视图设计界面主要包括如下五部分Palette 控件集 Viewer 视图区 Components 组成控件 Media 资源管理 Properties 属性 从Palette拖取所需component 控件 至Viewer中在Components中选择component 并可以重命名或删除在Properties中对component的属性值进行修改在Media中对音乐 图像等资源进行存储完成设计后 点击OpentheBlocksEditor下载JNLP文件 运行该文件启动JavaWebStart 打开BlocksEditor 模块编辑 也可点击PackageforPhone 把所编辑程序以apk下载至电脑上 BlocksEditor结构如图所示左边部分包含了主要的函数和属性模块Built In 常用基本函数 MyBlocks 自定义component advanced component属性值 从图中可以看出在编码过程中 Built In中所有基本函数可以直接使用 advanced包含了自定义component的基本属性 把所需函数模块从MyBlocks中直接拖拽至右边编码区进行拼接即可 点击NewEmulator生成模拟器 点击ConnecttoDevice链接模拟器进行程序测试也可使用USB连接手机进行测试测试完成后 点击PackageforPhone下载apk安装程序 新建一个hello工程选择Button label sound添加一个hello mp3修改相关属性设计完成后 打开BlocksEditor 2 2开发一个小程序 所要完成功能 点击按钮显示hello提示文字播放hello提示音所需操作 触发按钮点击事件设置label文本播放音频文件设置参数调试程序 完成后下载安装包 总结AppInventor操作简单开发过程简明易懂有助于掌握计算机基础概念 思想充分发挥想象力 锻炼动手实践能力掌握界面布局 设计等人机交互原理有效培养计算思维 创新思维 程序设计界面 模块编辑界面 程序运行示意图 谢谢