1 Chapter 1 Hello Purr This chapter gets you started building apps. It presents the key elements of App Inventor the Component Designer and the Blocks Editor and leads you through the basic steps of creating your first app, HelloPurr. When you re finished, you ll be ready to build apps on your own. A 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 Kernighan s work on the C programming language at Bell Labs (Brian is now a visiting scholar at Google working on the App Inventor team!). With App Inventor, even the simplest apps do more than just show messages: they play sounds and react when you touch the phone. So we re going to get started right away with something more exciting; your first app (as shown in Figure 1-1) will be HelloPurr, a picture of a cat that meows when you touch it and purrs when you shake it. What You ll Learn The chapter covers the following topics: Building apps by selecting components and then telling them what to do and when to do it. Using the Component Designer to select components. Some components are visible on the phone screen and some aren t. Adding media (sounds and images) to apps by uploading them from your computer. Working in the Blocks Editor to assemble blocks that define the components behavior. Testing apps with App Inventor s live testing. This lets you see how apps will look and behave on the phone step by step, even as you re building them. Packaging the apps you build and downloading them to a phone. Figure 1-1. The HelloPurr app
2 2 Chapter 1: Hello Purr The App Inventor Environment You can set up App Inventor using the instructions at App Inventor runs primarily through the browser, but you need to download some software to your computer s desktop and change some settings on your phone. Typically you can get set up in just a few minutes, though sometimes there are issues with setting up device drivers for particular Android phones. If you have any phone issues, we suggest you get started using the Android emulator that comes packaged with the App Inventor download. The App Inventor programming environment has three key parts, all shown in Figure 1-2: The Component Designer, shown on the left side of Figure 1-2, runs in your browser window. You use it to select components for your app and specify their properties. The Blocks Editor runs in a window separate from the Component Designer it is often easiest to arrange this to the right of the Component Designer on your screen while you are working on your app. You use the Blocks Editor to create behaviors for the components. A phone allows you to actually run and test your app as you are developing it. If you don t have an Android phone handy, you can test the apps you build using the Android emulator (shown in the bottom right of Figure 1-2) that comes integrated with the system. Figure 1-2. The Component Designer, Blocks Editor, and Android emulator
3 Designing the Components 3 You start App Inventor by browsing to If this is the first time you ve used App Inventor, you ll see the Projects page, which will be mostly blank because you haven t created any projects yet. To create a project, click New at the top left of the page, enter the project name HelloPurr (one word with no spaces), and click OK. The first window that opens is the Component Designer. When it appears, click Open Blocks Editor in the menu at the top right. The Blocks Editor comes up in a separate window, aided by a tool called Java Web Start. (You don t have to worry about all the Java messages App Inventor is using Java, which should already be installed on your computer, to help launch the Blocks Editor.) This process usually takes about 30 seconds. If everything is OK, the Blocks Editor will appear and you ll see two buttons near the top right of the screen, as shown in Figure 1-3. Figure 1-3. Plug a phone into your computer or click New emulator ; then, click Connect to Device If you have an Android phone and a USB cable, plug the phone into the computer and select Connect to Device. If instead you want to test the apps you build using an emulator, click New emulator and wait about 30 seconds while the Android emulator loads. When it is fully operational, click Connect to Device so that App Inventor will run your app in the emulator. If all is well, you should see a window for the Component Designer, a window for the Blocks Editor, and the emulator window if you chose that option (your screen should look something like Figure 1-2, shown previously, but with the windows mostly empty). If you re having problems here, review the setup instructions at inventor.googlelabs.com/learn/setup/. Designing the Components The first tool you ll use is the Component Designer (or just Designer). Components are the elements you combine to create apps, like ingredients in a recipe. Some components are very simple, like a Label component, which shows text on the screen, or a Button component, which you tap to initiate an action. Other components are more elaborate: a drawing Canvas that can hold still images or animations; an accelerometer, a motion sensor that works like a Wii controller and detects when you move or shake the phone; or components that make or send text messages, play music and video, get information from websites, and so on.
4 4 Chapter 1: Hello Purr When you open the Designer, it will appear as shown in Figure 1-4. Figure 1-4. The App Inventor Component Designer The Designer is divided into several areas: Toward the center is a white area called the Viewer. This is where you place components and arrange them to map out what you want your app to look like. The Viewer shows only a rough indication of how the app will look, so, for example, a line of text might break at a different place in your app than what you see in the Viewer. To see how your app will really appear, you ll need to either download the app to your phone (we ll go through how to do this a bit later, in the section Packaging the App for Downloading ) or view it in the emulator that comes with App Inventor. To the left of the Viewer is the Palette, which is a list of components you can select from. The Palette is divided into sections; at this point, only the Basic components are visible, but you can see components in other sections of the Palette by clicking the headers labeled Media, Animation, and so on.
5 Designing the Components 5 To the right of the Viewer is the Components list, which lists the components in your project. Any component that you drag into the Viewer will show up in this list. Currently, the project has only one component listed: Screen1, which represents the phone screen itself. Under the Components list is an area that shows the Media (pictures and sound) in the project. This project doesn t have any media yet, but you ll be adding some soon. At the far right is a section that shows the Properties of components; when you click a component in the Viewer, you ll see its Properties listed here. Properties are details about each component that you can change. (For example, when clicking on a Label component, you might see properties related to color, text, font, and so on.) Right now, it shows the properties of the screen (called Screen1), which include a background color, a background image, and a title. For the HelloPurr app, you ll need two visible components (you can think of these as components you can actually see in the app): the Label component reading Pet the Kitty and a Button component with an image of a cat in it. You ll also need a non-visible Sound component that knows how to play sounds, such as meow, and an Accelerometer component for detecting when the phone is being shaken. Don t worry we ll walk you through each component step by step. Making a Label The first component to add is a Label: 1. Go to the Palette, click Label (which appears about five spots down in the list of components), and drag it to the Viewer. You ll see a rectangular shape appear on the Viewer, with the words Text for Label1. 2. Look at the Properties box on the right side of the Designer. It shows the properties of the label. There s a property called Text about halfway down, with a box for the label s text. Change the text to Pet the Kitty and press Return. You ll see the text change in the Viewer. 3. Change the BackgroundColor of the label by clicking the box, which currently reads None, to select a color from the list that appears. Select Blue. Also change the TextColor of the label to Yellow. Finally, change the FontSize to 20. The Designer should now appear as shown in Figure 1-5.
6 6 Chapter 1: Hello Purr Figure 1-5. The app now has a label Be sure you have your phone connected and the Blocks Editor open. You should see the label appear on the phone as you add it in the Designer. In App Inventor, you build the application on the phone as you pick the components in the Designer. That way, you can see right away how your application will look. This is called live testing, and it also applies to the behaviors you create for the components in the Blocks Editor, as you ll see shortly. Adding the Button The kitty for HelloPurr is implemented as a Button component you create a normal button, and then change the button image to the kitty. To make the basic button first, go to the Palette in the Designer and click Button (at the top of the list of components). Drag it onto the Viewer, placing it below the label. You ll see a rectangular button appear on the Viewer. After about 10 seconds, the button should appear on the phone. Go ahead and tap the phone button do you think anything will happen? It won t, because your app hasn t told the button to do anything yet. This is the first important point to understand about App Inventor: for every component you add in the Designer, you have to move over to the Blocks Editor and create the code to make something happen with that component (we ll do that after we finish adding the components we need in the Designer). Now we ve got a button that we ll use to trigger the sound effect when someone clicks it, but we really want it to look like the picture of the kitty, not a plain old rectangle. To make the button look like the kitty:
7 Designing the Components 7 1. First, you need to download a picture of the kitty and save it on your computer desktop. You can download it from the site for this book at The picture is the file called kitty.png. (.png is a standard image format similar to.jpg and.gif; all of these file types will work in App Inventor, as will most standard sound files like.mpg or.mp3.) You can also download the sound file we need, meow.mp3. 2. The Properties box should show the properties of the button. If it doesn t, click the image of the button in the Viewer to expose the button s properties on the right. In the Properties box, click the area under Image (which currently reads None). A box appears with a button marked Add. 3. Click Add and you ll see Upload file. Click Choose File, browse to select the kitty.png file you downloaded to your computer earlier, and click OK. 4. You ll see a yellow message at the top of the screen: Uploading kitty.png to the AppInventor server. After about 30 seconds, the message and the upload box will disappear, and kitty.png should be listed as the image property for the button. You ll also see this listed in the Media area of the Designer window, just below the Components list. And if you look at the phone, you ll see the kitty picture displayed the button now looks like a kitty. 5. You may have also noticed that the kitty picture on your phone has the words Text for button 1 displayed on it. You probably don t want that in your app, so go ahead and change the Text property of Button1 to something like Pet the Kitty, or just delete the text altogether. Now the Designer should appear as shown in Figure 1-6. Figure 1-6. The app with a label and a button with an image on it
8 8 Chapter 1: Hello Purr Adding the Meow Sound In your app, the kitty will meow when you tap the button. For this, you ll need to add the meow sound and program the button behavior to play that sound when the button is clicked: 1. If you haven t downloaded the meow.mp3 file to your computer s desktop, do so now at 2. Go to the Palette at the left of the Designer window and click the header marked Media to expand the Media section. Drag out a Sound component and place it in the Viewer. Wherever you drop it, it will appear in the area at the bottom of the Viewer marked Non-visible components. Non-visible components are objects that do things for the app but don t appear in the visual user interface of the app. 3. Click Sound1 to show its properties. Set its Source to meow.mp3. You ll need to follow the same steps to upload this file from your computer as you did for the kitty picture. When you re done, you should see both kitty.png and meow.mp3 listed in the Media section of the Designer. You should now have the components depicted in Table 1-1. Table 1-1. The components you ve added to the HelloPurr app Component type Palette group Name of component Purpose Button Basic Button1 Press to make the kitty meow. Label Basic Label1 Shows the text Pet the Kitty. Sound Media Sound1 Play the meow sound. Adding Behaviors to the Components You ve just added Button, Label, and Sound components as the building blocks for your first app. Now let s make the kitty meow when you tap the button. You do this with the Blocks Editor. If your Blocks Editor isn t yet open, click Open the Blocks Editor in the top right of the Component Designer. Look at the Blocks Editor window. This is where you tell the components what to do and when to do it. You re going to tell the kitty button to play a sound when the user taps it. If components are ingredients in a recipe, you can think of blocks as the cooking instructions.
9 Adding Behaviors to the Components 9 Making the Kitty Meow At the top left of the window, you ll see buttons labeled Built-In and My Blocks. Click My Blocks, and you ll see a column that includes a drawer for each component you created in the Designer: Button1, Label1, Screen1, and Sound1. When you click a drawer, you get a bunch of options (blocks) for that component you created. (Don t worry about the Built-In column for now we ll get to that in Chapter 2.) Click the drawer for Button1. The drawer opens, showing a selection of blocks that you can use to tell the button what to do, starting with Button1.Click at the top, as shown in Figure 1-7. Figure 1-7. Clicking Button1 shows the component s blocks Click the block labeled Button1.Click and drag it into the workspace. When you re looking for the block, you ll notice that the word when is smaller than Button1.Click. Blocks including the word when are called event handlers; they specify what components should do when some particular event happens. In this case, the event we re interested in happens when the app user clicks on the kitty (which is really a button), as shown in Figure 1-8. Next, we ll add some blocks to program what will happen in response to that event.
10 10 Chapter 1: Hello Purr Figure 1-8. You ll specify a response to the user clicking within the Button.Click block Click Sound1 in My Blocks to open the drawer for the sound component, and drag out the call Sound1.Play block. (Remember, earlier we set the property for Sound1 to the meow sound file you downloaded to your computer.) You may notice at this point that the call Sound1.Play block is shaped so it can fit into a gap marked do in the Button1.Click block. App Inventor is set up so that only certain blocks fit together; this way, you always know you re connecting blocks that actually work together. In this case, blocks with the word call make components do things. The two blocks should snap together to form a unit, as shown in Figure 1-9, and you ll hear a snapping sound when they connect. Figure 1-9. Now when someone clicks the button, the meow sound will play Unlike traditional programming code (which often looks like a jumbled mess of gobbledygook words ), blocks in App Inventor spell out the behaviors you re trying to create. In this case, we re essentially saying, Hey, App Inventor, when someone clicks on the kitty button, play the meow sound.
11 Adding Behaviors to the Components 11 Test your app. Let s check to make sure everything is working properly it s important to test your app each time you add something new. Tap the button on the phone (or click it using the emulator). You should hear the kitty meow. Congratulations, your first app is running! Adding a Purr Now we re going to make the kitty purr and meow when you tap the button. We ll simulate the purr by making the phone vibrate. That may sound hard, but in fact, it s easy to do because the Sound component we used to play the meow sound can make the phone vibrate as well. App Inventor helps you tap into this kind of core phone functionality without having to deal with how the phone actually vibrates. You don t need to do anything different in the Designer; you can just add a second behavior to the button click in the Blocks Editor: 1. Go to the Blocks Editor and click Sound1 in My Blocks to open the drawer. 2. Select call Sound1.Vibrate and drag it under the call Sound1.Play block in the Button1.Click slot. The block should click into place, as shown in Figure If it doesn t, try dragging it so that the little dip on the top of call Sound1.Vibrate touches the little bump on the bottom of call Sound1.Play. Figure Playing the sound and vibrating on the Click event 3. You ve likely noticed that the call Sound1.Vibrate block includes the text millisecs at the top right. An open slot in a block means you can plug something into it to specify more about how the behavior should work. In this case, you must tell the Vibrate block how long it should vibrate. You need to input this time in thousandths of a second (milliseconds), which is pretty common for many programming languages. So, to make the phone vibrate for half a second, put in
12 12 Chapter 1: Hello Purr a value of 500 milliseconds. To put in a value of 500, you need to grab a number block. Click in an empty spot on the Designer screen, and then click the green Math button in the menu that pops up, as shown in Figure You should see a drop-down list, with 123 as the first item; 123 indicates a block that represents a number. Figure Opening the Math drawer 4. Click the 123 at the top of the list and you ll see a green block with the number 123, as shown in Figure Figure Choosing a number block (123 is the default value) 5. Change the 123 to 500 by clicking it and typing a new value, as shown in Figure Figure Changing the value to Plug the 500 number block into the socket at the right of call Sound1.Vibrate, as shown in Figure 1-14.
13 Adding Behaviors to the Components 13 Figure Plugging the 500 into the millisecs slot Test your app. Try it! Tap the button on the phone, and you ll feel the purr for half a second. Shaking the Phone Now let s add a final element that taps into another cool feature of Android phones: make the kitty meow when you shake the phone. To do this, you ll use a component called AccelerometerSensor that can sense when you shake or move the phone around. 1. In the Designer, expand the Sensors area in the Palette components list and drag out an AccelerometerSensor. Don t worry about where you drag it as with any non-visible component, no matter where you place it in the Viewer, it will move to the Non-visible components section at the bottom of the Viewer. 2. You ll want to treat someone shaking the phone as a different, separate event from the button click. That means you need a new event handler. Go to the Blocks Editor. There should be a new drawer for AccelerometerSensor1 under My Blocks. Open it and drag out the AccelerometerSensor1.Shaking block it should be the second block in the list. 3. Just as you did with the sound and the button click, drag out a call Sound1.Play block and fit it into the gap in AccelerometerSensor1.Shaking. Try it out by shaking the phone. Figure 1-15 shows the blocks for the completed HelloPurr app.
14 14 Chapter 1: Hello Purr Figure The blocks for HelloPurr Packaging the App for Downloading App Inventor is a cloud computing tool, meaning your app is stored on Google s online servers as you work. So if you close App Inventor, your app will be there when you return; you don t have to save anything on your computer as you would with a Word file or a music track. This also allows you to easily test the app while connected to your phone (what we call live testing), without having to download anything to your phone, either. The only problem is that if you disconnect your phone from App Inventor, the app running on the phone will stop, and you won t find an icon for it anywhere because it was never truly installed. You can package up and install the completed app so that it works on any phone, even when it s not connected to the computer. First, make sure your phone allows apps to be downloaded from places other than the Android Market. Typically, you do this by going to Settings Applications on your phone and checking the box next to Unknown sources. Then, go to back into the Designer in App Inventor, click Package for Phone, and select Download to Connected Phone. You should see the messages Saving and then Packaging, a process that takes up to a minute. After the Packaging message disappears, continue to wait for another seconds while the finished app is downloaded to the phone. You ll get a download confirmation when everything is complete. Once you ve downloaded it, look at the apps available on your phone, and you ll now see HelloPurr, the app we just built. You run it just like any other app. (Make sure that you run your new app, not the App Inventor Phone application.) You can now unplug or even reboot the phone and kill all applications, and your new packaged application will still be there. It s important to understand that this means your packaged app is now separate from the project on App Inventor. You can do more work on the project in App Inventor by connecting the phone with the USB cable as before. But that won t
15 Sharing the App 15 change the packaged app that is now installed on your phone. If you make further changes to your app in App Inventor, you ll want to package the result and download the new version to replace the old one on the phone. Go ahead and package your HelloPurr app so you have it on your phone. Once you ve done this, you can share it with your family and friends, too! Sharing the App You can share your app in a couple of ways. To share the executable app, first click Package for Phone and choose Download to this Computer. This will create a file with a.apk extension on your computer. You need to upload this file so that it is accessible on the Web. Once the app is on the Web, other people can install it on their phones by opening the phone s browser and downloading it. Just let them know they need to allow unknown sources in their phone s Application settings in order to install apps that aren t from the Android Market. You can also share the source code (blocks) of your app with another App Inventor developer. To do this, click My Projects, check the app you want to share (in this case, HelloPurr), and select More Actions Download Source. The file created on your computer will have a.zip extension. You can this file to someone, and she can open App Inventor, choose More Actions Upload Source, and select the.zip file. This will give the user her own complete copy of your app, which she can then edit and customize without affecting your version. The process of sharing apps will soon be easier and more fun work is currently underway on a community sharing site. Variations Now that you ve built a complete app and had the chance to play with it (and maybe download it to share with other people), you might have noticed a couple of things. Take a look at the following items and consider how you d address them in your app. As you ll likely soon discover, you ll often build an app, find ways to improve and change it, and then go back into it to program those new ideas. Don t worry, that s a good thing it means you re on your way to becoming a full-fledged app developer! As you shake the phone, the meows will sound strange, as if they are echoing. That s because the accelerometer sensor is triggering the shaking event many times a second, so the meows are overlapping. If you look at the Sound component in the Designer, you ll see a property called Minimum interval. That determines how close together successive sounds can start. It s currently set at a half-second (500 milliseconds), which is less than the duration of a single meow. By playing with the minimum interval, you can change how much the meows overlap.
16 16 Chapter 1: Hello Purr If you run the packaged app and walk around with the phone in your pocket, your phone will meow every time you move suddenly something you might find embarrassing. Android apps are typically designed to keep running even when you re not looking at them; your app continues to communicate with the accelerometer and the meow just keeps going. To really quit the app, bring up HelloPurr and press the phone s menu button. You ll be offered an option to stop the application. Summary Here are some of the concepts we ve covered in this chapter: You build apps by selecting components in the Designer and then telling them what to do and when to do it in the Blocks Editor. Some components are visible and some aren t. The visible ones appear in the user interface of the app. The non-visible ones do things like play sounds. You define components behavior by assembling blocks in the Blocks Editor. You first drag out an event handler like Button1.Click, and then place command blocks like Sound.Play within it. Any blocks within Button1.Click will be performed when the user clicks the button. Some commands need extra information to make them work. An example is Vibrate, which needs to know how many milliseconds to vibrate. These values are called arguments. Numbers are represented as number blocks. You can plug these into commands that take numbers as arguments. App Inventor has sensor components. The AccelerometerSensor can detect when the phone is moved. You can package the apps you build and download them to the phone, where they run independently of App Inventor.
CHAPTER 1 HelloPurr This chapter gets you started building apps. It presents the key elements of App Inventor, the Component Designer and the Blocks Editor, and leads you through the basic steps of creating
Android Programming Family Fun Day using AppInventor Table of Contents A step-by-step guide to making a simple app...2 Getting your app running on the emulator...9 Getting your app onto your phone or tablet...10
Chapter 2 PaintPot This tutorial introduces the Canvas component for creating simple, two-dimensional (2D) graphics. You ll build PaintPot, an app that lets the user draw on the screen in different colors,
Mobile Apps with App Inventor written for 91.113 Michael Penta Table of Contents Mobile Apps... 4 Designing Apps in App Inventor... 4 Getting Started... 5 App Inventor Layout... 5 Your First App... 7 Making
Chapter 9 Xylophone It s hard to believe that using technology to record and play back music only dates back to 1878, when Edison patented the phonograph. We ve come so far since then with music synthesizers,
App Inventor Tutorial 4 Cat & Mouse Game This is an app that will let you get familiar with using image sprites, canvas, sound, clock and the accelerometer (Movement Sensor) within a Game in App Inventor.
App Inventor Drum Machine Instructions (Project #1) (Version 2 of App Inventor) Description: App Inventor is a web based tool that allows the user to create apps for Android devices. The user interface
CHAPTER 3 MoleMash This chapter shows you how to create MoleMash, a game inspired by the arcade classic Whac-A-Mole, in which mechanical critters pop out of holes, and players score points when they successfully
TalkToMe Part 2: Shaking and User Input This tutorial shows you how to extend the basic TalkToMe app so that it responds to shaking, and so that the user can make the phone say any phrase s/he types in.
CHAPTER 18 Programming Your App to Make Decisions: Conditional Blocks Figure 18-1. Computers, even small ones like the phone in your pocket, are good at performing millions of operations in a single second.
Chapter 18 Programming Your App to Make Decisions: Conditional Blocks Computers, even small ones like the phone in your pocket, are good at performing thousands of operations in just a few seconds. Even
CHAPTER 6 Paris Map Tour Figure 6-1. In this chapter, you ll build a tour guide app for a trip to Paris. Creating a fully functioning map app might seem really complicated, but App Inventor provides two
MIT App Inventor Getting Started Guide What is App Inventor? App Inventor lets you develop applications for Android phones using a web browser and either a connected phone or an on-screen phone emulator.
Setting Up Your Android Development Environment For Mac OS X (10.6.8) v1.0 By GoNorthWest 3 April 2012 Setting up the Android development environment can be a bit well challenging if you don t have all
TalkToMe: A beginner App Inventor app This step-by-step picture tutorial will guide you through making a talking app. To get started, sign up for a free Google Account: http://accounts.google.com/signup
CHAPTER 19 Programming Lists of Data As you ve already seen, apps handle events and make decisions; such processing is fundamental to computing. But, the other fundamental part of an app is its data the
How to Make the Most of Excel Spreadsheets Analyzing data is often easier when it s in an Excel spreadsheet rather than a PDF for example, you can filter to view just a particular grade, sort to view which
2342-4 Scientific m-learning 4-7 June 2012 Mobile Application Development using App Inventor for Android Devices TRIVEDI Kirankumar Rajnikant Shantilal Shah Engineering College New Sidsar Campu, PO Vartej
Migrating to Excel 2010 - Excel - Microsoft Office 1 of 1 In This Guide Microsoft Excel 2010 looks very different, so we created this guide to help you minimize the learning curve. Read on to learn key
MEAP Edition Manning Early Access Program Hello! ios Development version 14 Copyright 2013 Manning Publications For more information on this and other Manning titles go to www.manning.com brief contents
Dreamweaver and Fireworks MX Integration Brian Hogan This tutorial will take you through the necessary steps to create a template-based web site using Macromedia Dreamweaver and Macromedia Fireworks. The
CHAPTER 16 Programming Your App s Memory Figure 16-1. Just as people need to remember things, so do apps. This chapter examines how you can program an app to remember information. When someone tells you
THE WINNING ROULETTE SYSTEM. Please note that all information is provided as is and no guarantees are given whatsoever as to the amount of profit you will make if you use this system. Neither the seller
Beginner s guide Hello Ready to build a website? Our easy-to-use software allows to create and customise the style and layout of your site without you having to understand any coding or HTML. In this guide
I Have a Dream, a Two-Part Introductory Tutorial Most people have never even dreamed of building an app; software is this mysterious world of 0s and 1s and computer nerds. The goal of this lesson is to
Introduction to Google SketchUp (Mac Version) This guide is handy to read if you need some basic knowledge to get started using SketchUp. You will see how to download and install Sketchup, and learn how
Working with the Ektron Content Management System Table of Contents Creating Folders Creating Content 3 Entering Text 3 Adding Headings 4 Creating Bullets and numbered lists 4 External Hyperlinks and e
1 In order to use Aurasma through the computer, you will need to create an account at studio.aurasma.com. Using Aurasma Studio allows you to create Auras online that would be viewed using a mobile device.
CHAPTER 14 Understanding an App s Architecture Figure 14-1. This chapter examines the structure of an app from a programmer s perspective. It begins with the traditional analogy that an app is like a recipe
CHAPTER 11 Broadcast Hub Figure 11-1. FrontlineSMS is a software tool used in developing countries to monitor elections, broadcast weather changes, and connect people who don t have access to the Web but
Chapter 19 Programming Lists of Data As you ve already seen, apps handle events and make decisions; such processing is fundamental to computing. But the other fundamental part of an app is its data the
appendix e Advanced Form Customization If you know exactly how you want your business forms to look and don t mind detail work, you can configure QuickBooks forms however you want. With QuickBooks Layout
Using 2Can There are three basic steps involved in migrating all of your data from your BlackBerry to your Android phone: 1. Backup your BlackBerry 2. Transfer the backup file to your new Android phone
Beginner s guide Hello Ready to build a website? Our easy-to-use software allows you to create and customise the style and layout of your site without having to understand any coding or HTML. In this guide
Using CyberTracker on Android mobile devices Android mobile devices and CyberTracker Since the end of 2012, CyberTracker software (versions 3.296 and later) has been compatible with Android devices, such
Contents How to create a site using Google Sites... 2 Creating a Google Site... 2 Choose a Template... 2 Name Your Site... 3 Choose A Theme... 3 Add Site Categories and Descriptions... 3 Launch Your Google
Google Sites: Site Creation and Home Page Design This is the second tutorial in the Google Sites series. You should already have your site set up. You should know its URL and your Google Sites Login and
In This Guide Microsoft PowerPoint 2010 looks very different, so we created this guide to help you minimize the learning curve. Read on to learn key parts of the new interface, discover free PowerPoint
The Social Accelerator Setup Guide Welcome! Welcome to the Social Accelerator setup guide. This guide covers 2 ways to setup SA. Most likely, you will want to use the easy setup wizard. In that case, you
Introduction to SketchUp This guide is handy to read if you need some basic knowledge to get started using SketchUp. You will see how to download and install Sketchup, and learn how to use your mouse (and
1 Unlike a word processor, the pages that you create for a website do not really have any order. You can create as many pages as you like, in any order that you like. The way your website is arranged and
How to Configure Outlook 2003 to connect to Exchange 2010 Outlook 2003 will install and work correctly on any version of Windows XP, Vista, Windows 7 or Windows 8. These instructions describe how to setup
Intellect Platform - The Workflow Engine Basic HelpDesk Troubleticket System - A102 Interneer, Inc. Updated on 2/22/2012 Created by Erika Keresztyen Fahey 2 Workflow - A102 - Basic HelpDesk Ticketing System
COMMONWEALTH OF PA OFFICE OF ADMINISTRATION Human Resource Development Division SAP LSO-AE Desk Guide 15 T H J A N U A R Y, 2 0 1 3 S A P L S O A U T H O R I N G E N V I R O N M E N T Authoring & Publishing
CHAPTER 4 No Texting While Driving This chapter walks you through the creation of No Texting While Driving, a text answering machine app that auto-responds to text messages you receive while you re driving
Internet Explorer Settings for Optum CareTracker CareTracker (aka Optum PM and Physician EMR) is a web-based application, which currently only runs on the 32 -bit version of Internet Explorer (to tell,
Get started with CheckBook Pro 9 Introduction 9 Create your Accounts document 10 Name your first Account 11 Your Starting Balance 12 Currency 13 Optional password protection 14 We're not done yet! 15 AutoCompletion
Android App Lloyd Hasson 2015 Web-Based Method: Codenvy This tutorial goes through the basics of Android app development, using web-based technology and basic coding as well as deploying the app to a virtual
CAS CLOUD WEB USER GUIDE UAB College of Arts and Science Cloud Storage Service Windows Version, April 2014 Table of Contents Introduction... 1 UAB Software Policies... 1 System Requirements... 2 Supported
In This Guide Microsoft Word 2010 looks very different, so we created this guide to help you minimize the learning curve. Read on to learn key parts of the new interface, discover free Word 2010 training,
You are reading an interactive PDF. If you are reading it in Adobe s Acrobat reader, you will be able to take advantage of links: where text is blue, you can jump to the next instruction. In addition you
Lab - Building an Internet of Things Application Hands-On Lab Table of contents 1. Creating a Bluemix Application... 3 2. Create and add an Internet of Things Service... 4 2.Wire the connected device s
Mobile Ad Injector User Guide Although the Mobile Ad Injector is a very easy plugin to use we created this user guide to make sure your experience with the plugin is as smooth as possible. The plugin is
TUTORIAL 4 Building a Navigation Bar with Fireworks This tutorial shows you how to build a Macromedia Fireworks MX 2004 navigation bar that you can use on multiple pages of your website. A navigation bar
CSA Software Listing 2016-2017 Both Windows and Mac platforms are supported. Table of Contents Student Access and Permissions... 2 Web Browsers... 2 Mozilla Firefox... 2 Internet Explorer... 2 Google Chrome...
MS Word, Part 3 & 4 Office 2007 Line Numbering Sometimes it can be helpful to have every line numbered. That way, if someone else is reviewing your document they can tell you exactly which lines they have
Getting started with OneDrive Information Services Getting started with OneDrive What is OneDrive @ University of Edinburgh? OneDrive @ University of Edinburgh is a cloud storage area where you can create,
Training A brief overview of your website s content management system () with screenshots. 1 Contents Logging In:...3 Dashboard:...4 Page List / Search Filter:...5 Common Icons:...6 Adding a New Page:...7
Tutorial Introduction to Windows Movie Maker 2.1 A Hands-on Workshop from the Academic Technology Center Distributed Learning Services, CIT Adapted with permission by Waynesburg College AAM Copyright 2005
1. INTRODUCTION Scratch is a new programming language that makes it easy to create interactive stories, games, and animations and share your creations with others on the web. This Reference Guide provides
PERSONAL WEBSITE DEVELOPMENT 101 Brought to you by the UB Graduate Student Association webmasters: Holly Keily & John Beverley THE BIG PICTURE You need a WEBSITE And we are here to help you build one You
Chapter 11 Broadcast Hub FrontlineSMS (http://www.frontlinesms.com) is a software tool used in developing countries to monitor elections, broadcast weather changes, and connect people who don t have access
Getting Started with SurveyGizmo Stage 1: Creating Your First Survey 1. Open SurveyGizmo site (http://www.surveygizmo.com) Log in 2. Click on Create Survey (see screen shot below) 3. Create Your Survey
Table Of Contents READ THIS FIRST! 3 How To Create Your Very First YouTube Video Ad In Less Than 30 Minutes! 4 Step 1: Find The Perfect Target Audience For Your Ads 4 Step 2: Refine Your Target Lists 7
Intermediate PowerPoint Charts and Templates By: Jim Waddell Last modified: January 2002 Topics to be covered: Creating Charts 2 Creating the chart. 2 Line Charts and Scatter Plots 4 Making a Line Chart.
BallBounce: A simple game app In this tutorial, you will learn about animation in App Inventor by making a Ball (a sprite) bounce around on the screen (on a Canvas). Start a New Project If you have another
EDIT202 PowerPoint Lab Assignment Guidelines 1. Create a folder named LABSEC-CCID-PowerPoint. 2. Download the PowerPoint-Sample.avi video file from the course WebCT/Moodle site and save it into your newly
VERSION 3.0 MAC USER GUIDE TABLE OF CONTENTS Introduction... 5 What s New?... 5 What This Guide Is Not... 6 Getting Started... 7 Activating... 7 Activate Via the Internet... 7 Activate Via Email... 7 Upgrading...
Pendragon Forms Industrial Version 7 Installation & Reference Guide for Android Devices Contents What Is Pendragon Forms Industrial?... 2 Installing Pendragon Forms Industrial... 2 Installing Pendragon
Working with sections in Word Have you have ever wanted to create a Microsoft Word document with some pages numbered in Roman numerals and the rest in Arabic, or include a landscape page to accommodate
SMART board 101 SMART board 101 Training For those who want to learn/remember how to connect it, turn it on, configure it, and feel better about using it at a basic level. We will talk about how the SMART
Download and Installation Instructions for Java JDK Software for Windows Updated January, 2012 The TeenCoder TM : Java Programming and TeenCoder TM : Android Programming courses use the Java Development
Basic ESXi Networking About vmnics, vswitches, management and virtual machine networks In the vsphere client you can see the network diagram for your ESXi host by clicking Networking on the Configuration
Surveys ipad Segmentation Reporting Email Sign up Email marketing that works for you Landing Pages Results Digital Marketing EasyEditor Guide Dynamic Questionnaires QR Codes SMS 43 North View, Westbury
Reliance Communications, Inc. 603 Mission Street Santa Cruz, CA 95060 888-527-5225 www.schoolmessenger.com Contents Contents... 2 Before you Begin... 4 Advanced Lists... 4 List Builder... 4 Create a List...
Mapping with CMap Software Jamie Armstrong Download free Cmap software at http://cmap.ihmc.us TOPICS PAGE 1. Open a new Cmap workspace 2 2. Access Views - Cmap Tools 2 3. Make two Nodes with a Link 2 4.
File Management Windows : Explorer Navigating the Windows File Structure 1. The Windows Explorer can be opened from the Start Button, Programs menu and clicking on the Windows Explorer application OR by
RingCentral for Desktop UK User Guide RingCentral for Desktop Table of Contents Table of Contents 3 Welcome 4 Download and install the app 5 Log in to RingCentral for Desktop 6 Getting Familiar with RingCentral
User Guide Table of Contents Welcome Setup Use Troubleshooting 2 What s in the box 2 What you need 3 Installing the Blink app 4 Setting up the Sync Module 5 Connecting the Sync Module to Your Wi-Fi 7 Adding
How to Configure Outlook 2013 to connect to Exchange 2010 Outlook 2013 will install and work correctly on any version of Windows 7 or Windows 8. Outlook 2013 won t install on Windows XP or Vista. 32-bit
CHAPTER 12 Robot Remote Figure 12-1. In this chapter, you ll create an app that turns your Android phone into a remote control for a LEGO MINDSTORMS NXT robot. The app will have buttons for driving the
Maximizing Microsoft Office Communicator Microsoft Office Communicator is an instant messaging tool on the standard image for CG workstations. This Tech Tip contains basic instructions on how to use the