Videos - Broadcast, etc.

Broadcast live streaming video on Ustream

APP DESIGN DETAILS

Coding With STEAM: Student App Competition
Application Design Summary Template
Describe the OPPORTUNITY (up to 300 words): Each submission will include a paragraph on the opportunity for the app or game. Include topics such as:
 For Apps: what problem are you looking to solve with your app, why do you want to solve it, and what will be the impact on people with the solution.
 For Games: what genre of game are you looking to build (examples: puzzle, strategy, educational, role playing, action, sports), and why you are targeting that category.
 Do you plan to make a profit from your app or game, or is it intended to be a non-profit solution?
 Are there currently any other product or services that already do what your app or game does? If so, what are the flaws with those product or services?
 What is the market opportunity size and potential (i.e., how many people do you expect to use your app or game, and how much revenue is possible to generate?) Explain the APP/GAME (up to 1000 words): Each submission should include a complete description of the app or game, including:
 What the app/game does and how it works – enumerating all features, capabilities, levels, goals, etc.
 How and why people will use the app/game – and how it meets the opportunity outlined above.
 The technologies the app/game will use (e.g., PC, Tablet computer, mobile phone, 2D/3D graphics, network, special device capabilities, social networks, etc.)
 Step-by-step instructions on how to use the basic app functions.
 How you expect customers to get your app/game (e.g., via a web site, in an app store, etc)
 If you plan on earning revenue with the app/game, how you will do so (e.g., online purchase, advertising, consulting opportunities, etc.) Create Storyboards and graphics for the APP/GAME: Each submission should include a set of sketches that show how the app/game will look and flow:  You may use the templates in this document to sketch how the screens will look (include: splash screens, app/game menus, screens for each function/level of your app/game – be as complete as possible)  Include any images/graphics that will be part of the app/game, such as characters in the game (make sure you have the right to use the image if you are copying the from somewhere)  Create a flow chart that shows how the app/game will flow for users  All storyboards/graphics can be hand drawn, or you may use any graphics tool of your choice Describe the target CUSTOMER (up to 500 words): Complete a basic profile indicating your understanding of the needs of the customer, including:
 Type of person who will use the app/game
 How big is the audience for your app/game? How many people do you expect to use it in the first year?
 Why these people will find your app/game useful and compelling – and how you came to that conclusion Create the MARKETING pitch and plan (up to 500 words): Each submission should include a marketing pitch of the app/game to customers, investors or donors (non-profit). This includes:
 A brief, one paragraph, marketing “pitch” that will convince potential customers to use your app/game
 A paragraph on how customers will find out about your app/game (i.e., how you’ll market it) Defend your INNOVATION (up to 500 words): Sell the judges on why this is a great solution that deserves to win!
 Explain to the judges what the innovative nature of your app or game. Why is it needed? How is it different from other apps and games? What makes it unique? Is it fresh and innovative? Why will people want to use it? How much revenue do you expect to earn?
Coding With STEAM: Student App Competition
Storyboard Template
12:38

pictogram practice

PICTOGRAM FOLK

Illustrator practice

http://codeclasshosting.blogspot.com/

http://codeclasshosting.blogspot.com/

Illustrator notes

(I) Watch Mr. Webb's demonstration and post notes to do the following on your blog:
- Creating a new canvas (document)
     press Command+N to make a new canvas
     3 sections of Adobe Illustrator (Toolbox [left], Menu bar [at the top], Panels [right])
     PROFILE: Print, SIZE: Letter, ORIENTATION: Portait

- Interface navigation, drawing tools (Illustrator's shapes & using the Pen Tool)
    Rectangle Tool (M) - makes squares and rectangles with sharp edges
    Rounded rectangle tool - makes rectangles with rounded edges
    Ellipse tool - draw circles and ovals
    Polygon Tool - draws convex regular polygons.
    Star tool - draws stars; to add more edges tap the up arrow, to remove edges tap the down arrow; to     control the sharpness of the star, hold the command key while drawing the star.

   Selection Tool (V)- looks like a black arrow.  Use to select objects that you want to move, copy or     delete.

    Pen Tool (P) - draws line segments and curves

- Setting the Fill Color, and the Stroke Color
First, select your object or line.  
Second, click on the fill color box to set the fill color. 
OR, click on the stroke color box to set the stroke color

- Saving file formats (saving for Adobe Illustrator editing vs. Saving an image for the web)
Save for Adobe Illustrator = (.ai) <<Can ONLY be opened in Illustrator.
Save for the Internet/Your blog = (.jpeg, .gif, .png) << Can be uploaded to your blog.

3A part 2

Monochromatic colors are all the colors (tints, tones, and shades) of a single hue.

Negative space, in art, is the space around and between the subject(s) of an image.

ADOBE ILLUSTRATOR NOTES

Wk 3a - Introduction to Adobe Illustrator
(I) Watch Mr. Webb's demonstration and post notes to do the following on your blog:
- Creating a new canvas (document)
(Press Command+N to make a new document)
Size= LETTER, Orientation=Portrait

Go to Window>Workspace>Reset Essentials
To reset Adobe Illustrator when you first open the app.

- Interface navigation, drawing tools (Illustrator's shapes & using the Pen Tool)
RECTANGLE (M)
Click and drag the rectangle on your document
ELLIPSE (L)
ROUNDED RECTANGLE
POLYGON TOOL
STAR TOOL
FLARE TOOL

PEN TOOL (P)
The Pen tool allows you to create lines and curves.
- Setting the Fill Color, and the Stroke Color
- Saving file formats (saving for Adobe Illustrator editing vs. Saving an image for the web)

alphabet- a collection of symbols used to form the most basic parts of speech

Research and writing Maya 2014

1.) Attaching paint effects to curves
http://www.lynda.com/Maya-tutorials/Attaching-paint-effects-curves/137899/148408-4.html


2.)

3.) 

Sample Silhouette Design--JWEBB

Warm Up Week 6

Testing VIDEO

assignment list Periods 4, 5, 7, and 8]

ASSIGNMENT #1
CLICK THIS LINK TO TAKE THE FIRST CLASS SURVEY

I'd first like you to go to BLOGGER.COM, and sign up for a new account. 

TASK 1:  After you have successfully signed up for your blog, return here
>>>CLICK THIS LINK TO REGISTER YOUR BLOG<<<

TASK 2: Write your first blog entry.
  Part I.  Post images and write about work you completed in weeks 1 & 2.  Below are examples of work we've donePart II.  Write a multi-paragraph entry in which you discuss the following, in detail:
- How long have you been in the course?
- How clear has the material we've covered been?
- Is the subject interesting to you personally? Why or why not?  (if not, how could it be better?)
- What would you like to gain from this class by the end of the year?

1.) WARM UP - On your blog, please post definitions for the following terms, from sources that you find on the Internet:  Also include one or more sentences translating that definition into simple, common terms, whenever possible.

-  Hierarchy

-  Parenting (computer graphics)

-  Key frame

-  Playblast.

Watch the GorillaCG video on hierarchy, below.

2. Mr. Webb demonstration:  Open the simplified human models, and parent sections of the body to establish a hierarchy.

[MAYA 2014 process:  select the child object; hold shift and select the parent, then press 'p'--both objects should light up]

3. Animate a 48 frame walk cycle, run cycle, and freestyle animation.

4. Students render a play blast and post to their blog portfolios.

[End of Tasks for Periods 4, 5, 7, and 8]

Destructive vs. Non-destructive editing.

DESTRUCTIVE EDITING - The edited portion can NOT be rebuilt in the future.

NON-DESTRUCTIVE EDITING - The edited portion can be reassembled or rebuilt at a later date, from the .psd document

rnb

Assignment Recap List

ASSIGNMENT #1
CLICK THIS LINK TO TAKE THE FIRST CLASS SURVEY

- Sign up for a New Blogger Account

-TASK 1:  After you have successfully signed up for your blog, return here
>>>CLICK THIS LINK TO REGISTER YOUR BLOG<<<

-TASK 2: Write your first blog entry.

  Part I.  Post images and write about work you completed in weeks 1 & 2.  Below are examples of work we've done.

-Part II.  Write a multi-paragraph entry in which you discuss the following, in detail:

- How long have you been in the course?
- How clear has the material we've covered been?
- Is the subject interesting to you personally? Why or why not?  (if not, how could it be better?)
- What would you like to gain from this class by the end of the year?

-Periods 1, 2, 3 TASKS

EACH BOLD SECTION SHOULD APPEAR AS A SEPARATE POST ON YOUR BLOG.

1.) On your blog, define the following vocabulary terms and find other Web sources that support your definition.Cite at least two separate web-sources for each definition (just copy and paste the url address), and embed images from the Web that also support the definition.

2.)  Go to Google Books and find any book about Graphic Design, Graphic Communications, Digital Design, Visual Communication, or Visual Art compositions, and copy-paste the embed code for that book within your blog.

3.)  Make a SECOND "Get Around" collage (with shoes for walking, human-powered vehicles, and automobiles), only this time ADD A COLORFUL BACKGROUND IMAGE.  Save your file as "GetAround2" (JPEG & PSD), submit both via email to Mr. Webb.  Then post the .jpeg image to your blog with a caption identifying the picture.

Atmospheric perspective – also called aerial perspective – is the effect you get when far away objects take on the colors of atmospheric haze.

http://www.arthints.com/what-is-atmospheric-perspective/


aerial perspective, also called atmospheric perspective ,  method of creating the illusion of depth

http://www.britannica.com/EBchecked/topic/7229/aerial-perspective

Aatmospheric perspective is when objects appear lighter as they get farther away

GET AROUND2 COLLAGE

This image is for the "get around" project.  It is meant to show the various ways that people get from place to place: on foot, on human powered vehicles and in automobiles.