Following are links to files being used for Westview FBLA competitive events.

 

1. Coding and Programming - Thien Kieu

Green Life Access Database - Requires Microsoft Access or Access Runtime at https://www.microsoft.com/en-us/download/details.aspx?id=39358 


 

2.  Publication Design - Shannon Byrne

Draggie's Adventures - JPEG images - JPEG and AI files (larger)


 

3. Graphic Design - Uri Ruiz and Damien Hernandez

Family Entertainment Center PDF files


 

4. E-Commerce - Thien Kieu

1. Download the web server and application https://drive.google.com/uc?id=0ByLneocIHIodOURHS1gzNjFBQlE&export=download 

2. Unzip the file.

3. Open the USBWebserver folder.  Double click the application titled "usbwebserver"

4. The Apache and MySQL servers should automatically start.  If they do not start, click the Apache button and the MySQL buttons and start the services.

5. On the General tab, click the "localhost" button.  This should open a web browser.

6. Choose the "wordpress" link to start the e-commerce application

 


5. 3D Animation - Prem Somireddy

 


6. Computer Game and Simulation

 


7. Website Design - Gilberto Valverde and Elizabeth Dael

 

http://studyoffice.org/images/fbla/FBLA2017/GonzoWorld/Cover.html 


 

8. Video Trailer - Elizabeth Evangelista and Hana Tyler

From YouTube -  https://www.youtube.com/watch?v=BbiFbYsZ3tM&feature=youtu.be  

 

Infographic Assignment (plus $1000 in scholarship money)

CenturyLink is offering $1000 in scholarship money for winning entries in their InfoGraphic design competition.

1. What is an InfoGraphic and why are they useful?

Infographics present facts and statistics in an interesting fashion.  See Pictochart's Top 10 Infographics of 2013 for some good examples.

 

2. What tools do we have to make InfoGraphic creation useful?

Online

http://piktochart.com/ 

 

3. What is the process for creating a successful infographic?

  1. Do you research.  Create a list of at least 10 facts about your subject.
  2. Ask yourself "What type of graphics fit with your topic?" Is the topic about people? computers? jobs? technology?  What are some common images associated with this subject?
  3. Ask yourself "What types of graphs would show the numbers best? (pie chart, bar chart, tables, line graph etc)
  4. Pre-sketch your idea.  Draw a rough draft with a paper and pencil. Put in the title, columns, graphs, images, flow charts, picture frames.
  5. Create the poster with your favorite tool.

3. Where do I get the details about the scholarship?

 

http://www.centurylinkquote.com/scholarship/rules 

StudyOffice.org is the home of computer classes taught by teacher Shad Sluiter at Westview High School in Avondale, AZ

 

1. Introduction to Information Technology

 

  • Computer hardware, history and security
  • Microsoft Office
  • Adobe Creative Suite - Illustrator, Photoshop and Flash
  • Introduction to programming concepts.

 

2. Software Development

 

  • Object Oriented game programming with JavaScript
  • Windows applications with C# in Visual Studio
  • SQL database apps with C#
  • Mobile apps with Java

 

3. Web Development

 

  • HTML and CSS
  • Responsive Design websites for mobile screens
  • Version control with Github
  • Javascript programming
  • jQuery
  • Client-side frameworks using ReactJS for single-page apps
  • mySQL database
  • PHP for data-driven apps
  • AJAX for dynamic web updates
 

These activities will teach you some history of computer technology through biographies and history lessons.

 

1. Steve Jobs speaks at the Stanford University Graduation in 2005 about events in his life that influenced his work with the Macintosh computer.

http://cleanvideosearch.com/media/action/yt/watch?videoId=UF8uR6Z6KLc

 

2. 

 

Microsoft

https://www.youtube.com/watch?v=ad4m9U_u7X4

The Internet

https://www.youtube.com/watch?v=h8K49dD52WA

 

Computer Programming Learning Units

 

Unit 1. Block Programming - Learn Coding through Puzzles and Art Robots

http://www.code.org/join

 Grade Objective - Complete all levels of puzzles.

 

 

 

Unit 2. Construct 2

Construct Directions

1. Follow the tutorials below to create three different games.

2. Improve these games by substituting your own graphics, adding sound effects or adding new levels.

Here is a tutorial for how to add sounds.

Here is 

Download resources - images and sounds

Construct image pack

Construct sounds pack

List of links to other graphic packages

 

Video Tutorials

a. Asteroids - shooter game

 http://www.mybigcampus.com/bundles/construct-2-tutorial-1-asteroids-type-game---375135

b. Mario Bros - Platform Game

 http://www.mybigcampus.com/bundles/construct-2-tutorial-2-mario-bros---375316 

c. Angry Birds - Physics Game

 http://www.mybigcampus.com/bundles/construct-2-tutorial-3-angry-birds---375349/ 

d. Airplane Shooter Game

http://www.mybigcampus.com/library/454018  

Text Tutorials

e. Space Asteroids

https://www.scirra.com/tutorials/358/asteroid-clone-in-less-than-100-events

f. PacMan

https://www.scirra.com/tutorials/308/cloning-the-classics-pacman

g. Memory Match

https://www.scirra.com/tutorials/280/creating-a-memory-match-game

h. Breakout

https://www.scirra.com/tutorials/313/cloning-the-classics-breakout-video

i. Flappy Bird

https://www.scirra.com/tutorials/857/flappy-birds-clone-in-10-minutes

j. Save the Monkeys

https://www.scirra.com/tutorials/343/basic-physics-tutorial-save-the-monkeys

k. Tower Defense Game

https://www.scirra.com/tutorials/443/building-a-tower-defence-game-with-the-turret-behaviour

 

Game enhancements

Make a timer

https://www.scirra.com/tutorials/450/timers

Pathfinding - making your enemies smarter

 

https://www.scirra.com/tutorials/474/pathfinding-with-line-of-sight

Make a fancy lifebar

 

https://www.scirra.com/tutorials/182/making-a-fancy-lifebar

Game Maps - Revealing Secrets

https://www.scirra.com/tutorials/322/making-an-interactive-treasure-map

Make a ladder for a platform game

https://www.scirra.com/tutorials/548/simple-ladder-for-platformer-game

More Advanced Enhancements

Create a radar screen to track enemies

https://www.scirra.com/tutorials/559/making-a-radar

Move your game to an iPad

https://www.scirra.com/tutorials/43/making-an-ios-web-app-with-construct-2

Gravity-based platformer

https://www.scirra.com/tutorials/273/how-to-make-a-gravity-based-platformer

How to save a game

https://www.scirra.com/tutorials/526/how-to-make-savegames

or

https://www.scirra.com/tutorials/321/how-to-make-and-name-save-game-slots

Wall jumping in platform games

https://www.scirra.com/tutorials/452/platformer-enhancements-wall-jumping

Double Jump in Platforms

https://www.scirra.com/tutorials/455/platformer-enhancements-double-jump

More about physics effects

https://www.scirra.com/tutorials/65/physics-in-construct-2-forces-impulses-torque-and-joints

Keep track of high scores

https://www.scirra.com/tutorials/348/integrating-leaderboards-achievements-and-social-features

 

 

Unit 3. App Inventor - Use Block Programming to Create Android Phone Applications

Part 1 - Introduction Apps.

Create all four of the apps in the following link

http://www.mybigcampus.com/bundles/app-inventor-intro---372938

Part 2 - Choose 3 or more

Select at least one app from each category and create it according to the instructions.  Each category will show you a different type of app that you can create with Android.

A. Graphical Games

B. App Interface Items

 C. Web Connection Programs

Step 3 - Create your own app

Design your own game or utility.  Use what you learned in the previous links.  Improve them.  Add another level of difficulty. Combine one or more functions from several lessons to make your own app.

 

 

 

 

Unit 4. Mindstorms - Build Lego Robots and Program them with Block Programming

 http://www.mybigcampus.com/bundles/lego-mindstorms-programming-projects---374589 

Mindstorms Directions

1. Choose one of the designs listed in the link above.

2. Build the model and program it exactly as the instructions show.

3. Make your own modifications to the physical design and to the program to make the robot do something better.  For example, instead of just following a straight line, build a robot that can follow criss-cross lines.  Or improve the ball coaster to have two tracks - one track to send the red ball and the blue ball on another track.

4. Record and edit a video that shows (1) the first design of your model (2) a view of the program on the computer screen with an explanation of what it does (3) the changes you made to improve the robot.

Mindstorm Grade Scale

  • The Mindstorms robotic challenge is an extra credit grade since not everyone in the class will have time to participate.  
  • You may work with one or two other people.
  • Near the end of the school year, the class will view all the robot project videos and vote on the most inventive design changes.

Letter Grade

  • D = Build something but lacks ability to work.
  • C = Build one of the units listed in the link above.
  • B = Make a modification in the physical design and the programming.  Customize it to do something better or different.
  • A = Create a video documenting the original project and an explanation of the improvements you made.

 

 

 

 

 

 

Unit 5. JavaScript - Learn coding techniques with real JavaScript syntax

a. Kahn Academy Javascript - Part 1

https://www.khanacademy.org/computing/cs

 

b. Code Academy

http://www.codecademy.com/tracks/javascript

 

c. Kahn Academy Javascript - Part 2 Games and Visualizations

https://www.khanacademy.org/computing/cs

 

 

 

 

 

 

 

Unit 6. HTML and CSS

http://dash.generalassemb.ly

http://codeacedmy.com

 

 

 

 

 

 

Unit 7. PHP

a. Process forms

b. Store and retrieve data from SQL databases

c. Use PHP to interact with mobile apps (app inventor)

 

 

 

 

 

Unit 8. Visual Basic

 

 

 

 

 

Unit 9. C#

 

 

 

 

Unit 10. Java for Android apps

https://www.youtube.com/playlist?list=PL2F07DBCDCC01493A

 

Who and Where?

Shad Sluiter Westview High School Employee of Month

StudyOffice.org was created by Shad David Sluiter, Information Technology teacher at Westview High School, Avondale, AZ.

 

Portfolio of Pages and Apps - Projects and tutorials created by Shad Sluiter

PHP and mySQL

  • Jokes Database - PHP and mySQL tutorial project for beginners.  Learn how to create a database and run the basic CRUD (Create, Read, Update and Delete) operations using a database of Jokes.  You can follow the tutorial steps on Shad's YouTube Channel.

HTML and CSS

You can see the tutorial for these lessons on Shad's YouTube channel.

JavaScript and jQuery

You can see the tutorial for these lessons on Shad's YouTube channel.

  • Map App - Example of using absolute positioning in CSS, jQuery selectors and modify CSS properties.
  • Race Car Game - jQuery animation in this betting game.  
  • Love Match - jQuery functions and CSS manipulation.
  • Find Primes - jQuery/JavaScript for creating functions.
  • Mad Libs - jQuery example for selecting and replacing <div> sections.
  • Rock Scissors Paper - jQuery/Javascript example using random numbers, if statements, <div> replacements.
  • Roman Numeral Convertor - jQuery/Javascript example using while loops and string operations.
  • Jokes App - jQuery example of hide and show functions.

React.js

  • Comments - Using react.js, construct a dynamically updated page to record comments on a page.

JavaScript

Student Projects based on Sluiter's Dot Chaser Tutorial.  Projects emphasize object oriented programming concepts.

  • Angela - control with mouse.
  • Jay - control with arrow keys.
  • Damien - catch the cheese slices.
  • Hao - use arrow keys.
  • John - another dot chaser.
  • Shannon - wide view.
  • Thien - full-screen.

Student projects based on Sluiter's Building Bomber Tutorial

  • Brandon - Use arrow keys to move and drop bombs.
  • Jayson - Another building bomber.

Pong - students first experience with designing a game from scratch without the aid of a tutorial

  • Pong - the ultimate classic

 

Tolleson Union High School District

The lessons are used in all of the high schools in the Tolleson Unified High School District by the following teachers:

  1. Shad Sluiter - Westview High School
  2. Elena Sobampo - University High School
  3. Debbi Kuehn - La Joya High School
  4. Debra Zurcher - Tolleson High School
  5. Joe Dean - Sierra Linda High School
  6. Larry Thomas - Copper Canyon High School
  7. Nicholas Gehrts - Westview High School

 

 

 Career and Technical Education Teachers at Tolleson High School District

 

More than Microsoft Office

StudyOffice.org was originally designed to teach mainly Microsoft Office also has material for Software Development and Introduction to Information Technology.  

The section titled Web Development includes lessons on HTML/CSS, JavaScript, jQuery, Twitter Bootstrap, Zurb Foundation, PHP, mySQL, React.js, Angular and PhoneGap.

The section titled Software Development includes lessons on JavaScript for Object Oriented Coding, C# for Windows and Unity 3D applications, Java for Android Mobile Appications.