Wedneday 1/10/18

Intro YELLOW

Digital Design TEAL

Web Design RED

All Classes
1.  Go to gmail.com with CHROME and set up a new
2018firstnamelastname.gmail.com
account (mine would be 2018johneverett@gmail.com)
2. Send an email to: ORIACjohn@gmail.com
 3. CodeHS courses as follows:

Intro YELLOW

Digital Design TEAL

Web Design RED

 

Intro to Digital

begin with

Programming with Karel the Dog

Beginner

Giving commands to a computer, which is what programming is all about, is just like giving commands to a dog. Learn how to code with Karel the Dog—a fun, accessible, and visual introduction to text or block-based programming that teaches fundamental concepts like commands and functions to beginners.

Digital Design begin with

 

 

 

Creating Virtual Worlds

Intermediate

Learn the basics of building virtual reality worlds using HTML and the A-Frame JavaScript Library. Through this activity, students will build their own virtual reality worlds that are compatible with VR devices, including smartphone VR headsets!

Creating Apps with JavaScript

Intermediate

This activity gives you some examples on how to make your first real mobile apps and how to test them out on your phone. To run apps on a smartphone phone, students will need to download the Expo app. Find more information about Expo at https://expo.io.

Digital Art in Pixels

Beginner

Learn how images are stored and displayed on computers using pixels. Explore how images are encoded as a grid of color values, and make your own digital images using binary and hexadecimal color codes!

JavaScript Graphics Art

Intermediate / Advanced

Make your own graphics and drawings on the web using JavaScript. Learn how to use our JavaScript graphics library to make pictures by adding and modifying shapes to your canvas. This is a great activity for an art class or geometry class, as requires students to place their objects on a 2d plane.

Web Design

Web Design with CodeHS

Beginner

Learn the basics of building and designing a website! Use HTML to add text, pictures, and color to your page. These skills are the foundation for all website creation and is a great activity for students who are interested in the internet and how websites come to life!

JavaScript Graphics Art

Intermediate / Advanced

Make your own graphics and drawings on the web using JavaScript. Learn how to use our JavaScript graphics library to make pictures by adding and modifying shapes to your canvas. This is a great activity for an art class or geometry class, as requires students to place their objects on a 2d plane.

   

 

 

1] DIGITAL DESIGN/Web Design:

 

Digital Design

 
 

     Standards: 

 

IT-DD-3: Identify logistical, ethical, and legal Issues related to digital media and apply concepts to use of text, graphics, animation, sound, video, and digital images in digital products. Research the privacy, legal and ethical issues of digital media ensuring to meet the W3C standards and web accessibility requirements for completed digital products

 

E Q

What is multimedia? (The bells and whistles)

 Review What Is STUPEFLIX?

 

 

Opening

WayBack Machine

 

Work Session

   WEB DESIGN and DIGITAL DESIGN, sign in at PREZI.COM and create a Prezi about your 4 courses, use YOUTUBE videos that describe your course.

Non-Designers Book Series

                          Multimedia Storytelling

 

·                            Examples of Multimedia Storytelling

 

·                            Phases of Web Design

 

·                            Planning Your Multimedia Web Site

 

·                            Multimedia Production

 

·                            Principles of Good Design

 

Complete the following at gradycs.owschools.com :

3. Project Management: Project Management

 

 
   

Closing

 

 2 Quizzes KAHOOT.IT

   

Homework

Through Codecademy, Odysseyware, CodeAvengers, and Code.org and W3Schools assignments.

 

 
 

Web Design

 

Standards: 

 

T-FWD-4: Create and use graphics to enhance web pages using a variety of tools.

E Q

 What Are Poplular Graphic Tools?

 Review What Is STUPEFLIX?

 

Opening

Walsworth Idea File

Work Session

WEB DESIGN and DIGITAL DESIGN, sign in at PREZI.COM and create a Prezi about your 4 courses, use YOUTUBE videos that describe your course.

 Zamzar Video Converter

 The Audio element

Complete the following at  gradycs.owschools.com

3. Designing the Website

 
 

Closing

 

 2 Quizzes KAHOOT.IT

 

Homework

Through Codecademy, Odysseyware, CodeAvengers, and Code.org and W3Schools assignments

 

2]  Introduction to DIGITAL Technology:

 

 
 Intro Digital Technology

 

Introduction to Digital Technology

Standards: 

 

 

T-IDT-8 Design, develop, test and implement programs using visual programming.

a. Explain the function and purpose of software tools.

E Q

 What Is Problem Solving in STEM"

 Review What Is STUPEFLIX?

Opening

Steve Jobs

Work Session

  1. Hold down the Windows Key
    and strike the E key

  2. open up your F:\ drive

  3. Make a folder to match the name of your class:

    2016day1IntroDig

  4. Open the folder and start a Word document called "Day1"
  5. OPEN CHROME, Log in at gmail.com
  6. TYPE your username AND password into your Day1 document from STEP4 above.
  7. Sign up HERE using GOOGLE to easily sign in and start your "Hour of Code" (adventure NUMBER 3) OR, SIGN IN HERE if you already have your login.
  8. You will use PrtScn and Paste into your Day1 Word document your progress that is awarded as you work with zombies, fill holes in the garden, create piles of dirt, or create your own FLAPPY BIRDS game using computer code (hit the PrtScn button to copy your screen) then paste into your Word document.
  9. Save your Word document
     
 

 

Here's an

example

of

a

student's

progress

Also, paste the purple and gold items showing completion, like this one:

 
 

Closing

 

 2 Quizzes KAHOOT.IT

 

Homework

Through Codecademy, Odysseyware, CodeAvengers, and Code.org and W3Schools assignments