3
Project 1 Instructions – Open MIT APP Inventor on your computer 1. Create a new app of your own creation, type in the project name Project1YName 2. Think of a theme which you will develop a small info app – a place you would want to go on vacation. 3. Go to the Internet and find an image to add to the background relating to your theme. Save to your drive. 4. Upload file to your app. (designer view) 5. Click on Properties of Screen 1 and make the following changes. Component Properties Change Screen 1 BackgroundImage – select image you downloaded Scrollable option – No check mark should be visible 6. Components to add in app listed below. Component Rename Component Property Change Button 1 Fact Button Change color of background Font Bold Font Size 15 Text – Fact of the Day Button Shape – Rounded Text Color – Choose a Color that works with your background color Button2 QuoteButton Change color of background Font Bold Font Size 15 Text - Quote Button Shape Rectangle Text Color – Choose a Color that works with your background color Text Box Font Size 8 Hint: Type what you love about (your theme). Text Alignment Center:1 Button 3 TalkButton Change color of background Font Bold Font Size 15 Text – Talk to Me Button Shape – Oval

armstrong.bristoltwpsd.org€¦  · Web viewProject 1 Instructions – Open MIT APP Inventor on your computer. Create a new app of your own creation, type in the project name Project1YName

  • Upload
    others

  • View
    2

  • Download
    0

Embed Size (px)

Citation preview

Project 1 Instructions – Open MIT APP Inventor on your computer

1. Create a new app of your own creation, type in the project name Project1YName

2. Think of a theme which you will develop a small info app – a place you would want to go on vacation.

3. Go to the Internet and find an image to add to the background relating to your theme. Save to your drive.

4. Upload file to your app. (designer view)

5. Click on Properties of Screen 1 and make the following changes.

Component Properties ChangeScreen 1 BackgroundImage – select image you downloaded

Scrollable option – No check mark should be visible

6. Components to add in app listed below.

Component Rename Component Property ChangeButton 1 Fact Button Change color of background

Font BoldFont Size 15Text – Fact of the DayButton Shape – RoundedText Color – Choose a Color that works with your background color

Button2 QuoteButton Change color of backgroundFont BoldFont Size 15Text - QuoteButton Shape RectangleText Color – Choose a Color that works with your background color

Text Box Font Size 8Hint: Type what you love about (your theme). Text Alignment Center:1

Button 3 TalkButton Change color of backgroundFont BoldFont Size 15Text – Talk to MeButton Shape – OvalText Color – Choose a Color that works with your background color

Screen 1 Align Vertically – Your choice of what fits with your background imageAlign Horizontally – Your choice of what fits with your background image

Talk-to-Speech (Found in Media Drawer)Accelerometer Sensor (Found in Sensor Drawer)

Coding – go the Blocks Editor and program the components

Component Code the Event MessageFacty Button when button clicked the Text- to-Speech

component will Speak MessageFind an interesting fact on Internet that apply to your image theme and copy in the pink text button in the code.Add 7 additional interesting facts that apply to you image theme using the make a list and pick a random item list

QuoteButton when button clicked the Text-to-Speech component will Speak Message

Find a quote online from a book, movie, or TV show that apply to your image theme and copy in the pink text button in the event handler

TalkButton When button clicked it will say what is in the textbox

Accelerometer Sensor when tablet is shaken the Text-to-Speech component will Speak Message

Find a statement from the Internet that applies to your theme and type in event handler.

7. Check your CamelLettering, spacing and spelling in all boxes

8. Print Screen the blocks and designer view of the app and paste to Word. Name as header and Print. Make sure all codes are visible on screen.