Create an App Page

These instructions describe how to create an app-market-like page for your portfolio. You'll create such a page for each of the apps you build. You can then send your friends and family to the page to download your app. To see an example, check out:  Sample App Page: No Texting While Driving

GIVE YOUR APP A DESCRIPTIVE NAME, TITLE, and ICON.


1. Give your app a descriptive name (e.g., not "Project 2") The name of an App Inventor app is the project name-- this name appears on the phone when it is installed. You can change this name only by doing a SaveAs of your project.

2. Give your app a descriptive screen title (can be same as project name). The screen title is a property of the Screen component. Its what appears at top of screen when app runs.

3. Give your app an icon. The icon is the little square image that appears on the device once an app is installed. The icon is a property of the Screen component.

DOWNLOAD THE APP AND SOURCE CODE


4. Download APK file of your app to computer. An APK file has a .apk extension and is an executable app. You generate an app's APK file in App Inventor by selecting "Package for Phone | Download to computer". 

5. Download source code to computer. The source code (blocks) allow you or others to edit/customize the app. You generate source code for an app in App Inventor from the Project page. Check your project, then choose Other Actions and Download Source.

CREATE THE PORTFOLIO PAGE AND ATTACH FILES

6. Create Project Page in Portfolio. Use Google Sites to create a new page in your portfolio with your app name as the name.

7. Get app and source code onto the web. Attach the app (.apk file) and the source (.zip) file you just downloaded to the bottom of your new portfolio (Google Sites) page. This will get the apk and source files onto the web.

CREATE A QR CODE FOR THE APP

8. Create a scannable QR Code for the app. First, grab a link (URL) to the apk file you just put on the web (right or control-click on the download icon of your attachment and copy the link-- Copy Link Location).  Then go to http://qrcode.kaywa.com/, paste that URL and click Generate. A QR code will appear. One way to grab it is with a screen capture. On Apple computers, do a shift-apple-4 to grab it and Apple will create an image file on your desktop. On Linux machines choose Applications | Accessories | Take Screenshot from the menu.

9. Add QR Code to portfolio page. Back on your portfolio page, choose Insert | Image and choose the image file you just created with the QR code. This will add the QR code to your page.

ADD SOME GLITZ

10. Add Title, description, developer names, and source link to project page. Back on the portfolio project page (Google sites), give your app a title and description that entices potential users to download it, and add a link "Download Source" that is a link to the attached source code file.

11. Add Screenshots. Take screenshot(s) of your app and add them on the project page. You can get a screenshot by running the app in the emulator and then taking a screenshot.

12. Add screenshot(s) of your blocks. Show the blocks for your app.

Sample App Page: No Texting While Driving
ċ
BookstoreBrowser2.apk
(1187k)
David Wolber,
Aug 28, 2012, 2:04 PM
Comments