AppInventor移动应用开发标准教程课件.pptx

《AppInventor移动应用开发标准教程课件.pptx》由会员分享，可在线阅读，更多相关《AppInventor移动应用开发标准教程课件.pptx（59页珍藏版）》请在三一办公上搜索。

1、第1讲 App Inventor初步,http:/ai2.appinventor.mit.edu/http:/,服务器地址,信息技术革命历程,大机器时代 19461970s,微机时代 19702000s,移动时代 2000,App Inventor 是一种在线的软件开发工具。这种工具可以使用户更容易的为Android智能手机编写应用程序。特点：“拼软件”，即通过拖放图形化的组件和代码块，将这些代码放在一起，结果产生一个应用程序（App）。,什么是App Inventor,App Inventor 原是Google实验室（Google Lab）的一个子计划，由一群Google工程师和勇于挑战的G

2、oogle使用者共同参与。App Inventor于2010年12月15日正式公开发布，团队由 Hal Abelson和Mark Friedman领导。在2011年下半年，谷歌发布源代码，终止其服务器，将该项目移交给麻省理工学院（MIT）移动学习中心，由MIT的Hal Abelson教授和他的同事Eric Klopfer和Mitchel Resnick教授领导继续开发。2012年3月MIT版本的App Inventor推出并开放使用。在2013年12月，MIT发布了App Inventor 2。,App Inventor发展,IEEE理事、ACM理事MIT MacVicar教师理事之一1995

3、 IEEE Taylor L.Booth奖2012 ACM SIGCSE奖1980 Logo编程语言1982 Turtle Geometry 几何学教学和学习方法的革命性改变1984计算机程序的结构与解释（SICP）计算机程序设计经典书籍 在全世界范围计算机教育界形成了极为重要的影响自由软件运动的发起人和倡导者。自由软件基金会（Free Software Foundation）董事 Creative Commons的发起和领导者,Harold(Hal)Abelson教授,操作系统Macintosh(使用Intel处理器):Mac OS X 10.5或更高版本。Windows:Windows X

4、P,Windows Vista,Windows 7。GNU/Linux:Ubuntu 8或更高版本,Debian 5或更高版本。注:GNU/Linux live开发，在计算机和Android设备之间仅支持WiFi连接。,系统要求,浏览器Mozilla Firefox 3.6或更高版本。Apple Safari 5.0或更高版本。Google Chrome 4.0或更高版本。Microsoft Internet Explorer不支持。模拟器Phone或 Tablet或emulator（模拟器）。Android Operating System 2.3 或更高版本。,系统要求,用AI2构建应用时

5、，有三种可选择的方式设置实时测试http:/appinventor.mit.edu/explore/ai2/setup.html使用安卓设备和无线网络进行开发没有安卓设备，安装并运行AI2模拟器没有WiFi，使用USB数据线和安卓设备开发,App Inventor开发环境配置,需要在安卓设备上下载和安装“MIT App Inventor Companion app”可以通过扫描“Google Play Store”或“Apk文件”二维码下载安装。此外，也可以直接通过地址http:/appinv.us/xAI2cf34下载Apk文件，然后安装到安卓设备。,使用安卓设备和无线网络进行开发,注：1、

6、如果你的安卓设备不能使用二维码扫描，也可以直接到Google Play Store搜索“MIT AI2 Companion”，然后安装。2、如果直接使用Apk安装，请将安卓设备设置为允许安装“未知来源”，在Android4.0以前版本通过“设置”“应用”“未知来源”设置。在Android4.0或之后版本通过“设置”“安全”“未知来源”设置。,使用安卓设备和无线网络进行开发,将计算机和安卓设备连接到同一无线网络。登录服务器。打开网站http:/登录，并打开应用。在“连接【Connect】”菜单中选择“AI Companion【AI伴侣】”然后弹出二维扫描对话框，在你的安卓设备中启动安装好的“MI

7、T App Companion”应用。然后单击“Scan QR code”按钮扫描浏览器中的二维码。,使用安卓设备和无线网络进行开发,使用安卓设备和无线网络进行开发,如果你的App没有出现在案作安卓设备上，最可能原因如下：安卓设备上配套安装的App Inventor Companion App已经过期，请从AI2网站下载最新的Companion App。安卓设备没有连接到无线网络，确认在安卓设备上AICompanion App屏幕下方显示了IP地址。安卓设备和计算机没有连接到同一无线网络。你的学校或组织可能不允许无线网络连接协议。,问题排除,使用第二种和第三种连接方式，首先需要安装JAVA和配

8、置环境变量。,App Inventor开发环境配置,下载Java Development Kit(JDK)。http:/,安装Java运行环境,安装Java运行环境,简单设置，我的电脑-属性-高级-环境变量-系统变量在Path后加入(JDK的bin路径)：C:Program FilesJavajdk1.7.0_03bin,安装Java运行环境,专业的设置环境变量步骤如下：我的电脑-属性-高级-环境变量-系统变量中添加以下环境变量：JAVA_HOME值为：C:Program FilesJavajdk1.7.0_03（你安装JDK的目录）CLASSPATH值为：.;%JAVA_HOME%libto

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

10、权限进行安装。,安装“App Inventor 2 Setup”软件包,安装完成后，在桌面或“开始”“所有程序”中启动“aiStarter”。,启动“aiStarter”,登录服务器。打开网站http:/ai2.appinventor.mit.edu 或国内的服务器http:/。创建一个App Inventor项目，任意选择一个组件放在工作面板中。从“连接【Connect】”中选择“模拟器【Emulator】”，启动模拟器。,打开App Inventor项目和连接到模拟器,连接到模拟器,浏览器会弹出一个“连接中【Connecting】”对话框,连接到模拟器,接着在启动过程中，会检查你的模拟器中

11、的伴侣程序是否过期，如果不是最新的版本系统会提示你“伴侣程序已过期，”,连接到模拟器,出现如下界面时，把屏幕切换到模拟器界面，选择“确定【OK】”按钮，接着单击“安装【Install】,连接到模拟器,连接到模拟器,然后再次返回到网页，单击“升级完成”，AI伴侣程序会自动在模拟器中启动，并将你的App下载到模拟器并运行,连接到模拟器,步骤1：在计算机上安装Java和“App Inventor 2 Setup”软件包，详细过程见第二种方法步骤1和2。步骤2：下载和安装“MIT App Inventor Companion app”，详细过程见第一种方法步骤1。步骤3：启动“aiStarter”。步

12、骤4：在安卓设备上设置USB连接（打开“USB调试”）。在安卓设备的“设置”“开发者选项”中,确保“USB调试”是允许的。在Android3.2或以前版本的设备上，可以通过“设置”“应用”“开发者选项”进行设置。,使用USB数据线和安卓设备开发,步骤5：连接计算机和安卓设备，要使用USB将安卓设备连接到计算机使用,确保设备连接作为一个“大规模存储设备”(不是“媒体设备”),此外还可能需要安装安卓设备驱动和停止其它手机助手软件。步骤6：测试连接打开你的AI2项目，然后选择“连接【Connect】”中的“USB”，连接你的安卓设备。,使用USB数据线和安卓设备开发,启动AI2后，如果你登录的帐号还

13、没有创建任何项目，开发环境会进入到项目管理界面,App Inventor 2界面,项目管理界面，主要可以完成项目的新建、删除、导入、导出、删除、保存等功能。,项目管理界面,设计界面,设计界面主要由7大部分组成。（1）导航菜单（2）工具菜单（3）组件面板（4）工作面板（5）组件列表（6）组件属性（7）素材,设计界面,块编辑器,块编辑器主要由5大部分组成。（1）工具菜单（2）模块窗口（3）抽屉：从（1）中选择某个的模块后，弹出抽屉，显示对应模块的命令、事件和赋值等。（4）素材（5）工作面板,块编辑器,命令模块是执行某一组件的行为,命令模块（深紫色）,事件模块（土黄色）,赋值模块用于取得组件的属性值

14、和对组件属性的重新赋值。分两种类型，一种是取值模块，一种是重新赋值模块。,赋值模块（深绿色）,代码块中的下三角符号,代码块的操作方法,代码块左上角的蓝色正方形,代码块的操作方法,淡粉色小正方形,代码块的操作方法,右键单击不同的模块的弹出菜单，可以复制代码块、添加注释、折叠代码块、禁用代码块、删除代码块和跨屏复制代码等。,代码块的操作方法,代码搜索功能在代码工作面板直接输入关键字进行搜索代码组件搜索时关键字输入要根据你添加的组件的名称进行输入；内置块的搜索时，如果是在中文版本需要输入中文关键字，如“如果、循环、绝对值”，如果是在英文版本需要输入英文关键字，如“if、each、abs”。,代码块的

15、操作方法,Gallery是App Inventor集成用来分享你的应用（包括源文件）和探索别人的APP源码。你可以一键分享你的应用到Gallery，一键便可以打开其它人分享的应用并去重新修改它。,Gallery,分享应用,使用Gallery中的应用,使用Gallery中的应用,http:/（国内服务器）http:/ai2.appinventor.mit.edu/（MIT服务器）需要谷歌邮箱验证，可能访问不了http:/appinventor.mit.edu/（官方资源）,AI2主要资源,湖南师范大学瞿绍军老师http:/,AI2主要资源,搭建好实验环境，熟悉AI2的主要界面和代码块的操作方法。,实验一,