In this unit we made a app on app inventor, but it only works on android apps. Down blow I explain how we did. I also have a QR code taking you to my app.

This is a QR code to my app.

SCAN IT!

To get this you go to you go to "Build" on the top of your screen. Then click "Android App (.akp)". Next click the download button. You when then rename it, and put it in your "PORTFOLIO FILES - DO NOT DELETE" on your drive. Now you will click the link button, and open The-QRcode-Generator. Then copy and pasta it in the URL section. Finally click the download button, rename it, move it, and put it on you portfolio.

Icon

To do the icon you import the picture you want in to photoshop. Then you crop it to a one by one , and if its a weird shape you want to drag the corner. This will make it fit. Lastly export it as a PNG and change the size to 256 pixels.

The image has to be yours. I chose to do my custom HelloCodi since I made it. You can do things like your house and modern art. I made my drawing in Ibis paint, exported it, and emailed it to my school account. Then I put in my app.

HelloCodi

The first thing we did was make a practice HelloCodi with the bee. To do that we put in a HorizontalArrangement, and put a button in.

Next you need to upload the image and sound. When you have both you need to go to the image, and select the image you uploaded. Then go to media and drag out sound. Click on the sound and change the source to your sound name. Lastly add text saying to touch the image. You will need to repeat this in the multi app.

On the menu we are required to have a exit button, a button to bring you to a page about us, and buttons taking you to the apps.

To do the exit you drag out "When button Exit is clicked". Then attach "close screen". Next the about button to do this you drag out "When button about is clicked", and attach "open screen ____". Then select screen About, but when doing this make sure you all ready have that screen. If you don't it will likely give you a error. Lastly you need to make the app buttons like HelloCodi. I did this as i made them, but you can make the screens and make them before coding them. To code them you need to drag out "When button _____ is clicked", and attach "open screen ___". In the blanks its whatever apps name you are working on. Each page also requires a return button to do this you get a button and rename it then go to blocks. Once in blocks drag out "when button1 . Clicked", and attach "Close screen". To put it on the other screes drag it over the backpack.

HelloCodi Repeat

We have too do this twice once in the multi app and once as a practice. You do it the same way as above, but I will explain how I did the custom sound and art. To do the sound I went up to my cat, and tried to pet her. She started to hiss so I recorded the sound on my phone. Then I emailed it to myself. I also made the drawing on Ibis Paint, and exported it on my phone. To get it to the school computer I emailed myself again. Next instead of putting the bee image and sound as the source, upload the others, and put them there.

Talk To Me

Next I did Talk To Me, but you need a screen titled "TalkToMe" or "Talk_To_Me". You have to make the titles like this because spaces aren't allow. To start coding you need to drag out a button, and rename it to something more accurate than "Button1", but for now I will refer to it as button1. (You will need to do this to most everything you add.) In the button type Talk To Me. Next drag the text to speech. Now switch to the blocks screen, and drag out "When Button1 is clicked do" then attach "Call TextToSpeech .Speak message". After go to text and drag out "___" Then type in something clever, and test your app. This can all be found in part one of Talk To Me, but now we move on to part two. In part two the first thing you do is drag out "AccelerometerSenser" from the sensor section. Then go to the blocks, and get "When AccelerometerSenser1 .Shaking do". You can use insert Ctrl and shift to copy and paste the "Call TextToSpeech .Speak message "___". Then you just have to change the message to something clever. (Please spare Mr. Hicks form hearing stop shaking me.) Now drag out a TextBox, then switch to the blocks screen. Replace the "____" with "TextBox1.Text". You can go back and added more after you finish all the apps.

Ball Bounce

The third one I did was "Ball Bounce" to do this you start by dragging out canvas and a ball from "Drawing and Animation". Set the canvas to fill parent in both with and height. Now go to blocks and drag out "When Ball1 . Flung" Then plug "Set Ball1 .Speed to". Next click on the orange speed, and get "get speed", and connect it to "Set Ball1 . Speed to". After get "Set Ball1 .Heading to" and connect "get heading" to it. Now you need "When Ball1 . EdgeReached do" Then connect "Call Ball1 . Bounce Edge" , and connect "get edge" to it. Now fling the ball wherever you want! ( you can make it go faster and add things later on)

Digital Doodle / PaintPot

The last thing you have to make is Digital Doodle / PaintPot. They are pretty much the same thing, in PaintPot you can color in a photo, but in Digital Doodle it is pretty much just doodling. First drag out a canvas, text to speech,and slider in the designer screen. Then switch to the blocks screen and get "When Canvas1 .Dragged", and attach both "Set Canvas1 . LineWidth to" and "Call Canvas1 . DrawLine". On "Set Canvas1 . LineWidth to" attach "Slider. ThumbPosition". Next you are going to attach "get prevX" to x1, "get prevY" to y1,"get currentX" to x2, and lastly "get currentY" to y2 on the "Call Canvas1 . DrawLine" . Now you are going to drag out "When Canvas1 . Touched", and attach "Call canvas1 .DrawCircle". Then attach "get X" to centerX, "get Y" to centerY, "Slider. ThumbPosition" to radius, and "True" to fill. Lastly you have to code the colors, to do this you need to drag out a button in the designer screen, and rename it. Then you go back to the block screen, and drag out "When button1 .Clicked", then attach "Call TextToSpeech .Speak message". After go to text and drag out "___", and connect it to the message. Type out the name of the color you want for it to say in it.

About

In the about page you need to add a VerticalScrollArrangement, then put a label in it. In the label you talk about yourself. The coding on this is mostly just doing a return to menu button as talk about in section menu. There is some extra stuff you can do like linking the data website, and your portfolio. To do this you drag out a button and ActivityStarter1, then switch to the blocks screen. Next you will drag out "When button "_____". click do". Now drag out and attach "call ActivityStarter1 . StartActivity" and "Set ActivityStarter1 . DataUri" . Then attach "______" and copy the URL.

Page updated

Report abuse