老师导论课课件lecture

1、Introduction to MIT App InventorOutline Introduction to Android Introduction to MIT App inventor Understanding of blocks, and concepts Setup your device and computer to use MIT App InventorBuild a simple app Other learining resourceAndroid,as a system, is a Java-based operating system that runs on t

2、he Linux 2.6 kernel. Introduction to AndroidAndroid界面Introduction to Android2003年创建2005年被Google收购2007年对外公布Father of Android :Andy RubinIntroduction to AndroidAndroid Applications Google Glass Introduction to Androidim WatchIntroduction to AndroidXiaomi TV Introduction to AndroidSamsung Android refri

3、geratorsIntroduction to AndroidAdmiral Touch ear phoneVideo timeSeptember 8, 2022Sun Yat-sen University 201210Introduction to MIT App inventor AppInventor is a web-based tool developed jointly by MIT and Google .Since its conception, it has gained popularity amongst educators as a learning tool for

4、fundamental concepts in computer science. App Inventor lets you develop applications for Android phones using a web browser and either a connected phone or emulator. The App Inventor servers store your work and help you keep track of your project.BackgroundIntroduction to MIT App inventor2134What is

5、 it ? A tool App Inventor is a visual, drag-and-drop tool for building mobile apps on the Android platformPush the blocksprogramming by pushing the blocksvisualizationZero basis freely available for anyone to use . No programming experience is required!Runs onlineinstead of directly on your computer

6、 is accessible from any browserYou design the user interface (the visual appearance) of an app using a web-based graphical user interface (GUI) builder, then you specify the apps behavior by piecing together “blocks” as if you were working on a puzzle. Requirements:Simple enviroment setupYour creati

7、ve mind Requirements: knowledge of Java comprehension of computer science principles familiarity with software development tools and environments such as Eclipse（or Android Studio）, the Android SDK,Android Developer Bridge, etc.App inventor VS Tradtional Android developmentIntroduction to MIT App in

8、ventorOn-line programming。(wedsite： ；中文简体 )visualizationYou dont have to remember and type instructionsYou choose from a set of optionsOnly some blocks plug in to each otherYou deal with events directly In a traditional language like Java, you have to understand classes, objects, and special objects

9、 called listeners to express a simple event. With App Inventor, you can say, “When a user clicks this button.” or “When a text is received.” by dragging out a “When” block. disadvantage App Inventor can not produce Java codes。MIT App inventor advantage & disadvandageIntroduction to MIT App inventoru

10、sageWhat Kind of Apps Can You Build?GamesEducational softwareLocation-aware appsHigh-tech appsusageSMS appApps that control robotsWeb-enabled appsComplex appsIntroduction to MIT App inventor App Inventor App Inventor apps 统计软件 在海地，人道主义开源软件项目利用App Inventor开发了两款软件，帮助了那里的人道主义救援人员实地记录降雨量和物价的变化。物种检查软件 阿拉

11、巴马州劳伦斯郡高中的学生用App Inventor开发了一款物种检查软件，用来记录野猪的出没。这款软件所记录的数据，将帮助科学家了解野猪入侵的问题。 App Inventor Google图书搜索软件 Google图书搜索软件在搜索时，用户可以输入书籍的全名或书名的关键词，然后根据用户所输入的内容显示最相关的书籍信息，图是该软件的运行界面。 App Inventor App Inventor DesignerApp Inventor Blocks Editor Android Emulator(device)Three main parts of MIT App InventorIntrodu

12、ction to MIT App inventorIntroduction to MIT App inventor2134the Viewer. place components and arrange them to map out what you want your app to look like.the Palette. a list of components you can select from. the Components list. Any component that you drag into the Viewer will show up in this list.

13、 Under the Components list is an area that shows the Media (pictures and sound) in the project. the Properties of components. when you click a component in the Viewer, youll see its Properties listed here. Properties are details about each component that you can change. Introduction to MIT App inven

14、torApp Inventor Blocks Editor 2work area, in which you place blocks to assemble the program.threepalettes(Built-In, My Blocks, Advanced); each palette has drawers storing sets of blocks.Android Emulator or deviceAppInventor环境配置(在线)安装Java插件程序 下载地址： 安装AppInventor模拟器 appinventor_setup_installer_v_1_2.e

15、xeNow Let us get started building appsA typical first program with a new computer system prints the message “Hello World” to show that everything is connected correctly. This tradition goes back to the 1970s and Brian Kernighans work on the C programming language at Bell Labs (Brian is now a visitin

16、g scholar at Google working on the App Inventor team!).your first app will be “HelloPurr,” a picture of a cat that meows and purrs when you touch it.Touch the picturemeowsHelloPur1.新建项目：HelloPur登陆AppInventor开发平台（网址： ）在导航栏中点击“MyProjects”，进入项目创建界面点击“NEW”选项，在跳出的窗口中输入“项目名称”完成项目创建后，页面将自动跳转到设计界面2.AppInven

17、tor设计界面在“Palette”（调板）中的“Basic”选项中，选择“Button”控件拖动到“设计界面”选中“Button”控件，在“Properties”（属性）窗口设置“Button”的“image”属性，并去掉“Button”按钮Text属性的值将“Palette”（调板）中“Media”选项中的“Sound”控件拖动到“设计界面中”，并设置“Source”属性HelloPurHelloPur3.AppInventor编程界面点击AppInventor开发界面右上角的“Open the Blocks Editor”，则会相应地下载一个JNLP格式文件打开下载好的JNLP格式文件，则进入可视化的编程界面在“MyBlocks”选项中，选着“Button1”中的click事件积木拖动到右侧工作区中在“MyBlocks”选项中，选着“Sound1”中的“call sound1.play”动作积木拖动到右侧工作区中点击“Saved”保存编程文件，点击“New Emulator”启动模拟器，点击“Connect to device”（将程序载入模拟器）新建模拟器连接到设备“添加的控件”（事件）删除“电子积木”时，直接拖动到