App-Inventor移动应用开发标准教程1-课件

第1讲

AppInventor初步

/服务器地址信息技术革命历程大机器时代1946～1970’s微机时代1970～2000’s移动时代2000～AppInventor是一种在线的软件开发工具。这种工具可以使用户更容易的为Android智能手机编写应用程序。特点：“拼软件”，即通过拖放图形化的组件和代码块，将这些代码放在一起，结果产生一个应用程序（App）。什么是AppInventorAppInventor原是Google实验室（GoogleLab）的一个子计划，由一群Google工程师和勇于挑战的Google使用者共同参与。AppInventor于2010年12月15日正式公开发布，团队由HalAbelson和MarkFriedman领导。在2011年下半年，谷歌发布源代码，终止其服务器，将该项目移交给麻省理工学院（MIT）移动学习中心，由MIT的HalAbelson教授和他的同事EricKlopfer和MitchelResnick教授领导继续开发。2012年3月MIT版本的AppInventor推出并开放使用。在2013年12月，MIT发布了AppInventor2。AppInventor发展IEEE理事、ACM理事MITMacVicar教师理事之一1995IEEETaylorL.Booth奖2012ACMSIGCSE奖1980Logo编程语言1982《TurtleGeometry》•几何学教学和学习方法的革命性改变1984《计算机程序的结构与解释》（SICP）•计算机程序设计经典书籍•在全世界范围计算机教育界形成了极为重要的影响自由软件运动的发起人和倡导者。•自由软件基金会（FreeSoftwareFoundation）董事•CreativeCommons的发起和领导者Harold(Hal)Abelson教授操作系统Macintosh(使用Intel处理器):MacOSX10.5或更高版本。Windows:WindowsXP,WindowsVista,Windows7。GNU/Linux:Ubuntu8或更高版本,Debian5或更高版本。注:GNU/Linuxlive开发，在计算机和Android设备之间仅支持WiFi连接。系统要求浏览器MozillaFirefox3.6或更高版本。AppleSafari5.0或更高版本。GoogleChrome4.0或更高版本。MicrosoftInternetExplorer不支持。模拟器Phone或Tablet或emulator（模拟器）。AndroidOperatingSystem2.3或更高版本。系统要求用AI2构建应用时，有三种可选择的方式设置实时测试/explore/ai2/setup.html使用安卓设备和无线网络进行开发没有安卓设备，安装并运行AI2模拟器没有WiFi，使用USB数据线和安卓设备开发AppInventor开发环境配置需要在安卓设备上下载和安装“MITAppInventorCompanionapp”可以通过扫描“GooglePlayStore”或“Apk文件”二维码下载安装。此外，也可以直接通过地址http://appinv.us/xAI2cf34下载Apk文件，然后安装到安卓设备。使用安卓设备和无线网络进行开发注：1、如果你的安卓设备不能使用二维码扫描，也可以直接到GooglePlayStore搜索“MITAI2Companion”，然后安装。2、如果直接使用Apk安装，请将安卓设备设置为允许安装“未知来源”，在Android4.0以前版本通过“设置”—>“应用”—>“未知来源”设置。在Android4.0或之后版本通过“设置”—>“安全”—>“未知来源”设置。使用安卓设备和无线网络进行开发将计算机和安卓设备连接到同一无线网络。登录服务器。打开网站登录，并打开应用。在“连接【Connect】”菜单中选择“AICompanion【AI伴侣】”然后弹出二维扫描对话框，在你的安卓设备中启动安装好的“MITAppCompanion”应用。然后单击“ScanQRcode”按钮扫描浏览器中的二维码。使用安卓设备和无线网络进行开发使用安卓设备和无线网络进行开发如果你的App没有出现在案作安卓设备上，最可能原因如下：安卓设备上配套安装的AppInventorCompanionApp已经过期，请从AI2网站下载最新的CompanionApp。安卓设备没有连接到无线网络，确认在安卓设备上AICompanionApp屏幕下方显示了IP地址。安卓设备和计算机没有连接到同一无线网络。你的学校或组织可能不允许无线网络连接协议。问题排除使用第二种和第三种连接方式，首先需要安装JAVA和配置环境变量。AppInventor开发环境配置下载JavaDevelopmentKit(JDK)。安装Java运行环境安装Java运行环境简单设置，我的电脑->属性->高级->环境变量->系统变量在Path后加入(JDK的bin路径)：C:\ProgramFiles\Java\jdk1.7.0_03\bin安装Java运行环境专业的设置环境变量步骤如下：我的电脑->属性->高级->环境变量->系统变量中添加以下环境变量：JAVA_HOME值为：C:\ProgramFiles\Java\jdk1.7.0_03（你安装JDK的目录）CLASSPATH值为：.;%JAVA_HOME%\lib\tools.jar;%JAVA_HOME%\lib\dt.jar;Path:

在开始追加“;%JAVA_HOME%\bin;%JAVA_HOME%\jre\bin安装Java运行环境安装Java运行环境安装Java运行环境安装完成后测试是否配置成功依次单击“开始”－>开始菜单最下方的“搜索程序和文件”，键入“cmd”，然后在搜索结果对话框选择选择“CMD.exe”，（或“开始”->“所有程序”->“附件”->“命令提示符”）,在打开的命令符提示窗口键入命令“javac”安装Java运行环境下载软件包（http://appinv.us/aisetup_windows）下载完成后，要以Windows7的管理员的权限进行安装。

安装“AppInventor2Setup”软件包安装完成后，在桌面或“开始”—>“所有程序”中启动“aiStarter”。启动“aiStarter”登录服务器。打开网站

或国内的服务器。创建一个AppInventor项目，任意选择一个组件放在工作面板中。从“连接【Connect】”中选择“模拟器【Emulator】”，启动模拟器。打开AppInventor项目和连接到模拟器连接到模拟器浏览器会弹出一个“连接中…【Connecting…】”对话框连接到模拟器接着在启动过程中，会检查你的模拟器中的伴侣程序是否过期，如果不是最新的版本系统会提示你“伴侣程序已过期，……”连接到模拟器出现如下界面时，把屏幕切换到模拟器界面，选择“确定【OK】”按钮，接着单击“安装【Install】连接到模拟器连接到模拟器然后再次返回到网页，单击“升级完成”，AI伴侣程序会自动在模拟器中启动，并将你的App下载到模拟器并运行连接到模拟器步骤1：在计算机上安装Java和“AppInventor2Setup”软件包，详细过程见第二种方法步骤1和2。步骤2：下载和安装“MITAppInventorCompanionapp”，详细过程见第一种方法步骤1。步骤3：启动“aiStarter”。步骤4：在安卓设备上设置USB连接（打开“USB调试”）。在安卓设备的“设置”—>“开发者选项”中,确保“USB调试”是允许的。在Android3.2或以前版本的设备上，可以通过“设置”—>“应用”—>“开发者选项”进行设置。使用USB数据线和安卓设备开发步骤5：连接计算机和安卓设备，要使用USB将安卓设备连接到计算机使用,确保设备连接作为一个“大规模存储设备”(不是“媒体设备”),此外还可能需要安装安卓设备驱动和停止其它手机助手软件。步骤6：测试连接打开你的AI2项目，然后选择“连接【Connect】”中的“USB”，连接你的安卓设备。使用USB数据线和安卓设备开发启动AI2后，如果你登录的帐号还没有创建任何项目，开发环境会进入到项目管理界面AppInventor2界面

项目管理界面，主要可以完成项目的新建、删除、导入、导出、删除、保存等功能。项目管理界面设计界面设计界面主要由7大部分组成。（1）导航菜单（2）工具菜单（3）组件面板（4）工作面板（5）组件列表（6）组件属性（7）素材设计界面块编辑器块编辑器主要由5大部分组成。（1）工具菜单（2）模块窗口（3）抽屉：从（1）中选择某个的模块后，弹出抽屉，显示对应模块的命令、事件和赋值等。（4）素材（5）工作面板块编辑器命令模块是执行某一组件的行为命令模块（深紫色）事件模块（土黄色）赋值模块用于取得组件的属性值和对组件属性的重新赋值。分两种类型，一种是取值模块，一种是重新赋值模块。赋值模块（深绿色）代码块中的下三角符号代码块的操作方法代码块左上角的蓝色正方形代码块的操作方法淡粉色小正方形代码块的操作方法右键单击不同的模块的弹出菜单，可以复制代码块、添加注释、折叠代码块、禁用代码块、删除代码块和跨屏复制代码等。代码块的操作方法代码搜索功能在代码工作面板直接输入关键字进行搜索代码组件搜索时关键字输入要根据你添加的组件的名称进行输入；内置块的搜索时，如果是在中文版本需要输入中文关键字，如“如果、循环、绝对值”，如果是在英文版本需要输入英文关键字，如“if、each、abs”。代码块的操作方法Gallery是AppInventor集成用来分享你的应用（包括源文件）和探索别人的APP源码。你可以一键分享你的应用到Gallery，一键便可以打开其它人分享的应用并去重新修改它。Gal