NOTES: ADD Animation: Synfig or Pencil2D or Opentoonz

Introduction to Computer Technology

Intro Presentation

FAQ

Master the increasing technological skills required at school and your future career. Dazzle teachers with assignments done using all the bells and whistles of your Google Drive apps, including: documents, presentations, forms, drawings, spreadsheets, blogs and sites.  Troubleshoot the most common issues with hardware, peripherals and file management. Explore the top programming languages that can guarantee an exciting career in one of the largest job markets projected for the near future.Bring your art and ideas to life on the web with popular image and animation formats. Easily design and build your very own web or smartphone app! This course is designed for both the beginner and intermediate tech user.

Days 1 - 5 Internet & Computer Basics

LOGIN (19sjacobson Pw123456), earphones, USB drives

Intro Presentation

COMPUTER BASICS

  1. Review Basic Parts
  2. Review Buttons and Ports
  3. Review Inside a computer
  4. CLASSWIDE LIVE QUIZ will be HERE

Make A KAHOOT or QUIZZIZ

Will project to class!

Mastering Digital Citizenship using Interland

Must complete all 4 areas with a combined score of 1200 or greater

Click on EXPLORE LEARNINGS and take a SCREENSHOT

When ready, take THIS test. If you score low, send me your SCREENSHOT of 1200+ for a higher grade.

Activity: Screenshot, email, etc

  1. Create folder on desktop with your name
  2. SCREENSHOT your Desktop and save as BMP, PNG and JPG to your named folder
  3. Compare size (kilobytes) PNG vs BMP vs JPG
  4. Compress to a Zipped folder (right-click on folder, SEND TO, Compressed…)
  5. Attach ZIPPED file to gmail with file comparison response
  6. email to instructor: sjacobson

FUN SEARCH Games:

GoogleFeud, GoogleFight, WikiSpeedRace, IMDB

hardware, internal....use webcam and project to class

desktop/C:drive/USB/Google Drive

connect : CAT5, wireless, bluetooth ----bandwidth

storage : RAM, HDD, USB, the cloud/web...server farms

Troubleshooting... sabotaged?

Days 6 - 9 Google Drive G1-4

Dazzle teachers with assignments done using all

the bells and whistles of your Google Drive apps

Document [import/export/share/group edit/Ctrl-V/C/Z/Y]

Create a 200+ word document detailing key life events of your original hero/villain character. Include a graphic from one of these sources [Maker 0] [Maker 1] [Maker 2] [Maker 3] [Maker 4] [Chibi DL] or do your own in Paint or take a selfie and photoshop.

[Screenshots (Print Screen or Snipping Tool)] Share with edit privileges to another trusted student for them to add a critique. Share with the instructor [sjacobson] for a grade. How will digital citizenship be reflected in your work?  

SLIDES Lesson

Create a GOOGLE SLIDES that teaches someone something, e.g. your hobby or interests. Must be at least 10 slides, original, not too simple, include multiple graphics/screenshots, 1 LESSON TITLE slide with your name, 8 informational slides, 1 ending slide with the words "TAKE QUIZ". Share with the instructor.

FORM- QUIZ [Create an 8 question QUIZ over your previous slides]

Click on the SETTING (gear icon) and choose the QUIZZES TAB and activate 'Make This A Quiz" so you can choose the correct answers and assign points for autograding. When done, click the SEND button, choose the link🔗 tab and COPY. Now, go open your previous SLIDE Lesson (Slide #10), select the words "TAKE QUIZ", click on the insert LINK icon and PASTE-APPLY.

Drawing [Create an original trading/collectible/customizable style card character, in a style similar to Magic, Pokemon, Digimon, Yu-Gi-Oh!]

Download as an SVG format for grading. Rename this file with your student account, i.e. 20FI_LastName.SVG and attach to an email to the instructor.

Days 10 - 16 HTML/CSS

[3] Create a 5 page website with original graphics, themed, color coordinated,  advanced features on each page (e.g. photo gallery, blog, embed videos & maps) using one of the following: Google Sites, Weebly, WIX. Page ideas: friends, links, quotes, about, contact, products. How will your live website reflect digital citizenship?

[3] Intro To JS: Drawings and Animation OR Advanced JS: Games & Visualizations  Create an account (sign in with your student Google account) to save progress for a grade!  To get a 100% 'A'

Intro to JS: Drawing and Animations - get to end of Functions

Advanced JS - get to end of Making a Memory Game

If you'd like to do a couple sections in each, so it adds up to 6, I will combine :) 

Days 17 - 24 REAL WEBSITE w/bells!

[2] Animated Gif - PISKEL export animated GIF ---> EX1 : EX2

Create 3 quality 20+ frame (multi-layer) animations to include in your upcoming website hack.

90° rotations, scales, simple translations and patterns don’t count.

[2] Create 3 FLASH Logo Animations using Vectorian Giotto to include in your upcoming web site hack ---It's already installed on your school computer at 'This PC' icon, Local Disk (C:), Giotto folder, Click on vectoriangiotto.exe

Teacher's YOUTUBE TUTORIAL  

Teacher's 'Get Rid of UGLY corners' Tutorial

After SAVING to a DESKTOP folder as LOGO1.VGD , LOGO2.VGD, LOGO3.VGD

FILE-EXPORT FLASH MOVIE for each and notice it now shows LOGO1.SWF, LOGO2.SWF, LOGO3.SWF files. SWF is the official format for Flash Browser movies.  To VIEW these in the browser, RIGHT-CLICK on the SWF file, Choose OPEN WITH, MORE APPS, Internet Explorer, (ALLOW or accept any warnings).

Flash [Basics + web page embed code

[Download Giotto for home use]

Alternatives: Adobe Flash Animate, SYNFIG

[4] Hack this HTML template with NOTEPAD [Example: Max K, Sierra D, Jace B]

Right-click > SaveLink As > to Desktop > UNZIP

(5 pg site unzipped to desktop or thumb drive)

include your previously made 3 animated PISKEL GIFS and 3 Vectorian Giotto flash movies

QUARTER ENDS

Days 26 - 29 CHOICES!!!

[4] CODE COMBAT  ---[100 pts]

>>> Create an account : Choose STUDENT (Individual) No Class Code

and go as far as you can in Kithgard Dungeon and Backwoods Forest

40 completed levels = A, 30 = B, 20 = C, 10 = D

CLUE: How to get to Backwoods Forest ---Thanks to Jordan Brock!

Days 30 - 38 Fast App Prototyping

[9] FUSION Web GAME/APP [Games made with FUSION]  3 x 100 pts each!

Play each mini-game, make notes of needed improvements, download  1 of the 3 MFA files in each category, open in Fusion and MODIFY! If you have been in another class or are retaking, pick ones you have not done before!

Change theme, replace all graphics, implement improvements!

Adding sounds may cause issues when played on iOS devices when created with the FREE version of Fusion

EXPORT to folder then HOST (create account) on Netlify or itch.io (zipped)

To update Netlify files go to DEPLOY tab

PLAY ON YOUR PED Browser to TEST!!!

  • PICK ONE of these 3 for the 1st week  100 pts
  • Whack-a-mole!  : damage to ‘hammer’ ends game, if no hit ‘mole’ lose points
  • 4 door!  : sounds, 3 doors or 5 doors, ?
  • Escape Room!  : combine objects to make tools/keys, Google ‘Great Bathroom Escape’
  • PICK ONE of these 3 for the 2nd week  100 pts
  • Flappy Bird!  : wider walls, closer gaps, bomb pickups, run and jump
  • Invaderz!  : faster when fewer, more waves, mothership
  • Block Break!  : blocks wrap, new waves, bonus, wider/narrower paddle
  • PICK ONE of these 3 for the 3rd week  100 pts
  • Frogger!  : other enemies, gut splatter, ...
  • BarrierDraw!  : different rules, erase (paste not obstacle), different pen tips
  • Tower Defense!  : faster waves, less damage, more units, worst enemy shoots back

Tutorials by Almighty Zen Taco

Crash Course by Jacobson For Collector, Platformer, 2 Player

Examples

FUSION SPECIAL REQUESTS!!!

Web Sound FX                      RPG Sprites or Opengameart or  Sprite Generator 

Days 39 - 44 3D

[3] Create 3D Meshes                  ...100pts

Create 3 different 3D objects using Anim8or (already installed on class computer). Must include mesh modifications, coloring, detailed, and be recognizable.  

TUTORIAL SLIDES 

YouTube Tutorial

Anim8or Manual
Texturing


[3] BLITZ CRASH COURSE            ...100pts

Finish the 9 step tutorial and then create an original spin off from all you have learned

EOCA

Buttons [HERE] [HERE] [HERE]

CHEAT SHEET

Color codes

CORE HTML

ERRORS

Hacker Tricks

Hover Script

IFRAME
Image Map

Layers 

Menus 

NOTEPAD

Special Characters

Tables

Text Styles