This is a new module created by Code.Org to give you some experience in creating simple Apps for smart phones.
Be sure to watch all the short tutorials as they will give you some good ideas and examples on how to to get started.
Once you have had a few days to explore and create some sample apps you will be provided with the complete project requirements.
Sign Up or Sign In
https://code.org/educate/applab
USE YOUR PUSD GMAIL TO SIGN UP - MAKE THE PASSWORD SIMPLE :) Most of you should already have a code.org account - so just look for APP LAB to get started.
IF REQUESTED - SAY YOU ARE 15 SO YOU HAVE ACCESS TO ALL APP LAB FEATURES
Success Tips
1. Watch the tutorials, and try some of the examples they provide, you can copy the coding structure
2. Start simple, you will need to make a couple simple Apps To Demonstrate skills...
Lots of Tutorials To Help!!!
Watch these short tutorials, they have some great tips and trick that you can repurpose in your App design/idea. There are more tutorial at the bottom of my page, but at least watch these "getting started" videos, it will make your coding experience much easier :)
Two Minute App Lab Basics
App Lab Events: Getting Started
Design Code Challenges
Each of these need to be separate APP LAB projects, published/shared and the link turned in to Google Classroom.
No Frankenstein's
#1 Button & Picture
#2 Button & Sound
#3 Basic Navigation
#4 Clicker Game
Simple Score, Timer and Play Again Example
CLICK HERE FOR TIMER AND REPLAY CODE
Another Score Keeping, Timer & Replay/Reset
These code screen shots might help....this has TWO scores
CLICK HERE TO SEE THE DEMO APP THAT KEEPS SCORE
Here is how to "Clear Out" your Timer, so you can play the game again....
CLICK HERE TO SEE APP THAT CLEARS THE TIMEOUT EACH TIME
#5 Movement Game
Whack McMurphy
Check out this sample code, it might be easier to follow and you started on the random movement of an image/object on the screen (my face)... you can recreate and then modify as needed for your game, finish up the scoring and misses stuff etc... click the game link below and then "view code"
Score Keeping Example
Timer Example
Link to the Updated Movement Demo
#6 Game Design Challenges
For this challenge, you can choose any one of the 4 projects below. Some are more complicated than others so spend some time reviewing them so you pick one that is challenging for you but won't be too frustrating.
Each challenge will have a video tutorial that you need to watch, then you can modify as needed with the skills you have learned so far.
1. The Arcade Challenge
2. The Simon Game
3. Rock Paper Scissors
4. The Drum Machine
1. Arcade Game Challenge
This one is really difficult!!!!
WATCH ALL THESE 8 TUTORIALS IN ORDER
2. Simon Game
https://www.youtube.com/watch?v=m8-zU5b_1s0
3. Rock, Paper, Scissors
Click Here For Rock Paper Scissors - Feel Free To Improve
4. The Drum Machine
https://www.youtube.com/watch?v=jh5O85L5_0c
Check out this game - can you get it to work?
Watch this tutorial first....
Lots of Tutorials To Help!!!
Watch these short tutorials, they have some great tips and trick that you can repurpose in your App design/idea:
Two Minute App Lab Basics
App Lab Events: Getting Started
The Turtle??
Click Button Game
Get Text- Set Text
If/ Else Logic Statements
Advanced: Key Stroke Controls
Setting A Timer
There is a useful "Timeout" feature that will allow you set a time for your program to advance to the next function or line of code. Try this basic example and see if you can figure out how to incorporate a timer in your App. (see link below)
App: You hold your breath and count to 10!
CLICK TO TRY THE TIMER DEMO APP
Keep Score
There are many times you might want to keep score in you APP. The basic process is to create a Variable to represent "score" and then use some math to increment as necessary
for you APP, +1, +50 etc..
Try this simple click counter code so you can see how it works, then you can incorporate into your APP. There is a link below for the demo:
Here is the code behind the blocks...
CLICK THIS LINK TO SEE THE CLICK COUNTER DEMO
Don't Just Poke the Pig - make him run!!!
Drum Machine
Create A Drum Machine
Shows how to incorporate sounds!!!
Make a "test" Navigation App
Adding Sounds
Check out this simple example for the code to incorporate sounds. I remixed "poke the pig" to "poke the leprechaun" to see the code lines and test out the technique of adding sound.
Create a simple App that used sounds in a creative way. Should only take one class period... (your sample cannot be this "poke" app)
https://studio.code.org/projects/applab/3mya66zKIBF_45AmBz1qug
Sounds
Here is a link to my sound effects page where you can find all sorts of cool sound and music for your APP
https://sites.google.com/a/pleasantonusd.net/history6th/computerwheel6th/soundseffects
Your App Requirements
High Level Overview Slide
You will need to complete this single slide overview and turn in to Google Classroom BEFORE you start on your APP - I need to approve your idea!!
Here is a sample for "Seniors Helping Seniors" app
Click the link below and look at examples to see the level of Apps to come up with your own idea for your App
https://www.house.gov/educators-and-students/congressional-app-challenge/California
Visualize/Plan Your App First
Use Google Draw to plan our you App functionality and user experience. This will force you to plan and think about what you are designing BEFORE you start coding.
You will be surprised how much your ideas will develop once you see them on paper. You can also sue this to communicate your idea to others, brainstorm and get ideas!!
It will save you so much time in the end, as opposed to just coding from memory!!!
****YOUR APP REQUIREMENTS***
Splash Page Examples
The very first page of your App should be a splash page with an animate GIF
of your App loading, your logo design moving, something cool like most Apps have. Here is an example of a "loading" splash page and the Code required to make it happen. You can search the web for animated GIF's
Splash Page Sample Code - will reset the timer each your user gets to the Splash Page
Need Some Videos??
Although App Lab does not currently support video or movie file uploads,
it will allow Animate GIF uploads. So you can use this site to convert
video files to Animated GIFS (I think the max size is 35 mb).. but you can experiment and find out..