Category Archives: ITWeb

Student Activities – Bonus

  • Total Class time: 2 to 5 classes
  • Student Activity(s)
  • Objective: to create one or two advance level cellphone apps by creating your own code.  Students may use various examples and components described by the MIT website to begin the process.  Students will be expected to make modifications and changes to reflect individualized work.

Demonstrate your results to the Classroom Teacher

An example:

Oh My Spikes

This tutorial by Saj Dutta shows how to create a complete game from scratch. The game is variant of the popular spikes games and uses App Inventor sprites.

Go to tutorial

Student Activities – Part 3

  • Total Class time: 3 to 5 classes
  • Student Activity(s)
  • Objective: to create three advance level cellphone apps by following the examples described by the MIT website.  Students will be expected to make modifications and changes to reflect individualized work.

Demonstrate your results to the Classroom Teacher

Colored Dots for App Inventor 2Colored Dots is a simple painting program that uses a second screen to select the paint colors. This tutorial serves as an introduction to creating apps that have multiple screens. This tutorial is for App Inventor 2. Advanced
Pizza Party with Fusion Tables for App Inventor 2Pizza Party is a database app that collects dinner orders from different people and stores them in a Google Fusion Table. The app also uses the WebViewer component to let the user see the entries in the table. Fusion Tables are Google’s free cloud database solution. Your fusion table can be read-only to the public, or you can grant users the permission to write to the table. See the tutorial for more information, and begin creating your own shared database solutions! This tutorial is for App Inventor 2. Advanced
NFC Cup Game for AI2This tutorial will demonstrate App Inventor’s Near Field Communication (NFC) capabilities. You’ll build an application that will simulate the shell game by writing messages to NFC tags in setup mode and reading them in play mode. In order to get the full experience from this application, you will need to purchase readable, writable, NFC tags. Advanced
Android, Where’s My Car? for App Inventor 2You parked somewhere near the stadium, but when the concert ends you don’t have a clue where the car is. Fortunately you haven’t lost your Android phone that never forgets anything, and you remember you have the hot new app, Android, Where’s My Car?. With this app, you click a button when you park your car, and the Android uses its location sensor to record the car’s GPS coordinates and address. Later, when you reopen the app, it shows you a map from where you are to the remembered location– problem solved! With this tutorial you’ll be able to download a created app and then study the annotated blocks below to better understand the app and App Inventor programming in general. This app covers: GPS, TinyDB, and using Activity Starter to open a map. Advanced
Map It: Displaying Locations on a Google MapThis tutorial shows how you can develop an app that allows you to record list of addresses and view the address on the Google Maps. It will also show you how view your current location on the Google Map. Advanced
Exploring with Location Sensor in AI2The location sensor object is used to communicate with the global positioning satellite receiver (GPS) in your phone/tablet. When the LocationSensor communicates with the built-in GPS receiver, the GPS can determine the location of your device.  The sensor can also work with network/wifi location services.  Finding a location using the network uses very different techniques to determine a location. Location means, the device’s present latitude and longitude or it can mean your street address. Advanced

Student Activities – Part 2

  • Total Class time: 3 to 5 classes
  • Student Activity(s)
  • Objective: to create three intermediate level cellphone apps by following the examples described by the MIT website.  Students will be expected to make modifications and changes to reflect individualized work.

Demonstrate your results to the Classroom Teacher

Get the Gold for App Inventor 2By building the Get The Gold App you will get practice with setting visibility, using Clock components and Timers, and detecting collisions in App Inventor. You’ll program an application that has a pirate ship whose goal is to collect all the gold on the screen. Intermediate
Paint Pot Extended with Camera (AI2)This version of Paintpot allows you to draw circles and lines on a picture you take with your camera. You’ll learn about the Canvas component, drawing, color, and the Camera component. Intermediate
Mole Mash 2 with Sprite Layering for App Inventor 2MoleMash2 provides an alternative implementation of the classic boardwalk game that demonstrates how to use the Advanced features in the Blocks Editor and how to layer Sprites. Intermediate
VideoWall for App Inventor 2The Video Wall app demonstrates how you can control the size of a video playing in an app by using the Video Player component’s Width, Height, and FullScreen features. The VideoWall uses media assets (videos stored in the app itself), but you can use the app to display videos from the internet as well. Intermediate
StockQuotes for App Inventor 2This tutorial demonstrates how to use the Web component to make an app call a web service (Yahoo! Finance) with a simple application programmer interface (API). Intermediate
Mini Golf: Fling, TouchUp, TouchDown Gestures for App Inventor 2Mini Golf is an addictive little game app that demonstrates how to use the Fling, TouchUp and TouchDown gestures on Sprites. Hold down the positioning arrows to move the ball to the desired position on the tee, then Tee Off by flinging the ball toward the hole. After a hole is scored, the screen randomly sets up a new hole, providing a unique challenge every time. This tutorial is for App Inventor 2. Intermediate
Space InvadersCreate a 2-D arcade game for shooting targets –in this case, flying saucers. You’ll learn how to animate objects with the Clock.Timer event and react to events like two objects colliding. Intermediate
No Text While Driving for AI2Busy driving or in a meeting? Set this app to auto-respond to incoming texts by sending a reply text and also speaking the incoming text out loud. Intermediate
QuizMe for App Inventor 2QuizMe is a trivia game about baseball, but you can use it as a template to build quizzes on any topic. This tutorial is especially useful for learning about working with information in Lists. Lists are useful data structures for keeping track of many items of the same type, especially when you want to cycle through those items. Intermediate
Sharing Component: send files and text with the app of your choiceIn this 3-minute video, App Inventor Developer José Dominguez shows you how to use the File Sharing component in App Inventor 2 to share text and/or files from your App Inventor app to any messaging-capable service on your device (e.g. Gmail, Twitter, G+, WhatsApp, Messaging, etc.). Intermediate
Photo Booth AppThis tutorial demonstrates how to develop a Photo Booth app. You’ll build an app that let’s you take pictures, assign pictures to canvases and share pictures via email.

Go to Photo Booth app

Intermediate

Student Activities – Part 1

  • Total Class time: 2 to 3 classes
  • Student Activity(s)
  • Objective: to create two basic level cellphone apps by following the examples described by the MIT website.

Demonstrate your results to the Classroom Teacher

http://appinventor.mit.edu/explore/ai2/tutorials.html

Hello Purr for App Inventor 2Hello Purr is the Hello World tutorial for App Inventor. This simple exercise takes you through the very basics of App Inventor. In a very short time you will create a button that has a picture of a cat on it, and then program the button so that when it is clicked a “meow” sound plays. This version of the tutorial is for use with App Inventor 2. Basic
Magic 8-ball for App Inventor 2This introductory module will guide you through building a “Magic 8-Ball” app with App Inventor 2. When activated, your 8-ball will deliver one of its classic predictions, such as “It is decidedly so” or “Reply hazy, try again.” At first you activate the 8-Ball by clicking a button. If you are using a device (rather than the emulator) you can add in an accelerometer component so that the 8-Ball makes a new prediction whenever the device is shaken. Note: This tutorial can be used in place of Hello Purr since it initially has the same functionality, and then goes on to the extend that functionality. This version of the tutorial is for use with App Inventor 2. Basic
MoleMash for App Inventor 2In the arcade game Whac-a-Mole TM , a “mole” pops up at random positions on a playing field, and the user score points by hitting the mole with a mallet. This is a similar game that uses the touchscreen. This tutorial introduces: image sprites, timers, and procedures. Basic
PaintPot (Part 1) for App Inventor 2PaintPot lets you scribble in different colors by touching the screen to draw dots and lines. Concepts introduced in this project include: Canvas components for drawing; event handlers that take arguments, including touch and drag events; and Arrangement components for controlling screen layout. Part 2 extends the project to draw dots of different sizes, as an introduction to global variables. Variation: PaintPic extends this app to use the camera component to take a new picture for drawing upon. This version of the tutorial is for use with App Inventor 2. Basic
PaintPot (Part 2) for App Inventor 2This is a continuation of Paint Pot (Part 1). Be sure to complete that tutorial before attempting this one. Basic
PicCall for App Inventor 2PicCall illustrates how to create applications that use the phone’s functionality. This application lets you select people from your contact list and display their pictures. When you press a picture picture, the phone calls that person. Basic

Cell Phone App Design

App-Inventor Intro Video:

Android Cellphone App Inventor – MIT  http://www.appinventor.mit.edu/

Look through the following websites:

Invent Mobile App (Setting Up App Inventor):  http://explore.appinventor.mit.edu/invent


Before you begin: http://appinventor.mit.edu/explore/get-started

You will need a google account, create one if you have one.

You need to setup your computer: http://appinventor.mit.edu/explore/ai2/setup.html

Introduction to Digital Animations

  • Total Class time: 3 to 5 classes
  • Teacher led class (presentation) with class discussions and student activities
  • Objective: to introduce the concept of digital animations.

Activity: find a small group of websites where it offers free animation creation services.  Cut and paste their website links to your WordPress site as a Post.

Activity: create a short animation clip and post it to your YouTube account.  Once completed, copy and paste the video link to your WordPress website.

Suggested Topic:

  • A small/short story
  • A Public Service Message (PSA)
  • An Ad for a product or service

Keep in mind, what is good taste and what is not.  As this is your creation, you should consider your work to reflect who you are and what you stand for.  Create something that you will be proud of and not something that will cause you to feel bad.

Improving your WordPress Website

  • Total Class time: 1 to 2 classes
  • Student Activity(s)
  • Objective: to allow students to customize their WordPress site by the use of themes.  Adding backgrounds, pictures, and various modifications.

Explore the following websites:

https://en.support.wordpress.com/customize/

https://webtegrity.com/our-blog/web-design-tips/how-to-make-your-wordpress-website-look-better

http://www.wpexplorer.com/improving-wordpress-user-experience/

http://www.eofire.com/pro-wordpress-tips/

Activity: implement some of the suggestions as listed in the above websites.  find a way to beautify your WordPress website.

Introduction to Digital Videos

  • Total Class time: 3 to 5 classes
  • Teacher led class (presentation) with class discussions and student activities
  • Objective: to introduce the concept of basic digital videography and use various online tools to enhance the digital videos. * digital camera needed, cellphone is acceptable. *

Take your camera and take as many videos as you can (inside and outside).  Be aware that not everyone may want to be photograph/video by you.  Seek permission before taking their photo(s)/Video(s).  Keeping in mind “No” means No.

Consider photographing the following topics:

  • Tell a story
  • Someone’s comments
  • Action
  • News

Explore the following websites:

http://filmora.wondershare.com/video-editor/free-online-video-editor.html

http://www.webhostingreviewslist.com/development/top-10-free-online-video-editors-for-editing-making-videos-online/


https://www.wevideo.com/

http://www.magisto.com/

https://www.loopster.com/

https://www.shotclip.com/

https://www.filelab.com/video-editor

https://animoto.com/online-video-editor

Activity: create a YouTube account.

Activity: create a short video no more than 2 to 3 minutes long and post it you your YouTube account.  Once completed, copy and paste the video link to your WordPress website.

Before you signup for any type of accounts with any of the above listed websites.  Keep in mind internet safety.  Do not signup if you don’t need to.  Less information of you out there among the internet world, the safer you will be.

Introduction to Digital Photos

  • Total Class time: 3 to 5 classes
  • Teacher led class (presentation) with class discussions and student activities
  • Objective: to introduce the concept of basic digital photography and use various online tools to enhance the digital photos. * digital camera needed, cellphone is acceptable. *

Take your camera and take as many pictures as you can (inside and outside).  Be aware that not everyone may want to be photograph by you.  Seek permission before taking their photo(s).  Keeping in mind “No” means No.

Consider photographing the following topics:

  • People
  • Places
  • Things
  • News

Explore the following websites:

http://www.pizap.com/pizap

http://ipiccy.com/

https://www.picmonkey.com/

https://pixlr.com/editor/

http://www.befunky.com/

http://fotoflexer.com/

http://www.fotor.com/

http://web.photocat.com/edit/

Activity: Pick 5 of your best photos and post them to your WordPress site.

Before you signup for any type of accounts with any of the above listed websites.  Keep in mind internet safety.  Do not signup if you don’t need to.  Less information of you out there among the internet world, the safer you will be.

Class 7 – Working with Themes

Watch the following Video:

Student Activity

  • Go through the Theme selection process and select the best suited theme for your site.
  • Go through the Customize open to add in specific details to your site.