0


Computer Science Programming                in Bus-4 Lab        logo_columbine_002.png

SPRING PROGRAMS OF STUDY                                                PYTHON Help Page

Python Anywhere FREE Host

Invent With Python

Beg Python Open Tech School

JAN/FEB → Python Basic Computations, Drawing TURTL & Animation
(If time permits… include Dr Java & Turtl? Code Combat)

FEB → Game Design

MAR/APR → Arduino (Machine-like Language)

APR → Client Design Req for Tear Sheet Joint Coding Project with Web Design THIS MAY BEGIN IN APRIL

Earsketch Digital Audio

MAY → Computer Science Careers

Additional:!!


SEMESTER 2 WORK FROM HOME online

3/18 WEDNESDAY MARCH 18 AGENDA CHECK FRIDAY, 160 pts!! 

LEARNING OBJECTIVE: Students will learn about where they can study video gaming more

TAKE ATTENDANCE: Per 2, Per 6

20200317: The GAME SCORING RUBRIC does not apply as planned as students did not have enough time to complete their game level 1. If time permits, we will return to it. In the meantime, let’s take time to reflect on Planning Ideas and reflect on the Game Unit

I. Game Components & Planning: One of the things that makes a game interesting is the amount of challenge (not too little and not too much). List two for each:

A. Obstacles

(1)

(2)

B. Ways the character can be killed

(3)

(4) 

II. Game Unit Reflection

A. What was the biggest obstacle for you during the game programming unit? _________________________________

B. Was your issue resolved? How did you solve it or attempt to solve it? ______________________________________ and  __________________________________________

C. List & explain which steps you took. ____________________ ____________________ ____________________

D. Did it work? Why or why not? _________________________ _________________________

E. Y / N Overall, were you satisfied with the end product? Given more time, where could you improve or what might you do differently? _________________________________________________________________________________

3/20 FRIDAY MARCH 20-- SPRING BREAK NEXT WEEK AGENDA CHECK Due TODAY 160 pts!!

LEARNING OBJECTIVE: Students will evaluate on on Quarter 3 work.

TAKE ATTENDANCE: Per 2, Per 6

20200320: Letter to the teacher.

Dear Ms H,

School from home is going … ________. I’m looking forward to ________.  I need to raise my grade in ________ but otherwise am happy with ________ classes.

Read the GAME SCORING RUBRIC and then give your feedback. My game unit is going… ________. I need help with ________. I need more time with ________. I feel good about ________. If you were to grade this game now, I think I should deserve a __ on it because ________. Otherwise, in Programming, I feel pretty ______ because ______.

Life, in general is pretty…________ because ________. My life is different now by _______. I am able to get ______ done at home. I worry about ______. I am helping my family by ______. If I could change one thing, it would be ____ because _____.

Sincerely,

Your Name

3/23-3/27 SPRING BREAK!!! I miss all of you. Enjoy the week off. Play lots of games. Help your families and try to relax as best as possible!!

4/1 WEDNESDAY APRIL 1

Some changes will be made to this month’s planned curriculum units!

LEARNING OBJECTIVE: Assess how you are able to do eLearning from home, as if Working Remotely was part of your job description

TAKE ATTENDANCE: Per 2, Per 6

20200401: Assess the following in your home workplace

  1. What technology do you currently have allowing you to work from home?
  2. What program on your computer will you use to video conference with your classmates or  colleagues?
  3. Try it out with a friend/family member. Were you able to hear AND see them from your screen to theirs?
  4. Read the Money Crashers Article “How to Prepare Your Home”. From their list, what do you think are the top 3 most important considerations and why?
  5. Watch the Children Interrupt BBC News Interview  distraction video. What location will be quiet for you to video conference?
  6. What if the other person you need to conference with isn’t familiar with the video chat technology? How will you get them up to speed?
  7. What’s your work-around if your internet quits working?
  8. What’s your backup if you have to give up your primary computer?
  9. What will you do if others in your family need to access technology as well? Do you have enough devices? If not, explain what’s your plan?
  10.  How will you setup an agenda for a virtual meeting and create an appointment for it? What are the steps for setting up a meeting time considering time, day, who’s invited, topic of discussion, etc

4/3 FRIDAY APRIL 3 Sketch 2
LEARNING OBJECTIVE: Consider Remote Meeting & Project Management

COMPLETE ATTENDANCE: Per 2, Per 6  → same form every day but new date/timestamp, every day we have class

.

20200403: New April Project Terms & Management Planning Day

  1. What is Project Management?
  2. How do you manage a team of people working on the same project for a month when you cannot meet in person?
  3. How do you keep track of who’s doing which part?
  4. How do you think you’ll make your deadline of 5/1 to present to the client?
  5. If you needed to communicate with your team of other students at Columbine, what are your three best communication tools and why? How will you communicate progress updates on your HTML code with your Designer?

Your Task → One of the most important roles in working remotely is keeping up with multiple people working on different parts of a project all at the same time. We will be completing a joint group project, remotely, with students from Web Design Period 3. . Due to current sanctions, you will not be able to meet with your team in person. Your partner will give you a design and several design components, and you will build the design in REPL HTML (you may add JavaScript or CSS elements if you choose) for the month of April. Consider what your plan will be to communicate with your team using REPL and any sort of communication tools available to you with your teammate from period 3

4/7 TUESDAY APRIL 7

LEARNING OBJECTIVE:

20200407:

4/9 THURSDAY APRIL 9

LEARNING OBJECTIVE:

20200409:

4/10 FRIDAY APRIL 10 Sketch 3

LEARNING OBJECTIVE:

20200410: L

4/14 TUESDAY APRIL 14 Sketch 4

LEARNING OBJECTIVE:

20200414: L

4/16 THURSDAY APRIL 16 Sketch 5

LEARNING OBJECTIVE:

20200416: L

4/17 FRIDAY APRIL 17 Sketch 6

LEARNING OBJECTIVE:

20200417: L

4/20 DAY OF SERVICE!! WHAT PROJECT WILL YOU WORK ON???

4/21 TUESDAY APRIL 21  BEGIN EARSKETCH Program Fundamentals

LEARNING OBJECTIVE:

20200421: L

4/23 THURSDAY APRIL 23  Go to & Play Commands

LEARNING OBJECTIVE:

20200423: L

4/24 FRIDAY APRIL 24  Cutting

LEARNING OBJECTIVE:

20200424: L

4/28 TUESDAY APRIL 28  Putting it all together

LEARNING OBJECTIVE:

20200428: L

4/30 THURSDAY APRIL 30  EQ

LEARNING OBJECTIVE:

20200430: L

4/31 FRIDAY APRIL 31 Other

LEARNING OBJECTIVE:

20200431: L

4/28 TUESDAY APRIL 28  Putting it all together

LEARNING OBJECTIVE:

20200428: L

4/30 THURSDAY APRIL 30  EQ

LEARNING OBJECTIVE:

20200430: L

4/31 FRIDAY APRIL 31 Other

LEARNING OBJECTIVE:

20200431: L

5/5 TUESDAY MAY 5  SELECT TOPICS FOR THE FINAL

Talon Game Dev Levels Designer

LEARNING OBJECTIVE:

202000505: L

5/7 THURSDAY MAY 7  E

LEARNING OBJECTIVE:

202000507: L

5/8 FRIDAY MAY 8 O

LEARNING OBJECTIVE:

20200508: L

5/5 TUESDAY MAY 5  P

LEARNING OBJECTIVE:

202000505: L

5/7 THURSDAY MAY 7  E

LEARNING OBJECTIVE:

202000507: L

5/8 FRIDAY MAY 8 O

LEARNING OBJECTIVE:

20200508: L

5/5 TUESDAY MAY 5  P

LEARNING OBJECTIVE:

202000505: L

5/7 THURSDAY MAY 7  E

LEARNING OBJECTIVE:

202000507: L

5/8 FRIDAY MAY 8 O

LEARNING OBJECTIVE:

20200508: L

UPCOMING DATES:

5/5 TUES BEGIN COMPUTER PROFESSIONS JOBS PROJECT → Rapid Prototyping in PPT Speech Presentations; Select Individual Careers

5/7 THURS Research

5/8 FRI Research

5/12 TUES SENIOR FINALS WEEK!! Research

5/14 THURS Citation Balancing → The Research says….

5/15 FRI

5/19-22 FINALS!!! COMPUTER SCIENCE CAREER PRESENTATIONS


GAME DESIGN & DEVELOPMENT IV : What is Your Next Step in Learning More About Game Dev??

GAME DESIGN & DEVELOPMENT IX → Alternatives to the Studio Model

Choosing a Game Engine → What can you do if you don’t already work for a Game Dev Studio?

Project Lifecycle goes directly from D________________ to P________________ to B________________

Create an Independent Company (Indie Game Development)

S __ __ __   P __ __ prietorship, P________________, or Limited L________________ Company; Most studios advise that you start S __ __ __ __ and develop T __ __ __ __ __ because you will also have to pay __ __ __ __ __, __ __ __ __ __ __ care and __ __ __ __ __ __ __ __ __

Start Your Own Game Studio 

A. Crowd__________

B. B____________ Loans

C. Per D __ __ __ __ __ __ __

D. Take cuts by adding P __ __ __ __ __ __ __

E. Hybrid Options ( a M __ __ of options)

F. Other C __ __ __ __ __ __ __ __ __ __

G. A __ __ __ __ Funding

H. P __ __ __ __ __ __ __ __ __

Fund it YOURSELF → Here are some Funding Options

L

DESIGN

__ __ __ __ or __ __ __ __ __ __ __ __ __

ART

__ __ __ __ __ __ __ __ __ or learn / search for creators of online _ _ _ _ _ _ _ Art

PROGRAMMING

Learn __-_ _ _ _ _ or learn __ __ __ __ __ 3D on a full version computer (doesn’t run at school)

AUDIO ENGINEERING

become proficient at free-version A__________ or _____/_______/_____ or Industry Standard Pro __ __ __ __ __ so you can use the Hollywood FX Kit used in movies, games or filmmaking

GAME DESIGN & DEVELOPMENT XII : My Game Evaluation

1. Paste in a screenshot of your game here

2. What were the two obstacles your Player had to overcome?

3. Why is it important to have more than one obstacle?

4. Why is it important to not make your game too easy?

5. Have your neighbor try out your game. Ask their response to this question... would you play the game again? Why or why not? What advice would might you suggest?

____________________________

Online Accounts

Remind Code:

Text a message to 81010
Use the
CODE below

For Animation, text @chsanimat

For Multimedia text @hansenmult

For Graphic Design, text @hansengfx

For Web Design text @hansenweb

For Computer Science, text @hansencs

For AP CSP, text @hansenapcs

For Graphic Design, text @hansengfx

For Digital Photo text @hansenfoto

For Digital Music Club text @digimusic

CODE.org Class Accounts
COMPUTER DISCOVERIES →  
Unit 2 - Web Development:

Per 2 → use code DHWTTQ 

Per 6 → use code TYFXCV


COMPUTER SCIENCE PRINCIPLES
 →  
Units 1-2 - Web Development:

Per 2

Per 6

Code Combat Class Accounts:

Javascript vs Python??
Per 2 →
click code StopSleepRun

Per 6 → click code SideHidePaint

Denver Post UserName: hansensclasses        PW: ComputerScienceIsFun


BEGIN SEMESTER 2

1/6 MON Begin PYTHON 

Learning Objective → At the end of today’s lesson, Students Will Be Able To

  1. Run a Basic Script Python Script
  2. Learn a new IDE to build Syntax in a new language

2020106: First Day of Python Questions  →

1) __ __ __ __ __ __ In reading any new code, what fundamental concept must you understand in order to comprehend the new language?

2) What is an IDE? __________ _________ ______________? What does it do? ________________________________

A) Which IDEs have we already used in class in S1 or another CS class? ________________ + ______________

B) Signin to REPL acct w/ your google and describe what you witness that functions similar to previous IDEs we’ve used?

C) In a CS Industry Job, name two IDEs that are popular with employees?  

D) One of the basic functions to first understand in Python is to understand how to __ __ __ __ __, aka what you wish to display on screen.

THINKING QUESTIONS from your Code: What are the following Python Vocab Concepts: Print Function, WYSIWYG, Syntax

 What you will make today? Create a basic addition and subtraction calculator

  1. Open REPL
  2. Create a Print Function
  3. Print Hello World!

print("Hello World!")

ADD TO YOUR MESSAGE:

print("hello python interpreter!")

message = "Hello Python World!"

print(message)

  1. NEXT:

  1. Create a list
  2. Create a separated list
  3. Add two numbers
  4. Show subtraction between two numbers


1/8 WEDS PYTHON CALCULATIONS

SWABAT: will be able to solve for variables creating a calculator that tabulates the Sum, Difference, and Average

2020108: Define the following:

  1. Print Function
  2. WYSIWYG
  3. Syntax
  4. What line of code do you need to include user input in Python to print and respond?
  5. Python Calculator. What code will produce each of the following? Paste your solution under each
  1. Find the sum of numbers
  2. Find the difference between two numerals
  3. Find the average of 3 numbers.


1/10 FRI PYTHON GEOMETRIC SHAPE DRAWING

SWABAT: Understand basic syntax commands in a new language

Signup for Code Combat using JOIN CODE: MouthNewRide 

Khan Academy - intro-to-variables - 3 short videos

  1. https://www.youtube.com/watch?v=G41G_PEWFjE
  2. https://www.youtube.com/watch?v=ijjVDBPwA1o
  3. https://www.youtube.com/watch?v=KpJ385shzgM

2020110: PYTHON CODE INSTRUCTIONS FOR Code Combat Character Movement + Python Turtl Drawing

1. What’s the objective?

2. How do you get your guy to move?

3. How do you attack?

4. What causes you to die?

5. Why do you need to select PYTHON WITH TURTL in repl.it?

6. What do you type in line 1 to connect to the turtl library?

7. What shapes do you see repeated in drawing Mickey Mouse?

Click + and create a new repl. Search ”turtle” in the box for “Python with Turtl”

Click the pencil and edit the name called “BasicShapes” 

Click “examples” and paste in the code → change the colors to black and complete drawing a black square


1/14 TUES

SWABAT: Understand how to draw basic geometric shapes and read to learn how to create similar linotypes

SETUP YOUR NEW MACHINE

Self Service INSTALL Python 3.7 + MS Office 2016 + Gimp

Ctrl Button has changed to the Windows Button

  

2020114: Part One

TWO PARTS of PYTHON→

  • What are the basic lines needed to run a python script? List the shell commands

  • How do you draw the following in Python Turtle? List what code worked to do this in your own design.

INSERT YOUR CODE, BELOW

A. Circle

B. Square

C. A repeated circle or square in a different location

D. Change the line width

E. Change the line color

F. Change the speed -

G. Draw in counterclockwise order -


1/16 THURS

SWABAT: Understand how to draw geometric shapes

2020116: Create a screenshot of your Mickey Mouse with body and background design  List what code worked to do this in your own design.

A. Screenshot

B. Code that made it work

        


1/17 FRI Now, let’s animate our drawing, changing the reveal timings of when objects appear; be creative in your placement NO SCHOOL MONDAY!!! See you Weds

SWABAT: Understand how different components will work singularly, rather than unilaterally

2020117: While Loops → List what code worked to do this in your own design. For items B-D

A. What is a WHILE loop? __________________ How do you use a WHILE loop in your Python Turtl REPL? ___________________________________________________________________

B. How do you indicate or vary the drawing speed of your pencil?

C. How do you change the drawing location of a new shape so it doesn’t draw directly atop the previous shape?

D. How do you create an object fill?


1/22 WEDS Character Drawing: Mickey Mouse → Draw head, ears, eyes

SWABAT: Students will understand the importance of x y geographic programming for object specificity, and set draw times

2020122: Tech Ethics - Read the The Techlash Has Come to Stanford and answer the following:

  1. What is a “backlash?” What is meant by the “technlash” in recent media?
  2. Why do students in the article not want to work for certain companies?
  3. Would sacrificing your values be worth it for the right price? Is there a limit of how far you are willing to go?
  4. What is a “dystopia”?
  5. Would you work for Facebook? Why or why not?

Winking Eyeballs, Special FX using Python Timings

1. Describe your algorithm  PROCESS in WORDS to explain your create process for showing an eyeball

2. A list of steps for making your eye to appear to wink

3. Copy and paste your winking eyeball code here


1/24 FRI DUE: Animated Mandala

SWABAT: Students will understand the importance of x y geographic programming for object specificity

20200124: Two Questions about Mickey Mouse Animation → Write your answer in words (not your code)

1. List your REPL url for you Mickey Mouse Animation

2. Include a screenshot of the Final Animation illustration

3. What is looping or iteration?

4. What is the purpose of using pen up vs pen down?

5. What’s another way you can do it?

THEN, COMMENT out your code explaining what it does with a hashtag FOR EVERY SINGLE LINE OF CODE


1/24 Friday January 24

SWABAT: Understand readability in code affects what appears in your design, top to bottom, left to right

20200124: Mickey Mouse Animation ?s → Copy and paste in your code that shows this part

1. How do you change the timing so it looks like an animation?

2. Draw the body and include a screenshot of your Mouse with Body

3. Lastly, draw in a background. Where do you think it should appear in your code?


1/28 Tuesday January 28 WRITE YOUR FIRST PROGRAM!!
SWABAT: Understand the concept of Conditionals and If/Else (elif) statements

2nd Period → Make Your Voice Heard Survey

20200128: In addition to PRINT and PENUP/PENDOWN, you should understand the following basic python functions. Define each and list an example we have used in class or reference the code snippet at right:

THEN, write your first program!! Lets sort our foods list in REPL.

1) Create a new REPL called “foods2”.

2) Code 22 lines together. 

3) #comment each line


1/28 THURSDAY January 30 Finish and Debug Your Program
SWABAT: Understand the concept of Conditionals and If/Else (elif) statements

20200130: Review, how do you draw a straight line in Py Turtl by angle? ______________________________________

Finish your Program, show Ms H it works for grade


1/31 FRIDAY

DUE: Foods2 Program

Learning Objective: Students Will Be Able To: identify some of the reasons why online data is stolen and how to better to protect their privacy online

20200131: Tuesday 1/28 was National Data Privacy Day. 20 Questions: what do you know?

I. Check your knowledge. Take the quiz to see what you know about protecting your finances online. Then, check your answers from Money Tips. HIGHLIGHT YOUR SELECTION

1. True / False         Check your accounts regularly

2. True / False         If you’re too busy to check your accounts, consider paying for a money monitoring / prevention service

3. True / False         Use strong passwords (not “password” or “1password!” or commonly used words)

4. True / False         Its okay to save your password online (or on this computer)  if you are the only one who logs into your computer and you always logout.

5. True / False         Its okay to use the same password for multiple accounts

6. True / False         Make sure your computer and devices have protection or file encryption

7. True / False         Its okay to connect to open WiFi for free, like at Starbucks, the airport, or CHS

8. True / False         When available, ALWAYS use multi-authentication (i.e. login and then get the code from your phone text or email)

9. True / False         Immediately call the bank whenever you think there’s an error

10.True / False         If an account has been compromised and someone got your data (like Equifax or Yahoo!), CANCEL it!

11.True / False         Set up alerts to let you know if your spending pattern changes, or you get large or questionable charges

12.True / False         Recycle your old documents

13.True / False         Review medical claims even though they take a long time to process

14.True / False         Use “Trusted Sites” and those that use https, knowing that any web administrator can just pay extra for the S (S is supposed to indicate “secure,” but anyone can buy it if they are willing to pay extra)

15.True / False         Trust your instincts if you find an email or text that looks suspicious

II. Please list a short answer a few questions concerning protecting your online data from Stay Safe Online

1. What are the BASICS?

2. What should you do if you are the victim of IDENTITY THEFT or cybercrime online?

3. How should you SECURE KEY ACCOUNTS and devices?

4. How should you MANAGE YOUR PRIVACY for teens? _________________________ How can you help your grandparents? ________________

5. You should use free online SECURITY CHECKUPS AND TOOLS to check for _______ and _______ to see if your device is vulnerable to ___________ attacks.

III. Additional Reading, a great list of Additional Stay Safe Online Links

Do you want to help people? Consider a CAREER in: CyberSecurity + Computer Science Online 


2/3 Monday FEBRUARY 3 REBEL DAY!!! HAPPY BLACK HISTORY MONTH

 We will be analyzing Codes, Hacks and Ciphers this week!!! YAY!!!

DUE: S2 Agendas Check #1

LEARNING OBJECTIVE: learn some cryptography & code patterns

20200203: LETTER TO THE TEACHER: Write a 3 paragraph, in general, letter to the teacher. Start with Dear Ms H, and end with Sincerely and your name

How is school going this semester?

What was your favorite part of Python January? Why? BE SPECIFIC

How is life going, in general, this Winter for you?

CIPHERS TODAY → an encrypted message (like a code)

OPEN REPL & HEAD YOUR PROGRAM WITH THESE FOUR LINES

#PROGRAM NAME: REVERSE CIPHER

#PROGRAM PURPOSE: Demonstrates a reverse cipher

#Date Written: 2-3-2020

#PROGRAMMER: First Last


2/5 Wednesday FEBRUARY 5 PYTHON CIPHERS & CODECs

LEARNING OBJECTIVE: Students will begin to create their own key for a new code-making script; when finished, they will create a user-input field for the script

20200205: What is a cipher? __________ Hackers can embed scripts into downloadable files that can be harmful malware to your computer. What did they do after Kobe Bryant died,  Hackers Crypto Mining Script Kobe Bryant Wallpaper? Describe the incident and how it can affect users. Why is it so wrong? What is it the hackers want?

REVERSE CIPHER → Add an input field + print & translate the user input
Add a comment to the updated code so the purpose is explained

Begin CAESAR CIPHER. Solve for and repair next week

#PROGRAM NAME: CAESAR CIPHER

#PROGRAM PURPOSE: Demonstrates a caesar cipher

#Date written: 2-5-2020

#PROGRAMMER: FirstName LastName


2/10 Monday FEBRUARY 10 Agendas Due Sub Today SPECIAL SCHEDULE.

LEARNING OBJECTIVE: Students will create add new functions to the bottom of their reverse cipher to produce specific results. Then, students will setup REPL PyGame for first-time use.

20200210: TWO PARTS:

Part 1: What is a secret decoder ring? You might have seen in old movies such A Christmas Story or 1950s Ovaltine Commercials featuring Captain Midnight and the Secret Squadron? Other examples include the Davinci Code Cryptex, the Mexican Army Cipher, Alberti Cipher, Union Army Cipher, etc., often used in Escape Rooms, today; how do they work?

Part 2: Reverse Cipher Scripts → under your reverse cipher from last week, insert the following code to describe what happens when adding the following pieces of code. THEN, answer what readout you get upon running each one of the following:

Code to insert

Question #

What is printed out?

print('-----Function 2-----')

print(len('Hello') +len('Hello'))

FUNCTION 2:

print('-----Function 3-----')

i = 0

while i < 3:

   print('Hello')

   i = i + 1

FUNCTION 3:

print('-----Function 4-----')

i = 0

spam = 'Hello'

while i < 5:

 spam = spam + spam[i]

 i = i + 1

print(spam)

FUNCTION 4:

print('-----Function 5-----')

i = 0

while i < 4:

 while i < 6:

   i = i + 2

   print (i)

FUNCTION 5:

Then, begin a basic Pygame shell in REPL, https://repl.it/talk/learn/Game-in-Python/21409 from the instructions listed here!!

130-pt Agendas Graded Are Jan 6 - Feb 3!!!


2/12 WEDNESDAY FEBRUARY 12 PYTHON Platformer GAME DESIGN No School Friday for Students
INSTALL
 / Catch Up  / Get Your Grade Day

LEARNING OBJECTIVE: Practice reading Gaming Code

20200212: Two Parts → Paste in your working PyGame code PLUS a screenshot of what it looks like when it is working

THEN, go back and change the indents in lines 19-50 so the code you pasted in will work correctly. Pygame shell in REPL, https://repl.it/talk/learn/Game-in-Python/21409 from the instructions listed here!! THEN, change the color of the game piece. Show Ms H for pts

INSTALL EPIC CAMES

2/13 THURS

20200213: Paste a screenshot of this platform you started with

Live-Stream the Winter Sports Assembly

LAUNCH THE ENGINE in Epic Games & DESIGN A PLATFORM

2/19 WEDNESDAY FEBRUARY 19

TOMORROW PARENT CONFERENCE NIGHT 4-7 for Extra Credit

LEARNING OBJECTIVE: Establish what it’s like to work in the Gaming Industry

20200219: 3 parts → Game Design Industry Notes

PART ONE → Of the basic types of games, what ONE kind would you want to make? ___________ Why? ___________

  1. Side-Scroller (like Temple Run);
  2. First Person Shooter;
  3. Arcade Shooter (Space Invaders)
  4. Maze Games; Puzzles;
  5. Auto-Scroller Avoid Game (ie. Flappy Bird);
  6. Platformer; RPG (ie Final Fantasy);
  7. Choose Your Own Adventure (Text Based Game choice game)

PART TWO → Which Developers Might you Find on a Game Dev Team?

AUDIO TEAM (5) → C_______________, S___________ D___________, A_____________ D__________, V_________ D___________, A__________ P_______________

ART TEAM (6) → C_________ A__________, A___________, 3D M____________, T___________ A______________, S___________ A_______________, E________________ A_________________

PROGRAMMING TEAM (7) → __ __ Programmers, A________________ Programmers, G_______________ Programmers, G________________ Programmer, N______________________ Programmers, T_________ Programmers, __ ___ Programmers

GAME DESIGN TEAM (3) → L____________ Designer, G_____ Designer, W_________,

PART THREE → Complete the chart explaining some of the job roles & skills wanted by some of the most popular Game Developer Companies hiring.

Levels Designer

Game Programmer

Game Artist

Game Audio Director

Roles

1. __ __ __ __ __ __ level  

2. Determines the -- -- -- -- -- --- -- -- -- of items

3. Work with _ _ _ _ _ _

4. _ _ _ _ _ _ the code

5. Creates the _ _ _ _ _ _ _ _ _

6. _ _ _ _ _ _ _ _ _ design

7. _ _ _ _ _ _ _ design

8. _ _ _ _ _ FX

9. _ _ _ _ _

10. File _ _ _ _

What SkillsMust You Have

11. _ _ _ _ _ _ _ _ _ _ _

12. _ _ _ _ _ _ _ _

13. _ _ _ _ _ _ _ _ _

14. _ _ _ _ _ _ _ _ _ _ _

15. coding _ _ _ _ _ _ _ _ _

16. Illustration skills & basic knowledge of digital _ _ _ _ _ _ _

17. _ _ _ _ software

18. _ _ _ _ _ _

19. Playing  _ _ _ _ _ _ _ _ _ _ _

20. _ _ _ _ _ - track recording / composing

Demo a Student Game: Milk Run made in Construct 2 (unlimited assets)

  1. What is the goal?
  2. How long do you think it took to create this game?
  3. What do you think this CHS Alum spent the most time on, in developing game?
  4. Why does he give it away for FREE? __________ Why does the Company let him list it on their site for FREE? _____
  5. What program is it made in?


2/25 TUESDAY FEBRUARY 23 20 point day!!

LEARNING OBJECTIVE: Establish working vocabulary of Game Engine Terms
20200225: Game Programming Terms 1  → Define the purpose for each of the following attribute you’d use in game coding. Answer the question, “in Game Design, a World allows” _________________. Place the aspect you’d define in the blank.:

  1. A World in Game Development can be described as →
  2. A Game Dev Object is described as →
  3. Game Dev Properties are →
  4. A Game Dev Class is
  5. In Game Design, a Method is described as →
  6. In Game Development, Parameters are described as →
  7. Game Development Variables are →
  8. Different Types of Variables you might find in Game Development might include: →
  9. To Import Images into your Game Dev, you’ll need o →
  10. Events are →
  11. Game Dev, Functions are
  12. Game Dev Billboards are
  13. Lists in Game Design are used for 
  14. Arrays in Game Development are used for →
  15. Tags within your Game Dev are used for  →
  16. Game Design Poses refer to →
  17. To leave Comments in your Game Engine, you need to →
  18. WRITE YOUR OWN

2/27 THURSDAY FEBRUARY 27
LEARNING OBJECTIVE: Understand fundamental building concepts of game illustration

20200227: Like Netflix “buffering” why does your game need to “render” or  “rebuild lighting”? What effect does it create?

Draw your background level world

2/28 FRIDAY FEBRUARY 28 New Policy: No Hats in the Classroom
LEARNING OBJECTIVE: Understand fundamental building concepts of 3d levels illustration

20200228: Why do we start with Levels Design?

Work on Levels

3/3 TUESDAY MARCH 3
LEARNING OBJECTIVE: Understand fundamental building concepts of 3d levels illustration

20200303: Commonly Asked Questions -- How do you do this in your program?

  1. What is lighting? How to fix the lighting?
  2. How to download new content?
  3. How do you make a landscape and design mountains and stuff?

Work on Levels

3/5 THURSDAY MARCH 5— NICK ASSIST
LEARNING OBJECTIVE: Students will be able go ascertain how to create architectural schematics in their chosen game drawing programs

20200305: BASIC TOOLS YOU NEED TO KNOW in your Game Dev Engine. How do you complete each of the following:

  1. Moving Stuff Around →
  2. Landscape Tool →
  3. Foliage Tool →

3/6 FRIDAY MARCH 6 Adding Cinematics → YOU MUST HAVE A LEVEL READY YOU CAN RECORD IN
LEARNING OBJECTIVE: BUSINESS Game Advertising and Marketing → SWBAT time promotionals

20200306: How do you add a movie preview of your game in your game engine? At which time would a company want to release the cinematics before the game is available for purchase?

3/10 TUESDAY MARCH 10
LEARNING OBJECTIVE: Define the demographic of Video Gamers in the USA; SWBAT explain who games and in which genres

20200310: GAME DESIGN & DEVELOPMENT I →

1. What is Game Theory?

A. The study of ____________ models of ____________ and ____________ between intelligent, rational, decision-makers, more like a “__ __ __ __ __ __ __ __ __” for how people make decisions.

B. Game Theory is the best way we have of planning a player’s ____________.

C. Game Theory doesn’t really apply ____________, it models how human populations ____________, and assumes rational P_________ B___________.

2. The Concept of Fun →

A. The design of the game should be (1) ____________, (2) ____________, (3) ____________, and (4) _____but _______.

B. If we’ve seen or played a game before we’ll understand ____________ ____________ in a new variation.

C. List three examples of a pattern intentionally designed in a game that people think is fun: ____________, a ____________ ____________, and ____________ ____________ ____________

3. Define Your Player Audience → In your opinion, who plays games?___________________________________________ ______________________________________________________________________________________________________
Complete the chart, below:

__ %

__ %

__ %

__ %

50+ years old

0-17 years old

36-49 years old

18-35 years old

A. The average player age is ____ years old, not teenage males

B. Female = __% Male = __%

C. Mom Gamers ___% don’t play, ___% PLAY, causing marketing rules to change very quickly. ___% of US

moms with kids under the age of 18 play games at home. Over ___% of parental video game purchases are

made by mothers.

D. What are social network games or cloud gaming? __ vs __

E. What types of games are shrinking over the last five years? A __ __ __ __ __

Pick NEW Unreal CHARACTERS and MOVEMENTS at mixamo.com

3/12 THURSDAY MARCH 12
LEARNING OBJECTIVE: Game Publishing and how you get your new game into the hands of future players

20200312: GAME DESIGN & DEVELOPMENT II

3. MARKETING → There are established _________________________ through publishers. List THREE cultures that are great examples of countries growing financially & seeing tremendous growth in gaming? _____, _____ and _____? __ __ __  to play, M __ __ __ __ __ __ __ __, and It’s important to remember different M __ __ __ __ __ __ use different game P __ __ __ __ __ __ __ __

4. Using the chart below, show two differences for each of the following platforms

Consoles and Computers

Mobile Devices

1. More P_______________

2.L_____________ capabilities

3. Broad __ __ __ __ __ of games

4. S______________-D_______________ games  

5. Platform & Distribution → Traditional Distribution follows the following four rules

1. The dev had little control over the __ __ __ __ __ process

2. The _________________ retained only partial marketing of the game.

3. The _________________ had limited shelf space

4. The __ __ __ __ to package and __ __ __ __ games was high.

6. Digital Distribution → An upside to this method is publishers and content developers can have more control over updates, security and branding of their game, as all players go to the same or fewer sites to download the game. List four processes in this distribution method.

A. Publishers work with _________________ _________________

B. Many publishers have created their own _________________

C. Developers and publishers gain more _________________

D. This reduces P________________ , D________________ , and S________________ co$ts

To add your character, go to UNREAL ENGINE LIBRARY > find the add on and click ADD TO PROJECT > SELECT the projects you need > click ADD TO PROJECT

Then it’ll load and you’ll select your character in Unreal Engine. NOTE: if it is a skeletal mesh, and you

downloaded a skeletal mesh, click on it and you should be able to search whatever you are looking for. OR,

click and drag on the content window

To download your character, click LOGIN WITH GOOGLE using your Jeffco

YOUTUBE How to animate a 3D Character in Unreal Engine 4

3/13 FRIDAY MARCH 13
LEARNING OBJECTIVE: Students will learn the lifecycle of a game from beginning to release

20200313: GAME DESIGN & DEVELOPMENT III → www.pixilart.com for drawing your Sprites

ADD YOUR NAME TO THE MULTI-SHARE DOCUMENT

Complete as much as your game as you can today

GAME SCORING RUBRIC Your game will be graded on the following rubric, READ THIS so you know what you have to create!!



20190129: Copy and paste a link to your samplesofmywork.html REPL here

Create a new REPL in HTML/CSS/JS that is a standalone page showing all your repls so far. Hansen will link this to your Portfolio Examples

Type the following into your REPL

<!DOCTYPE html>

<html>

 <head>

   <meta charset="utf-8">

   <meta name="viewport" content="width=device-width">

   <titleSamples of My Work</title>

   <link href="style.css" rel="stylesheet" type="text/css" />

 </head>

 <body>

<h5>Examples of my work in Python & HTML5</h5>

<h4>Mandala</h4>

<h4>Animated Mickey Mouse</h4>

<h4>Sum Calculator</h4>

<h4>Difference</h4>

<h4>Average Calculator</h4>

THEN, COPY THE EMBED CODE INTO EACH SECTION

How do I copy the embed code to the new samplesofmywork.html REPL I make in class today?

With the embed code for the Average Calculator, your samplesofmywork.html REPL should begin to look like this.

Python Calculations. What

<!DOCTYPE html>

<html>

 <head>

   <meta charset="utf-8">

   <meta name="viewport" content="width=device-width">

   <title>repl.it</title>

   <link href="style.css" rel="stylesheet" type="text/css" />

 </head>

 <body>

<h5>Examples of my work in Python & HTML5</h5>

<h4>Mandala</h4>

<h4>Animated Mickey Mouse</h4>

<h4>Sum Calculator</h4>

<h4>Difference</h4>

<h4>Average Calculator</h4>

 <iframe height="400px" width="100%" src="https://repl.it/@HansensClasses/average?lite=true" scrolling="no" frameborder="no" allowtransparency="true" allowfullscreen="true" sandbox="allow-forms allow-pointer-lock allow-popups allow-same-origin allow-scripts allow-modals"></iframe>

   <script src="script.js"></script>

<h4>Square Root Finder</h4>

<h4>Squaring & Cubing Numbers</h4>

 </body>

</html>

Email your Samples of My Work web-page to hansensclasses@gmail.com by following the steps below:

  1. Open your samplesofmywork.html REPL
  2. Click RUN
  3. To the right and one line beneath Console/Result, click OPEN IN A NEW TAB, copy and paste THIS link to email



  1. Select 8 pieces. Create an algorithm instruction list explain how to build something out of the pieces you are given. Write the instructions for item 3.
  2. Take a photo and upload for item 4 (please make small and text wrap this)

Per 5 → https://codecombat.com/students?_cc=SleepWarmFight 

Per 7 → https://codecombat.com/students?_cc=BoxOldDraw 

FUTURE ASSIGNMENTS

What IS Base 10? Hexadecimal. It’s what you use for color coding in Graphic Design. It is a number system where every number is a fraction of ten. (For Hexadecimal and other numbering systems are divisible by more things. Hexadecimal has sixteen spots → counts i

Create four more calculators: COMMENT OUT your code for the following…

  1. A Square Root Finder
  2. Squaring & Cubing Numbers
  3. Convert to Binary
  4. Convert to Base 10


THEN, Complete your calculators:

  1. A Square Root Finder
  2. Squaring & Cubing Numbers
  3. Convert to Binary
  4. Convert to Base 10 What IS Base 10? Hexadecimal. It’s what you use for color coding in Graphic Design. It is a number system where every number is a fraction of ten. (For Hexadecimal and other numbering systems are divisible by more

things. Hexadecimal has sixteen spots → counts in 8

Relevant ARTICLES: Git Hub + REPL,

Additional Topics List:

20191210 CHS Cyber Bullying Data                                Available: https://qrgo.page.link/t8zXG 

  1. Do you believe cyber bullying exists?

10.9% NO

89.1% Yes

  1. Have you felt harassed, mocked, or rejected while online?

Often

30.7% Occasionally

67.5% Never

  1. Have you seen other people harassed online?

16.8% Often

53.9% Occasionally

29.3% Never

  1. How many times have you stood up against harassment?

10.0% At every opportunity

28.2% Usually

38.2% Only in specific cases

23.6% Never or almost never

  1. If so, what types of harassment have you experienced? Opt

Benefits of functions -- Possible responses:

Functions are examples of Abstraction -- Possible responses:

SEMESTER II FINAL : Computer Science Career Project Presentation + PPT




SEMESTER I FINAL : WHAT SHOULD BE DISPLAYED ON EACH of your 5 WEBPAGES?

  • 1) index.html
  1. Your Name
  2. Logo
  3. Nav Bar w/ all five tabs
  4. Image that suits your mood & blends well with your site architecture
  • 2) about.html
  1. Paragraph explaining who you are, what you did this summer (with photo), and how technology is a part of your life
  2. List of your current course schedule
  3. A table-ized version of your favorite 9+ movies or games w/ images (borders=0)
  • 3) resume.html
  1. Your jeffco email (just list this with a Mailto: link to 1234567@jeffcoschools.us)
  2. “Print Resume” (link to google_doc_resume_pub google doc published to the web)
  3. Skills List of  (
  • 4) samples.html
  1. Games 1, 2, 3 dropdown menu linked to each game
  2. pressrelease_20190913.html (hoco)
  3. pressrelease_20191003.html (joey santaniello)
  4. Coding Examples (LINK THIS TO REPL, signin with google, click profile and get your new link, example → repl.it/@JeffreyWilson)
  5. Algorithm Build Steps (google doc link)
  6. Semester 2 Final (create a link to a new file-publish-to-the-web google slides)
  7. T Shirt Order spreadsheet  (from joey santaniello walk for all 5k published to web link > use embed code)
  8. Invisible table(paste in the following + anything else you created)
  • pixel art characters (3) pasted into
  • Logo (your initials created in Gimp)
  • Animation(s) (your initials created in Gimp)
  • Self Promotion Marketing Meme encouraging someone to hire you as a web designer
  • Other graphics you have created in class (i.e. levels design, etc)
  • 5) contact.html
  1. Your jeffco email (just list this with a Mailto: link to 1234567@jeffcoschools.us)
  2. VOIP # if you made one for yourself FREE; NO PERSONAL CELL PHONE #s

WHAT SHOULD YOUR FILES BE NAMED IN EVERY FOLDER

2019_last_first_practice

  • about.html
  • contact.html
  • index.html
  • resume.html
  • samples.com
  • assets
  • game1
  • game1.html
  • images for game 1
  • game2
  • snake.html (skin)
  • game3
  • If you made a third one, add it here, otherwise, we will go back and make a link to this in your Spring Nav bar (right now, we are planning on using Construct or ____, but if we get new computers, we will use the Epic Games Game Editor)
  • images
  • animation.gif
  • background.gif (optional)
  • logo.gif
  • logo_chs.gif
  • marketing_meme.gif
  • pixel_art_character.gif
  • summer_pic.gif
  • styles
  • nav.css
  • pressrelease.css

SEMESTER ONE ASSIGNMENTS

Friday, August 16, 2019

Computer Science Programming 2019-2020

First and Last Name, PROGRAMMING, period ___

Publish to the web URL

20190816: Summer Thoughts & CS. Write a letter to the teacher including each of the following parts in your letter including greetings/salutations

  1. Introduce yourself in one paragraph explaining who you are as a Technologist. How do you use technology in your life? How does it save you time / make life simpler w/ technology?
  2. Write a paragraph about something fun you did this summer. Include a photo of somewhere you spent time this Summer (wrap text around the photo; could be your own or from google)
  3. What you hope to learn about Technology in this class?

  1. Complete the 2019-2020 Concurrent Enrollment Form for ACC 
    WRITE
    CWB 110 as the course on the back side of the worksheet
  2. Create a login at MyACC and wait for them to write you back with your S-Number
  3. Write your S-Number on the Concurrent Enrollment Form


For HW, complete your
myACC login.

  1. There are no pre req scores since your class does not require an entrance exam (Accuplacer) like Math or English.
  2. Click HERE if you have never attended ACC.
  3. View the Directions.

Nitro Type → How fast are you???

Add a NEW Programming FOLDER in DOCUMENTS of your Jeffco Drive → Then, put all the following folders as listed below

  1. 2019_last_first_practice
  1. 2019_last_first_chs
  1. 2019_last_first_portfolio
  1. 2019_last_first_clientsite

Tuesday, August 20, 2019

  1. Identify head / body
  2. Use beginning and end tags

I think all these types of jobs mean… I think they relate to this class by… Of the items in the list, I am most interested in ___________ because … . I am ALWAYS texting on my phone so I can relate most closely to that and social networking. All together, though, I think my teacher is trying to get me to think about ___________ because ___________. What is something I use computer science for, in my everyday life


including the following tags: parts of a standard website → body, head, alt text, hyperlink, unordered list, link to graphic or photo online, bold, italic, underline. Write a paragraph including your name and another one that includes: something you’d like to learn in Programming, a place you would be if you weren’t here, a pic of that place, and a the words “Three things I enjoy include:”. After that, include a list of those 3+ things, linking ONE of them

Thursday, August 22, 2019

  1. Add style elements to code
  2. Create lists
  1. <html> →
  2. <body> →
  3. <p> or <br> →
  4. <ul> →
  5. <ol> →
  6. <li> →
  7. <b> / <i> / <u>
  8. <a href=”www.abc.com”>
  9. <img src=”www.hansensclasses.com/images/logo.gif”> →
  10. <hr> →

Friday, August 23, 2019

  1. Recognize HTML page types of secure/unsecure, commercial/informational/business sites
  2. Recognize image types
  3. Recognize different file extensions for country codes
  1. _________________  → ____________________________________________________________________
  2. _________________  → ____________________________________________________________________
  1. index.html →
  2. .html / .htm
  3. http vs https? →
  4. www. →
  5. .jpg / .gif / .png →
  6. .com →
  7. .info →
  8. .biz →
  9. .us / .ca / .mx
  10. .js / .css

Tuesday, August 27, 2018

  1. Use HTML code to create table images, rows, data and headers
  2. Use alignment, blockquotes and other features to determine alignment and sizes of fonts/images/etc

What’s the tag?

Attribute

What does it do?

<title>

title

It lists the title you describe in the browser tab

<img src=”images/summer.jpg”  border =”1”>

border

creates a border around your image

<hr>

Horizontal Rule

Adds a skinny line

<img src=”images/summer.jpg”  border =”1”alt=”Summer Pic”>

Alt Text

Mouse Rollover text that appears
When you scroll over it, Summer Pic appears

<img src=”images/summer.jpg”  border =”1”alt=”Summer Pic” width=”400” height=”300”>

Part of an img size tag

Specify the image height and width, 4:3, in landscape orientation

<h6> or <h1>Welcome to Gina’s Site</h1>

Heading sizes

<h6> = smallest; <h1> biggest

<br>

Line Break

Single Space Hard Return

<blockquote>

indents

indents

<p align=”right”>

<img src=”images/summerpic.jpg”  align=”right”>

Object / text alignment

Lines up an image or paragraph to the right

<table>

<tr>

<td>

<th>

Inserts table
row
data

header

Puts in a table

Adds a Row (for everything with this tag)

Adds a data(for everything with this tag)

Adds a header text that goes in the cell (for everything with this tag)

Thursday, August 29, 2019 BACK TO SCHOOL NIGHT EXTRA CREDIT??? Is THIS DATE correct? Might be changing

  1. write algorithms producing HTML
  2. insert a circular reference image link into a 3x3 table with a predesignated size
  1. What is Developer Code? ___________________________________________________
  2. Why would you want to know how to read the code of a website? _______________
  3. It’s different on a Mac, using Safari, but what are the shortcut keys to view Developer Code in
    Google Chrome ________________________________,
    Internet Explorer ________________________________,
    and Firefox ____________________________________?

Friday, August 30, 2019

  1. Compose their own algorithms that produce specific x y coordinates, size elements, alignment, and other appearance qualities of HTML elements
  2. Link to files / images / backgrounds

NO SCHOOL MONDAY!!

Wednesday, September 04, 2019

  1. Create style elements to create stationary for their Press Release
  2. Add your first style script to <head>
  3. Create an HTML shell into which you’ll write your HoCo Press Release for next class
  1. CSS: abbreviation for __________________ _____ _____
  2. What does it do? Why do we wanna know it? 
  3. What are THREE cool features you can do with CSS?


IF YOU HAVE NOT DONE THIS YET, Download Notepad++ to your CHROMEBOOK → Notepad++ App 

To place on another computer, click rollApp online > Add to Chrome > then check if its on your list of apps


Friday, September 06, 2019

  1. Compose content to paste in your HTML shell
  2. Create spaces for CSS markups
  3. Write using AP Style / Media Writing

Paragraph #

In sentences, compose each paragraph.
No more than five sentences total length.

1.LEAD PARAGRAPH
Who? What? When? Where? How? Why? all in one sentence

1.

2. Event 1

2.

3. Event 2

3.

4. Event 3

4.

5. For more info…
Email? Phone? Website? Principal Scott Christy

5. Email <mailto:”scott.christy@jeffco.k12.co.us”>Scott Christy</a> with further questions.


Monday, September 09, 2019 → REBEL DAY!!! We MAY not finish all this today, but come ready to work!!!

  1. Identify style type=”text/css” in the head
  2. Specify the body background color as white
  3. Create a HoCo Graphic and specify it will appear in the center of the web page in a fixed location without repeating
  4. We will make sure the text appears black
  5. We will indent all left and right paragraph margins by 10%
  6. We will make the lead paragraph first letter bold + 33% larger than the other letters
  7. We will create a special italic font style for the summary paragraph
  8. We will create div tags for special small-caps that will show the address and phone in the center with a right margin of 10px and a 0.123em 0; with a border of 1px solid black border-width of 1px 15px 1px 0
  9. We will create a CONTACT-INFO div that aligns on the right with a 10px margin-right and 15px padding-right + 15px color#446 border on the right with a 0.25em padding on top + another color #321 at 90% of the font size for the rest of the page
  10. We will transform all text written in the div contact-info div to uppercase, bold 1.111em font size
  11. We will align a footer div in the center, 2.5 em from the top marge; it will include a 1px solid gray border in color #AAA at 85% of the font size; it will include 0.33em padding with 1px letter-spacing
  12. The footer div color will be #778 for url links and #878 color for links that have been clicked on
  13. We will also create a special a.stockinfo section where the font will be bold weight, in normal style, written in blue on a white background
  14. When your mouse hovers OVER this special a.stockinfo section, the background will change to white writing on blue (the opposite of above)
  15. We will set all h1 headings to a 0 margin-bottom with a 1em margin-top
  16. All h2 headings will specify the following font location 0 5% 0 7.5% with a 120% italic, font-size
  17. All of this will be written in a special <style> tag in the <head> of our document
  18. We will also include a div class entitled “release” → this will indicate when all this will happen

Wednesday, September 11, 2019

  1. Compose content to paste in your HTML shell
  2. Create spaces for CSS markups
  3. Write using AP Style / Media Writing
  1. Name a div tag in a CSS list of commands?:
  2. Change font color:
  3. Mouseover:
  4. Include a centered background icon image in a fixed location:
  5. Indent margins 10%:
  6. Draw a line:
  7. Make something align in the top right part of the document:
  8. Enlarge a First Letter Cap:
  9. Draw a downward line graphic:
  10. Convert text to small caps:
  11. Activate a div tag within a document?:

Friday, September 13, 2019 AGENDAS DUE TODAY

  1. Complete press release

Dear Ms H,

School has started off pretty…

Class is going…

Life, in general, is…

Sincerely,

Your Name

Tuesday, September 17, 2019

  1. Compose using Media AP Writing Style
  2. Connect new press release to dependent CSS file in styles folder

<link rel=”stylesheet” href=”styles/pressrelease_20191006.css” type=”text/css">

</style>

Thursday, September 19, 2019

  1. Use CSS to style media writing document
  2. Use site architecture to organize files

Tuesday, September 24, 2019

  1. Complete press release
  2. Begin formatting Portfolio Site
  3. Create a CSS Navigation Bar
  1. COPY what you wrote on your INDEX page and paste and save it onto a new about.html page
  2. Create samples.html which includes a list of what we’ve created so far…
  3. Place your LOGO on index.html under your new menu
  4. The other <html> links will include resume, about, contact

Thursday, September 26, 2019

  1. Begin formatting Portfolio Site
  2. Create menus & dropdowns
  3. Be able to describe relationships in site architecture using a tree structure

Friday, September 27, 2019

  1. Create menus & dropdowns
  2. Separate <styles> into dependent file folders

HEAD CODE

<head>

_______________________________________________

</head>

BODY CODE

Link id goes in the body to indicate you must place your id tags here?

_______________________________________________


Tuesday, October 1, 2019

  1. Create menus & dropdowns
  2. Separate <styles> into dependent file folders

Thursday, October 3, 2019 PARENT CONFERENCES NIGHT 4-8pm; Extra Credit if they come… understandable if they cannot

  1. Students will recognize circular references to dependent files
  2. Create a logo that stays in a fixed location wherever they may scroll

    <link rel=”icon”

type=”image/gif”

href=”images/logo2.gif”>

  1. Logo at the top in browser tab as “icon”   AND in a fixed location in the menu bar of every page
  2. Create a color theme (three color color design)
  3. Nav Menu with THESE five pages IN THIS ORDER with the TITLE LISTED ON EVERY PAGE in <h1>:
  1. Create a separate style page called nav.css to place your menu on every page [ we will complete the in class demo of this, TUES =, 10/8 ]


Friday, October 4, 2019

  1. Help the Challenge Program create Create a logo that stays in a fixed location wherever they may scroll


Tuesday, October 8, 2019

  1. Reflect on how we can use Computer Science to help others
  2. Complete circular reference for dependent menu.css file
  3. Create a button with choices


Thursday, October 10, 2019

  1. Create a dropdown menu and connect it to a different folder
  2. Create an if else statement based game

PER SIX LOCKDOWN VIDEO LINK: https://drive.google.com/file/d/1jJMSm5OkTvlNlcv56XpxQm8Pn06jGcPe/view


Friday, October 11, 2019

  1. Create a list of if then loops within a text-based game
  2. Consider which obstacles and or

MY ANSWER

MY PARENT’s ANSWER


Tuesday, October 15, 2019 [ SUB today ]

  1. Create a list of if then loops within a text-based game
  2. Create a game map / list showing all interactivity in the

20191015: Create/Paste/List an infographic that displays all the interconnections of your game to help you organize. Examples below from Jenelle’s Game Dev group in APCSP (they are using Unreal Engine). Create a similar chart/list/infographic to theirs that matches your own game but a little less detailed to show the interconnectivity of your game1 pages. Some of your classmates used paper and took a photo of this OR they used lucidchart, google draw, math ideas, google presentations, etc or even taking a picture of paper to express their ideas

 


Thursday, October 17, 2019

  1. Create a clear map showing game sequence
  2. Compose a clear objective that would be included as the summary
  3. Set game purpose through clear summary and setting description on landing page, supported

20191017: Compose a Summary of your Game describing both the Objective and Setting Time/Place. No more than four lines. Include this description on game1/index.html or game1/page1.html

COMPLETE YOUR GAME PAGES!!


Friday, October 18, 2019 REBEL DAY

  1. Complete developing the build of the sequence map you created
  2. Reinforce game objective
  3. Reinforce setting description on landing page, supported by included images

20191018: Create our own Game Rating System for Columbine Students that would be the equivalent of E for Everyone from the ESRB. Start by working with your table partner to list three standard rules that all games should follow

FINISH YOUR GAME!!!


Tuesday, October 22, 2019 GAME DUE Thurs!! NO SCHOOL FRIDAY OR MONDAY FOR STUDENTS’ Fall Break

  1. Prepare their game package in a standalone folder
  2. Debug game in test folder
  3. Submit to server for upload

COMPLETE YOUR GAME PAGES!! BEGIN UPLOADING YOUR GAME 1 FOLDER TO THE GREEN DRIVE for server upload

20191022: SELF EVALUATION OF GAME

Testing Day. Evaluate your game by the following criteria

  1. Yes / No        Is SETTING time / place clearly reinforced on page 1?
  2. Yes / No        Is the OBJECTIVE clear to the user?
  3. Yes / No        Is the game TOO EASY to beat?
  4. Yes / No        Is your role as PLAYER ONE clearly identified?
  5. Yes / No        Are OBSTACLES / characters clearly developed?
  6. Yes / No        Is a SETTING image / background visible on the home page (first page) of game?
  7. Yes / No        Were ADDITIONAL IMAGES / GFX added to enhance the text throughout the rest of the game?
  8. Yes / No        Were any sort of SPECIAL FX added?
  9. Yes / No        Did the developer create anything ABOVE AND BEYOND what the assignment called for to make theirs cooler than all the rest?
  10. Yes / No        Most importantly, would you play it again?

Thursday, October 24, 2019 GAME DUE TODAY Turn in Game1 INTO TURNITIN Folder Fall Break: NO SCHOOL FRI/MON

  1. Prepare their game package in a standalone folder
  2. Debug game in test folder
  3. Submit to server for upload

COMPLETE YOUR GAME PAGES!! BEGIN UPLOADING YOUR GAME 1 FOLDER TO THE GREEN DRIVE for server upload

20191024: Five Parts → Do you feel like you spent more time writing or coding? _________ How important is a Writer to the Game Development Process? Do you feel like artwork enhances the overall game experience? Why or why not? ____________________________________________________________  If you were to create a game like this again, and knowing what you know now, where do you think you would prioritize your time in the future?


Wednesday, October 30, 2019 

  1. Prepare their game package in a standalone folder
  2. Debug game in test folder
  3. Submit to server for upload

Connect your Game1 to the dropdown nav menu SAMPLES link

20191030: What did you like / not like about the Button Game Unit ? 1 paragraph, 4-6-sentencve reflection

November 1, 2019 

  1. Create multiple layers in GIMP
  2. Order layers
  3. Export as animation

CREATE YOUR ARROW ANIMATION IN GIMP; if finished, create a web tool that draws attention, ie pacman eating pellets, stickman walking across page, public service announcement, etc.

How to Create Animated GIF Arrows Using Gimp

20191101: Paste a screenshot of the animation you worked on today, HERE

November 5, 2019 → Do we REALLY only have SIX MORE WEEKS OF CLASS left in Semester 1?? WOW!!! 12-week Graded Period will run on MONDAY next week.

  1. Create multiple layers in GIMP
  2. Order layers
  3. Export as animation
  4. Interconnect multiple pages
  5. Reinforce organization through dependent external CSS file links

DUE for POINTS THURSDAY: AGENDA CHECK #2 (will include Nov 8 Letter to the Teacher)

20191105: 2 questions. What is the purpose of an animation on a website? __ __ __ __ __ __ __ __ __ __ __. Usually we see these in the form of _______ _______ animation.

November 7, 2019 DUE TODAY: Agendas through 9/16-11/8 for 210 pts  [ SUB today ]

  1. Create a visual representation promotion of a service or product
  2. Create a sequence of logical steps to follow in gif animation

20191107:  Upload your Company_Animation.gif HERE for today’s assignments


November 8, 2019 

  1. Create a visual representation promotion of a service or product
  2. Create a sequence of logical steps to follow in gif animation

20191108: Letter to the teacher → Write three basic paragraphs checking in with Ms H explaining the following topics IN GENERAL about how school, class and life is starting off for you this school year. 4+ sentences each!

Dear Ms H,

Halfway through the school year, how do you think school is going for you?

Choose your own Adventure Game Button & Sequencing Unit go for you in Devtober?

How is life in general?

Sincerely,

Your Name


LAST SIX WEEKS of Semester one Begins [ 2 weeks, then Thanksgiving Break, 3 more weeks, then Winter Break, make sure you have a B or better so you get ACC College Credit!! ]

November 12, 2019  [ 12-week grade reports run this am at 7:30! ]

  1. Name some of the skills we have practiced in class and identify some of the new concepts we will master in the future
  2. Create div tags and connect them in dependent files
  3. Troubleshoot to locate and correct errors in code
  1. Email should open Microsoft Outlook if functioning correctly
  2. Languages: HTML, CSS, JavaScript, Python, Arduino
  3. Graphic Design: Basic Logo & Sprite Design
  4. Animation: Basic Animation, Timed Animation
  5. Media Writing Samples: Homecoming, Joey Santaniello Walk For All 5k, How To document
  6. Soft Skills: <leadership, team player, self-starter, good with different kinds of people, confident, etc… PICK THREE>
  1. FIRST, make sure you have a link in the head that tells you a dependent file will be connected
  2. SECOND, create a div id within the body where you want this file to appear
  3. LASTLY, type the menu style. Save as nav.css in your styles folder

        

November 14, 2019  

  1.  Execute a separate window popup
  2. Create an 8-bit pixel sprite

November 15, 2019  [ Only FOUR more weeks of Semester 1 !! ]

  1. Students will learn how to open a link in a new window
  2. By searching how to look up this task, students will also learn how to open an image in a new tab

November 19, 2019  [ Only FOUR more weeks of Semester 1 !! ]

  1. Students will learn how to open a link in a new window
  2. By searching how to look up this task, students will also learn how to open an image in a new tab

November 21, 2019  

  1. Upload BOTH characters to your Samples page. List a summary explaining who the character is and what their super power will be for your game
  2. Create a background level design in Gimp 1200 x 800px for your game
  3. Select a retro game to skin → Snake or Pong or the Flappy Bird like ex in W3Schools → Begin skinning by reading the code and changing it to make your own version. Can only be two colors. Change the game pieces to look like your own. Save in assets/game2 folder. This is a practice in reading HTML/JavaScript/CSS code. You must be able Change the colors, modify the speed and make it your own. (see also codepen.io)
  1. Self select a sprite submission to professional artist
  2. Students can skim a new code selection in a given language to identify elements to be modifie
  3. By searching how to look up this task, students will also learn how to open an image in a new tab

November 22, 2019  [ Only THREE more weeks of Semester 1 when you get back from Break! ]

  1. Create a list of marketable skills on resume.html AND link to new programming samples
  2. Create linked dropdown menu

AFTER BREAK → Link to Samples / Game 2 dropdown


December 03, 2019  [ Only THREE more weeks of Semester 1 when you get back from Break! ]

  1. Locate and modify changeable features
  2. Practice reading to find new code through the inspector
  1. Copy and paste into a new google doc in your drive
  2. Update with your own info
  3. File > Publish to the web
  4. Open your resume.html page and create a new “Print Resume” LINK that points to this google doc
  5. Include a VOIP google voice # you create for yourself
  1. Signin with Google
  2. Then, create a view “Coding Examples” LINK on resume.html to your new account, i.e. https://repl.it/@jeffreywilson/

December 05, 2019  

  1. Practice writing algorithms
  2. Students will test program and make adjustments as needed

December 06, 2019  

  1. Practice writing algorithms
  2. Students will test program and make adjustments as needed
  1. NAMEyour creation
  2. Create a PARTS LIST
  3. Then, using the ordered list icon, write out your algorithm (list the BUILD INSTRUCTIONS)

December 10, 2019  

  1. Practice
  1. Have you ever experienced Cyber Bullying?
  2. What have you witnessed in your own life or with peers?
  3. Have you ever done anything to stop it? What could you say to stop it?
  4. How important is it to clean up all your online accounts before getting a job?

December 12, 2019  PORTFOLIO DUE TOMORROW!!! Today is TESTING & Connecting PORTFOLIO TESTING IN CLASS 

  1. Students will correct errors upon debugging from a TestFolder

December 13, 2019  PORTFOLIO DUE

  1. Practice web architecture
  2. Beta Test

December 17, 2019  SEE FINALS SCHEDULE


Makeup MUST be scheduled with the teacher if you plan to come in on Dec 20; Send an email or Remind message

  1. Practice web architecture
  2. Beta Test

December 19, 2019  FINAL AGENDA’s DUE → Grades completed & submitted to ACC

  1. Debug final bugs
  2. Site Hierarchy & Parent Directory connections
  3. Evaluate your design and project learning

Makeup MUST be scheduled with the teacher if you plan to come in on Dec 20; Send an email or Remind message

HAVE A WONDERFUL WINTER BREAK!!! Rest + Relax + Repeat!!!

Looking forward to Animation, Game Design, Controller Builds and DJ  Mixing when you return!!





What’s the tag?

Attribute

What does it do?

<title>

title

It lists the title you describe in the browser tab







Parent Email: gina.hansen@jeffco.k12.co.us                 Student Email to hansensclasses@gmail.com logo_columbine_002.png

This class receives ACC credit for students who earn a B or better and fill out a myACC login & the Concurrent Enrollment Form for CWB-110 by 8/31.


TO COMPLETE THE myACC Login, you must have student’s SSN + Parent’s DL # & Exp Date + Parent’s Car Registration Date. You won't be able to do the whole thing without all those numbers and because you are minors, parent or guardian help is needed.

  1. When you get to the Blue MyACC box, type your SS# in the top + makeup a PW in the second box.
  2. Then, click the login BUTTON & begin the application

Click HERE if you have never attended ACC or if you need additional Directions.
Upon Completion of this Course, students interested in more Computer Science classes should
consider one of the following certificated programs at Arapahoe Community College

logo_columbine_002.png

OR Warren Tech’s Science, Technology, Math, Arts, AV Technology & Communications programs including:

Audio Production, Computer Science, Cybersecurity, Game Development, Graphic Design & Digital Photography, STEM: X-TREME Engineering (Lakewood High School), STEM: X-TREME Engineering (Warren Tech), TV/Video Production

Online Accounts

Remind Code:

Text a message to 81010
Use the
CODE below

For Animation, text @chsanimat

For Multimedia text @hansenmult

For Graphic Design, text @hansengfx

For Web Design text @hansenweb

For Computer Science, text @hansencs

For AP CSP, text @hansenapcs

For Graphic Design, text @hansengfx

For Digital Photo text @hansenfoto

For Digital Music Club text @digimusic

CODE.org Class Accounts
COMPUTER DISCOVERIES →  
Unit 2 - Web Development:

Per 5 → use code DHWTTQ 

Per 7 → use code TYFXCV


COMPUTER SCIENCE PRINCIPLES
 →  
Units 1-2 - Web Development:

Per 5

Per 7

Code Combat Class Accounts:

Javascript vs Python??
Per 5 →
click code StopSleepRun

Per 7 → click code SideHidePaint

Denver Post UserName: hansensclasses        PW: ComputerScienceIsFun

STUDENT GAME 1’s

  1. Cj_Archibald - RPG
  2. Riley_Blackman -
  3. Blake_Brown -
  4. Scott_Carlin - Platformer
  5. Mason_Dubois -
  6. Nathan_Harston -
  7. Rachel_Hoft - RPG
  8. Ashton_Johnston -
  9. Hunter_Kaufman -
  10. Kevin_Le -
  11. Greyson_Loucks -
  12. Emily_Lucero -
  13. Tallon_Miller - UNITY
  14. Adam_Mitchell -
  15. Marco_Perez -
  16. Luke_Romo -
  17. Gillian_Spencer - UNITY
  18. Lucas_Troeger - 2D Platformer
  19. Nick_Wallner - RPG
  20. Jeffrey_Wilson - 1st Person Parkour
  21. Jonathan_Acuna -
  22. Keagan_Albrighton - 1st Person Parkour
  23. Ben_Allen - still installing
  24. Kaitlin_Barmes - Side Scroller
  25. Max_Callas -
  26. Gabriel_Castro - Puzzle
  27. Jonathan_Cecilione - MINECRAFT
  28. Cash_Collum - UNITY
  29. Hunter_Foehner - RPG
  30. Christian_Gomez - Race w/ Adv Car
  31. Zulema_Gomez - Side Scroller
  32. Dash_morris - Platformer
  33. Victor_Rivera_Cordova -
  34. Alena_Roth -
  35. Ryan_Seaton - RPG
  36. Noah_Simonds -
  37. Robbie_Stasch - Arcade
  38. Colton_Steyn - RPG
  39. Ray_Thompson -
  40. Steven_Trinh - Car
  41. Isaac_Wilber - Racing
  42. Michael_Wynkoop - MINECRAFT
  43. Christian Stroud -
  44. Jonathan Landavazo -
  45. Ethan_Wolfe -
  46. Logan_Black -
  47. Veronica_Smialek

STUDENT PORTFOLIOS

  1. cj_archibald
  2. logan_black
  3. riley_blackman
  4. blake_brown
  5. scott_carlin
  6. mason_dubois
  7. nathan_harston
  8. rachel_hoft
  9. ashton_johnston
  10. hunter_kaufman
  11. kevin_le
  12. greyson_loucks
  13. emily_lucero
  14. tallon_miller
  15. adam_mitchell
  16. marco_perez
  17. luke_romo
  18. veronica_smialek
  19. gillian_spencer
  20. lucas_troeger
  21. nick_wallner
  22. jeffrey_wilson
  23. jonathan_acuna
  24. keagan_albrighton
  25. ben_allen
  26. kaitlin_barmes
  27. max_callas
  28. gabriel_castro
  29. jonathan_cecilione
  30. cash_collum
  31. hunter_foehner
  32. christian_gomez
  33. zulema_gomez
  34. dash_morris
  35. victor_rivera_cordova
  36. alena_roth
  37. ryan_seaton
  38. noah_simonds
  39. robbie_stasch
  40. colton_steyn
  41. ray_thompson
  42. steven_trinh
  43. isaac_wilber
  44. michael_wynkoop